@charset 'utf-8'; /* ___ ____ _ _ ____ _ _ _ | \ | | |\/| |__| | |\ | |__/ |__| | | | | | | \| b a s e s k i n -------------------------------------------------------------------------------------- skin-base-domain.css (base skin to which a channel skin is applied) Author(s): Stephen Mok, Anton Triyanto, Jens Korff - Fairfax Media Born: Oct 2008 Last modified: $Revision: 12010 $ $Date: 2011-10-28 16:54:19 +1100 (Fri, 28 Oct 2011) $ $Author: rkelly $ Colours: green (light to dark) - #6e9a2b, #4c7a1d, #360 blue (light to dark) - #069, #036 red - #cf3b01 greys (light to dark) - #eee, #eeede9, #e2e2e2, #ccc, #aaa, #999, #666 black - #333 Contents: + Generic - Page Layout - Accessibility - Text Styles - Containers - Advertising + Network strip (n) components + Masthead (m) components + Content (c) components + Footer (f) components + Advertising (A) components To search for a specific component, look for the component name in square brackets, e.g. [cT-nameOfComponent]. You may also wish to search for where that component has been styled differently when it is nested inside another component, by searching for the same component, but on lines starting with "CUSTOMISATION" */ /* ------- | Generic | generic styles that apply to all components -------------------------------------------------------------------------------------- */ /* Page Layout ...................................................................................... */ html { background:#dad9d6 } body { width:999px; margin:0 auto; background:white url("img/sprite-domain.png") repeat-y -10px 0 } * + html body { position:relative } /* stop content from not shifting when window resized in IE 7 */ * html body { position:relative } /* stop background from shifting in IE 6 */ body.lightbox { margin:0; background:none } body.included { float:left; width:100%; background:#fff } .wrap { width:945px } /* Enhanced pages ...................................................................................... */ .enhanced .content {margin-left:11px; margin-right:20px; width:600px} .aside-left-alt .aside {float:left; margin-left:26px; margin-right:20px} .aside-left-alt .content {float:right; margin-left:0; margin-right:26px; width:573px} /* Content and aside */ .content, .aside { margin-top:.5em } .aside-left .content {width:600px} .aside-right .content, .aside-left .aside, .aside-none .content { margin-left:15px; margin-right:0} .aside-right .aside, .aside-left .content { margin-right:15px } * html .aside, * html .content { display:inline } /* IE 6 double margin bug */ .aside-border .content { width:720px; padding-right:25px; background:url("img/sprite-domain.png") repeat-y 735px 0 } @media only screen and (max-device-width: 1024px) and (orientation:portrait) { .aside-border .content { width:719px } } /* ipad */ @media only screen and (max-device-width: 1024px) and (orientation:landscape) { .aside-border .content { background-position:736px 0 } } /* ipad */ .aside-borderWide .content { width:575px; min-height:595px /* There are cases when the content is shorter than the aside, therefore we need the min-height to cater for it.*/; padding-right:25px; background:url("img/sprite-domain.png") repeat-y 590px 0 /* sprite: content|page backgrounds|nav sahdow-aside wide*/ } * html .aside-borderWide .content { height:595px } .aside-border .content, .aside-border .aside, .aside-borderWide .content, .aside-borderWide .aside { margin-top:0; margin-bottom:0; padding-top:.5em; padding-bottom:1em } /* replace margins with padding so that border stretchs to top of page */ .hasHelpNav .aside { margin-top:1em } /* Text styles */ .aside h3 { font-size:1.5em; letter-spacing:-1px; margin:0 10px .13em 0} .aside p { margin:.75em 0 } /* Postscript (full-width area after content and aside) */ .postscript { width:915px; margin:0 15px .5em; position:relative; top:-.5em } /* Footer */ .footer { border-top:1px solid #ccc } /* Font size calculations - pixels to ems (based on 12px): * 11px = .92em,12px = 1em, 14px = 1.167em, 16px = 1.333em, 18px = 1.5em, 20px = 1.667em * 22px = 1.833em, 24px = 2em, 26px = 2.167em, 28px = 2.333em */ /* Headers */ .enhanced h1, .enhanced h2, .enhanced h3, .enhanced h4, .enhanced h5, .enhanced h6, .frmSearch legend {font-family:'PT Sans Narrow',Arial,Helvetica,sans-serif} .enhanced h1, .enhanced h2, .enhanced h3 {font-weight:bold} .enhanced h1 {margin-bottom:14px; font-size:2.25em} .enhanced h2 {margin-bottom:8px; font-size:2em} .enhanced h3 {margin-bottom:4px; font-size:1.75em} .enhanced h4 {margin-bottom:4px} .enhanced .aside h3 {margin-bottom:5px; letter-spacing:normal} .enhanced p {margin-bottom:14px} /* Wrappers ...................................................................................... */ /* Feature panel */ .panelFeature {overflow:hidden; margin-bottom:20px; padding:11px; width:923px; background:url('img/sprite-domain-bg.png') no-repeat 0 100% /* content | feature main */} .featWide, .featNarrow /* extends panelFeature. Bg includes shadow */ {padding:23px 0 10px 11px; width:934px} .featWide /* wider RHS */ {padding-top:15px; background-position:-347px 100% /* content | feature main */} .featNarrow /* narrower RHS */ {padding-top:18px; background-position:-290px 100% /* content | feature main */} .panelIndent {padding-left:14px} .panelDivider {overflow:hidden; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ccc} /* Icons ...................................................................................... */ .iconAvail {display:block; background:url('img/sprite-domain.png') no-repeat -1285px -609px /* content | */} .iconNext {padding-left:10px; background:url('img/sprite-domain.png') no-repeat -1328px -576px /* content | */} /* Global styles ...................................................................................... */ .cBoth { clear:both } .txtSml {font-size:.91em} body p.error {margin-bottom:5px; font-size:.92em; color:#cf3b01} /* Accessibility ...................................................................................... */ /* DISABLED until styling finalised input[type=checkbox]:focus { outline:2px solid #cf3b01 } */ /* Text Styles ( specify the font once in % here and in 'em' elsewhere to resize it easily browser default: 16px => 76%=12px => 1em=12px ) ...................................................................................... */ body { font-size:76%; line-height:1.4; color:#333 } body, input, textarea, select { font-family:Verdana,Arial,Helvetica,sans-serif } /* form elements must have font explicitly set */ textarea { font-size:1em } .content a, .aside a, .postscript a { text-decoration:underline } /* Buttons */ /* ALTERNATIVE variable width with background colour */ .button { border:1px solid #999; padding:.25em .85em; font-weight:bold; font-size:.92em; margin:0; cursor:pointer } a.button { padding:.35em 1.1em; text-decoration:none; line-height:1.92em } /* links - add padding:.1em .25em */ * html .content a.button, * html .aside a.button, * html .postscript a.button { text-decoration:none } * + html input.button { overflow:visible; padding:.25em .95em } /* IE inputs - add padding:0 .1em */ * html input.button { overflow:visible; padding:.25em .95em } /* IE inputs - add padding:0 .1em */ body:last-child:not(:root:root) .button { padding:.4em 1.3em } /* Safari inputs and links - add padding:.15em .45em */ /* Button styles */ .enhanced .button {display:inline-block; padding:6px 10px 7px; width:auto; height:auto; line-height:1; margin-right:10px; font-size:1em; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center; text-decoration:none; vertical-align:middle; color:#fff} .enhanced a.button {padding:9px 10px} /*---- IE fixes ----*/ *+ html .enhanced a.button, *+ html .enhanced button.button {padding:7px 10px 9px} /*IE8*/ .enhanced input.button, .enhanced button.button {padding:7px 10px 9px\0} .enhanced .footer h2 {font-family:Georgia,"Times New Roman",Times,serif} .enhanced .nN-footerLinks h3 {color:#8a8c8f; font:11px/16px Arial,Helvetica,sans-serif} /* ALTERNATIVE fixed width with background image*/ /* Only the buttons with .button-[size] uses a background image */ .button-S, .button-M, .button-L, .button-XL { margin:0; padding:0; font-weight:bold; font-size:.92em; border:none; cursor:pointer; text-align:center; height:24px; line-height:24px; background:url('img/sprite-domain.png') no-repeat } a.button-S, a.button-M, a.button-L, a.button-XL { display:-moz-inline-block; display:inline-block; line-height:2em; padding:0 } .button-S { width:66px; background-position: -1010px -240px /* button w66 */} .button-S :hover, .button-S:focus { background-position:-1010px -265px /* button:hover w66 */ } .button-S:active { background-position:-1010px -290px /* button:active w66 */ } .button-M { width:100px; background-position:-1080px -240px /* button w100 */ } .button-M:hover, .button-M:focus { background-position:-1080px -265px /* button:hover w100 */ } .button-M:active { background-position:-1080px -290px /* button:active w100 */ } .button-L { width:150px; background-position:-1180px -240px /* button w150 */ } .button-L:hover, .button-L:focus { background-position:-1180px -265px /* button:hover w150 */ } .button-L:active { background-position:-1180px -290px /* button:active w150 */ } .button-XL { width:180px; background-position:-802px -240px /* button w180 */ } .button-XL:hover, .button-XL:focus { background-position:-802px -265px /* button:hover w180 */ } .button-XL:active { background-position:-802px -290px /* button:active w180 */ } /* target Firefox: */ .cT-searchFacet .button, x:-moz-any-link { padding-bottom:.33em } /* reset for IE 7: */ * + html .cT-searchFacet .button { padding-bottom:0 } /* Play video overlays */ .playVideo span {text-indent:-9999px; opacity:.7; background:url("img/sprite-domain.png") no-repeat} .playVideo:hover span, .playVideo:focus span, .playVideo:active span {opacity:.9} /* ----- IE Fixes ----- */ * html .playVideo span {filter:alpha(opacity=70)} * html .playVideo:hover span, * html .playVideo:active span {filter:alpha(opacity=90)} /* overlay sizes ........................................ size | width | height | CLASS NAME ........................................ small | 45px | 45px | size-s medium | 60px | 60px | size-m large | 70px | 70px | size-l ......................................... */ .playVideo span {margin:-30px 0 0 -30px; width:60px; height:60px; background-position:-900px -410px /* sprite:play-medium */} *+ html .playVideo span {background-position:-830px -410px /* sprite:play-medium-dim */} *+ html .playVideo:hover span, *+ html .playVideo:focus span, *+ html .playVideo:active span {background-position:-900px -410px /* sprite:play-medium */} /*IE8*/.playVideo span {background-position:-830px -410px\0 /* sprite:play-medium-dim */} /*IE8*/.playVideo:hover span, .playVideo:focus span, .playVideo:active span {background-position:-900px -410px\0 /* sprite:play-medium */} .playVideo .size-l {margin:-35px 0 0 -35px; width:70px; height:70px; background-position:-900px -340px /* sprite:play-large */} *+ html .playVideo .size-l {background-position:-830px -340px /* sprite:play-large-dim */} *+ html .playVideo:hover .size-l, *+ html .playVideo.sizeLarge:focus span, *+ html .playVideo.sizeLarge:active span {background-position:-900px -340px /* sprite:play-large */} /*IE8*/.playVideo .size-l {background-position:-830px -340px\0 /* sprite:play-large-dim */} /*IE8*/.playVideo:hover .size-l, .playVideo.sizeLarge:focus span, .playVideo.sizeLarge:active span {background-position:-900px -340px\0 /* sprite:play-large */} .playVideo .size-m {margin:-30px 0 0 -30px; width:60px; height:60px; background-position:-900px -410px /* sprite:play-medium */} *+ html .playVideo .size-m {background-position:-830px -410px /* sprite:play-medium-dim */} *+ html .playVideo:hover .size-m, *+ html .playVideo.sizeMedium:focus span, *+ html .playVideo.sizeMedium:active span {background-position:-900px -410px /* sprite:play-medium */} /*IE8*/.playVideo .size-m {background-position:-830px -410px\0 /* sprite:play-medium-dim */} /*IE8*/.playVideo:hover .size-m, .playVideo.sizeMedium:focus span, .playVideo.sizeMedium:active span {background-position:-900px -410px\0 /* sprite:play-medium */} .playVideo .size-s {margin:-22px 0 0 -23px; width:45px; height:45px; background-position:-900px -470px /* sprite:play-small */} *+ html .playVideo .size-s {background-position:-830px -470px /* sprite:play-small-dim */} *+ html .playVideo:hover .size-s, *+ html .playVideo.sizeSmall:focus span, *+ html .playVideo.sizeSmall:active span {background-position:-900px -470px /* sprite:play-small */} /*IE8*/.playVideo .size-s {background-position:-830px -470px\0 /* sprite:play-small-dim */} /*IE8*/.playVideo:hover .size-s, .playVideo.sizeSmall:focus span, .playVideo.sizeSmall:active span {background-position:-900px -470px\0 /* sprite:play-small */} /* cross-browser compatibility ........................................................................ browser | default state | hover state ........................................................................ standards-compliant | [play-size] sprite | [play-size] sprite | with alpha outer glow | with alpha outer glow | opacity 70% | opacity 90% IE 8/IE 7 | [play-size-dim] sprite | [play-size] sprite | with alpha outer glow | with alpha outer glow | no opacity | no opacity IE 6 | [play-size] sprite | [play-size] sprite | alpha ignored | alpha ignored | opacity 60% | opacity 85% ......................................................................... summary: because IE 7 and IE 8 don't support PNG-24 alpha transparency at the same time as filter:alpha, we need separate states in the sprite just for the default (non-hover) state in those two browsers */ /* Common classes ...................................................................................... */ /* Force long words to wrap - source: http://perishablepress.com/press/2010/06/01/wrapping-content */ .wrapSafe {word-wrap:break-word; white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-moz-pre-wrap;/* Firefox */white-space:-hp-pre-wrap;/* HP Printers */} /* Containers ...................................................................................... */ .box { border-top:1px solid; background:#eeede9; padding:.75em 1em 1em; font-size:.92em } div.box h3 { margin:0 0 .25em 0; font-size:1.64em; letter-spacing:-1px } div.box p { margin:.25em 0 } div.box li { list-style:none; margin:.3em 0 0; padding-left:15px; background:url("img/sprite-domain.png") no-repeat -1325px -575px } /* Advertising (generic styles) ...................................................................................... */ .aside .altAd {margin-top:0} .footer .ad { width:728px; margin:1em auto 1.25em auto } /* ---------------------------- | Network strip (n) components | -------------------------------------------------------------------------------------- */ /* [nN-whiteStrip] Network strip (white strip) ...................................................................................... */ .nN-whiteStrip { width:945px } .nN-whiteStrip > ul { max-width:860px } /* default max-width is based on 990px content width, but adjust to fit 945px instead */ * html .nN-whiteStrip .custom { width:860px } /* IE 6 doesn't support max-width, but we can at least set the width on the LHS list, knowing the RHS list will overlap it */ .nN-whiteStrip .logo { background-position:-76px 4px /* sprite:logo-fm */ } /* Fairfax Media logo */ .scriptable .nN-whiteStrip .logo { background-position:-76px 1px /* sprite:logo-fm */ } /* adjust logo to fit shorter JavaScript-enabled version of network strip */ /* [nN-footerLinks] Network wide footer links ...................................................................................... */ .nN-footerLinks { padding-left:5px } /* padding-left is to increase space between logo and left margin (no padding added to the right to allow div inside to still be 870px wide, consistent with other sites, as most of the time the links won't stretch that far right anyway) */ .nN-footerLinks .logo { background-position:-78px 0 /* sprite:logo-fm */ } /* Fairfax Media logo */ /* ----------------------- | Masthead (m) components | -------------------------------------------------------------------------------------- */ /* [mS-headerExternal] Header (masthead) - external section ...................................................................................... */ .mS-headerExternal .mh-logo a { display:block; width:100% } .mS-headerExternal .nav, .mS-headerExternal .nav li, .mS-headerExternal .nav a { width:auto; height:auto; background:none; text-indent:0 } /* [mB-header] Header (masthead) ...................................................................................... */ .header .mh-logo a { width:190px } .header .mh-logo a, .header .ad { margin:6px } /* specify this in px so that the header doesn't scale with font-size (.5em = 6px) */ /* Main navigation */ .nav { height:38px; padding-left:15px } .nav a { height:38px } /* subnav */ .hasSubNav .nav { padding-bottom:32px; margin-bottom:6px } .nav li ul { top:38px; height:32px; width:929px; padding-left:16px; background:#3b3b3b; text-indent:0; font-size:.92em } .nav li ul li { margin:6px .75em 0 0; padding-right:.75em } .nav li ul .last { border-right:none; padding-right:0 } .nav li ul a { background:none; color:white; height:20px; line-height:20px; display:inline-block } .nav li ul span {background-color:#fec10f; border:1px solid #2b2b2b; text-decoration:none; padding:1px 4px; display:inline-block; font-weight:bold /* Border radius: */-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} * html .nav li ul a { float:left } * html .nav li ul a:visited { color:white } /* to fix IE jumping content bug, float the nav and fix its width instead of using clearing */ * html .nav { clear:none; float:left; width:930px } * + html .nav { clear:none; float:left; width:930px } /* Shadow under main navigation */ .header { overflow:hidden; padding-bottom:12px; background:url("img/sprite-domain.png") -37px 140px no-repeat } .aside-borderWide .header { background-position:-37px 114px } /* where the bottom shadow of the nav has to intersect the border from the sidebar */ .aside-border.aside-narrow .header { background-position:-37px 128px } /* where the bottom shadow of the nav has to intersect the border from the sidebar */ .header.hasSubNav { background:none; padding-bottom:0 } * + html .header.hasSubNav { padding-bottom:.5em } * html .header { height:1% } /* make sure it has layout in IE 6 */ /* [mB-channels] Channel logo links ...................................................................................... */ .mB-channels { float:right; margin-right:-6px } .mB-channels a:hover, .mB-channels a:focus, .mB-channels a:active { filter:alpha(opacity=60); opacity:.6 } /* [mB-helpNav] Persistent help nav ...................................................................................... */ .mB-helpNav { margin:.25em 15px .75em; font-size:.92em } .mB-helpNav li { border-left:1px solid black; padding-left:1em; margin-left:1em } .mB-helpNav .first { border-left:none; padding:0 } .mB-helpNav a { text-decoration:underline } .hasHelpNav .content { margin-top:-1.5em } /* [mS-footerExternal] Footer (masthead) - external section ...................................................................................... */ .mS-footerExternal .nav { height:auto; padding:0; text-indent:0; background:none } .mS-footerExternal .nav li { float:none } .mS-footerExternal .nav .last { background:none } .mS-footerExternal .nav a { display:inline; height:auto; background:none } .mS-footerExternal .navMore { list-style:none } .mS-footerExternal .navMore li { margin:0 } .mS-footerExternal cite { display:block } /* ---------------------- | Content (c) components | -------------------------------------------------------------------------------------- */ /* [cS-headingPage] Page title [cN-strapHeading] Title for strap or content area D STYLES ...................................................................................... */ h1.cS-headingPage, .cN-strapHeading { margin-bottom:.5em; font-size:1.8em; letter-spacing:-1px; font-weight:bold } .aside-none .cN-strapHeading { padding:0 15px } .cS-headingPage.heading-wmhw { margin-bottom:1em; height:100px; text-indent:-999em; background:url("img/heading-wmhw.jpg") no-repeat } /* [cT-strapHeading] Title for straps, e.g. in search results ...................................................................................... */ .cT-strapHeading {position:relative;clear:both;border-top:2px solid #ccc} .cT-strapHeading .links {position:absolute;right:0;top:0} .strapTV /*extends cT-strapHeading */ {margin:0} .strapTV a {overflow:hidden; display:block; width:136px; height:22px; margin:8px 0; background:url("img/sprite-domain.png") no-repeat -517px -125px/*domain.tv logo*/; text-indent:-9999px} .strapTV .links a {width:162px; height:30px; margin:4px 0 0; background:url("img/sprite-domain.png") no-repeat -348px -123px/*sponsor*/} /* ----- IE fixes ----- */ * html .strapTV {height:1%} *+ html .strapTV {height:1%} /* [cN-strapSubheading] Title for section within strap or content area ...................................................................................... */ .cN-strapSubheading { margin:0 0 .25em 0; font-size:1.33em; letter-spacing:-1px } /* [cS-listGeneric] List with generic site-style bullets ...................................................................................... */ .cS-listGeneric li { list-style:none; margin:.3em 0 0; padding-left:15px; background:url("img/sprite-domain.png") no-repeat -1325px -575px } * html .cS-listGeneric li { height:1% } /* make sure it has layout in IE 6, or the background may not appear */ /* [cS-headerMessage] Status/alert message box ...................................................................................... */ .cS-headerMessage { height:52px; padding:18px 0 0 80px; margin:-.25em 0 1em; background:url("img/sprite-domain.png") -55px -40px; position:relative } .cS-headerMessage h2 { margin:-18px 0 0 -65px; padding:18px 0 0 65px; background:url("img/sprite-domain.png") no-repeat; height:52px } .message-question h2 { background-position:-1350px -240px } .message-info h2 { background-position:-1350px -310px } .cS-headerMessage p { position:absolute; top:2.9em } /* [cT-searchHeading] Title for search results ...................................................................................... */ .cT-searchHeading { font-weight:bold; margin-bottom:.5em; line-height:normal } .cT-searchHeading em { font-size:1.83em; font-style:normal; letter-spacing:-2px; margin-right:2px } .cT-searchHeading strong { font-size:.92em; font-weight:normal; color:#333 } .cT-searchHeading span {display:block; color:#333; font-size:.92em; font-weight:normal} .cT-searchHeading span strong {font-weight:bold} .cT-searchHeading a {color:#333} .cT-searchHeading a:hover, .cT-searchHeading a:active, .cT-searchHeading a:focus {color:#4c7a1d} .enhanced .cT-searchHeading {font-family:Verdana, Arial; font-size:1em} /* [cT-searchHeader] Header for search results [cT-searchResults] Search results container D STYLES ...................................................................................... */ .cT-searchHeader .viewlinks, .cT-searchResults .viewlinks { padding:.75em 0 } .cT-searchHeader .viewlinks li, .cT-searchResults .viewlinks li, .propOptions .viewlinks li { float:left; font-size:.92em; margin-right:.75em } .cT-searchHeader .viewlinks li.vRss, .searchViewlinks li.vRss { float:right; margin-right:0 } .cT-searchHeader .viewlinks a, .cT-searchResults .viewlinks a, .propOptions .viewlinks a { display:inline-block; line-height:16px; padding-left:20px; background:url("img/sprite-domain.png") no-repeat } .cT-searchHeader .viewlinks .vHomealert a, .cT-searchResults .viewlinks .vHomealert a, .propOptions .viewlinks .vHomealert a { background-position:-1380px -510px } .cT-searchHeader .viewlinks .vSaveHomealert a, .cT-searchResults .viewlinks .vSaveHomealert a, .propOptions .viewlinks .vSaveHomealert a { background-position:-1119px -756px } .cT-searchHeader .viewlinks .vRss a, .cT-searchResults .vRss a, .propOptions .viewlinks .vRss a { background-position:-1380px -410px } .cT-searchHeader .viewlinks .vSaveSearch a, .cT-searchResults .viewlinks .vSaveSearch a, .propOptions .viewlinks .vSaveSearch a { background-position:-1360px -530px } .propOptions {padding-bottom:18px} .propOptions .viewlinks {position:absolute; top:8px; right:-9px} .propOptions .viewlinks li {margin:0 7px 0 0; list-style:none} .propOptions .viewlinks li.vRss {float:left} .propOptions .viewlinks li.vRss a {float:left; width:20px; height:16px; padding:0; text-indent:-9999px} .propOptions.propAlt {padding:5px 0; background:#EEEDE9} /* [cT-searchHeader] Header for search results ...................................................................................... */ .cT-searchHeader .subtitle { margin-top:-.25em } .cT-searchHeader .viewlinks { float:left; width:100% } /* tab bar (.viewtabs) and header (.viewoptions strong) */ .cT-searchHeader .viewoptions { border-bottom:5px solid #4c7a1d } * html .cT-searchHeader .viewoptions { height:1% } .cT-searchHeader .viewoptions strong { float:left; padding-right:5px; font-size:11px; color:#333; line-height:24px } /* .viewoptions is common to both residential property search results and agent searches we must target .viewtabs directly for styles relating to the tabs only */ .cT-searchHeader .viewtabs { font-size:.88em; font-weight:bold; overflow:hidden; color:#333 } * html .cT-searchHeader .viewtabs { display:inline-block } /* IE6 */ .cT-searchHeader .viewtabs li.selected { padding:4px 10px; height:16px; color:#fff; background-color:#4c7a1d; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; border-radius-top-left:3px; border-radius-top-right:3px } .cT-searchHeader .viewtabs li.selected em.new { width:33px; height:15px; background:url("img/sprite-domain.png") -1010px -427px; display:inline-block; text-indent:-999em } .cT-searchHeader .viewtabs a, .cT-searchHeader .viewtabs a:visited { padding:4px 10px; display:inline-block; border:1px solid #b3b3b3; border-bottom:none; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; color:#333; text-decoration: none; background:url("img/sprite-domain.png") -400px -580px /* sprite:grad-tab */ } .cT-searchHeader .viewtabs a:hover, .cT-searchHeader .viewtabs a:focus, .cT-searchHeader .viewtabs a:active { background-image:none; background-color:#333; border-color:#333; color:#fff } .cT-searchHeader .viewtabs em { font-weight:bold; font-style:normal } /* sort options drop-down */ .cT-searchHeader .viewsort { margin-top:-30px; font-size:11px } .cT-searchHeader .viewsort select { font-size:11px } /* reset styles from variable width with background colour */ .cT-searchHeader .button { padding:0; border:none; text-align:center; height:24px; background:url("img/sprite-domain.png") } /* ALTERNATIVE fixed width with background image */ .cT-searchHeader .viewsort input.button { width:66px; background-position:-1010px -240px /* button w66 */ } .cT-searchHeader .viewsort input.button:hover, .cT-searchHeader .viewsort input.button:focus { background-position:-1010px -265px /* button:hover w66 */ } .cT-searchHeader input.button:active { background-position:-1010px -290px /* button:active w66 */ } /* target Firefox: */ .cT-searchHeader .viewsort input.button, x:-moz-any-link { padding-bottom:.33em } /* reset for IE 7: */ * + html .cT-searchHeader .viewsort input.button { padding-bottom:0 } /* hide sort button if JavaScript is enabled */ .scriptable .cT-searchHeader .viewsort input, .scriptable .cT-searchHeader .viewsort label { display:none } .scriptable .cT-searchHeader .viewsort { margin-top:0; margin-bottom:5px } /* [cT-promoStrip] Promotional strip containing story patterns ...................................................................................... */ .cT-promoStrip {position:relative; overflow:hidden; clear:both; padding:10px 8px; margin:0 0 15px; background:#eeede9} .cT-promoStrip .cN-story {float:left; width:128px; margin:0 24px 0 0} .cT-promoStrip .last {margin-right:0} .cT-promoStrip .wof {clear:both; margin-top:2px} .cT-promoStrip img {float:none; margin:0} .cT-promoStrip .cN-story h3 {font:normal .916em Arial, sans-serif} .cT-promoStrip h3 a {color:#333; text-decoration:none} .cT-promoStrip h3 a:hover {text-decoration:underline} /* ----- IE fixes ----- */ * html .cT-promoStrip {height:1%} /* [cT-searchMap] Search map on the search results ...................................................................................... */ .cT-searchMap { clear:left; margin-bottom:.5em; border-top:1px solid #ccc } .cT-searchMap .external.map { margin-top:.75em } /* google map */ .cT-searchMap .map { margin-bottom:0 } /* [cB-mapLegend] custom */ /* IE6 */ * html .cT-searchMap .cB-mapLegend h3 { height:1% } * html .cT-searchMap .cB-mapLegend { clear:left } .cT-searchMap .cB-mapLegend li, .mapLegend ul.stars-match li { width:32.5% } .cT-searchMap .cB-mapLegend li.shopping-centres, .cT-searchMap .cB-mapLegend li.parks { height:28px } .cT-searchMap .cB-mapLegend, .mapLegend { margin-top:.75em; margin-bottom:0 } /* reset styles from variable width with background colour */ .cT-searchMap .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cT-searchMap a.button { display:none } .scriptable .cT-searchMap a.button { display:-moz-inline-block; display:inline-block; float:left; overflow:hidden/*ie6 hack if the text longer than the button*/ } .scriptable .cT-searchMap a.button.alt { float:right } * + html .cT-searchMap .button { line-height:23px } * html .cT-searchMap .button { line-height:23px } .cT-searchMap .button:hover, .cT-searchMap .button:focus, .cT-searchMap .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-searchMap .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cT-searchMap .button { line-height:23px; width:100px; background-position:-1080px -240px /* button w100 */ } .cT-searchMap .button:hover, .cT-searchMap .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .cT-searchMap .button:active { background-position:-1080px -290px /* button:active w100 */ } /* ALTERNATIVE fixed width with background image */ .cT-searchMap.map-hidden .button, .cT-searchMap .button.alt { line-height:23px; width:180px; background-position:-802px -240px /* button w180 */ } .cT-searchMap.map-hidden .button:hover, .cT-searchMap .button.alt:hover, .cT-searchMap.map-hidden .button:focus, .cT-searchMap .button.alt:focus { background-position:-802px -265px /* button:hover w180 */ } .cT-searchMap.map-hidden .button:active { background-position:-802px -290px /* button:active w180 */ } /* ALTERNATIVE fixed width with background image */ .cT-searchMap .viewsort input.button { width:66px; background-position:-1010px -240px /* button w66 */ } .cT-searchMap .viewsort input.button:hover, .cT-searchFacet .viewsort input.button:focus { background-position:-1010px -265px /* button:hover w66 */ } .cT-searchMap input.button:active { background-position:-1010px -290px /* button:active w66 */ } /* target Firefox: */ .cT-searchMap .viewsort input.button, x:-moz-any-link { padding-bottom:.33em } /* reset for IE 7: */ * + html .cT-searchMap .viewsort input.button { padding-bottom:0 } /* map legend option */ .cT-searchMap.collapsed .cB-mapLegend { display:block } .scriptable .cT-searchMap.map-hidden .controller.first, .scriptable .cT-searchMap.map-hidden .cB-mapLegend, .scriptable .cT-searchMap.map-hidden .map, .scriptable .cT-searchMap.collapsed .cB-mapLegend { display:none } /* Controller */ .cT-searchMap .controller { overflow:hidden; padding-top:.75em } .cT-searchMap .controller.first { display:block } .cT-searchMap .controller.last { background:#fff } /* Hide map options */ .cT-searchMap .controller.first .map-options { display:none } .scriptable .cT-searchMap .controller.first .map-options { display:block; position:relative } * html .scriptable .cT-searchMap .controller.first { }/* IE6 clear */ .cT-searchMap a.map-options { float:right; font-size:.92em; line-height:23px; position:relative; padding-right:1.5em } .cT-searchMap a.map-options span, .cT-searchMap a.map-options.to-hide span { width:15px; height:23px; background:transparent url("img/sprite-domain.png") -1028px -12px; position:absolute; top:0; right:0 } .cT-searchMap a.map-options.to-hide span { background-position: -1019px -32px } /* View options */ .cT-searchMap fieldset { float:right } * html .cT-searchMap .viewoptions { position:relative; height:1% } /* make sure it has layout so the bottom border appears correctly */ .cT-searchMap .viewsort { font-size:.92em } /* when viewsort appears alone */ .cT-searchMap .viewsort a.sort-by-stars { background:url("img/sprite-domain.png") right -430px; padding:.25em 2em .25em 0 } .cT-searchMap .viewsort label { position:absolute; left:-9999px; font-size:0 } /* using px instead of em is required for IE ccompatibility */ .cT-searchMap .viewsort select { width:110px; font-size:1em } body:last-child:not(:root:root) .cT-searchMap .viewsort select { margin-top:-2px; font-size:.92em } /* tweak for Safari */ .cT-searchMap .viewsort input { width:33px; padding:.1em 0; font-size:.83em } body:last-child:not(:root:root) .cT-searchMap .viewsort input { padding-left:0; padding-right:0 } /* explicitly override stylesheet-wide Safari hack, which is more specific */ /* hide sort button if JavaScript is enabled */ .scriptable .cT-searchMap .viewlinks { padding-right:.5em } .scriptable .cT-searchMap .viewsort input { display:none } /* [cT-searchSuburbs] List of suburbs in current search ...................................................................................... */ .cT-searchSuburbs { background:#eee; padding:.75em 0 .75em 1em; font-size:.92em; position:relative } body:last-child:not(:root:root) .cT-searchSuburbs { margin-top:-1px } /* tweak for Safari */ .cT-searchSuburbs h3 { font-weight:bold } .cT-searchSuburbs ul { width:505px } * + html .cT-searchSuburbs .hasIndicators { padding-bottom:1.25em } * html .cT-searchSuburbs .hasIndicators { padding-bottom:1.25em } .cT-searchSuburbs li { float:left; margin:0 1em 0.25em 0; position:relative } .cT-searchSuburbs li.surrounding, .cT-searchSuburbs li.including { margin-bottom:1.5em } /* ALTERNATIVE fixed width .cT-searchSuburbs li { width:31% } */ /* ALTERNATIVE variable widths */ .cT-searchSuburbs li { width:auto } * + html .cT-searchSuburbs li { min-width:20% } * html .cT-searchSuburbs li { width:31% } /* has to be fixed width in IE 6 */ .cT-searchSuburbs a { width:11px; height:11px; display:-moz-inline-box; display:inline-block; vertical-align:middle; overflow:hidden; text-indent:-9999px; background:url("img/sprite-domain.png") -640px -120px } /* Firefox 2 is the only browser that doesn't support display:inline-block the two lines below are a hack to target Firefox 2 only (x is a deliberate reference to a non-existent element) details: http://pornel.net/firefoxhack */ /* target Firefox 2: */ .cT-searchSuburbs a, x:-moz-any-link { padding-left:11px } /* reset for Firefox 3, IE 7: */ .cT-searchSuburbs a, x:-moz-any-link, x:default { padding-left:0 } .cT-searchSuburbs a:hover, .cT-searchSuburbs a:focus, .cT-searchSuburbs a:active { background-position:-640px -135px } .cT-searchSuburbs .surrounding span, .cT-searchSuburbs .including span { position:absolute; left:0; bottom:-1.15em } /* allow just the span to hold the styles as well */ .cT-searchSuburbs .surrounding span, .cT-searchSuburbs .including span { background:url("img/sprite-domain.png"); text-indent:-9999px; height:12px } .cT-searchSuburbs .surrounding span { background-position: -500px -150px; width:87px } .cT-searchSuburbs .including span { background-position: -500px -120px; width:54px } /* and reset these styles for when JavaScript is enabled (because the anchor will be styled */ .scriptable .cT-searchSuburbs .surrounding span, .scriptable .cT-searchSuburbs .including span { background:none; width:auto; height:auto; text-indent:0 } .cT-searchSuburbs .surrounding span a { background-position:-500px -150px; width:87px } .cT-searchSuburbs .surrounding span a, x:-moz-any-link { padding-left:87px } .cT-searchSuburbs .surrounding span a:hover, .cT-searchSuburbs .surrounding span a:focus, .cT-searchSuburbs .surrounding span a:active { background-position:-500px -165px } .cT-searchSuburbs .including span a { background-position:-500px -120px; width:54px } .cT-searchSuburbs .including span a, x:-moz-any-link { padding-left:54px } .cT-searchSuburbs .including span a:hover, .cT-searchSuburbs .including span a:focus, .cT-searchSuburbs .including span a:active { background-position:-500px -135px } .cT-searchSuburbs .surrounding span a, .cT-searchSuburbs .including span a { height:12px } * + html .cT-searchSuburbs .surrounding span a, * + html .cT-searchSuburbs .including span a { position:absolute; bottom:0 } * html .cT-searchSuburbs .surrounding span a, * html .cT-searchSuburbs .including span a { position:absolute; bottom:-.2em } .cT-searchSuburbs .surrounding span a, .cT-searchSuburbs .including span a, x:-moz-any-link, x:default { padding-left:0 } .cT-searchSuburbs .controller { clear:both; width:60px; position:absolute; left:1em; bottom:.5em } /* the clear:both is required so that the controller displays in IE 6 */ * + html .cT-searchSuburbs .controller { min-width:0 } /* reset IE 7 hack from above */ .cT-searchSuburbs .controller a { display:block; width:auto; height:auto; background:#e2e2e2; text-indent:0; padding:.1em 0; text-align:center; margin-right:1em; text-decoration:none } .cT-searchSuburbs .controller a:hover, .cT-searchSuburbs .controller a:focus, .cT-searchSuburbs .controller a:active { color:white; background:#999 } .scriptable .cT-searchSuburbs .hide { display:none } .scriptable .cT-searchSuburbs .expanded .hide { display:block } /* [cN-featDetails] Feature details (horizontal compact version) ...................................................................................... */ .cN-featDetails {overflow:hidden} .cN-featDetails dt { text-indent:-9999em; margin-right:0; font-size:0 } @media screen and (-webkit-min-device-pixel-ratio:0) { .cN-featDetails dt { position:absolute } } /* Safari/Chrome hack */ .cN-featDetails dd { height:20px; line-height:20px; float:left; margin-right:.75em; font-weight:bold; background:url("img/sprite-domain.png") no-repeat } * html .cN-featDetails dd { display:inline } /* IE 6 double margin bug */ .cN-featDetails dd.price { background:none; margin-left:0; padding-right:.5em; border-right:1px solid #333 } /* property types */ .cN-featDetails dd.propertytype { text-indent:-9999em; margin-right:1.25em } .cN-featDetails dd.type-house, .cN-featDetails dd.type-houseland, .cN-featDetails dd.type-terrace { width:19px; background-position:-55px -170px } .cN-featDetails dd.type-townhouse, .cN-featDetails dd.type-duplex { width:26px; background-position:-75px -170px } .cN-featDetails dd.type-apartment { width:16px; background-position:-105px -170px } .cN-featDetails dd.type-golf { width:20px; background-position:-125px -170px } .cN-featDetails dd.type-retirement { width:20px; background-position:-145px -170px } .cN-featDetails dd.type-coastal { width:18px; background-position:-170px -170px } .cN-featDetails dd.type-rural { width:21px; background-position:-190px -170px } .cN-featDetails dd.type-land { width:16px; background-position:-215px -170px } /* other icons */ /* ALTERNATIVE icons on left padding-left = width of icon + 3 px (+/- 1 px tweaking) */ .cN-featDetails dd.bedrooms { padding-left:21px; background-position:-1382px 0 } .cN-featDetails dd.bathrooms { padding-left:16px; background-position:-1387px -20px } .cN-featDetails dd.carspaces { padding-left:21px; background-position:-1383px -40px } /* ALTERNATIVE icons on right padding-right = width of icon + 5 px (+/- 1 px tweaking) .cN-featDetails dd.bedrooms { padding-right:24px; background-position:100% 0 } .cN-featDetails dd.bathrooms { padding-right:18px; background-position:100% -20px } .cN-featDetails dd.carspaces { padding-right:22px; background-position:100% -40px } */ /* [cN-featDetails-extended] Feature details list (vertical extended version) ...................................................................................... */ .cN-featDetails-extended { line-height:1.5em } .cN-featDetails-extended dt { font-weight:bold } /* [cT-listing] Property/business listing ...................................................................................... */ .cT-listing { clear:both; border:1px solid #ccc; border-top:none; padding-bottom:2px; min-height:115px } /* min-height is to ensure the 'More Details' link does not overlap the agent logo even where there is a short description or no images */ * html .cT-listing { height:115px } /* height acts like min-height in IE 6 */ .cT-listing p, .cT-listing dl.agent, .cT-listing .description dl, .cT-listing ul.views li { font-size:.92em } /* Title */ .cT-listing * {font-family:Verdana, Arial, sans-serif !important /* This is needed to override styles used on enhanced pages */} .cT-listing h3 { line-height:30px; margin:0 -1px; width:600px; text-indent:.5em; font-size:1.33em; font-weight:normal; letter-spacing:-1px; background:#ccc } .enhanced .cT-listing h3 {color:#333} /* listing spots */ .listspot-top h3, .listspot-pp h3, .enhanced .listspot-top h3, .enhanced .listspot-pp h3 {color:#fff} .listspot-top h3 { background:#4c7a1d} .listspot-pp h3 { background:#069} .enhanced .cT-listing .button {padding:6px 10px; width:auto; height:auto; line-height:1; margin-right:0; font-size:.917em} * html .enhanced .cT-listing .button {padding-bottom:9px} *+ html .enhanced .cT-listing .button {padding-bottom:9px} /* Listing Status */ /* ALTERNATIVE tab on left of suburb title .liststatus-new h3 { padding-left:79px; width:521px; text-indent:.25em } .liststatus-updated h3 { padding-left:110px; width:490px; text-indent:.25em } .cT-listing h3 em { height:30px; text-indent:-9999em; background:url("img/sprite-domain.png") } .liststatus-new h3 em { width:79px; background-position:-55px -110px } .listspot-top h3 em.new { background-position:-200px -110px } .listspot-pp h3 em.new { background-position:-345px -110px } .liststatus-updated h3 em { width:110px; background-position:-55px -140px } .listspot-top h3 em.updated { background-position:-200px -140px } .listspot-pp h3 em.updated { background-position:-345px -140px } */ /* ALTERNATIVE lozenge on right of suburb title */ .cT-listing h3 em { height:30px; text-indent:-9999em } .liststatus-sold h3 em { background:url("img/sprite-domain.png"); width:48px; background-position:-55px -110px; display:-moz-inline-box; display:inline-block } /* Firefox 2 is the only browser that doesn't support display:inline-block the two lines below are a hack to target Firefox 2 only (x is a deliberate reference to a non-existent element) details: http://pornel.net/firefoxhack */ /* target Firefox 2: */ .liststatus-sold h3 em, x:-moz-any-link { padding-left:48px; overflow:hidden; vertical-align:top } /* reset for Firefox 3, IE 7: */ .liststatus-sold h3 em, x:-moz-any-link, x:default { padding-left:0; overflow:visible; vertical-align:baseline } .listspot-top h3 em.sold { background-position:-105px -110px } .listspot-pp h3 em.sold { background-position:-155px -110px } .liststatus-new .description h4 { background:url("img/sprite-domain.png") -1010px -471px } .liststatus-new .description h4 a { padding-left:73px } /* padding-left = width of lozenge + 5 px */ .liststatus-updated .description h4 { background:url("img/sprite-domain.png") -1043px -410px } .liststatus-updated .description h4 a { padding-left:63px } /* padding-left = width of lozenge + 5 px */ .liststatus-newprop .description h4 { background:url("img/sprite-domain.png") no-repeat -1295px -875px } .liststatus-newprop .description h4 a { padding-left:110px } /* padding-left = width of lozenge + 5 px */ /* ALTERNATIVE lozenge on left of address description */ .liststatus-new h3, .liststatus-updated h3 { padding-left:0 } /* reset from components */ /* Images */ .cT-listing .thumbnail { margin:2px 0 0 2px } * html .cT-listing .thumbnail { display:inline } /* IE 6 double margin bug */ /* multiple images */ .cT-listing ul.thumbnail { margin-top:0 } .cT-listing .thumbnail li { float:left; clear:left } .cT-listing .thumbnail li a { float:left; margin-top:2px } /* set width for images (so they don't break the layout when alt text is shown) */ .cT-listing a.thumbnail, .cT-listing .thumbnail li a { width:127px } .listspot-top a.thumbnail { width:250px } /* Description */ .cT-listing h4 { margin:.33em 0 } .cT-listing p { margin:.25em 0; line-height:1.3em } .cT-listing .description { width:327px; margin-left:10px } .listspot-top .description { width:204px } .cT-listing .description dt { font-weight:bold; margin-right:.5em; width:6.25em } .cT-listing .description .history { margin:.5em 0 } .cT-listing .description .status { font-size:.83em; font-weight:bold; margin:.75em 0 .5em } /* available views */ .cT-listing .views { text-align:center; margin:.75em 0 .5em; overflow:hidden } .listspot-top .views { float:left; margin-top:.55em } /* so that if p.underoffer is used, this will wrap to a new line below if it doesn't fit next to the p.underoffer */ * + html .listspot-top .views { float:none; margin-top:1em } /* it can't float properly in IE 7, so just force it to a new line every time */ * html .listspot-top .views { float:none } /* it can't float properly in IE 6, so just force it to a new line every time */ .cT-listing .views li { float:left; padding-top:16px; color:#999; margin-right:1.5em; line-height:normal; background:url("img/sprite-domain.png") } * html .cT-listing .views li { margin-top:.25em } .cT-listing .views .floorplans { background-position:50% -50px } .cT-listing .views .video { background-position:50% -90px } .cT-listing .views .tour { background-position:50% -130px } .cT-listing .views .photos { background-position:50% -170px } .cT-listing .views .streetview { background-position:50% -210px } .cT-listing .views li a { padding-top:16px; text-decoration:none; color:#999 } /* ALTERNATIVE width description for seo static page */ .seo .cT-listing .description { width:300px } .seo .listspot-top .description { width:180px } /* Advertiser details */ .cT-listing .agent { width:120px; margin:2px 2px 0 0; text-align:right } .cT-listing dl.agent { width:112px; padding-right:8px; margin-bottom:4em } /* margin-bottom is to stop the dl.agent from being covered by the 'More Details' even where there is a short description or no images */ .cT-listing dl.agent dt { margin-top:.25em; font-weight:bold } .cT-listing dl.agent dd { overflow:hidden } /* crop names that are too long to fit */ * html .cT-listing dl.agent dd { width:112px } /* Details link */ /* ALTERNATIVE variable width with background colour .cT-listing .button { bottom:.75em; right:8px; width:106px; padding-left:0; padding-right:0; line-height:1.4; text-align:center } body:last-child:not(:root:root) .cT-listing .button { padding-left:0; padding-right:0 } // explicitly override stylesheet-wide Safari hack, which is more specific */ /* reset styles from variable width with background colour */ .cT-listing .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cT-listing a.button { display:-moz-inline-block; display:inline-block } * + html .cT-listing .button { line-height:23px } * html .cT-listing .button { line-height:23px } .cT-listing .button:hover, .cT-listing .button:focus, .cT-listing .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-listing .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cT-listing .button { bottom:.75em; right:7px; width:100px; background-position:-1080px -240px /* button w100 */ } .cT-listing .button:hover, .cT-listing .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .cT-listing .button:active { background-position:-1080px -290px /* button:active w100 */ } /* ALTERNATIVE different width button for SEO */ .seo .cT-listing .button { width:150px; background-position:-1180px -240px /* button w150 */} .seo .cT-listing .button:hover, .seo .cT-listing .button:focus { background-position:-1180px -265px /* button:hover w150 */ } /* CUSTOMISATION of nested [cN-featDetails] */ .cT-listing .cN-featDetails { line-height:20px; margin-top:5px } /* so the divider border doesn't stretch the height of the h3 */ .cT-listing .cN-featDetails dd.price { font-weight:normal; font-size:1.17em } * + html .cT-listing .cN-featDetails { overflow:hidden } /* prevent extra width causing entire page to expand in IE 7 */ .listspot-top .cN-featDetails, .listspot-pp .cN-featDetails { color:white } .listspot-top .cN-featDetails dd, .listspot-pp .cN-featDetails dd { border-color:#ccc } /* property types - grey background */ .cT-listing .cN-featDetails dd.type-house, .cT-listing .cN-featDetails dd.type-houseland, .cT-listing .cN-featDetails dd.type-terrace { background-position:-55px -230px } .cT-listing .cN-featDetails dd.type-townhouse, .cT-listing .cN-featDetails dd.type-duplex { background-position:-75px -230px } .cT-listing .cN-featDetails dd.type-apartment { background-position:-105px -230px } .cT-listing .cN-featDetails dd.type-golf { background-position:-125px -230px } .cT-listing .cN-featDetails dd.type-retirement { background-position:-145px -230px } .cT-listing .cN-featDetails dd.type-coastal { background-position:-170px -230px } .cT-listing .cN-featDetails dd.type-rural { background-position:-190px -230px } .cT-listing .cN-featDetails dd.type-land { background-position:-215px -230px } /* property types - green background */ .listspot-top .cN-featDetails dd.type-house, .listspot-top .cN-featDetails dd.type-houseland, .listspot-top .cN-featDetails dd.type-terrace { background-position:-55px -190px } .listspot-top .cN-featDetails dd.type-townhouse, .listspot-top .cN-featDetails dd.type-duplex { background-position:-75px -190px } .listspot-top .cN-featDetails dd.type-apartment { background-position:-105px -190px } .listspot-top .cN-featDetails dd.type-golf { background-position:-125px -190px } .listspot-top .cN-featDetails dd.type-retirement { background-position:-145px -190px } .listspot-top .cN-featDetails dd.type-coastal { background-position:-170px -190px } .listspot-top .cN-featDetails dd.type-rural { background-position:-190px -190px } .listspot-top .cN-featDetails dd.type-land { background-position:-215px -190px } /* property types - blue background */ .listspot-pp .cN-featDetails dd.type-house, .listspot-pp .cN-featDetails dd.type-houseland, .listspot-pp .cN-featDetails dd.type-terrace { background-position:-55px -210px } .listspot-pp .cN-featDetails dd.type-townhouse, .listspot-pp .cN-featDetails dd.type-duplex { background-position:-75px -210px } .listspot-pp .cN-featDetails dd.type-apartment { background-position:-105px -210px } .listspot-pp .cN-featDetails dd.type-golf { background-position:-125px -210px } .listspot-pp .cN-featDetails dd.type-retirement { background-position:-145px -210px } .listspot-pp .cN-featDetails dd.type-coastal { background-position:-170px -210px } .listspot-pp .cN-featDetails dd.type-rural { background-position:-190px -210px } .listspot-pp .cN-featDetails dd.type-land { background-position:-215px -210px } /* features - coloured backgrounds */ /* icons on left */ .cT-listing .cN-featDetails dd.bedrooms { background-position:-1382px -180px } .listspot-top .cN-featDetails dd.bedrooms { background-position:-1382px -60px } .listspot-pp .cN-featDetails dd.bedrooms { background-position:-1382px -120px } .cT-listing .cN-featDetails dd.bathrooms { background-position:-1387px -200px } .listspot-top .cN-featDetails dd.bathrooms { background-position:-1387px -80px } .listspot-pp .cN-featDetails dd.bathrooms { background-position:-1387px -140px } .cT-listing .cN-featDetails dd.carspaces { background-position:-1383px -220px } .listspot-top .cN-featDetails dd.carspaces { background-position:-1383px -100px } .listspot-pp .cN-featDetails dd.carspaces { background-position:-1383px -160px } /* ALTERNATIVE icons on right .cT-listing .cN-featDetails dd.bedrooms { background-position:100% -180px } .listspot-top .cN-featDetails dd.bedrooms { background-position:100% -60px } .listspot-pp .cN-featDetails dd.bedrooms { background-position:100% -120px } .cT-listing .cN-featDetails dd.bathrooms { background-position:100% -200px } .listspot-top .cN-featDetails dd.bathrooms { background-position:100% -80px } .listspot-pp .cN-featDetails dd.bathrooms { background-position:100% -140px } .cT-listing .cN-featDetails dd.carspaces { background-position:100% -220px } .listspot-top .cN-featDetails dd.carspaces { background-position:100% -100px } .listspot-pp .cN-featDetails dd.carspaces { background-position:100% -160px } */ /* CUSTOMISATION of nested [cB-matchList] */ .cT-listing .cB-matchList { border-top:1px dotted #ccc; background:none; padding:.5em 0 0; margin:.5em 0 } .cT-listing .cB-matchList h4 { background:none; font-size:.92em; letter-spacing:0; width:204px; font-weight:bold } /* stars rating in heading */ .cT-listing .cB-matchList h4 span { height:15px; background-position:-595px -196px; margin-left:0 } .cT-listing .cB-matchList.stars-1 h4 span { width:12px } .cT-listing .cB-matchList.stars-2 h4 span { width:24px } .cT-listing .cB-matchList.stars-3 h4 span { width:36px } .cT-listing .cB-matchList.stars-4 h4 span { width:48px } .cT-listing .cB-matchList.stars-5 h4 span { width:60px } .cT-listing .cB-matchList ul { border:none; font-size:.92em } /* [cB-scheduleSummary] Schedule summary ...................................................................................... */ .cB-scheduleSummary { font-size:.85em } .cB-scheduleSummary h5 { font-weight:bold } .cB-scheduleSummary p.action { line-height:1.7em } .cB-scheduleSummary .action { background:url("img/sprite-domain.png") no-repeat } .cB-scheduleSummary .action.inspection-addTo { padding-left:18px; background-position:-1255px -639px } .cB-scheduleSummary .action.inspection-added { padding-left:18px; background-position: -1184px -701px } /* [cN-listInfoCount] List of available info/actions with a count/summary ...................................................................................... */ .cN-listInfoCount li { font-size:.8333em; padding-top:2.2em /* must match .cN-listInfoCount a */ } /* vertical border between actions */ .cN-listInfoCount li { padding-left:10px; margin-left:10px; margin-right:0; border-left:1px dotted #aaa } .cN-listInfoCount li:first-child { border-left:none; padding-left:0; margin-left:0 } * html .cN-listInfoCount li { padding-left:0; margin-left:0; border-left:none; margin-right:10px; padding-right:10px; border-right:1px dotted #dedede } /* IE 6 doesn't support :first-child, so we apply all the styles to the right instead of the left (the last item will have an extra border to the right) */ /* link version */ .cN-listInfoCount a { color:#333; border-bottom:1px solid #333; text-decoration:none; margin-top:-2.2em; padding-top:2.4em } /* margin/padding must match .cN-listInfoCount li padding-top */ .cN-listInfoCount a:hover, .cN-listInfoCount a:focus { border-bottom-color:#cf3b01 } /* count and icon within action */ .cN-listInfoCount strong { font-size:1.5em; line-height:22px } /* [cT-listing-agent] Agent listing ...................................................................................... */ .cT-listing-agent { font-size:.9861em } /* font-size inconsistency reset (make 1em = 12px instead of 12.1667px) */ .cT-listing-agent { border-bottom:1px solid #ccc; padding:0 1em 1em 114px /* 102px image width + 1em */ } * html .cT-listing-agent { width:474px } .cT-listing-agent.agentscope-individual { min-height:134px } .cT-listing-agent.agentscope-office { padding-bottom:45px; padding-left:210px } * html .cT-listing-agent.agentscope-office { height:100px; padding-left:100px } /* listing styles */ .cT-listing-agent.agentspot-top { padding-top:1em; padding-right:11px; background:#d6e1cb url("img/sprite-domain.png") no-repeat -55px -1260px; border:1px solid #333 } .cT-listing-agent.agentscope-individual.agentspot-top { padding-left:113px /* 1em - border-width */ } .cT-listing-agent.agentspot-pp { background:#e9e9e8 url("img/sprite-domain.png") no-repeat -55px -1260px } * html .cT-listing-agent.agentspot-top { background-image:none } * html .cT-listing-agent.agentspot-top dd.address { top:32x } * + html .cT-listing-agent.agentspot-top dd.address { top:32px } * html .cT-listing-agent.agentspot-pp { margin-top:-1em; border-top:1em solid #e9e9e8; background-image:none } /* title and description */ .cT-listing-agent h3 { line-height:1.0714em; font-size:1.09em; font-weight:bold; margin-bottom:.5em; margin-left:8px } .cT-listing-agent h3 span { font-size:.7857em; color:#333; margin-left:0 } * html .cT-listing-agent.agentscope-office h3 { margin-left:110px } .cT-listing-agent blockquote { width:318px; position:relative; z-index:1; margin-left:8px; border:1px solid #999; padding:6px 8px; background:#fff url("img/sprite-domain.png") no-repeat -1135px -736px /* sprite:ldquo */ } .cT-listing-agent p.bio { text-indent:20px; margin-right:-3px; padding-right:20px; background:url("img/sprite-domain.png") no-repeat -655px 100% /* sprite:rdquo */ } .cT-listing-agent p.bio a { font-size:.9167em } * html .cT-listing-agent p.bio { margin-right:0; padding-right:0; background:none } .cT-listing-agent p.areas { font-size:.9167em; margin:0 -9px -9px -19px; padding:6px 0 10px 19px; background:url("img/sprite-domain.png") no-repeat -45px -580px /* sprite:speechbubble */ } * + html .cT-listing-agent p.areas { display:inline-block } /* without this, the bottom shadow will be cropped by the blockquote in IE 6 */ * html .cT-listing-agent p.areas { margin:0; padding:6px 0 0; background:none } /* agent images */ .cT-listing-agent img.headshot { border:1px solid #aaa; left:1em } .cT-listing-agent.agentspot-top img.headshot { top:1em; left:11px /* 1em - border-width */ } .cT-listing-agent img.logo { left:1em } .cT-listing-agent.agentscope-individual img.logo { left:auto; right:1em; top:2em /* match height and margin of h3 */ } .cT-listing-agent.agentscope-individual.agentspot-top img.logo { top:3em; right:11px /* 1em - border-width */ } .cT-listing-agent.agentspot-top.agentscope-office img.logo { top:1em; left:11px /* 1em - border-width */ } * html .cT-listing-agent.agentscope-office img.logo { top:0; left:0 } /* contact details */ .cT-listing-agent .contact { font-size:.9167em } .cT-listing-agent.agentscope-individual .contact { right:1em; top:2em /* match height and margin of h3 */; padding-top:42px /* match height of img.logo */; width:120px /* match width of img.logo */; margin-top:6px } .cT-listing-agent.agentscope-individual.agentspot-top .contact { top:3em; right:11px /* 1em - border-width */ } .cT-listing-agent.agentscope-office .contact { width:135px; min-height:62px } .cT-listing-agent.agentscope-office .contact dt { text-align:right; width:45px } /* icons: for individual listings - show phone icon, even for mobile number (there should only ever be one number) for agency office listings - show text for all phone numbers (there may be many) for both - show icon for email */ .cT-listing-agent.agentscope-individual .contact dt, .cT-listing-agent .contact dt.email { text-indent:-999em; width:16px; background:url("img/sprite-domain.png") no-repeat } .cT-listing-agent.agentscope-individual .contact dt.phone, .cT-listing-agent.agentscope-individual .contact dt.mobile { background-position:-1340px -550px /* sprite:phone */ } .cT-listing-agent .contact dt.email { text-align:left; background-position:-1380px -510px /* sprite:envelope */ } .cT-listing-agent.agentscope-office .contact dt.email { margin-left:29px } /* dt.email is narrower than the other dt because it has an icon, so add margin to make them the same (equal to width of .agentscope-office .contact dt) */ * html .cT-listing-agent.agentscope-office .contact dt.email { margin-left:15px } /* dt.email is narrower than the other dt because it has an icon, so add margin to make them the same (equal to width of .agentscope-office .contact dt) */ .cT-listing-agent .contact dd { width:96px } .cT-listing-agent.agentscope-office .contact dd { width:80px } .cT-listing-agent .contact dd.address { font-size:1.0909em; width:230px; margin-left:98px } * html .agentscope-office .contact dd.address { top:20px; left:110px } * html .agentscope-office.agentspot-top dd.address { top:30px } * + html .agentscope-office dd.address { top:20px } /* action */ /* reset styles from variable width with background colour */ .cT-listing-agent .button { padding:0; border:none; text-align:center; height:24px; line-height:23px; background:url("img/sprite-domain.png") } .cT-listing-agent a.button { display:-moz-inline-block; display:inline-block } * + html .cT-listing-agent .button { line-height:23px } * html .cT-listing-agent .button { line-height:23px } .cT-listing-agent .button:hover, .cT-listing-agent .button:focus, .cT-listing-agent .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-listing-agent .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cT-listing-agent .button { bottom:1em; right:1em; width:100px; background-position:-1080px -240px /* button w100 */ } .cT-listing-agent .button:hover, .cT-listing-agent .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .cT-listing-agent .button:active { background-position:-1080px -290px /* button:active w100 */ } .cT-listing-agent.agentscope-individual .button { margin-right:10px /* width of img.logo - width of button */ } /* centre the button */ /* CUSTOMISATION of nested [cN-listInfoCount] */ .cT-listing-agent .cN-listInfoCount { margin-top:6px; margin-left:8px; font-size:.88em } .cT-listing-agent.agentscope-office .cN-listInfoCount { bottom:1em } * html .cT-listing-agent.agentscope-office .cN-listInfoCount { margin-left:110px } /* [cN-pagination] Pagination links ...................................................................................... */ .cN-pagination { background:#eeede9; padding:.75em 0; font-size:.92em; text-align:center } .cN-pagination a, .cN-pagination li.selected { border:1px solid #999; background:white; color:#333 } .cN-pagination li.selected { background:#666; border-color:#666; color:white } .cN-pagination a { text-decoration:none } * html .cN-pagination a:hover, * html .cN-pagination a:active { text-decoration:none } .pagAlt {padding-left:11px; text-align:left} /* [cN-boxList] Generic box filled with list items ...................................................................................... */ .cN-boxList ul { border-top:1px dotted #ccc; margin:0 0 .5em } * html .cN-boxList ul { display:inline-block } /* fix IE 6 disappearing border/background issue */ .cN-boxList li { padding-bottom:.3em; border-bottom:1px dotted #ccc } * html .cN-boxList li { display:inline-block } /* fix IE 6 disappearing border/background issue */ .cN-boxList li span { color:#666; font-size:.82em } /* Inspection times */ div.inspectionTimes {position:relative; padding-bottom:5px} div.inspectionTimes h3 { font-size:1em; letter-spacing:0; font-weight:bold; font-family:Verdana, Arial, sans-serif} div.inspectionTimes ul {overflow:hidden; clear:both} div.inspectionTimes .primary {position:absolute; top:6px; right:10px} div.inspectionTimes .actions {border:0; margin:0} div.inspectionTimes .actions li {float:left; margin-top:0; padding-left:5px; padding-bottom:0; background-image:none; border:0} div.inspectionTimes .last {position:absolute; right:10px} /* [cN-boxDefinitionList] Generic box filled with terms and definitions ...................................................................................... */ .cN-boxDefinitionList dl { line-height:1.5em } .cN-boxDefinitionList dt { font-weight:bold } /* [cT-searchResults] Search results containing listings ...................................................................................... */ .cT-searchResults .ad iframe { display:block; margin:0 auto } /* CUSTOMISATION of nested [cN-boxList] */ .cT-searchResults .cN-boxList ul { border-top:none; border-bottom:1px dotted #ccc; padding-bottom:.75em } .cT-searchResults .cN-boxList li { border-bottom:none; padding-bottom:0 } /* viewlinks at the bottom*/ .cT-searchResults .viewlinks { float:right } .cT-searchResults .viewlinks li { margin-right:0; margin-left:.75em } .cT-searchResults .viewlinks a { margin-right:0 } /* [cT-searchRefine] Refine Search Results panel [cT-searchNew] New Search panel D STYLES (layout and background) ...................................................................................... */ .cT-searchRefine, .cT-searchNew { border:1px solid #ccc; background:#eeede9; padding:.75em 10px } /* on pages where both cT-searchNew and cT-searchRefine appear, cT-searchNew should appear after cT-searchRefine in the HTML we position them absolutely so that cT-searchNew appears visually above cT-searchRefine */ .hasSearchNewRefine .cT-searchNew { position:absolute; top:0; left:0 } .hasSearchNewRefine .cT-searchRefine { border-top-color:white; margin-top:10.35em } /* margin-top = .cT-serachNew height + .cT-serachNew padding-top + .cT-serachNew padding-bottom + .1em */ /* Firefox 2 requires a different margin-top due to peculiar rounding issues the two lines below are a hack to target Firefox only (x is a deliberate reference to a non-existent element) details: http://pornel.net/firefoxhack */ /* target Firefox: */ .hasSearchNewRefine .cT-searchRefine, x:-moz-any-link { margin-top:10.45em } /* reset for IE 7: */ * + html .hasSearchNewRefine .cT-searchRefine { margin-top:10.35em } /* show an arrow to the right of the search box (implemented using this h2's background image) */ .cT-searchRefine h2, .aside .cT-searchNew h2 { background:url("img/sprite-domain.png") no-repeat -1010px -345px; width:298px } .cT-searchRefine h2, .aside .cT-searchNew h2 { margin-top:-8px; padding-top:8px } /* margin-top and padding-top are used to align the arrow next to heading on the right */ /* IE 6 will make .cT-searchNew wide enough to contain the h2, instead of letting the h2 flow outside it, so we need to absolutely position the h2 instead */ * html .cT-searchRefine, * html .aside .cT-searchNew { padding-top:3em } * html .cT-searchRefine h2, * html .aside .cT-searchNew h2 { position:absolute; top:.55em } /* [cT-searchRefine] Refine Search Results panel ...................................................................................... */ .cT-searchRefine { padding-left:0; padding-right:0; padding-bottom:0; border-bottom:none } .cT-searchRefine h2 { font-size:1.5em; letter-spacing:-1px; margin-left:10px; margin-right:10px; margin-bottom:.13em } /* margin-top is set as a d style (see above) */ .cT-searchRefine .newsearch { top:1.35em; left:12em; right:auto; font-size:.92em; text-transform:lowercase } /* CUSTOMISATION cT-searchRefine */ .searchRefinePlain { float:left; width:280px; padding-top:0; border:0; background:none } .searchRefinePlain h2 { position:absolute; left:-9999px; font-size:0 } .searchRefinePlain .first /* This class gets injected by JS */ { padding:0; border:0 } .searchRefinePlain .cT-searchFacet.facet-textMultiple .button { float:left } * html .searchRefinePlain { padding:0 } /* CUSTOMISATION of nested [cT-searchFacet] */ .cT-searchRefine .cT-searchFacet.first { border-top:0; padding-top:0; padding-bottom:1em } .scriptable .cT-searchRefine .cT-searchFacet.first div { padding:0 } /* [cT-searchNew] New Search panel ...................................................................................... */ .content .cT-searchNew { text-align:center } .aside .cT-searchNew { height:9.75em } * html .aside .cT-searchNew { height:5.75em } /* height = height of .aside .cT-searchNew - padding-top of * html .aside .cT-searchNew */ .cT-searchNew h2 { font-size:1.33em; letter-spacing:-1px } .content .cT-searchNew h2 { line-height:24px } .cT-searchNew p { font-size:.92em; color:#666 } .cT-searchNew input.text { font-size:1.08em; padding:2px } .content .cT-searchNew input.text { width:200px; margin-left:5px; margin-right:5px; height:1.3em; vertical-align:top } * + html .content .cT-searchNew input.text { vertical-align:middle; margin-left:.75em } * html .content .cT-searchNew input.text { vertical-align:middle; margin-left:.75em } .aside .cT-searchNew input.text { width:270px; margin-top:.5em; height:1.4em } /* Firefox 2 requires a different margin-top due to peculiar rounding issues the two lines below are a hack to target Firefox only (x is a deliberate reference to a non-existent element) details: http://pornel.net/firefoxhack */ /* target Firefox: */ .aside .cT-searchNew input.text, x:-moz-any-link { padding-top:3px; height:1.3em } /* reset for IE 7: */ * + html .aside .cT-searchNew input.text { padding-top:2px; height:1.4em } .content .cT-searchNew input.button { vertical-align:top } * + html .content .cT-searchNew input.button { vertical-align:middle } * html .content .cT-searchNew input.button { vertical-align:middle } .aside .cT-searchNew input.button { margin-top:.5em } /* Search button */ /* reset styles from variable width with background colour */ .cT-searchNew .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cT-searchNew a.button { display:-moz-inline-block; display:inline-block } * + html .cT-searchNew .button { line-height:23px } * html .cT-searchNew .button { line-height:23px } .cT-searchNew .button:hover, .cT-searchNew .button:focus, .cT-searchNew .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-searchNew .button { padding:0 } /* fixed width with background image */ .content .cT-searchNew .button { width:66px; background-position:-1010px -240px /* button w66 */ } .content .cT-searchNew .button:hover, .content .cT-searchNew .button:focus { background-position:-1010px -265px /* button:hover w66 */ } .content .cT-searchNew .button:active { background-position:-1010px -290px /* button:active w66 */ } .aside .cT-searchNew .button { width:100px; background-position:-1080px -240px /* button w100 */ } .aside .cT-searchNew .button:hover, .aside .cT-searchNew .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .aside .cT-searchNew .button:active { background-position:-1080px -290px /* button:active w100 */ } /* target Firefox: */ .cT-searchNew .button, x:-moz-any-link { padding-bottom:.25em } /* reset for IE 7: */ * + html .cT-searchNew .button { padding-bottom:0 } /* [cT-searchFacet] Search refinement navigator ...................................................................................... */ .cT-searchFacet { margin:0; padding:.5em 10px; border-top:1px solid white; border-bottom:1px solid #ccc; position:relative } .cT-searchFacet h4 { font-weight:bold } .cT-searchFacet div { padding:0 0 .4em } * html .cT-searchFacet div { height:1% } .cT-searchFacet label, .cT-searchFacet h5, .cT-searchFacet .more { font-size:.92em } .cT-searchFacet label { cursor:pointer } .cT-searchFacet input.check { margin:-3px 3px 0 0; vertical-align:middle } * + html .cT-searchFacet input.check { margin:-1px 0 0 -4px } * html .cT-searchFacet input.check { margin:-1px 0 0 -3px } .cT-searchFacet .error { font-size:.92em; color:#cf3b01 } * + html .cT-searchFacet .error { padding-top:0; margin-top:.5em } /* Update buttons */ /* reset styles from variable width with background colour */ .cT-searchFacet .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cT-searchFacet a.button { display:-moz-inline-block; display:inline-block } * + html .cT-searchFacet .button { line-height:23px } * html .cT-searchFacet .button { line-height:23px } .cT-searchFacet .button:hover, .cT-searchFacet .button:focus, .cT-searchFacet .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-searchFacet .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cT-searchFacet .button { width:66px; background-position:-1010px -240px /* button w66 */ } .cT-searchFacet .button:hover, .cT-searchFacet .button:focus { background-position:-1010px -265px /* button:hover w66 */ } .cT-searchFacet .button:active { background-position:-1010px -290px /* button:active w66 */ } /* target Firefox: */ .cT-searchFacet .button, x:-moz-any-link { padding-bottom:.33em } /* reset for IE 7: */ * + html .cT-searchFacet .button { padding-bottom:0 } /* Collapse or open entire facet */ .scriptable .cT-searchFacet.closed { padding-left:0; padding-right:0 } .scripted .cT-searchFacet.closed { padding:0 } @media screen and (-webkit-min-device-pixel-ratio:0) { .scripted .cT-searchFacet.closed { width:298px } } /* Safari/Chrome hack */ .scripted .cT-searchFacet.closed:hover, .scripted .cT-searchFacet.closed h4 a:hover, .scripted .cT-searchFacet.closed h4 a:focus, .scripted .cT-searchFacet.closed h4 a:active { background-color:#e2e2e2 } .scriptable .cT-searchFacet div { padding-left:10px } .cT-searchFacet h4 a { text-decoration:none; margin-left:-5px; padding-left:15px; background:url("img/sprite-domain.png") no-repeat -1030px -15px } .cT-searchFacet h4 a:hover, .cT-searchFacet h4 a:focus, .cT-searchFacet h4 a:active { text-decoration:underline } .scriptable .cT-searchFacet h4 { padding-left:12px } .scripted .cT-searchFacet h4 { padding-left:0 } .scripted .cT-searchFacet h3.radar { position:absolute; bottom:8px; right:25px; display:block; width:50px; height:15px; background:url("../skin-channel-residential/img/sprite-residential.png") no-repeat -336px -69px; text-indent:-999em } .scriptable .cT-searchFacet.closed h4 { padding-left:22px; padding-right:55% } .scripted .cT-searchFacet.closed h4 { padding-left:0; padding-right:0 } .scripted .cT-searchFacet.closed h3.radar { display:none } .cT-searchFacet.closed h4 a { margin-left:0; padding:.5em 45% .5em 20px; background-position:-1042px 5px } * html .cT-searchFacet.closed h4 a { height:1% } /* make sure it has layout in IE 6 so the background doesn't disappear */ /* Current selection summary (only shown when closed) */ .cT-searchFacet .selected { font-size:.92em; top:.5em; margin-top:1px; left:55%; right:5px } /* top = padding-top of .cT-searchFacet.closed h4 a; top = border-top of .cT-serchFacet.closed */ /* target Firefox: */ .cT-searchFacet .selected, x:-moz-any-link { top:0 } /* reset for IE 7: */ * + html .cT-searchFacet .selected { top:.5em } .scripted .cT-searchFacet .selected { top:.5em } /* re-apply for Firefox's benefit */ .cT-searchFacet .selected span { color:#666; font-size:.82em; margin-left:.13em } /* .cT-searchFacet .selected a { text-decoration:none; color:#333 } */ .cT-searchFacet .selected.modified { font-weight:bold } .cT-searchFacet .selected.modified small { font-weight:normal; font-size:.91em } /* Show/hide full set of search facets */ .cT-searchFacet.controller h4 a { padding-right:0; background-position:-1013px -30px } .compact .cT-searchFacet.controller h4 a { padding-bottom:1.66em; background-position:-1040px 5px } /* background-position: should be the same as .scriptable .cT-searchFacet.closed h4 a */ .compact .cT-searchFacet.controller .selected { left:22px; top:1.8em; width:auto } /* Facet type: text (facet-text) */ .cT-searchFacet.facet-text label { display:block; font-size:.92em; color:#666 } .cT-searchFacet.facet-text input.text { font-size:1.08em; padding:2px; height:1.4em; width:14em; margin-top:.5em } .cT-searchFacet.facet-text input.text, x:-moz-any-link { padding-top:3px; height:1.3em } /* filter for Firefox (but IE 7 also picks it up) */ * + html .cT-searchFacet.facet-text input.text { padding-top:2px; height:1.4em } /* override above rule in IE 7 to make it Firefox only */ .cT-searchFacet.facet-text .button { margin-top:7px } /* target Firefox: */ .cT-searchFacet.facet-text .button, x:-moz-any-link { padding-bottom:.25em } /* reset for IE 7: */ * + html .cT-searchFacet.facet-text .button { padding-bottom:0 } /* Facet type: multiple text (facet-textMultiple) */ .cT-searchFacet.facet-textMultiple label { display:block; font-size:.92em; color:#666 } .cT-searchFacet.facet-textMultiple label span { display:block; margin-bottom:.5em } .cT-searchFacet.facet-textMultiple input.text { font-size:1.08em; padding:2px; height:1.4em; width:20.5em; margin:.25em 0 .5em } .cT-searchFacet.facet-textMultiple input.text, x:-moz-any-link { padding-top:3px; height:1.3em } /* filter for Firefox (but IE 7 also picks it up) */ * + html .cT-searchFacet.facet-text input.textMultiple { padding-top:2px; height:1.4em } /* override above rule in IE 7 to make it Firefox only */ .cT-searchFacet.facet-textMultiple .button { margin-top:.25em } /* Facet type: single checkbox (facet-check) */ .cT-searchFacet.facet-check label { float:left; width:200px } * html .cT-searchFacet.facet-check label { background:transparent } /* IE 6 hack - without it the update button will be positioned incorrectly under this label */ .cT-searchFacet.facet-check .more { float:left; clear:left; margin-left:1.75em; line-height:1.2 } * + html .cT-searchFacet.facet-check .more { width:8em } * html .cT-searchFacet.facet-check .more { width:8em } .cT-searchFacet.facet-check .button {position:absolute} /* target Firefox: */ .cT-searchFacet.facet-check .button, x:-moz-any-link { padding-bottom:.25em } /* reset for IE 7: */ * + html .cT-searchFacet.facet-check .button { padding-bottom:0 } * + html .cT-searchFacet.facet-check .button { margin-top:0 } * html .cT-searchFacet.facet-check .button { margin-top:0 } /* Facet type: range of values (facet-range) */ .cT-searchFacet.facet-range label { margin-right:.5em } .cT-searchFacet.facet-range input.text { width:4.75em; font-size:1.08em; padding:2px } /* Facet type: lists of multiple checkboxes (facet-list) */ .cT-searchFacet.facet-list div { margin-top:-2px } .cT-searchFacet.facet-list li { line-height:1.5;clear:both } /* nested subitems - replaces parent item if no JavaScript available */ .cT-searchFacet.facet-list li ul { margin-left:0 } .scriptable .cT-searchFacet.facet-list li ul { margin-left:1.75em } .cT-searchFacet.facet-list .hasSubItems label { display:none } .cT-searchFacet.facet-list .hasSubItems ul label { display:inline } .scriptable .cT-searchFacet.facet-list .hasSubItems label { display:inline } /* nested subitems - show along with parent item if no JavaScript available */ .cT-searchFacet.facet-list .hasDetails dl { overflow:hidden; margin:.25em 0;display:block;padding:0;border-bottom:1px dotted #ccc } * html .cT-searchFacet.facet-list .hasDetails dl { float:left; margin-top:-.25em } /* IE6 hack */ .cT-searchFacet.facet-list .hasDetails dt { font-size:.92em; color:#4C7A1D; width:5.7em; float:left; clear:both; padding-bottom:.5em } .cT-searchFacet.facet-list .hasDetails dd { display:inline; float:left; margin-left:.8em; margin-top:-1px; padding-bottom:.5em } .cT-searchFacet.facet-list .hasDetails input.radio { vertical-align:middle } .cT-searchFacet.facet-list .hasDetails select { width:7em; font-size:.92em } /* POI groupings */ .cT-searchFacet.facet-list .hasDetails dl dd dl{float:left;width:180px;border-bottom:none;margin:0;padding:0} .cT-searchFacet.facet-list .hasDetails dl dd dl dd{width:180px;border-bottom:none;margin:0;padding:0;margin-left:0em} /* result counts */ .cT-searchFacet.facet-list span { color:#666; font-size:.82em; margin-left:.13em } /* subheadings */ .cT-searchFacet.facet-list h5 { font-weight:bold; margin:.25em 0 .13em } /* collapse groups */ .cT-searchFacet.facet-list .more { margin-left:.25em } .cT-searchFacet.facet-list .button { margin-top:.75em } /* Bed, bath, car lists */ .cT-searchFacet.facet-list div.bed-bath-car { } .cT-searchFacet.facet-list div.bed-bath-car ul { float:left } .cT-searchFacet.facet-list div.bed-bath-car ul li { float:left; margin-right:5px; clear:none } .cT-searchFacet.facet-list div.bed-bath-car ul li.last { margin-right:0 } .cT-searchFacet.facet-list div.bed-bath-car ul li select { font-size:0.93em } /* [cN-searchesRecent] Recent Searches panel ...................................................................................... */ .cN-searchesRecent h2 { font-size:1.33em; letter-spacing:-1px; background:url("img/sprite-domain.png") no-repeat -1300px -590px; padding-left:25px } * html .cN-searchesRecent h2 { height:1% } /* make sure it has layout in IE 6 so that the icon appears */ .cN-searchesRecent ul li { list-style-type:none; margin:0.3em 0 0; padding-left:25px; background:url("img/sprite-domain.png") no-repeat -1318px -575px } * html .cN-searchesRecent ul li { height:1% } /* make sure it has layout in IE 6 so that the list arrows appears */ .cN-searchesRecent ul li a { font-size:.92em } /* [cN-groupNavigator] Search refinement navigator ...................................................................................... */ .cT-searchRefine .cN-groupNavigator { border-top:1px dotted #aaa } * html .cT-searchRefine .cN-groupNavigator { display:inline-block } /* fix disappearing border in IE 6 */ /* List items */ .cN-groupNavigator li { list-style:none; margin:0; font-size:.92em; line-height:1.75em; padding-left:1.25em; margin:.25em 0 } .cN-groupNavigator li a { color:#333; display:block; padding-left:1.25em; margin-left:-1.25em } * html .cN-groupNavigator li a { width:99% } /* fix for IE 6 causing extra spacing below each link */ .cN-groupNavigator span { position:absolute; color:#666; font-size:.82em; text-decoration:none; margin-left:.6em } /* Safari doesn't respect the text-decoration:none, and there is no known workaround */ * + html .cN-groupNavigator span { margin-top:-.3em } * html .cN-groupNavigator span { margin-top:-.3em } .cN-groupNavigator li a:hover, .cN-groupNavigator li a:focus, .cN-groupNavigator li a:active { color:white; text-decoration:none; background:#999 } .cN-groupNavigator a:hover span, .cN-groupNavigator a:focus span, .cN-groupNavigator a:active span { color:white } .cN-groupNavigator li.selected { background:#e2e2e2; font-weight:bold } .cN-groupNavigator li.selected span { font-weight:normal } .cN-groupNavigator li.selected a { display:inline; float:right; margin-top:-1.75em; padding-right:1.25em; font-weight:normal } .cN-groupNavigator li.selected a:hover, .cN-groupNavigator li.selected a:focus, .cN-groupNavigator li.selected a:active { background:transparent; text-decoration:underline } body:last-child:not(:root:root) .cN-groupNavigator li.selected a { margin-top:0 } /* Safari hack */ * html .cN-groupNavigator li.selected a { width:auto } /* do not apply earlier IE hack */ /* Expandable more or less items */ .scriptable .cN-groupNavigator .hide { display:none } .scriptable .cN-groupNavigator .expanded .hide { display:block } .scriptable .cN-groupNavigator .controller a { background:url("img/sprite-domain.png") no-repeat -1020px -30px } .scriptable .cN-groupNavigator .expanded .controller a { background-position:-1010px -45px } .scriptable .cN-groupNavigator .controller a:hover, .scriptable .cN-groupNavigator .controller a:focus, .scriptable .cN-groupNavigator .controller a:active { background-color:#999 } .scriptable .cN-groupNavigator .expanded .controller span { display:none } /* don't show item count on less link */ /* Collapse or open entire navigator */ .cN-groupNavigator h4 a { display:block; text-decoration:none } .cN-groupNavigator h4 a:hover, .cN-groupNavigator h4 a:focus, .cN-groupNavigator h4 a:active { text-decoration:underline } .scriptable .cN-groupNavigator h4 a { padding-left:15px } /* make link extend left to include the arrow */ .cN-groupNavigator h4 { background:url("img/sprite-domain.png") no-repeat -1030px -15px; padding-left:15px } .scriptable .cN-groupNavigator h4 { padding-left:0 } /* when there is a link, put the padding on the link instead */ .scriptable .cN-groupNavigator.closed h4 { background-position:-1040px 0 } /* [cN-groupNavigator-valuesRange] Search refinement navigator - range betwen two values ...................................................................................... */ .cN-groupNavigator-valuesRange { overflow:hidden; padding-bottom:.25em } .cN-groupNavigator-valuesRange h4 { margin-bottom:.5em } .cN-groupNavigator-valuesRange label { float:left; margin-right:.5em; font-size:.92em } .cN-groupNavigator-valuesRange input { width:5.5em; font-size:1.08em; padding:2px } .cN-groupNavigator-valuesRange a.action { float:right; margin-top:.25em; font-size:.92em; padding:0 .75em } /* Collapse or open entire navigator */ .scriptable .cN-groupNavigator-valuesRange.closed h4 { margin-bottom:0 } /* Validation error */ .cN-groupNavigator-valuesRange .error { font-size:.92em; color:#cf3b01 } /* [cN-accordion] Accordion with expandable/collapsible sections ...................................................................................... */ .cN-accordion {background:#ffffff} .scriptable .cN-accordion .tip {position:absolute; display:block; width:10px; height:10px; margin:.85em .25em 0 .25em; text-indent:-9999px; background:url("img/sprite-domain.png") -1046px -5px/*arrows | closed arrow*/} .scriptable .cN-accordion .head {padding-left:1.5em; cursor:pointer; background:#e2e2e2} .scriptable .cN-accordion .open .tip {background-position:-1030px -20px/*arrows | open arrow (down)*/} .accordionPlain /*extends cN-accordion*/ {background:none} .scriptable .accordionPlain .head {background:none} .accordionPlain .cS-salesHistory-table {margin:0} /* [cN-lightbox] Lightbox popup shell ...................................................................................... */ .cN-lightbox { background:#dad9d6; border-color:#666 } .cN-lightbox h1 { background:black; color:white; font-weight:bold } /* Lightbox controls */ .cN-lightbox ul.controller.first { font-size:.92em; } .cN-lightbox ul.controller.first li { border-left:1px solid #999; padding-left:.66em } .cN-lightbox ul.controller.first li.first { border-left:none; padding-left:0; margin-left:.25em } .cN-lightbox ul.controller.last li.last { margin-left:1em } /* Lightbox contents */ .cN-lightbox .lightbox-content { background:white } /* [cN-itemList] List of selectable items (content for cN-lightbox) [cN-itemSelect] List of items with checkboxes (content for cN-lightbox) D STYLES ...................................................................................... */ .cN-itemList li, .cN-itemSelect li { font-size:.92em; width:16.25em; border-bottom:1px solid #ccc } /* width must change with font-size */ /* [cN-itemList] List of selectable items (content for cN-lightbox) ...................................................................................... */ /* Remove/undo selectors */ .cN-itemList li a { padding-right:3em } /* the widest text that will appear on the right is 'Undo' (does not apply to IE 7/IE 6) */ .cN-itemList li a span { top:.4em; height:11px; width:0; padding-left:11px; overflow:hidden; background:url("img/sprite-domain.png") no-repeat -640px -120px } /* (some of these do not apply to IE 7/IE 6) */ * + html .cN-itemList li a span { margin-top:.2em; margin-left:2em; font-size:0 } /* font-size:0 prevents text from showing when page is zoomed in */ * html .cN-itemList li a span { margin-top:.2em; margin-left:2em; font-size:0 } /* font-size:0 prevents text from showing when page is zoomed in */ .cN-itemList li a:hover, .cN-itemList li a:focus, .cN-itemList li a:active { background:#eee; text-decoration:none } .cN-itemList li a:hover span, .cN-itemList li a:focus span, .cN-itemList li a:active span { background-position:-640px -135px } .cN-itemList li a.del { color:#ccc } .cN-itemList li a.del span { top:.1em; width:auto; padding-left:0; overflow:visible; background:none; color:#4c7a1d } * + html .cN-itemList li a.del span { margin-top:0; margin-left:.25em; font-size:1em } * html .cN-itemList li a.del span { margin-top:0; margin-left:.25em; font-size:1em } /* [cN-itemSelect] List of items with checkboxes (content for cN-lightbox) ...................................................................................... */ .cN-itemSelect li label { display:block; padding:1px; min-height:17px; overflow:hidden } .cN-itemSelect li.double label { min-height:33px } .cN-itemSelect li input { float:left; margin-right:.5em; margin-bottom:0; margin-top:2px; padding-top:0; padding-bottom:0 } * + html .cN-itemSelect li input { margin-top:-3px } * html .cN-itemSelect li input { margin-top:0 } .cN-itemSelect li.double input { margin-bottom:1em } .cN-itemSelect li label:hover, .cN-itemSelect li label:focus, .cN-itemSelect li label:active { cursor:pointer; background:#eee; text-decoration:none } /* [cN-resultsNav] Navigation between items in a set of search results ...................................................................................... */ .cN-resultsNav { background:url("img/sprite-domain.png") -55px -250px } .cN-resultsNav.result-first, .cN-resultsNav.result-last, .cN-resultsNav.result-only, .cN-resultsNav.result-not { background:none } .cN-resultsNav li { font-size:.92em; background:url("img/sprite-domain.png") no-repeat } .cN-resultsNav .back, .cN-resultsNav .prev { background-position:-1010px -380px } .cN-resultsNav .next { background-position:100% -380px } /* IE assigns the incorrect width to .next, so we need to compensate */ * + html .cN-resultsNav .next { margin-right:-1px } * html .cN-resultsNav .next { margin-right:-1px } .cN-resultsNav .current { background:none } .cN-resultsNav a { line-height:20px; padding-left:22px } .cN-resultsNav .next a { padding-left:0; padding-right:22px } * + html .cN-resultsNav .next a { padding-right:18px } * html .cN-resultsNav .next a { padding-right:18px } .cN-resultsNav .current a { padding-left:0 } /* force font-size to set height of .prev and .next to 20px in Firefox, Safari to show full arrow */ .cN-resultsNav .prev, .cN-resultsNav .next { font-size:1.67em } .cN-resultsNav .prev a, .cN-resultsNav .next a { font-size:.55em } /* reset for IE, which can be styled using inline-block instead to do the same thing */ * + html .cN-resultsNav .prev, * + html .cN-resultsNav .next { font-size:1em } /* set back to 1 */ * + html .cN-resultsNav .prev a, * + html .cN-resultsNav .next a { font-size:.92em } /* set back to same as .cN-resultsNav li */ * + html .cN-resultsNav a { display:inline-block } * html .cN-resultsNav .prev, * html .cN-resultsNav .next { font-size:1em } /* set back to 1 */ * html .cN-resultsNav .prev a, * html .cN-resultsNav .next a { font-size:.92em } /* set back to same as .cN-resultsNav li */ * html .cN-resultsNav a { display:inline-block } /* Safari/Chrome needs inline-block as well */ @media screen and (-webkit-min-device-pixel-ratio:0) { .cN-resultsNav a { display:inline-block } } /* fix issues with spacing between .prev and .next */ .cN-resultsNav .next, x:-moz-any-link { margin-left:0 } /* spacing between .prev and .next in Firefox needs to be applied to the link instead of the li */ .cN-resultsNav .next a, x:-moz-any-link { margin-left:1em } /* these rules are picked up by IE 7 as well, but are not harmful */ @media screen and (-webkit-min-device-pixel-ratio:0) { .cN-resultsNav .next { margin-left:.5em } } /* Safari/Chrome applies too much of a margin */ /* [cN-productTools] Property/vehicle/etc listing tools links list ...................................................................................... */ .cN-productTools ul { font-size:.92em } .cN-productTools li a { padding-left:25px; background:url("img/sprite-domain.png") no-repeat } .cN-productTools .lResearch {margin-bottom:15px } .cN-productTools .lResearch a { background:none; padding:0 } .cN-productTools .lResearch strong { color:#f00 } .cN-productTools .lAlert a { background-position:-1380px -510px } .cN-productTools .lShortAdd a { background-position:-1360px -530px } .cN-productTools .lPlannerAdd a { background-position:-1254px -640px } .cN-productTools .lPrint a { background-position:-1380px -450px } .cN-productTools .lEmail a { background-position:-1380px -470px } .cN-productTools .lMobile a { background-position:-1380px -490px } .cN-productTools .lShare a { background:none } .cN-productTools .lShare .bFacebook { overflow:hidden; width:46px /* hide counter */; height:20px; padding-left:0 } /* reset styles from variable width with background colour */ .cN-productTools .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cN-productTools a.button { display:-moz-inline-block; display:inline-block } * + html .cN-productTools .button { line-height:23px } * html .cN-productTools .button { line-height:23px } .cN-productTools .button:hover, .cN-productTools .button:focus, .cN-productTools .button:active { text-decoration:underline } body:last-child:not(:root:root) .cN-productTools .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cN-productTools .button { line-height:23px; width:150px; background-position:-1180px -240px /* button w150 */ } .cN-productTools .button:hover, .cN-productTools .button:focus { background-position:-1180px -265px /* button:hover w150 */ } .cN-productTools .button:active { background-position:-1180px -290px /* button:active w150 */ } /* Horiz product tools */ .productToolsHoriz {overflow:hidden; margin-bottom:15px} .productToolsHoriz li {float:left; width:175px} .productToolsHoriz .lFacebook a {padding-left:0; background-image:none} .productToolsHoriz .lFacebook .FBConnectButton_Text_Simple {margin-left:25px} /*--- IE fixes ----*/ * html .productToolsHoriz {zoom:1} /* [cB-propertyViews] Property views navigation ...................................................................................... */ .cB-propertyViews { font-size:.92em; background:#eee; margin-left:0 } .cB-propertyViews li { line-height:25px; background:url("img/sprite-domain.png") no-repeat } .cB-propertyViews .floorplans { background-position:-690px -45px } .cB-propertyViews .video { background-position:-690px -85px } .cB-propertyViews .tour { background-position:-690px -125px } .cB-propertyViews .photos { background-position:-690px -165px } .cB-propertyViews .streetview { background-position:-690px -205px } .cB-propertyViews .blockmap { background-position:-1040px -542px } .cB-propertyViews a { padding-left:28px; display:block } /* [cT-productDetails] Header and details about a property/vehicle/etc ...................................................................................... */ .listing .main, .listing .secondary { float:none } /* Header */ .cT-productDetails .agent { display:block; margin-bottom:.5em } * html .cT-productDetails .agent { overflow:hidden } .cT-productDetails h1 { width:720px; font-size:1.67em; letter-spacing:-1px; margin:.5em 0 .25em; padding:.5em 0 .5em .3em; background:url("img/sprite-domain.png") -55px -505px; line-height:1 } /* Media */ .cT-productDetails .media .feature { min-width:480px; display:block; text-align:center; background:#eee } * + html .cT-productDetails .media .feature { display:inline-block /* ensure margin between this and the next element is shown */ } * html .cT-productDetails .media .feature { display:inline-block /* ensure margin between this and the next element is shown */; width:480px /* width acts as min-width in IE 6 */; overflow:hidden } .cT-productDetails .media .feature img { height:auto; max-width:480px; max-height:320px } * html .cT-productDetails .media .feature img { height:320px /* IE 6 doesn't support min-width, so make all images 320px height as a compromise (wider images will be cropped) */ } .cT-productDetails .thumbnails { margin-left:-15px } .cT-productDetails .thumbnails li { margin-left:15px } * html .cT-productDetails .thumbnails { width:495px } /* IE 6 needs a width set, and this needs to be 15px more than the actual desired width because we're applying -15px margin-left */ .main .cT-profileDescription .media { margin-top:1em } /* Secondary content */ .cT-productDetails .summary, .listing .secondary { left:500px } /* 500px = width of .main + 20px margin */ /* CUSTOMISATION of nested [cN-featDetails] */ .cT-productDetails .cN-featDetails { overflow:hidden; margin-bottom:1em } * html .cT-productDetails .cN-featDetails { height:1% } /* make sure it has layout in IE 6 so that overflow:hidden works */ .cT-productDetails .cN-featDetails dd { margin-right:1.25em } /* CUSTOMISATION of nested [cN-featDetails-extended] */ .cT-productDetails .cN-featDetails-extended { clear:left; margin-bottom:1em; min-height:12em } * html .cT-productDetails .cN-featDetails-extended { height:12em } /* height acts like min-height in IE 6 */ .cT-productDetails .cN-featDetails-extended dt.price { position:absolute; left:-9999px; font-size:0 } .cT-productDetails .cN-featDetails-extended dd.price { padding-bottom:.75em; color:#cf3b01; font-weight:bold; font-size:1.17em } /* [cT-profileDetails] Header and details about an agent/provider/etc ...................................................................................... */ .cT-profileDetails { font-size:.9861em } /* font-size inconsistency reset (make 1em = 12px instead of 12.1667px) */ .cT-profileDetails h1 { font-size:1.3333em; font-weight:bold } .cT-profileDetails.profilescope-office { position:relative; padding-top:2.25em; min-height:75px; } * html .cT-profileDetails.profilescope-office { height:75px } .cT-profileDetails .individual { width:368px } .cT-profileDetails .individual strong { font-size:.9167em } .cT-profileDetails .individual .contact { margin-top:.5em; width:228px /* 340px - width of img (100px) - img margin-right (1em) */ } .cT-profileDetails .office { float:right; width:207px; padding-left:1em } /* make all instances float right, even on agency office pages where there are no individual agent details */ .cT-profileDetails .individual + .office { width:207px } /* override more specific rule in component CSS */ * html .cT-profileDetails.profilescope-individual .office { width:207px } /* IE 6 doesn't support the adjacent sibling selector */ .cT-profileDetails.profilescope-office img { position:absolute; left:0 } .cT-profileDetails .office h1 { position:absolute; left:0; top:0; margin-top:0 } /* on agency office pages only (individual agent pages use an h3 instead) */ .cT-profileDetails .office h3 { font-weight:bold; font-size:.9167em } /* on individual agent pages only (agency office pages use an h1 instead) */ /* pop up */ .included .cT-profileDetails { float:left; width:220px; margin:0 0 .5em } .included .cT-profileDetails h1 { position:relative } .included .cT-profileDetails dt { width:36px; margin-right:10px; text-align:right } .included .cT-profileDetails .address { width:200px; margin-bottom:1em } /* contact details */ .cT-profileDetails .contact { font-size:.9167em } .cT-profileDetails.profilescope-office .contact dt { width:109px; padding-right:5px; text-align:right } .cT-profileDetails.profilescope-office .contact dd.address { width:200px; position:absolute; left:215px; margin-bottom:.5em } .cT-profileDetails.profilescope-office .contact dd.web { width:auto; margin-bottom:1.5em; text-align:right } * html .cT-profileDetails.profilescope-office .contact dd { width:80px } * html .cT-profileDetails.profilescope-office .contact .address { margin-top:0px } .cT-profileDetails .individual .contact { margin-top:1em } .cT-profileDetails .individual .contact dt { margin-right:.5em } .cT-profileDetails .individual .contact dd { margin-bottom:.33em } /* icons: for individual listings - show phone icon, even for mobile number (there should only ever be one number) for agency office listings - show text for all phone numbers (there may be many) for both - show icon for email */ .cT-profileDetails .individual .contact dt, .cT-profileDetails dt.email { text-indent:-999em; width:16px; background:url("img/sprite-domain.png") no-repeat } .cT-profileDetails .contact dt.phone, .cT-profileDetails .contact dt.mobile { background-position:-1340px -550px /* sprite:phone */ } .cT-profileDetails .contact dt.email { text-align:left; background-position:-1380px -510px /* sprite:envelope */ } .profileEnhanced {position:relative; margin-left:-12px; width:612px; min-height:146px; background:url('img/sprite-domain-bg.png') no-repeat 0 -103px /* content | feature main */} .profileEnhanced .contact {margin-top:50px} .profileEnhanced .contact dt {font-weight:bold} .profileEnhanced .office h1, .profileEnhanced img {left:28px} .profileEnhanced .office h1 {font-size:2.25em} .profileEnhanced img, .profileEnhanced dt.address {position:absolute; top:50px} .profileEnhanced dt.address, .profileEnhanced dd.address {left:240px} .profileEnhanced dt.address {text-align:left; font-size:1em} .profileEnhanced dd.address {position:absolute; top:68px} .profileEnhanced dt {padding-right:10px; width:80px; text-align:right} .profileEnhanced dt.web {position:static; float:left; clear:left; left:auto; font-size:1em} .profileEnhanced dd.web {clear:none} /*---- IE fixes ----*/ * html .profileEnhanced {height:146px} * html .profileEnhanced .office h1 {width:560px} * html .profileEnhanced .contact .address {width:150px} /* [cT-productDescription] Description and features of a property/vehicle/etc ...................................................................................... */ .cT-productDescription { margin-bottom:1em } .cT-productDescription blockquote { font-size:1.5em; letter-spacing:-1px; border-top:2px solid #ccc; padding-top:.5em; margin-bottom:.5em } * + html .cT-productDescription blockquote { margin-top:.7em } .cT-productDescription h3 { font-size:1.17em; font-weight:bold } .cT-productDescription ul { list-style:disc } .cT-productDescription .productid { margin-top:1em } /* [cT-productHistory] Full history of a property/vehicle/etc ...................................................................................... */ .cT-productHistory {position:relative; margin:40px 0 1em; border:1px solid #cccccc; background:#eeede9} .cT-productHistory h3 {margin:-1px -1px 0 -1px; padding:.5em; font-size:1.5em; color:#ffffff; background:#6d992a} .cT-productHistory small {position:absolute; top:-25px; right:0; font-size:.75em} .cT-productHistory dl {position:relative; margin:1em 0} .cT-productHistory dt {position:absolute; left:0; width:12em; font-weight:bold} * html .cT-productHistory dt {left:-10em} .cT-productHistory dd {margin:.5em 0 .5em 10em} .cT-productHistory .notice {padding:1em; font-size:.92em} /* [cT-productHistoryCondensed] Condensed history of a property/vehicle/etc ...................................................................................... */ .cT-productHistoryCondensed {margin:1em 0; padding:.5em; font-size:.92em; border:1px solid #cdcec9; background:#eeede9} /* [cT-profileDescription] Description and features of an agent/vendor/person/etc ...................................................................................... */ .cT-profileDescription h2 { font-size:1.5em; letter-spacing:-1px; padding-top:.5em; margin-bottom:.5em } * + html .cT-profileDescription h2 { margin-top:.7em } .cT-profileDescription h3 { font-size:1.17em; font-weight:bold } .cT-profileDescription blockquote { text-indent:25px; background:url("img/sprite-domain.png") no-repeat -1140px -742px /* sprite:ldquo */ } .cT-profileDescription cite { font-size:.9167em } /* quote mark at right of block: .cT-profileDescription cite { margin:-20px 0 20px; padding-top:20px; background:url("img/sprite-domain.png") no-repeat -616px -1187px // sprite:rdquo } */ /* quote mark at end of text: */ .cT-profileDescription blockquote .rdquo { display:inline-block; margin-left:5px; background:url("img/sprite-domain.png") no-repeat -958px -1187px /* sprite:rdquo */; width:18px; height:13px } /* [cN-listLinks] List of related links ...................................................................................... */ .cN-listLinks { font-size:.92em } .cN-listLinks h3 { margin:0 0 .25em 0; font-size:1.27em; font-weight:bold } .cN-listLinks li { list-style:none; margin:.3em 0 0; padding-left:15px; background:url("img/sprite-domain.png") no-repeat -1325px -575px } .cN-listLinks li a { margin-left:-15px; padding-left:15px } /* Sidebar instances */ .aside .cN-listLinks h3 { letter-spacing:-1px; font-weight:normal } .aside .cN-listLinks li { padding-left:25px; background-position:-1318px -575px } .aside .cN-listLinks li a { margin-left:0; padding-left:0 } /* CUSTOMISATION of [cN-listLinks] */ .listLinksAgent h3 { font-size:1em } .listLinksAgent ul { overflow:hidden } .listLinksAgent li { float:left; padding:0 4px 0 5px; line-height:1.2em; background:0; border-left:1px solid #000 } .listLinksAgent li:first-child { padding-left:0; border-left:0 } .listLinksAgent li a { margin:0; padding:0 } /* CUSTOMMISATION of [cN-listLinks] */ .listLinksProfileOffice { margin-left:-10px} .listLinksProfileOffice h3 { position:absolute; left:-9999px; font-size:0 } /* [cN-listLinksHierarchy] List of Hierarchy links and List links for SEO ...................................................................................... */ .cN-listLinksHierarchy h3 { font-size:1em; font-weight:bold } .cN-listLinksHierarchy ul li { list-style-type:none; margin:0.3em 0 0; padding-left:25px; background:url("img/sprite-domain.png") no-repeat -1318px -575px } * html .cN-listLinksHierarchy ul li { height:1% } /* make sure it has layout in IE 6 so that the list arrows appears */ .cN-listLinksHierarchy ul li a { font-size:.92em } /* [cN-searchFilter] Form for narrowing down search choices ...................................................................................... */ .cN-searchFilter { background-color:#eeede9 } .cN-searchFilter h4 { font-weight:bold; border-bottom:1px dotted #ccc; font-size:.92em } .cN-searchFilter ul li { list-style-type:none;font-size:.92em } .cN-searchFilter input { vertical-align:middle } .cN-searchFilter .searchmode { display:block } .cN-searchFilter .searchmode li { display:inline } /* Search buttons */ /* reset styles from variable width with background colour */ .cN-searchFilter .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png"); margin-left:1em } .cN-searchFilter a.button { display:-moz-inline-block; display:inline-block } * + html .cN-searchFilter .button { line-height:23px } * html .cN-searchFilter .button { line-height:23px } .cN-searchFilter .button:hover, .cN-searchFilter .button:focus, .cN-searchFilter .button:active { text-decoration:underline } body:last-child:not(:root:root) .cN-searchFilter .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cN-searchFilter .button { width:66px; background-position:-1010px -240px /* button w66 */ } .cN-searchFilter .button:hover, .cN-searchFilter .button:focus { background-position:-1010px -265px /* button:hover w66 */ } .cN-searchFilter .button:active { background-position:-1010px -290px /* button:active w66 */ } /* target Firefox: */ .cN-searchFilter .button, x:-moz-any-link { padding-bottom:.33em } /* reset for IE 7: */ * + html .cN-searchFilter .button { padding-bottom:0 } /* [cN-viewFilter] Displaying filter view ...................................................................................... */ .cN-viewFilter { background-color:#eeede9 } .cN-viewFilter { position:relative; height:1% } /* make sure it has layout so the bottom border appears correctly */ .cN-viewFilter h4 { font-weight:bold; border-bottom:1px dotted #ccc; font-size:.92em } .cN-viewFilter p { font-size:.92em } /* [cB-agentDetails] Agent contact details ...................................................................................... */ .cB-agentDetails { border:1px solid #ccc; background:#eeede9; padding:.5em 9px 0 } .cB-agentDetails h2 { position:absolute; left:-9999px; font-size:0 } .cB-agentDetails p a { color:#333 } .cB-agentDetails .actions { font-size:.92em } .cB-agentDetails .actions li { list-style:none; margin:.3em 0 0; padding-left:23px; background:url("img/sprite-domain.png") no-repeat -1323px -575px } .cB-agentDetails .actions .lPhone { background-position:-1340px -550px } .cB-agentDetails .actions .lPhone h3 { font-weight:bold; font-size:1.1em } .cB-agentDetails .actions li a { display:block; margin-left:-23px; padding-left:23px } * html .cB-agentDetails .actions li a { width:99% } /* fix for IE 6 causing extra spacing below each link */ .cB-agentDetails .actions dt { font-weight:bold } /* [cB-agentEmail] Email enquiry form, including a list of agent contacts ...................................................................................... */ .cB-agentEmail { border:1px solid #ccc; background:#eeede9; padding:.5em 9px } /* when nested inside .cB-agentDetails */ .cB-agentDetails .cB-agentEmail { margin:0 -9px; background:none; border:none; border-top:1px solid #ccc } /* join box to Agent Details box */ .cB-agentDetails .cB-agentEmail h3 { font-size:1.15em; font-weight:bold; letter-spacing:normal; margin:-.43em -9px .35em; padding:.45em 9px 0; border-top:1px solid #fff } /* Firefox 2 renders the right padding/margin incorrectly when the container is a fieldset the two lines below are a hack to target Firefox 2 only (x is a deliberate reference to a non-existent element) details: http://pornel.net/firefoxhack */ /* target Firefox 2: */ .cB-agentDetails fieldset.cB-agentEmail h3, x:-moz-any-link { margin-right:0; padding-right:0 } /* reset for Firefox 3, IE 7: */ .cB-agentDetails fieldset.cB-agentEmail h3, x:-moz-any-link, x:default { margin-right:-9px; padding-right:9px } .cB-agentEmail p { font-size:1em } /* reset font size */ /* IE positions the submit button incorrectly when the container is a fieldset */ * + html .cB-agentDetails fieldset.cB-agentEmail input.button { margin-left:9px } * html .cB-agentDetails fieldset.cB-agentEmail input.button { margin-left:9px } .cB-agentEmail h3 { font-size:1.5em; letter-spacing:-1px; margin:0 0 .35em } .cB-agentEmail .cancel { font-size:.91em } /* pop up */ .included .cB-agentEmail { float:left; width:250px; margin-top:0 } /* Form styling */ .cB-agentEmail div label, .cB-agentEmail legend { border-bottom:1px dotted #ccc; font-weight:bold; color:#454545 } .cB-agentEmail legend { border-top-color:#eeede9 } /* Firefox and Safari don't apply margin, so replace with a border with the same colour as the background */ /* reset for labels/legends that shouldn't inherit styling */ .cB-agentEmail .enquiry div label { border-bottom:none; font-weight:normal; color:#333 } .cB-agentEmail legend.access { border-bottom:none } .cB-agentEmail .enquiry label { font-size:.92em } .cB-agentEmail .enquiry input.checkbox { position:relative; top:-1px } .cB-agentEmail .instruction { font-size:.92em } .cB-agentEmail span.instruction { color:#cf3b01; font-weight:normal } .cB-agentEmail .safety { margin:10px 0 5px; padding-left:30px; font-size:.92em; background:url("http://www.domain.com.au/images/domain/security-shield_sml.png") no-repeat /* too many colours to be placed in sprite - use existing content image on site */ } .cB-agentEmail abbr, * html .cB-agentEmail .abbr { color:#cf3b01 } /* wrapping the abbr in a span.abbr is required because IE 6 doesn't recognise the abbr tag */ /* Submit button */ /* reset styles from variable width with background colour */ .cB-agentEmail .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } * + html .cB-agentEmail .button { line-height:23px } * html .cB-agentEmail .button { line-height:23px } .cB-agentEmail .button:hover, .cB-agentEmail .button:focus, .cB-agentEmail .button:active { text-decoration:underline } body:last-child:not(:root:root) .cB-agentEmail .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cB-agentEmail .button { width:150px; background-position:-1180px -240px /* button w150 */ } .cB-agentEmail .button:hover, .cB-agentEmail .button:focus { background-position:-1180px -265px /* button:hover w150 */ } .cB-agentEmail .button:active { background-position:-1180px -290px /* button:active w150 */ } /* target Firefox: */ .cB-agentEmail .button, x:-moz-any-link { padding-bottom:.25em } /* reset for IE 7: */ * + html .cB-agentEmail .button { padding-bottom:0 } /* CUSTOMISATION of nested [cB-agentList] */ .cB-agentEmail .cB-agentList { font-size:.92em } /* [cN-boxMoreItems] Set of links featuring more/other items in a set ...................................................................................... */ .cN-boxMoreItems { overflow:hidden } .cN-boxMoreItems ul { margin-left:-7px } .cN-boxMoreItems ul li { background:none; padding-left:0; width:109px; margin-left:7px } * + html .cN-boxMoreItems ul { height:auto } /* reset forcing IE 7 to have layout */ * html .cN-boxMoreItems ul { width:465px } /* IE 6 needs a width set, and this needs to be 7px more than the actual desired width because we're apply -7px margin-left */ .cN-boxMoreItems a { font-weight:bold } .cN-boxMoreItems p em { font-style:normal; font-weight:bold } /* [cN-actionTypes] Multiple calls to action ...................................................................................... */ .cN-actionTypes { margin-top:0; margin-left:-15px } * html .cN-actionTypes { width:715px } /* IE 6 needs a width set on the ul, and this needs to be 15px more than the actual desired width because we're applying -15px margin-left */ /* reset for nested lists */ * html .cN-actionTypes ul { width:auto } .cN-actionTypes li { margin-left:15px; width:222px } /* [cN-action] Call to action with description and button ...................................................................................... */ .cN-action { margin-top:1.5em; border:1px solid #ccc; text-align:center; padding-bottom:1.25em; background:url("img/sprite-domain.png") no-repeat -55px -650px /* sprite:boxgrad-large */ } .cN-action h3, .cN-action ul { padding-left:8px; padding-right:8px; border:2px solid white; border-top:none; border-bottom:none } .cN-action h3 { text-align:left; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:1.5em; letter-spacing:-1px; padding-top:8px; border-top:2px solid white } .cN-action ul { margin:0 0 1.75em } .cN-action li { text-align:left; list-style:none; margin:.3em 0 0; padding-left:15px; background:url("img/sprite-domain.png") no-repeat -1325px -575px } .cN-actionTypes .cN-action li { list-style:none; margin-left:0 } /* override nested lists reset styles from cN-actionTypes (in components.css), which are more specific */ .cN-action li.first { margin-top:0; border-top:2px solid #ccc; padding-top:10px; background-position:-1325px -565px } /* [cN-footnotes] Footnotes/citations list ...................................................................................... */ .cN-footnotes { font-size:.83em; color:#666 } .cN-footnotes a.fromcite { color:#666; text-decoration:none } .cN-footnotes :target { background:#eee } /* when you follow a link to get to the footnotes list, highlight the footnote that's being linked to */ .postscript .cN-footnotes { margin-bottom:.5em } * + html .postscript .cN-footnotes { margin-bottom:0 } * html .postscript .cN-footnotes { margin-bottom:0 } /* Links to footnotes */ a.tocite, .content a.tocite, .aside a.tocite, .postscript a.tocite { text-decoration:none } /* [cS-storyPromo] Simple promotion story ...................................................................................... */ .cS-storyPromo {margin:.75em 0; padding:.75em} .cS-storyPromo h4 {margin-bottom:.5em; font-size:1.15em} .cS-storyPromo p {margin:.5em 0; font-size:.9em} /* reset styles from variable width with background colour */ .cS-storyPromo .button { margin-top:.75em; padding:0; border:none; text-align:center; height:24px; font-size:12px; line-height:24px; background:url("img/sprite-domain.png") } .cS-storyPromo a.button { display:-moz-inline-block; display:inline-block } * + html .cS-storyPromo .button { line-height:23px } * html .cS-storyPromo .button { line-height:23px } .cS-storyPromo .button:hover, .cS-storyPromo .button:focus, .cS-storyPromo .button:active { text-decoration:underline } body:last-child:not(:root:root) .cS-storyPromo .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cS-storyPromo .button { line-height:23px; width:150px; background-position:-1180px -240px /* button w150 */ } .cS-storyPromo .button:hover, .cS-storyPromo .button:focus { background-position:-1180px -265px /* button:hover w150 */ } .cS-storyPromo .button:active { background-position:-1180px -290px /* button:active w150 */ } /* [cT-adAlsoLogos] Static logos ...................................................................................... */ .cT-adAlsoLogos { text-align:center } .cT-adAlsoLogos h3 { font-weight:bold } /* [cB-login-noSignup] Login form - no new signup option ...................................................................................... */ .cB-login-noSignup { font-size:.92em } .cB-login-noSignup h2 { font-size:1.18em; font-weight:bold } .cB-login-noSignup label { font-weight:bold } .cB-login-noSignup .button { font-size:1em; width:auto } .cB-login-noSignup h3.new { font-size:1.09em; font-weight:bold; border-top:1px solid #ccc; padding-top:1em } /* [cN-options] Listing and description of options ...................................................................................... */ .cN-options h2, .cN-options { border-bottom:1px solid #ccc } .cN-options h2 { font-size:1.17em; font-weight:bold; padding-bottom:.13em } * html .cN-options h2 { height:1% } /* make sure it has layout in IE6, or the border may not appear */ .cN-options ul { list-style:none; margin-left:-15px } /* negative left margin so no spacing to the left of first li */ * html .cN-options ul { width:930px } /* IE 6 needs a width set on the ul, and this needs to be 15px more than the actual desired width because we're applying -15px margin-left */ .cN-options li { margin-left:15px; width:295px; font-size:.92em } .cN-options h3 { font-size:1.09em; font-weight:bold } /* [cT-boxPropertyWorth] 'What is this property worth?' box ...................................................................................... */ /* reset styles from variable width with background colour */ .cT-boxPropertyWorth .cA-buttonLink .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cT-boxPropertyWorth .cA-buttonLink a.button { display:-moz-inline-block; display:inline-block } * + html .cT-boxPropertyWorth .cA-buttonLink .button { line-height:23px } * html .cT-boxPropertyWorth .cA-buttonLink .button { line-height:23px } .cT-boxPropertyWorth .cA-buttonLink .button:hover, .cT-boxPropertyWorth .cA-buttonLink .button:focus, .cT-boxPropertyWorth .cA-buttonLink .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-boxPropertyWorth .cA-buttonLink .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cT-boxPropertyWorth .cA-buttonLink .button { bottom:.75em; right:7px; width:100px; background-position:-1080px -240px /* button w100 */ } .cT-boxPropertyWorth .cA-buttonLink .button:hover, .cT-boxPropertyWorth .cA-buttonLink .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .cT-boxPropertyWorth .cA-buttonLink .button:active { background-position:-1080px -290px /* button:active w100 */ } .cT-boxPropertyWorth .cA-buttonLink { line-height:23px; margin-bottom:0; padding:.7em; background-color:#fff; border:1px solid #ccc; font-weight:bold } .cT-boxPropertyWorth .cA-buttonLink .button { float:right; font-size:1em } * html .cT-boxPropertyWorth .cA-buttonLink .button { position:relative; margin-top:.67em } /* [cT-salesHistory-table] Sales history and auction results in a tabular format ...................................................................................... */ /* icons for table headers ( these are placed here as they refer to the Domain base skin sprite -> all other styles are in the Residential channel skin ) */ .cS-salesHistory-table th.bedrooms, .cS-salesHistory-table th.bathrooms { text-indent:-9999em; background:url("img/sprite-domain.png") no-repeat } .cS-salesHistory-table th.bedrooms { background-position:-1381px -178px } .cS-salesHistory-table th.bathrooms { background-position:-1386px -198px } /* Webkit shows the background image under the border, unlike other browsers, so we need to adjust the background-position */ body:last-child:not(:root:root) .cS-salesHistory-table th.bedrooms { background-position:-1381px -179px } body:last-child:not(:root:root) .cS-salesHistory-table th.bathrooms { background-position:-1386px -199px } /* [cN-story] Basic story pattern ...................................................................................... */ .cN-story h3 { font-weight:bold } .cN-story p { font-size:.92em } /* CUSTOMISATION of [cN-story] */ .storyStripe { clear:both } .storyStripe h2 { font-size:1.5em } .storyStripe p { margin:.5em 0 } /* Sidebar instances */ .aside .cN-story { padding-top:1em; border-top:1px solid #ccc } .aside .cN-story h3 { padding-top:1em; font-size:1em; border-top:1px solid #ccc } /* [cB-mapLegend] Map Legend ...................................................................................... */ .cB-mapLegend, .mapLegend {background-color:#eeede9; color:inherit; margin-top:-1em; margin-bottom:1em; padding-bottom:1em } .mapLegend {margin:0.75em 0 0} .cB-mapLegend h3, .mapLegend h3 { padding:.5em 1em; font-weight:bold; border-bottom:1px dotted #ccc; font-size:.92em; font-family:Arial,Helvetica,sans-serif } .cB-mapLegend a, .mapLegend a { font-size:.92em; margin-left:1em } /* help links */ .scriptable .cB-mapLegend a.help, .mapLegend a.help { display:inline-block; width:16px; height:16px; background:url("img/sprite-domain.png") no-repeat -1103px -771px; text-indent:-999em; cursor:help; overflow:hidden; margin-left:0 } .cB-mapLegend li a, .mapLegend li a { position:absolute; top:10px; left:43px; margin:0; padding:0 } * + html .cB-mapLegend li a, .mapLegend li a { top:5px } * html .cB-mapLegend li a, .mapLegend li a { left:23px; top:5px } .cB-mapLegend ul, .mapLegend ul {list-style:none; margin:0; padding:1em 0 0 .5em; overflow:hidden; display:block } .cB-mapLegend li, .mapLegend li {float:left; margin:0 .25em .75em 0; width:48%; font-size:.85em; position:relative } .cB-mapLegend li label, .mapLegend li label { line-height:1.6em; float:left; background:transparent url("img/sprite-domain.png"); width:100% } @media only screen and (max-device-width: 480px) { .cB-mapLegend li label { height:19px } } /*iphone */ @media only screen and (max-device-width: 1024px) and (orientation:portrait) { .cB-mapLegend li label { height:19px } } /*ipad */ @media only screen and (max-device-width: 1024px) and (orientation:landscape) { .cB-mapLegend li label { height:19px } } /*ipad */ .cB-mapLegend li input, .mapLegend li input { float:left; margin-right:2em } /* IE8 Hack */ .cB-mapLegend li input, .mapLegend li input { margin-right/*\**/:2.4em\9 } .cB-mapLegend p, .mapLegend p { clear:both; padding:3px 6px; font-size:90%;} .cB-mapLegend p.error, .mapLegend p.error { color:#cf3b01; font-weight:normal; margin-left:4.5em; padding:0; text-indent:0 } /* stars for search results */ .cB-mapLegend strong, .mapLegend strong { text-indent:-9999em; height:15px; background:transparent url("img/sprite-domain.png") -595px -196px; display:inline-block} .cB-mapLegend ul.stars-match, .mapLegend ul.stars-match { position:relative;height:4.25em } .cB-mapLegend .stars-match label, .mapLegend .stars-match label { text-transform:lowercase /* reset accesibility */ } .cB-mapLegend .stars-match .stars-1 strong, .mapLegend .stars-match .stars-1 strong { width:12px } .cB-mapLegend .stars-match .stars-2 strong, .mapLegend .stars-match .stars-2 strong { width:24px } .cB-mapLegend .stars-match .stars-3 strong, .mapLegend .stars-match .stars-3 strong { width:36px } .cB-mapLegend .stars-match .stars-4 strong, .mapLegend .stars-match .stars-4 strong { width:48px } .cB-mapLegend .stars-match .stars-5 strong, .mapLegend .stars-match .stars-5 strong { width:60px } .cB-mapLegend .stars-match .stars-0 label, .mapLegend .stars-match .stars-0 label { background-position:-505px -480px} .cB-mapLegend .stars-match .stars-1 label, .mapLegend .stars-match .stars-1 label { background-position:-505px -460px} .cB-mapLegend .stars-match .stars-2 label, .mapLegend .stars-match .stars-2 label { background-position:-280px -480px} .cB-mapLegend .stars-match .stars-3 label, .mapLegend .stars-match .stars-3 label { background-position:-280px -460px} .cB-mapLegend .stars-match .stars-4 label, .mapLegend .stars-match .stars-4 label { background-position:-55px -480px} .cB-mapLegend .stars-match .stars-5 label, .mapLegend .stars-match .stars-5 label { background-position:-55px -460px } .cB-mapLegend .stars-match .stars-0, .mapLegend .stars-match .stars-0 { position:absolute; top:3.5em; left:38.4em } .cB-mapLegend .stars-match .stars-1, .mapLegend .stars-match .stars-1 { position:absolute; top:1em ;left:38.4em } .cB-mapLegend .stars-match .stars-2, .mapLegend .stars-match .stars-2 { position:absolute; top:3.5em ;left:19.4em } .cB-mapLegend .stars-match .stars-3, .mapLegend .stars-match .stars-3 { position:absolute; top:1em ;left:19.4em } .cB-mapLegend .stars-match .stars-4, .mapLegend .stars-match .stars-4 { position:absolute; top:3.5em } .cB-mapLegend .stars-match .stars-5, .mapLegend .stars-match .stars-5 { position:absolute; top:1em } /* map legend icons */ .cB-mapLegend li.airport label { background-position:-55px -340px } .cB-mapLegend li.cba-atm label { background-position:-55px -360px } .cB-mapLegend li.cba label { background-position:-55px -380px } .cB-mapLegend li.cemetery label { background-position:-55px -400px } .cB-mapLegend li.community-facilities label { background-position:-55px -420px; line-height:1em } .cB-mapLegend li.emergency-services label { background-position:-55px -440px } .cB-mapLegend li.entertainment label { background-position:-280px -340px; line-height:1em } .cB-mapLegend li.health-care label { background-position:-280px -360px } .cB-mapLegend li.jails label { background-position:-280px -380px } .cB-mapLegend li.parks label { background-position:-280px -400px } .cB-mapLegend li.power-stations label { background-position:-280px -420px } .cB-mapLegend li.recreation-centres label { background-position:-280px -440px; line-height:1em } .cB-mapLegend li.restaurants label { background-position:-505px -340px } .cB-mapLegend li.rubbish-dumps label { background-position:-505px -360px } .cB-mapLegend li.schools label { background-position:-505px -380px; line-height:1em } .cB-mapLegend li.shopping-centres label { background-position:-505px -400px} .cB-mapLegend li.train-stations label { background-position:-505px -420px } .cB-mapLegend li.treatment-plants label { background-position:-505px -440px } /* if JavaScript is enabled */ .scriptable .cB-mapLegend a, .scriptable .cB-mapLegend.expanded li a { display:block } .scriptable .cB-mapLegend a.help { display:inline-block } .scriptable .cB-mapLegend a .scriptable .cB-mapLegend .hide /* show poi */ { display:none } /* show more POI */ .scriptable .cB-mapLegend.expanded .hide { display:block } /* hide a link */ .scriptable .cB-mapLegend.expanded a, .cB-mapLegend.expanded a, .cB-mapLegend a { display:none } /* reset padding */ .scriptable .cB-mapLegend.expanded { padding-bottom:.5em } * html .cB-mapLegend { overflow:hidden; float:left } * html .cB-mapLegend li input { margin-right:0 /*IE6 hack to fix the space between the icon and the input */ } * html .cB-mapLegend a { margin-top:.5em; clear:left } /* fix the space between the link and the UL */ * html .cB-mapLegend li { margin:0 .25em -.5em 0; text-indent:2em; overflow:hidden; position:relative } /*IE6 hack to fix the space between the icon and the text */ * html .cB-mapLegend ul.stars-match { margin-bottom:0 } * html .cB-mapLegend ul { margin-bottom:1em } * + html .cB-mapLegend li input { margin-right:2.25em } /*IE7 hack to fix the space between the icon and the text */ * + html .cB-mapLegend a { margin-top:.5em } /* fix the space between the link and the UL */ /* [cB-matchList] List of matched preferences ...................................................................................... */ .cB-matchList { border-top:1px solid; background:#eeede9; padding:.75em 1em 1em; font-size:.92em } .cB-matchList h4 { margin:0 0 .25em 0; font-size:1.64em; letter-spacing:-1px } /* stars rating in heading */ .cB-matchList h4 span { text-indent:-9999em; height:26px; background:transparent url("img/sprite-domain.png") -555px -170px; display:inline-block; margin:0 0 0 .5em} .cB-matchList.stars-1 h4 span { width:20px } .cB-matchList.stars-2 h4 span { width:40px } .cB-matchList.stars-3 h4 span { width:60px } .cB-matchList.stars-4 h4 span { width:80px } .cB-matchList.stars-5 h4 span { width:100px } .cB-matchList h5 { position:absolute; left:-9999px; font-size:0 } .cB-matchList ul { border-top:1px dotted #ccc; margin:0 0 .5em } * html .cB-matchList ul { display:inline-block } /* fix IE 6 disappearing border/background issue */ .cB-matchList li { list-style:none; margin:.3em 0 0; padding-left:15px; padding-bottom:.3em; background:url("img/sprite-domain.png") no-repeat } .cB-matchList .matched li { background-position:-1285px -610px } .cB-matchList .not-matched li { background-position:-1270px -625px } .cB-matchList .sponsor { display:block; border-top:1px dotted #ccc; padding:.7em 0 4px 0; font-size:.92em } /* -------------------------------------------------------------------------------------- =Components for Domain elements in Media pages (iframed) -------------------------------------------------------------------------------------- */ .cS-autoImageLeadRotator {position:relative} .cS-autoImageLeadRotator .tab {background:#343332 none} .cS-autoImageLeadRotator h3 {padding-top:.1em;margin-bottom:.2em;font:normal 1.833em Georgia, "Times New Roman", Times, serif;border-top:2px solid #4C7B1D;} .cS-autoImageLeadRotator h3 a {color:#000;text-decoration:none} .cS-autoImageLeadRotator h4 {margin-bottom:.4em;font:bold 1.33em Georgia, "Times New Roman", Times, serif} .cS-autoImageLeadRotator .wof {width:224px;margin:6px;color:#fff} .cS-autoImageLeadRotator .wof a {color:#fff} .cS-autoImageLeadRotator p {font:normal .92em Arial, Helvetica, sans-serif} .cS-autoImageLeadRotator .ad {float:right;margin:6px/*=wof margin*/;margin-bottom:25px/*to create enough space for controls if text is minimial*/} .scriptable .cS-autoImageLeadRotator .tab {position:absolute;top:3em;left:0;display:none} .scriptable .cS-autoImageLeadRotator .tab.selected {display:block} .cS-autoImageLeadRotator ul {position:absolute;bottom:6px;right:6px/*=wof padding*/} .cS-autoImageLeadRotator li {float:left;margin-left:1px;list-style-type:none} .cS-autoImageLeadRotator li a {display:block;height:14px;width:18px;font-size:0;background:transparent url("img/sprite-domain.png") no-repeat -533px -170px/*play buttons - previous*/;text-indent:-9000px} .cS-autoImageLeadRotator .pause a {background-position:-533px -185px/*play buttons - pause*/} .cS-autoImageLeadRotator .next a {background-position:-533px -200px/*play buttons - next*/} .cS-autoImageLeadRotator .play a {background-position:-533px -215px/*play buttons - play*/}/*needs to overwrite 'pause' rule*/ /* ----- IE fixes ----- */ * html .cS-autoImageLeadRotator .wof {width:auto;margin-right:70px} *+ html .cS-autoImageLeadRotator .wof {width:auto;margin-right:70px}/*IE7 has a problem with the wof's width and an element floated next to it => use margin*/ .cS-featuredProperties {position:relative;font-family:Arial, Helvetica, sans-serif} .cS-featuredProperties h3 {margin-bottom:7px;font:normal 1.833em Georgia, "Times New Roman", Times, serif;border-top:2px solid #4c7a1d} .cS-featuredProperties .sponsor {position:absolute;right:0;top:3px;margin:0} .cS-featuredProperties .nav {height:auto;padding:0 0 5px;background:transparent none;text-indent:0} .cS-featuredProperties .nav a {height:auto;padding:0 5px;border-right:1px solid #ccc;font-weight:bold;background:transparent none} .cS-featuredProperties .nav li:last-child a {border:0} .cS-featuredProperties .nav .selected {padding-bottom:4px;background:transparent url("img/sprite-domain.png") no-repeat 50% -280px/*property listing icons - nav: selected item*/} .cS-featuredProperties .nav .selected a {padding:0 7px .15em;color:#fff;text-decoration:none;cursor:default;background-color:#343332;outline:0} .cS-featuredProperties h4 {margin-bottom:.45em;font:bold 1.0833em Arial, sans-serif} .cS-featuredProperties h4 span {text-transform:uppercase} .cS-featuredProperties .tab li {overflow:hidden;margin:0 0 11px;padding-top:4px;list-style-type:none;border-top:1px dotted #ccc} .cS-featuredProperties .tab img {float:left;margin:0 9px 9px 0} .cS-featuredProperties .tab img.agent {width:90px} /* Fix position of Play Video overlay */ .cS-featuredProperties .tab .playVideo {float:left;margin:0 9px 9px 0} .cS-featuredProperties .tab .playVideo img {margin:0} .cS-featuredProperties .cN-featDetails {overflow:hidden} .cS-featuredProperties dd.price {float:none;font-size:1.1667em;line-height:1;text-transform:uppercase;height:auto;border:0;padding:0;margin:0} .cS-featuredProperties p {margin:.2em 0 .8em;font-size:.92em;line-height:1em} .cS-featuredProperties .button {display:inline-block;width:100px;height:24px;padding:0;line-height:24px;text-align:center;border:0;background:#356802 url("img/sprite-domain.png") no-repeat -1080px -240px/*button*/} .cS-featuredProperties strong {font-size:1.3333em} .cS-featuredProperties .more {font-weight:bold} .cS-featuredProperties .search {overflow:hidden;height:94px;margin-top:10px;border:1px solid #ccc;background:transparent url('img/sprite-domain.png') no-repeat -55px -650px /* sprite:boxgrad-large */ } .cS-featuredProperties .search form {border:2px solid #fff;padding:5px 10px} .cS-featuredProperties .search h4 {margin-bottom:.2em;font:bold 1.3em Georgia, "Times New Roman", Times, serif;text-transform:none;color:#000} .cS-featuredProperties .search label {display:block;margin-bottom:.2em;font-size:.92em;color:#666} .cS-featuredProperties .search .text {width:200px} .cS-featuredProperties .search .submit {position:absolute;bottom:28px;right:8px;width:68px;height:22px;padding:0 0 1px;border:1px solid #2d5900;background:#4c7a1d none;color:#fff;font:bold 1em Arial, Helvetica, sans-serif;text-transform:uppercase; /* Border radius: */-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .cS-featuredProperties .search .submit:hover {background-color:#6d992a;cursor:pointer} .cS-featuredProperties .search fieldset input {float:left} .cS-featuredProperties .search fieldset label {float:left;display:inline-block;margin:5px 20px 0 0} /* JS enabled */ .scriptable .cS-featuredProperties .tab {display:none} .scriptable .cS-featuredProperties .tab.selected {display:block} .scriptable .cS-featuredProperties strong {position:absolute;left:-9000px;font-size:0} /* ----- IE fixes ----- */ * html .cS-featuredProperties {width:300px;overflow:hidden} * html .cS-featuredProperties .tab li {height:1%} * html .cS-featuredProperties .nav {float:none;width:auto;height:23px} * html .cS-featuredProperties dl {height:1%} * html .cS-featuredProperties .search fieldset label {margin-top:2px} * html .cS-featuredProperties .search .submit {bottom:26px} *+ html .cS-featuredProperties .nav {float:none;width:auto} *+ html .cS-featuredProperties .search fieldset label {margin-top:2px} *+ html .cS-featuredProperties .search .submit {bottom:26px} .cS-featuredProperties dt {font-size:0\0}/*IE8*/ /* Amendments for wide version of featured property list (used in content area): */ .featPropWide .tab h4,.featPropWide .tab dl,.featPropWide .tab p {width:302px} .featPropWide .tab li {position:relative} .featPropWide .tab img {margin-bottom:0} .featPropWide .button {position:absolute;right:0;top:45px} .featPropWide .search .text {width:316px} /* ----- IE fixes ----- */ * html .featPropWide {width:420px} * html .featPropWide .tab li p {width:166px;padding-right:118px;float:left} * html .featPropWide .tab li {margin-bottom:5px} * html .featPropWide dd.price {position:static}/*degradation for IE6/7: Price on top, then number of bed/bath/car because of disappearing abs.pos. element next to float bug*/ *+ html .featPropWide dd.price {position:static}/*as above*/ *+ html .featPropWide .tab li p {width:166px;padding-right:118px;float:left} *+ html .featPropWide .tab li {margin-bottom:2px} /* CUSTOMISATION of nested [cN-featDetails] */ .featPropWide .tab .cN-featDetails {overflow:visible;position:absolute;left:312px;top:4px;width:108px} .featPropWide dd.price {position:absolute;top:20px;width:100%;text-align:right} .featPropWide dd.carspaces {margin-right:0} /* [cN-textGeneric] Generic static text with optional inline links ...................................................................................... */ .aside-none .cN-textGeneric { padding:0 15px } /* [cN-textGenericMixed] Generic static text with optional inline links and list elements ...................................................................................... */ .aside-none .secondary .cN-textGenericMixed { background:#eeede9 } .aside-none .secondary .cN-textGenericMixed p { padding:15px } /* [cT-formCollection] Complete form containing a collection of fieldsets/form fields ...................................................................................... */ .cT-formCollection { margin-top:0 } .aside-none .cT-formCollection { padding:0 150px } .aside-none .main .cT-formCollection { padding:0 15px } /* [cT-formFields] A section/fieldset within a form, containing multiple form fields ...................................................................................... */ .cT-formFields { margin-bottom:1.5em } .cT-formFields h3 { font-size:1.1667em; font-weight:bold; margin-bottom:1em; border-bottom:1px solid #dedede; padding-bottom:.25em } .cT-formFields p { margin-bottom:.67em } /* form fields */ .cT-formFields label { text-align:right; width:138px; line-height:1.15; padding-top:5px /* centre align the label and the field (assume labels are single-line) */ } /* wider version when used on pages with no sidebar */ .aside-none .cT-formFields label { width:238px } .aside-none .main .cT-formFields label { width:188px } /* required/optional labels */ .cT-formFields .required label { padding-top:0 } .cT-formFields .required label span { font-size:10px; color:#777; display:block } .cT-formFields li input, .cT-formFields select, .cT-formFields textarea { padding:2px; margin:0 } .cT-formFields input[type=text], .cT-formFields select, .cT-formFields textarea { padding:3px; border:1px solid #bbb } .cT-formFields select { padding:2px } /* needed to re-override above line */ .cT-formFields input[type=text]:focus, .cT-formFields select:focus, .cT-formFields textarea:focus, .cT-formFields input[type=text]:active, .cT-formFields select:active, .cT-formFields textarea:active { border-color:#7f9db9; background-position:0 0 } .cT-formFields input[type=text][disabled], .cT-formFields select[disabled], .cT-formFields textarea[disabled] { border-color:#dedede; background:#fff } /* hints/help text */ .cT-formFields input + .hint, .cT-formFields select + .hint { margin-left:.75em } /* a space is rendered between the field and the hint, so set it so the total margin equals approx. 1em */ * + html .cT-formFields span.hint, * + html .cT-formFields a.hint { position:relative; top:-4px } * html .cT-formFields span.hint, * html .cT-formFields a.hint { position:relative; top:-4px } /* inline validation errors */ .cT-formFields li .errors { margin-left:150px /* 138px + 1em */; color:#c00; padding-left:20px; background:url("img/sprite-domain.png") no-repeat -1169px -721px /* sprite:icon-exclaim */ } .aside-none .cT-formFields li .errors { margin-left:250px /* 238px + 1em */ } .aside-none .main .cT-formFields li .errors { margin-left:200px /* 188px + 1em */ } .cT-formFields li .errors strong { position:absolute; left:-9999px; font-size:0 } /* disclaimer */ .cT-formCollection .disclaim { font-size:.9167em; color:#666; padding-left:200px } /* [cT-formErrors] Complete list of form validation errors ...................................................................................... */ .cT-formErrors { border:1px solid #c00; padding:.67em 1em .75em } .cT-formErrors h3 { font-weight:bold; margin:0 -1em; padding:0 1em; color:#c00 } .cT-formErrors h4 { font-weight:bold; margin-top:.67em } .cT-formErrors ul { margin-bottom:.13em } /* [cT-formActions] Form submission/traversal actions ...................................................................................... */ .cT-formActions { margin:1.5em 0; padding:.5em 0 .5em 150px; position:relative } .aside-none .cT-formActions { padding-left:250px } .aside-none .main .cT-formActions { padding-left:200px } * html .cT-formActions { height:1% } /* Submit button */ /* reset styles from variable width with background colour */ .cT-formActions .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } * + html .cT-formActions .button { line-height:23px } * html .cT-formActions .button { line-height:23px } .cT-formActions .button:hover, .cT-formActions .button:focus, .cT-formActions .button:active { text-decoration:underline } body:last-child:not(:root:root) .cT-formActions .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cT-formActions .button { width:100px; background-position:-1080px -240px /* button w100 */ } .cT-formActions .button:hover, .cT-formActions .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .cT-formActions .button:active { background-position:-1080px -290px /* button:active w100 */ } /* target Firefox: */ .cT-formActions .button, x:-moz-any-link { padding-bottom:.25em } /* reset for IE 7: */ * + html .cT-formActions .button { padding-bottom:0 } /* primary actions: next, done secondary actions: save, back, cancel */ .cT-formActions .next, .cT-formActions .done { background-color:#356802 } .cT-formActions .save, .cT-formActions .back, .cT-formActions .cancel { background-color:#729e31 } /* [cN-popup] Generic static text with optional inline links ...................................................................................... */ .cN-popup { position:relative; margin-bottom:1em; padding:5px 25px 0 10px; background-color:#eee; border:1px solid #4C7A1D; /* Rounded corners: */border-radius:3px/*future CSS3 browsers*/;-webkit-border-radius:3px/*current Safari*/;-moz-border-radius:3px/*current Firefox*/ } .cN-popup p { margin:0 0 7px; font-size:.916em; } .cN-popup strong { float:left; margin:0 5px 20px 0 } * html .cN-popup strong { float:none /*allow IE6 to degrade*/ } .cN-popup a { display: none/*Don't show close button if JS is disabled.*/ } .scriptable .cN-popup a { overflow:hidden; position:absolute; top:3px; right:5px; display:block; width:14px; height:15px; text-indent:-9000px; cursor:pointer; background:url('img/sprite-domain.png') no-repeat -1334px -240px/*Close button*/ } .scriptable .cN-popup a:hover, .scriptable .cN-popup a:focus { background-position: -1335px -256px/*Close button*/ } .scriptable .popup-closed { position:absolute; left:-9999px } * html .scriptable .cN-popup a { right:28px } /* [cN-browseMap] Clickable map of Australia ...................................................................................... */ .cN-browseMap { overflow:hidden; float:right; width:210px; margin-right:30px } .cN-browseMap h2 { color:#666; font-size:.92em } .cN-browseMap ul { position:relative; float:right; width:210px; height:183px; margin-top:5px; background:url('img/sprite-domain.png') no-repeat -55px -1000px/*sprite:content|Australia map|map oz*/ } .cN-browseMap ul li { margin:0; list-style-type:none } .cN-browseMap ul a { position:absolute; display:block; overflow:hidden; font-weight:bold; font-size:.92em; text-transform:uppercase; color:#231f20; text-align:center; text-decoration:none; cursor:pointer } .cN-browseMap ul a:hover abbr, .cN-browseMap ul a:active abbr, .cN-browseMap ul a:focus abbr{ color:#fff /*default hover color for states abbr */} /*For ACT and TAS, the hover color can't be white otherwise you can't see the text*/ .cN-browseMap ul li.act:hover abbr, .cN-browseMap ul li.act:active abbr, .cN-browseMap ul li.act:focus abbr, .cN-browseMap ul li.tas:hover abbr, .cN-browseMap ul li.tas:active abbr, .cN-browseMap ul li.tas:focus abbr { color:#000 } /* Accessibility: 'hover' for mouse, 'focus' for keyboard users: */ .cN-browseMap ul a:hover,.cN-browseMap ul a:focus { background:url('img/sprite-domain.png') no-repeat } .cN-browseMap ul .act a { top:116px; left:155px; width:30px; height:19px /*width and height larger than sprite area to have larger clickable area (including "ACT")*/ } .cN-browseMap ul .act a:hover,.cN-browseMap ul .act a:focus { background-position:-362px -1077px /*sprite:content|Australia map|map oz hover|act*/} .cN-browseMap ul .qld a { top:0; left:127px; width:72px; height:100px } .cN-browseMap ul .qld a:hover,.cN-browseMap ul .qld a:focus { background-position:-408px -1000px /*sprite:content|Australia map|map oz hover|qld*/} .cN-browseMap ul .nt a { top:4px; left:83px; width:46px; height:77px } .cN-browseMap ul .nt a:hover,.cN-browseMap ul .nt a:focus { background-position:-362px -1000px /*sprite:content|Australia map|map oz hover|nt*/ } .cN-browseMap ul .nsw a { top:96px; left:139px; width:60px; height:47px } .cN-browseMap ul .nsw a:hover,.cN-browseMap ul .nsw a:focus { background-position:-420px -1100px /*sprite:content|Australia map|map oz hover|nsw*/} .cN-browseMap ul .sa a { top:78px; left:84px; width:58px; height:66px } .cN-browseMap ul .sa a:hover,.cN-browseMap ul .sa a:focus { background-position:-362px -1100px /*sprite:content|Australia map|map oz hover|sa*/} .cN-browseMap ul .tas a { top:155px; left:134px; width:39px; height:22px /*width and height larger than sprite area to have larger clickable area (including "TAS")*/ } .cN-browseMap ul .tas a:hover,.cN-browseMap ul .tas a:focus { background-position:-285px -1115px /*sprite:content|Australia map|map oz hover|tas*/} .cN-browseMap ul .vic a { top:123px; left:138px; width:37px; height:28px } .cN-browseMap ul .vic a:hover,.cN-browseMap ul .vic a:focus { background-position:-325px -1115px /*sprite:content|Australia map|map oz hover|vic*/} .cN-browseMap ul .wa a { top:17px; left:10px; width:77px; height:115px } .cN-browseMap ul .wa a:hover,.cN-browseMap ul .wa a:focus { background-position:-285px -1000px /*sprite:content|Australia map|map oz hover|wa*/} .cN-browseMap ul abbr { position:absolute; left:-9999px } /* ----- IE fixes ----- */ * html .cN-browseMap ul li a {background:url('img/sprite-domain.png') no-repeat -9000px -9000px/*IE6 needs a bg image to have the entire link area sensitive to hover event => use dummy area (sprite way off screen)*/} * html .cN-browseMap ul abbr {/*IE6 accepts no styles for the , hence we accept the degradation.*/} *+ html .cN-browseMap ul a { background:url('img/sprite-domain.png') no-repeat -9999px -9999px /* We must put a background image or colour on the anchor otherwise the hover area will be limited to the text*/} /* [cN-listDoubleFeatures] Two-column list of features with call to action ...................................................................................... */ .cN-listDoubleFeatures { padding-left:300px; margin-bottom:1.5em; overflow:hidden } .cN-listDoubleFeatures.featbg-wmhw { background:url("img/featbg-wmhw.jpg") no-repeat 15px 15px } .cN-listDoubleFeatures h2 { margin:1em 0; font-weight:bold; font-size:1.1507em } .cN-listDoubleFeatures ul { float:left; width:280px; padding:10px } .cN-listDoubleFeatures li { list-style:none; margin:0 0 1em; padding-left:20px; background:url("img/sprite-domain.png") no-repeat -1285px -610px } .cN-listDoubleFeatures li h3 { font-weight:bold } /* reset styles from variable width with background colour */ .cN-listDoubleFeatures .button { padding:0; border:none; text-align:center; height:24px; line-height:24px; background:url("img/sprite-domain.png") } .cN-listDoubleFeatures a.button { display:-moz-inline-block; display:inline-block } * + html .cN-listDoubleFeatures .button { line-height:23px } * html .cN-listDoubleFeatures .button { line-height:23px } .cN-listDoubleFeatures .button:hover, .cN-listDoubleFeatures .button:focus, .cN-listDoubleFeatures .button:active { text-decoration:underline } body:last-child:not(:root:root) .cN-listDoubleFeatures .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cN-listDoubleFeatures .button { float:right; margin-right:1em; background-color:#356802; line-height:23px; width:150px; background-position:-1180px -240px /* button w150 */ } .cN-listDoubleFeatures .button:hover, .cN-listDoubleFeatures .button:focus { background-position:-1180px -265px /* button:hover w150 */ } .cN-listDoubleFeatures .button:active { background-position:-1180px -290px /* button:active w150 */ } /* Text ...................................................................................... */ .userPref {overflow:hidden; margin-bottom:20px; padding:0 14px 10px; border-bottom:1px solid #ccc; font-family:Verdana, sans-serif} .userPref .col {float:left; margin:0 10px 10px 0; width:176px; font-size:.92em} .userPref h3 {margin-bottom:0; font-size:1.091em; font-weight:bold; font-family:Verdana, sans-serif} .userPref em {font-size:1.636em; font-style:normal} .userPref p {margin-bottom:5px} /* ----- IE fixes ----- */ * html .userPref {zoom:1} *+ html .userPref {zoom:1} /* Lists ...................................................................................... */ .s-listPropCompare li {list-style:none; padding:0 4px 1px 10px /*(130px wide)*/} .s-listPropCompare .hdr {overflow:hidden; display:block; margin:5px 0 2px; height:34px; color:#333; font-size:1em; font-family:Verdana, sans-serif; font-style:normal; text-decoration:none} .s-listPropCompare a.hdr:hover, .s-listPropCompare a.hdr:focus {color:#4c7a1d} .s-listPropCompare input {top:5px} .s-listPropCompare dl {padding:0 0 5px} .s-listPropCompare p, .s-listPropCompare dd {font-size:.92em} .s-listPropCompare p {clear:both; margin-bottom:-2px} .s-listPropCompare dd {margin-right:5px} .s-listPropCompare .carspaces {margin-right:0} .s-listPropCompare .selected {background:#e3e3e3} /* s-listingPremium */ .s-listingPremium {position:relative; margin:20px 0; padding-bottom:1px; width:573px; list-style:none; border-bottom:1px solid #ddd} .s-listingPremium li {margin-left:0; list-style:none} .s-listingPremium h3, .s-listingPremium h4 {font-family:Arial,Helvetica,sans-serif} .s-listingPremium h3 {padding-bottom:3px; width:375px; font-size:1.333em; font-weight:bold} .s-listingPremium .cN-featDetails {overflow:visible; position:absolute; top:0; right:0} .s-listingPremium .cN-featDetails dd {margin:0 0 0 .75em; font-size:.9em} .s-listingPremium input {position:absolute; top:2px; left:0} .s-listingPremium .images {overflow:hidden} .s-listingPremium .playVideo, .s-listingPremium .images img {float:left} .s-listingPremium .images ul {float:right} .s-listingPremium .images ul img {float:none} .s-listingPremium .images li {margin-bottom:6px; line-height:0} .s-listingPremium .panel {overflow:hidden; padding:15px; background:#f4f3f3} .s-listingPremium .description {float:left; width:370px} .s-listingPremium h4 {font-weight:bold} .s-listingPremium .logo, .s-listingPremium .tools {float:right} .s-listingPremium .tools {margin-top:10px; width:144px; font-size:.92em} .s-listingPremium .tools li {margin-top:5px; padding-left:20px; background:url('img/sprite-domain.png') no-repeat} .s-listingPremium .tools .email {background-position:-1380px -510px} .s-listingPremium .button {clear:both; float:left} /*---- IE fixes ----*/ * html .s-listingPremium .panel, * html .s-listingPremium .description, * html .s-listingPremium .images {zoom:1} * html .s-listingPremium .images li {margin-bottom:5px} * html .s-listingPremium .panel {width:543px} * html .s-listingPremium .button {float:none} *+ html .s-listingPremium .images li {margin-bottom:5px} *+ html .s-listingPremium .button {float:none} .premCompare /* extends s-listingPremium */ h3{position:relative; left:25px; padding-left:25px} .premCompare .iconPin {position:absolute; left:0; top:-4px; padding:4px 7px 0 0; width:18px; height:26px; font-weight:normal; font-size:12px; line-height:1; text-align:center; background-position:-66px -429px} /* s-definition */ .s-definition dt {font-weight:bold} /* Property Feature List */ .listPropFeature {float:left; width:347px} .listPropFeature .hdr {margin-top:-2px} .listPropFeature .col {float:left;padding:0 10px 0 20px; width:143px; border-left:1px dotted #ccc} .listPropFeature .col:first-child {border-left:0} /* Property feature list with more narrow RHS */ .featNarrow .listPropFeature {width:320px} .featNarrow ul {margin-bottom:14px} .featNarrow legend span, .featNarrow .hdr {font-size:1.5em; font-weight:bold; font-family:'PT Sans Narrow',Helvetica,Arial,sans-serif} .featNarrow legend .optional, .featNarrow .hdr .optional {color:#999; font-weight:normal; font-size:1.15em} .featNarrow .hdr .optional {font-size:.667em} .featNarrow .primary {float:left; width:659px; margin-bottom:10px} .featNarrow .primary .frmSearch {margin-bottom:0; padding-bottom:0} .featNarrow .secondary {float:left; width:275px} .featNarrow .secondary p {margin-bottom:0} .featNarrow .frmElMulti {width:162px; padding-left:9px} .featNarrow .frmElMulti li {font-size:.917em} .featNarrow .actions {clear:left; margin-left:14px} .featNarrow .btnTxt {font-size:1em; color:#333; text-decoration:underline} .featNarrow .btnTxt:hover {color:#4c7a1d} * html .featNarrow .actions {margin-top:-10px; margin-bottom:10px} * html .featNarrow .frmElMulti li {margin-bottom:5px} *+ html .featNarrow .frmElMulti li {margin-bottom:5px} /* Recent & favourite searches */ .keySearch {clear:both; float:left; margin:10px 0 0 15px; width:565px} .keySearch * {display:inline} .keySearch dl {margin-right:10px; font-family:Verdana, Arial, sans-serif} .keySearch dt, .keySearch dd {font-size:.92em} .keySearch dt {font-weight:bold; text-transform:uppercase} .keySearch dd {margin:0; padding:0 4px 0 6px; border-left:1px solid #ccc} .keySearch dt + dd {border-left:0} .featNarrow .keySearch {margin-top:0} * .keySearch {margin-left:5px} .listFeature li {overflow:hidden; margin:0 0 18px; list-style:none} .listFeature .images, .listFeature .info {float:left} .listFeature .images ul {overflow:hidden; margin:5px 0 0 -6px; width:291px} .listFeature .images li {float:left; margin:0 0 0 6px} .listFeature .info {width:288px} .listFeature .info img {display:block; margin:15px auto 25px} .listFeature .info h3 {margin-top:10px; color:#333; font-weight:bold; font-size:1em; font-family:Verdana, sans-serif} .listFeature .description, .listFeature .action {background:#f4f3f3} .listFeature .description {margin-bottom:5px; padding:15px 20px; min-height:186px} .listFeature .description p {margin-bottom:0} .listFeature .action {padding:20px 0; height:26px; text-align:center} /* ----- IE fixes ----- */ * html .listFeature li, * html .listFeature .images ul {zoom:1; position:relative} * html .listFeature .images ul {margin-left:-12px; width:297px} * html .listFeature .description {height:186px} .listAgents {margin:10px 0} .listAgents .agentMain {float:none; display:block; margin:0 auto 10px} .listAgentsAlt /* extends listAgents*/ .agentMain {margin:0 0 10px 0} .s-agentProfile {overflow:hidden; width:260px; margin-bottom:10px} .s-agentProfile * {display:inline} .s-agentProfile dt, .s-agentProfile .name {font-weight:bold} .s-agentProfile .name {display:block; margin-bottom:5px} .s-agentProfile .thumbnail img {float:left; margin-right:10px} .s-agentProfile.agentAlt {overflow:hidden; min-height:0} .s-agentProfile.agentAlt dt, .s-agentProfile.agentAlt .name {margin-left:0} .s-agentProfile.agentAlt dt, .s-agentProfile.agentAlt dd {float:left} .s-agentProfile.agentAlt dt {clear:left; width:20%} .s-agentProfile.agentAlt dd {width:80%} .s-agentProfile.agentAlt .name {width:100%} /* Horizontal definition list*/ .defHoriz dt, .defHoriz dd {display:inline} .defHoriz dt {font-weight:bold} .defHoriz dd {margin-right:10px} /* Interactive ...................................................................................... */ .hotspot {display:none; position:absolute; top:0; left:50%; padding:30px 10px 7px 10px; margin:45px 0 0 -147px; width:274px; border:1px solid #ccc; background:#fff; -moz-box-shadow: -1px 1px 4px #777; -webkit-box-shadow: -1px 1px 4px #777; box-shadow: -1px 1px 4px #777} .hotspot p {margin:3px 0 0; font-weight:bold} .hotspot img {max-width:274px; max-height:178px} .hotspot .close {position:absolute; top:8px; right:10px} .hotspotShow {display:block; text-align:center} /* Property gallery */ .mediaGallery {overflow:hidden; clear:both; position:relative} .mediaGallery .propId {position:absolute; top:0; right:14px} .mediaGallery .video {margin:0 auto} .mediaGallery .mediaContent {width:800px; margin:0 auto} /* gallery - map*/ .mediaGallery .map-view {width:100%; height:410px} .mediaGallery .cB-mapLegend {margin-top:0; width:100%; margin-bottom:0} .mediaGallery .cB-mapLegend li {width:24%} .mediaGallery .cB-mapLegend h3 {color:#333} /* ----- IE fixes ----- */ * html .mediaGallery {zoom:1} *+ html .mediaGallery {zoom:1} /* Photo gallery - adapted from Media's gallery */ .gallery {position:relative} .gallery li {float:left} .imgWrapper {width:800px; height:535px; clear:both; text-align:center} /* main image */ .mImg {cursor:pointer; max-height:535px} * html .mImg {height:535px} .wrap-galNav {overflow:hidden/*for .galNav*/; position:absolute; left:0; bottom:0; width:800px} .wrap-galNav .thumbnails {z-index:2 /* for overlapping .galNavScroll*/; overflow:hidden; position:absolute; left:358px; width:84px; height:31px; text-indent:-9999px; background:url('img/sprite-domain.png') no-repeat -290px -219px /* content | gallery tab */} /* gallery nav */ .galNav {position:relative/*prepare to be movable by JS*/; top:0; left:0; height:136px} .galNavScroll {list-style-type:none; position:absolute; height:105px; left:0; top:30px; display:inline; width:10000px; border-top:1px solid #fff; background-color:#343434} .galNavScroll li {float:left; margin:0; padding:0} .galNavScroll li a {float:left; display:block; width:133px; height:104px; line-height:0; text-align:center} .galNavScroll li img {max-height:82px; max-width:123px; margin-top:11px; border:1px solid #343434} .galNavScroll li .selected img {border:1px solid #fff} .scrollPrev, .scrollNext {overflow:hidden; display:none; position:absolute; top:68px; left:0; width:28px; height:39px; background:url('img/sprite-domain.png') no-repeat -233px -211px /* content | gallery prev */; text-indent:-9999px} .scrollNext {left:auto; right:0; background-position:-262px -211px /* content | gallery next */} .scrollPrev.hidden, .scrollNext.hidden {background-image:none} .scriptable .scrollPrev, .scriptable .scrollNext {display:block} /* Forms ...................................................................................... */ button {font-family:Verdana, Arial, sans-serif} *+ html button {overflow:visible; width:100%} input.close {overflow:hidden; position:absolute; top:16px; right:22px; display:block; width:14px; height:14px; cursor:pointer; text-indent:-9999px; border:0; background:url('img/sprite-domain.png') no-repeat -1334px -240px /* content | close | cross [cross]*/ } input.close:hover {background-position:-1334px -256px /* content | close | cross [hover]*/ } * html input.close {font-size:0; line-height:0} *+ html input.close {font-size:0; line-height:0} /* Placeholder text */ .placeholder {font-style:italic; color:#999} input.checkbox {clear:left; float:left; margin-right:0.5em; position:relative; top:-1px} /* Strip away button style */ .btnTxt {border:none; padding:0; background:none; cursor:pointer; border:0} /* ----- IE fixes ----- */ * html .enhanced .button {padding:8px 15px 6px; height:auto; line-height:1} *+ html .enhanced .button {padding:8px 15px 6px; height:auto; line-height:1} * html .enhanced .button, * html .enhanced .btnTxt {overflow:visible; width:auto} /* Fix button padding issue */ *+ html .enhanced .button, *+ html .enhanced .btnTxt {overflow:visible; width:auto} /* Fix button padding issue */ /* Fix Firefox input button padding */ /* input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {padding:0; border:none} *//* Firefox */ /* Form styles - for enhanced pages */ .enhanced input.text, .enhanced textarea {padding:3px; border:1px solid #e9eaeb; border-top-color:#999; background:#fff url('img/sprite-domain.png') no-repeat -1025px -1425px} .enhanced label {margin-bottom:3px} .enhanced .instruction {color:#cf3b01; font-size:.92em; font-weight:normal} .enhanced .sortOrder {float:right; margin:-30px 8px 0 0} .scriptable .sortOrder input {display:none} .enhanced .sortOrder.alt {margin-top:-26px} .frmSearch {float:left; padding:0 14px 10px 14px; width:286px; border-right:1px dotted #ccc} .frmSearch legend {margin-bottom:10px; font-weight:bold; font-size:2.25em} .frmSearch input.text {margin-bottom:4px; padding:6px 8px; width:268px} .frmSearch fieldset {margin:-5px 0 15px} .frmSearch select {float:left; width:153px; font-size:.833em} .frmSearch .price select {width:74px; margin-right:5px} .frmSearch .button {font-size:1.167em} .autosuggest {z-index:10; overflow:auto; position:absolute; margin-top:-4px; padding:3px 8px; width:268px; height:70px; list-style:none; background:#fff; border:1px solid #ccc} .autosuggest li {margin-left:0} /* ----- IE fixes ----- */ * html .frmSearch .price select {margin-right:3px} .frmElIndent div {overflow:hidden; margin-bottom:10px} .frmElIndent .faux-lbl, .frmElIndent label {float:left; margin-bottom:0; margin-right:10px; width:118px} /* ----- IE fixes ----- */ * html .frmElIndent div {zoom:1} * html .frmElIndent p {margin-left:0px} .frmElIndent.refineIcons p, .frmElIndent.refineIcons label {padding-left:27px; width:91px} /* Form fields in a list */ .frmElMulti {float:left; overflow:hidden} .frmElMulti li {position:relative; margin:0 0 5px; padding-left:20px; list-style:none} .frmElMulti input {position:absolute; margin-left:0; top:-1px; left:0} .frmElMulti .col {float:left; overflow:hidden; width:150px; padding-right:5px} /* ----- IE fixes ----- */ * html .frmElMulti li {margin-bottom:5px; zoom:1} *+ html .frmElMulti li {margin-bottom:0} *+ html .frmElMulti ul input {top:-3px} /* IE7 fix - needs top positioning increased */ .frmPropFeatures {overflow:hidden; width:720px; font-size:.92em} .frmPropFeatures legend {margin-bottom:5px; font-size:1.091em} .frmPropFeatures fieldset {float:left} .frmPropFeatures input.text, .frmPropFeatures select {font-size:1em} .frmPropFeatures input.text {width:140px} .frmPropFeatures select {width:150px} .frmPropFeatures .frmElIndent label {width:158px} .frmPropFeatures .frmElMulti {width:130px} .frmPropFeatures .frmElMulti.wide {padding-left:0; width:200px} .frmPropFeatures .twoColWide {float:left; padding-left:0; width:350px} .frmPropFeatures .twoColWide .col {padding-right:9px; width:149px} .frmPropFeatures .twoColWide .alt {width:175px} .frmPropFeatures .panelDivider {margin-bottom:15px} .frmPropFeatures .panelDivider .frmElMulti.alt {margin-left:10px; margin-right:28px} /* ----- IE fixes ----- */ * html .frmPropFeatures .panelDivider {zoom:1} .frmContact {margin-top:10px} .frmContact legend {font-weight:bold; font-size:1.75em; font-family:'PT Sans Narrow',Arial,Helvetica,sans-serif} .frmContact div {margin-bottom:10px} .frmContact label {font-weight:bold} .frmContact label.checkbox {font-size:.92em; font-weight:normal} .frmContact input.text, .frmContact textarea {width:250px} .frmContact img {margin-bottom:10px} /* Enhanced page agent email form */ .panelHighlight {margin:5px 0 10px; padding:10px 20px 15px; width:260px; border:0; background:#f3f3f3} /* jQuery UI ...................................................................................... */ /* Global rules */ .ui-corner-all {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0} .ui-widget {font-size:1em} .ui-widget-content a {color:#4c7a1d; cursor:pointer} .ui-widget-overlay {background:#000; opacity: 0.4} .ui-widget-content {color:#333} .ui-widget-overlay {width:100%\0 !important/* !important is required to over ride inline width rule*/} /* IE8 and IE9 */ .ui-widget-overlay {position:fixed} * html .ui-widget-overlay {position:absolute} /* jQuery UI Wrappers */ /* main */ .ui-dialog {border:1px solid #ccc; padding:0} .dialogWrap .main {width:auto} /* title + close btn */ .ui-dialog .ui-widget-header {border:none; background:none} .ui-dialog .ui-dialog-titlebar {padding:0; position:absolute; z-index:1010; right:0; top:0} .ui-dialog .ui-dialog-title {float:none; margin:0} .ui-dialog .ui-dialog-titlebar-close {position:absolute; top:10px; right:10px; width:14px; height:14px; margin:0; padding:0; z-index:1011; cursor:pointer; background:url('img/sprite-domain.png') no-repeat -1334px -240px /* content | close | cross [cross]*/ } .ui-dialog .ui-dialog-titlebar-close span {margin:0} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {border:0; padding:0; background-position:-1334px -256px /* content | close | cross [hover]*/} /* content */ .ui-dialog .ui-dialog-content {padding:0} /* Domain Styles */ .dialogWrap {width:635px} /* sizes */ .dialogMed {width:640px} .dialogLrge {width:780px} /* Global Rules */ .dialogHeader {padding:10px 20px 0} .dialogContent {padding:0 20px 20px} /* Header */ .dialogHeader h3 {margin:0} /* Content */ .dialogPanel {padding:10px 0 0 20px; background:#f3f3f3} .dialogContent .dialogClose {float:right; margin-right:0} .dialogContent .controller {float:right; margin:20px 0 0 0} .dialogContent .controller li:first-child input {margin-right:0} .dialogContent .controller .btnTxt {padding:5px 0; text-decoration:underline} .dialogContent .controller li {float:right; list-style:none} .dialogContent .controller a {display:block; padding:6px 10px 7px} /*---- IE fixes ----*/ * html .dialogContent {zoom:1; height:auto; padding-bottom:10px} *+ html .dialogContent {padding-bottom:10px} /* --------------------- | Footer (f) components | -------------------------------------------------------------------------------------- */ /* [fN-marketingStrip] Rainbow strip cross-network promos ...................................................................................... */ .c5 { padding-left:16px; margin-top:1.25em; padding-bottom:1.25em; border-bottom:1px solid #ccc } .c5 .s2, .c5 .s4 { margin:0 13px } /* [fN-columnLinks] Multi-column link lists ...................................................................................... */ .fN-columnLinks { font-size:.91em } .fN-columnLinks h4 { line-height:2em; font-weight:bold; font-family:Arial,Helvetica,sans-serif} .fN-columnLinks a { font-weight:normal } .fN-columnLinks h4 a { font-weight:bold } /* make the columns fit into the Domain page width */ .footer .col-5 { margin-left:3px } .footer .col-5 li { margin-left:13px } /* [fB-channels] Channel logo links ...................................................................................... */ .fB-channels a:hover, .fB-channels a:focus, .fB-channels a:active { filter:alpha(opacity=60); opacity:.6 } /* [fN-serviceLinks] Tools/fine print links ...................................................................................... */ .fN-serviceLinks { background-color:#eee; font-size:.83em; font-weight:bold; margin-bottom:0 } .fN-serviceLinks a { color:#666; padding-left:.5em; padding-right:.5em } .footer p { padding:0 15px; font-size:.9em } .footer p a { text-decoration:underline } .footer .disclaimer { margin:15px 0; text-align:center } /* -------------------------- | Advertising (A) components | all advertising components regardless of location -------------------------------------------------------------------------------------- */ .ad .cN-story, .ad .cN-story h3 {border:0} .ad .cN-story h4, .ad .cN-story h3 {font-family:Arial,sans-serif} .ad .cN-story h4 {font-size:1.333em; font-weight:bold} .ad .cN-story h3 {padding-top:0} /* [cA-adStack] Vertical stack of advertisements ...................................................................................... */ .cA-adStack { background:#eee; padding:1em } .cA-adStack .ad { margin-bottom:0; padding-top:1em; border-top:1px solid #ccc } .cA-adStack .first { margin-top:0; padding-top:0; border-top:none } /* Don't apply to stacks inside a narrow aside */ .aside-narrow .aside .cA-adStack { background:none; padding:0 } .aside-narrow .aside .cA-adStack .ad { margin-bottom:1em; padding:0; border:none } @media only screen and (max-device-width: 1024px) and (orientation:portrait) { .aside-narrow .aside .cA-adStack iframe{ width:175px } } /* ipad */ @media only screen and (max-device-width: 1024px) and (orientation:landscape) { .aside-narrow .aside .cA-adStack iframe{ width:175px } } /* ipad */ /* [cA-gutter] Gutter ads ...................................................................................... */ .hasGutter-full { width:auto; margin:0; background:none } .hasGutter-full .wrap { padding-left:1px; padding-right:1px } /* replace white border normally present in background image */ /* [cA-textLinks] Text link advertisements ...................................................................................... */ .cA-textLinks { font-size:.92em; padding:.75em 1em 1em; border-top:1px solid #ccc } .cA-textLinks small { color:#333; font-weight:bold } .cA-textLinks small a, .cA-textLinks small a:visited { color:#333 } .cA-textLinks small a:hover, .cA-textLinks small a:active { color:#cf3b01 } .cA-textLinks strong { font-weight:normal; text-decoration:underline } .cA-textLinks span { color:#333 } .cA-textLinks em { color:#666; font-style:normal } .cA-textLinks a { text-decoration:none } .cA-textLinks a:hover strong { color:#cf3b01 } * html .cA-textLinks a:hover span, * html .cA-textLinks a:visited span, * html .cA-textLinks a:active span, * html .cA-textLinks a:hover em, * html .cA-textLinks a:visited em, * html .cA-textLinks a:active em, * html .cA-textLinks small a:hover, * html .cA-textLinks small a:visited, * html .cA-textLinks small a:active { text-decoration:none } /* fix the underline problem */ /* [cA-twinPromo] Twin promotion advertisements ...................................................................................... */ .cA-twinPromo { margin:23px 0 20px } .cA-twinPromo div { font-size:.85em } .cA-twinPromo div img { margin-top:3px } .cA-twinPromo div strong { line-height:1.27; margin-top:5px } .cA-twinPromo div span { line-height:1.27; margin-top:2px } /* [cA-ratesList] Promotional list of rates ...................................................................................... */ .cA-ratesList { font-size:.92em; border:1px solid #ccc; padding-bottom:8px; background:url("img/sprite-domain.png") no-repeat -55px -650px /* sprite:boxgrad-large */ } .cA-ratesList h3, .cA-ratesList p, .cA-ratesList ul, .cA-ratesList h4, .cA-ratesList dl { margin:0; border:2px solid white; border-top:none; border-bottom:none; padding:0 8px } .cA-ratesList h3 { padding:.33em 8px .13em; border-top:2px solid white; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:1.45em } .cA-ratesList h3 a { text-decoration:none } .cA-ratesList h3 a:hover, .cA-ratesList h3 a:focus, .cA-ratesList h3 a:active { text-decoration:underline } .cA-ratesList p, .cA-ratesList ul { padding-bottom:.75em } .cA-ratesList li { list-style:none; margin-left:0; margin-bottom:.25em } .cA-ratesList li:first-child { border-top:2px solid #ccc; padding-top:.75em } .cA-ratesList li a { line-height:18px; padding-left:25px; display:inline-block; background:url("img/sprite-domain.png") no-repeat } .cA-ratesList .rCompare a { background-position:-1300px -590px } .cA-ratesList .rHealth a { background-position:-1237px -656px } .cA-ratesList h4 { font-weight:bold; border-top:2px solid #ccc; padding:.75em 0 .33em 25px; margin:0 8px; background:url("img/sprite-domain.png") no-repeat -1219px -674px } .cA-ratesList dl { padding-bottom:.75em; margin-top:.25em } .cA-ratesList dt, .cA-ratesList dd { margin-bottom:.25em } .cA-ratesList dt { width:67% } .cA-ratesList dd { width:30%; text-align:right } .cA-ratesList .button { font-size:1em; margin-left:8px } /* reset styles from variable width with background colour */ .cA-ratesList .button { padding:0; border:none; text-align:center; height:24px; line-height:23px; background:url("img/sprite-domain.png") } .cA-ratesList a.button { display:inline-block } .cA-ratesList .button:hover, .cA-ratesList .button:focus, .cA-ratesList .button:active { text-decoration:underline } body:last-child:not(:root:root) .cA-ratesList .button { padding:0 } /* ALTERNATIVE fixed width with background image */ .cA-ratesList .button { width:100px; background-position:-1080px -240px /* button w100 */ } .cA-ratesList .button:hover, .cA-ratesList .button:focus { background-position:-1080px -265px /* button:hover w100 */ } .cA-ratesList .button:active { background-position:-1080px -290px /* button:active w100 */ } .cA-ratesList cite { float:right; margin-right:8px; font-size:.91em; line-height:24px } /* [cT-suburbTvBox] Suburb TV player ...................................................................................... */ .cT-suburbTvBox {margin:1em 0 0 0; background: #343535} .cT-suburbTvBox h2{position:relative; padding:11px 0 9px 10px; font-size: 1.4em; line-height:1; font-family:arial; font-weight:bold; color:#fff; background: #6d992d} .cT-suburbTvBox em{position:absolute; top:6px; right:0; margin:0; padding:0 5px 0; font-style:normal; font-size:0.65em} .cT-suburbTvBox span {float:left; padding:8px 5px 0} .cT-suburbTvBox a, .cT-suburbTvBox a:hover, .cT-suburbTvBox a:focus {color: #fff; text-decoration: none} #FlowplayerID {overflow:hidden; /* Need overflow for IE6 */ width:280px;height:186px; padding:10px} #FlowplayerID .size-l {width:60px; height:60px; margin:-126px 0 0 105px; cursor:pointer} #flowPlayerSlideBarContainer{overflow: hidden; position:relative; top: -60px; width: 280px;} #flowPlayerSlideBar {position: relative; right: -200px; margin-left: auto; color: #fff; font-size: 14px; text-align:center; background-color: #808080} /* -------------------------- | Print styles -------------------------------------------------------------------------------------- */ @media print { /* Hide elements */ .dialogOpen, .ui-widget-overlay, .ui-dialog-titlebar-close, .dialogWrap .button, .dialogWrap .btnTxt, .dialogWrap .iconPrint, .skipLink {display:none !important} }