/* Reset styles */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } img { border:0;} object {outline:none;} /* Body Styles */ body {font: 75% Verdana, Geneva, sans-serif; color:#063166; background: #ffffff url(/images/frontend/sitewide/body_topnav_bg.gif) repeat-x; position: relative;} body.lb_clear {background: #ffffff none;} input, textarea, select {color:#063166;} p {line-height:1.5em; color:#063166;} a:link, a:visited {color: #063166; text-decoration: underline;} a:hover {color: #d31819;} a:focus {outline:none;} .fl {float:left;} .fr {float:right;} .cl {clear:left;} .cr {clear:right;} .clear {clear:both;} div.clearer {clear: both; line-height: 0; height: 0; margin:0; padding:0; border:0;} .tar {text-align:right;} .tal {text-align:left;} .tac {text-align:center} ul.no_bul {list-style-image:none; list-style-position:outside; list-style-type:none;} ul.list_fl li {float:left;} ul.list_fr li {float:right;} .dn {display:none;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color:#063166; font-weight:bold; /*margin: 1em 0; text-transform:uppercase;*/ } h1, h2, h3, h4, h5 {font-size: 1em; } small {vertical-align:super;} textarea, input { background:#fff url(/images/frontend/sitewide/textarea_bg.gif) no-repeat top left; padding:3px; border:1px solid #a0a7b4; width:131px; } .checkbox { width:13px; border:none; background:none; } img.bdr {border:1px solid #e1e1e7;} .bdr_all {border:1px solid #e1e1e7;} .bdr_top {border-top:1px solid #e1e1e7;} .bdr_btm {border-bottom:1px solid #e1e1e7;} .block {display:block;} .hide {text-indent:-9999em; position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} .mrg_top4 {margin-top:4px;} .mrg_top5 {margin-top:5px;} .mrg_top10 {margin-top:10px;} .mrg_top15 {margin-top:15px;} .mrg_top20 {margin-top:20px;} .mrg_top30 {margin-top:30px;} .mrg_top35 {margin-top:35px;} .mrg_top40 {margin-top:40px;} .mrg_lef10 {margin-left:10px;} .mrg_lef15 {margin-left:15px;} .mrg_lef20 {margin-left:20px;} .mrg_lef30 {margin-left:30px;} .mrg_lef40 {margin-left:40px;} .mrg_lef100 {margin-left:100px;} .mrg_lef155 {margin-left:155px;} .mrg_btm8 {margin-bottom:8px;} .mrg_btm10 {margin-bottom:10px;} .mrg_btm15 {margin-bottom:15px;} .mrg_rig10 {margin-right:10px;} .mrg_rig15 {margin-right:15px;} .mrg_rig20 {margin-right:20px;} .pad_btm5 {padding-bottom:5px;} .pad_btm15 {padding-bottom:15px;} .pad_top5 {padding-top:5px;} .pad_top10 {padding-top:10px;} .pad_top15 {padding-top:15px;} .pad_20 {padding:20px 0;} .norm_lineheight {line-height:normal;} .result_height{ height: 250px; } label.width100 {width:100px;} .input_long {width:358px;} .input_long_refine {width:326px; font-size:0.9em;} .input250 {width:250px;} .input350 {width:350px;} .highlight {color:#dd3e43;} .explanation {color:#737373;font-size:0.8em;} .smallfont {font-size:0.8em;} .maincont ul.list { padding:0 0 0 15px; } .maincont ul.list li { padding:5px 0; } /*-------------------------------------------------------------------------------------------------*/ #header{ background: url(/images/frontend/sitewide/header_red_stripe.gif) repeat-x 0 0px; border-bottom: 1px solid #ffffff; position: relative; height: 95px; } #seeff_smart{ width:960px; text-align:left; margin:0 auto; } #main_logo{ text-align: right; position:absolute; top: 0; right: 0; } #print_logo{ display: none; } /*-------------------------------------------------------------------------------------------------*/ #mainnav { background: url(/images/frontend/sitewide/navbar_bg.jpg) repeat-x; height: 36px; padding: 0 10px; } #mainnav .content { width: 980px; margin: 0 auto; } #mainnav ul li { float: left; list-style: none; } #mainnav ul li a { float: left; display: block; height: 36px; background-image: url(/images/frontend/sitewide/back_topnav.gif); } #mainnav ul li a:hover { background-postion: 0 -36px; } #mainnav ul li a span { position: absolute; top: -9999px; left: -9999px; } #mainnav ul .home_nav a { width: 106px; background-position: 0 0; } #mainnav ul .home_nav a:hover { background-position: 0 -36px; } #mainnav ul .home_nav_onstate a { width: 106px; background-position: 0 -72px; } #mainnav ul .buy_nav a { width: 92px; background-position: -106px 0; } #mainnav ul .buy_nav a:hover { background-position: -106px -36px; } #mainnav ul .buy_nav_onstate a { width: 92px; background-position: -106px -72px; } #mainnav ul .sell_nav a { width: 92px; background-position: -198px 0; } #mainnav ul .sell_nav a:hover { background-position: -198px -36px; } #mainnav ul .sell_nav_onstate a { width: 92px; background-position: -198px -72px; } #mainnav ul .rent_nav a { width: 90px; background-position: -290px 0; } #mainnav ul .rent_nav a:hover { background-position: -290px -36px; } #mainnav ul .rent_nav_onstate a { width: 90px; background-position: -290px -72px; } #mainnav ul .about_nav a { width: 147px; background-position: -380px 0; } #mainnav ul .about_nav a:hover { background-position: -380px -36px; } #mainnav ul .about_nav_onstate a { width: 147px; background-position: -380px -72px; } #mainnav ul .contact_nav a { width: 159px; background-position: -527px 0; } #mainnav ul .contact_nav a:hover { background-position: -527px -36px; } #mainnav ul .contact_nav_onstate a { width: 159px; background-position: -527px -72px; } /* Heading Sprites (Use numbers on sprites_sitewide.gif for ref ) */ .sprite { display: block; background-image: url(/images/frontend/sitewide/sprites_sitewide.gif); } .sprite span { position: absolute; top: -9999px; left: -9999px; } .spid001 { width: 770px; height: 30px; background-position: -30px -30px; } .spid002 { width: 89px; height: 42px; background-position: -30px -60px; margin: 0 auto; } .spid003 { width: 150px; height: 24px; background-position: -30px -120px; } .spid004 { width: 113px; height: 24px; background-position: -30px -150px; margin: 55px 0 0; } .spid005 { width: 127px; height: 24px; background-position: -430px -60px; } .spid006 { width: 186px; height: 24px; background-position: -430px -90px; } .spid007 { width: 224px; height: 24px; background-position: -430px -120px; } .spid008 { width: 248px; height: 16px; background-position: -430px -150px; } .spid009 { width: 84px; height: 16px; background-position: -30px -180px; } .spid010 { width: 121px; height: 16px; background-position: -430px -180px; } .spid011 { width: 95px; height: 16px; background-position: -30px -210px; } .spid012 { width: 84px; height: 16px; background-position: -430px -210px; } .spid013 { width: 223px; height: 28px; background-position: -30px -240px; } .spid014 { width: 230px; height: 30px; background-position: -430px -240px; } .spid015 { width: 246px; height: 30px; background-position: -30px -270px; } .spid016 { width: 249px; height: 30px; background-position: -430px -270px; } .spid017 { width: 273px; height: 30px; background-position: -30px -300px; } .spid018 { width: 235px; height: 30px; background-position: -430px -300px; } .spid019 { width: 200px; height: 24px; background-position: -30px -330px; margin: 0 0 0 16px; } .spid020 { width: 260px; height: 30px; background-position: -430px -330px; } .spid021 { width: 230px; height: 30px; background-position: -30px -360px; margin: 0 0 10px 45px; } .spid022 { width: 291px; height: 24px; background-position: -430px -360px; margin: 0 0 0 45px; } .spid023 { width: 332px; height: 24px; background-position: -30px -390px; } .spid024 { width: 260px; height: 30px; background-position: -430px -390px; margin: 0 0 0 10px; } .spid025 { width: 260px; height: 30px; background-position: -30px -420px; } .spid026 { width: 133px; height: 24px; background-position: -430px -420px; } .spid027 { width: 305px; height: 24px; background-position: -30px -450px; } .spid028 { width: 200px; height: 24px; background-position: -430px -450px; } .spid029 { width: 215px; height: 28px; background-position: -30px -480px; } .spid030 { width: 79px; height: 24px; background-position: -430px -480px; margin: 0 0 0 4px; } .spid031 { width: 206px; height: 30px; background-position: -30px -510px; } .spid032 { width: 224px; height: 30px; background-position: -430px -510px; } .spid033 { width: 113px; height: 30px; background-position: -30px -540px; } .spid034 { width: 257px; height: 30px; background-position: -430px -540px; } .spid035 { width: 235px; height: 28px; background-position: -30px -570px; } .spid036 { width: 202px; height: 28px; background-position: -430px -570px; } .spid037 { width: 296px; height: 28px; background-position: -30px -600px; } .spid038 { width: 318px; height: 24px; background-position: -430px -600px; } .spid039 { width: 321px; height: 24px; background-position: -30px -630px; } .spid040 { width: 139px; height: 28px; background-position: -430px -630px; } .spid041 { width: 228px; height: 28px; background-position: -30px -660px; } .spid042 { width: 170px; height: 30px; background-position: -430px -660px; } .spid043 { width: 199px; height: 30px; background-position: -30px -690px; } .spid044 { width: 240px; height: 30px; background-position: -430px -690px; } .spid045 { width: 456px; height: 28px; background-position: -30px -720px; } .spid046 { width: 290px; height: 28px; background-position: -30px -750px; } .spid047 { width: 193px; height: 24px; background-position: -430px -750px; } .spid048 { width: 351px; height: 24px; background-position: -30px -780px; } .spid049 { width: 379px; height: 24px; background-position: -430px -780px; } .spid050 { width: 337px; height: 30px; background-position: -30px -810px; } .spid051 { width: 143px; height: 24px; background-position: -430px -810px; } .spid052 { width: 335px; height: 28px; background-position: -30px -840px; } .spid053 { width: 309px; height: 30px; background-position: -430px -840px; } .spid054 { width: 335px; height: 28px; background-position: -30px -870px; } .spid055 { width: 355px; height: 30px; background-position: -30px -900px; } .spid056 { width: 342px; height: 28px; background-position: -430px -900px; } .spid057 { width: 94px; height: 28px; background-position: -30px -930px; } .spid058 { width: 231px; height: 28px; background-position: -430px -930px; } .spid059 { width: 286px; height: 24px; background-position: -30px -960px; } .spid060 { width: 379px; height: 24px; background-position: -430px -960px; } .spid061 { width: 325px; height: 30px; background-position: -30px -990px; } .spid062 { width: 247px; height: 28px; background-position: -430px -990px; } .spid063 { width: 367px; height: 24px; background-position: -30px -1020px; } .spid064 { width: 344px; height: 30px; background-position: -430px -1020px; } .spid065 { width: 195px; height: 28px; background-position: -30px -1050px; } .spid066 { width: 237px; height: 28px; background-position: -430px -1050px; } .spid067 { width: 373px; height: 24px; background-position: -30px -1080px; } .spid068 { width: 339px; height: 28px; background-position: -430px -1080px; } .spid069 { width: 330px; height: 30px; background-position: -30px -1110px; } .spid070 { width: 201px; height: 30px; background-position: -430px -1110px; } .spid071 { width: 335px; height: 24px; background-position: -30px -1140px; } .spid072 { width: 272px; height: 24px; background-position: -430px -1140px; } .spid073 { width: 210px; height: 30px; background-position: -30px -1170px; } .spid074 { width: 290px; height: 30px; background-position: -430px -1170px; } .spid075 { width: 311px; height: 30px; background-position: -30px -1200px; } .spid076 { width: 135px; height: 30px; background-position: -430px -1200px; } .spid077 { width: 155px; height: 30px; background-position: -30px -1230px; } .spid078 { width: 450px; height: 24px; background-position: -430px -1230px; } .spid079 { width: 419px; height: 30px; background-position: -30px -1260px; } .spid080 { width: 165px; height: 30px; background-position: -30px -1290px; } .spid081 { width: 167px; height: 30px; background-position: -430px -1290px; } .spid082 { width: 160px; height: 30px; background-position: -30px -1320px; } .spid083 { width: 362px; height: 30px; background-position: -430px -1320px; } .spid084 { width: 318px; height: 24px; background-position: -30px -1350px; } .spid085 { width: 362px; height: 30px; background-position: -430px -1350px; } .spid086 { width: 362px; height: 30px; background-position: -30px -1380px; } .spid087 { width: 362px; height: 30px; background-position: -430px -1380px; } .spid088 { width: 362px; height: 30px; background-position: -30px -1410px; margin: 0 0 10px 0; } .spid089 { width: 366px; height: 30px; background-position: -430px -1410px; } .spid090 { width: 295px; height: 30px; background-position: -30px -1440px; } .spid091 { width: 342px; height: 30px; background-position: -430px -1440px; } .spid092 { width: 475px; height: 30px; background-position: -30px -1470px; } .spid093 { width: 320px; height: 24px; background-position: -30px -1500px; } .spid094 { width: 260px; height: 30px; background-position: -430px -1500px; } .spid095 { width: 260px; height: 30px; background-position: -30px -1530px; } .spid096 { width: 246px; height: 30px; background-position: -430px -1530px; } .spid097 { width: 259px; height: 22px; background-position: -30px -1560px; } .spid098 { width: 226px; height: 25px; background-position: -430px -1560px; } .spid099 { width: 230px; height: 25px; background-position: -30px -1590px; } .spid100 { width: 360px; height: 25px; background-position: -430px -1590px; } .spid101 { width: 345px; height: 25px; background-position: -30px -1620px; } .spid102 { width: 365px; height: 25px; background-position: -430px -1620px; } .spid103 { width: 245px; height: 25px; background-position: -30px -1650px; } .spid104 { width: 325px; height: 25px; background-position: -430px -1650px; } .spid105 { width: 280px; height: 25px; background-position: -30px -1680px; } .spid106 { width: 320px; height: 25px; background-position: -430px -1680px; } .spid107 { width: 360px; height: 25px; background-position: -30px -1710px; } .spid108 { width: 387px; height: 25px; background-position: -430px -1710px; } .spid109 { width: 305px; height: 25px; background-position: -30px -1740px; } .spid110 { width: 280px; height: 25px; background-position: -430px -1740px; } .spid111 { width: 295px; height: 25px; background-position: -30px -1770px; } .spid112 { width: 245px; height: 25px; background-position: -430px -1770px; } .spid113 { width: 277px; height: 25px; background-position: -30px -1800px; } .spid114 { width: 305px; height: 25px; background-position: -430px -1800px; } .spid115 { width: 245px; height: 25px; background-position: -30px -1830px; } .spid116 { width: 275px; height: 25px; background-position: -430px -1830px; } .spid117 { width: 253px; height: 25px; background-position: -30px -1860px; } .spid118 { width: 295px; height: 25px; background-position: -430px -1860px; } .spid119 { width: 295px; height: 25px; background-position: -30px -1890px; } .spid120 { width: 295px; height: 25px; background-position: -430px -1890px; } .spid121 { width: 295px; height: 25px; background-position: -30px -1920px; } .spid122 { width: 295px; height: 25px; background-position: -430px -1920px; } .spid123 { width: 295px; height: 25px; background-position: -30px -1950px; } .spid124 { width: 295px; height: 25px; background-position: -430px -1950px; } .spid125 { width: 295px; height: 25px; background-position: -30px -1980px; } .spid126 { width: 295px; height: 25px; background-position: -430px -1980px; } /* Icons */ #icons{ padding: 5px 0 0 0; position:relative; width:980px; margin:0 auto; z-index: 9; } #icons a{ color: #b7b7b7; font-size: 10px; text-decoration: none; padding: 0 0 0 16px; } #icons a:hover{ color: #063166; } #icons .content { float:right; } #icons ul { list-style-image:none; list-style-position:outside; list-style-type:none; } #icons ul li { float:left; margin-right:5px; padding:0 20px; } a.print{ background: url(/images/frontend/sitewide/icons.gif) no-repeat; background-position: 0 0; } a.print:hover{ background-position: 0 -20px; } a.send{ background: url(/images/frontend/sitewide/icons.gif) no-repeat; background-position: 0 -38px; } a.send:hover{ background-position: 0 -58px; } a.share{ background: url(/images/frontend/sitewide/icons.gif) no-repeat; background-position: 0 -78px; } a.share:hover{ background-position: 0 -98px; } /* social bookmark icons */ .share-it .del-icio-us{ background: url(/images/frontend/social/delicious.png) no-repeat left; } .share-it .digg{ background: url(/images/frontend/social/digg.png) no-repeat left; } .share-it .furl{ background: url(/images/frontend/social/furl.png) no-repeat left; } .share-it .reddit{ background: url(/images/frontend/social/reddit.png) no-repeat left; } .share-it .technorati{ background: url(/images/frontend/social/technorati.png) no-repeat left; } .share-it .yahoo{ background: url(/images/frontend/social/im_yahoo.gif) no-repeat left; } .share-it .newsvine{ background: url(/images/frontend/social/newsvine.png) no-repeat left; } .share-it .stumbleupon{ background: url(/images/frontend/social/stumbleupon.png) no-repeat left; } .share-it .google{ background: url(/images/frontend/social/google.png) no-repeat left; } .share-it .bloglines{ background: url(/images/frontend/social/bloglines.png) no-repeat left; } .share-it .co-mments{ background: url(/images/frontend/social/comments.png) no-repeat left; } .share-it .facebook{ background: url(/images/frontend/social/facebook.png) no-repeat left; } /* Share it */ #main_nav dt { line-height:24px; float:left; padding: 0 5px 0 22px; } #main_nav dd, .shareit .share-it { list-style:none; line-height:22px; float:left; padding: 0; } .shareit { position:absolute; top:25px; right: 6px; display:none; background: #FFF; border: 1px solid #D1D1D1; padding: 2px 2px; z-index:10; width:420px; } .shareit .share-it { width: 100px; text-align:left; padding: 0 5px 0 0; } .shareit .share-it:hover { background: #F2F2F2; } .shareit .share-it a:hover{ color:#9C8E67; } #icons .shareit .share-it a:link, .shareit .share-it a:visited { color:#B9B299; padding:5px 0 5px 20px; text-decoration:none; } /* Web Ref search box */ .web_ref{ background: url(/images/frontend/sitewide/webref_bg.jpg); width: 279px; height: 29px; float: right; padding: 7px 0 0 15px; } .web_ref span{ float: left; margin: 3px 8px 0 0; color: #ffffff; } .web_ref input{ background: url(/images/frontend/sitewide/webref_input_bg.jpg); border: 1px solid #a0a7b4; margin: 0 8px 0 0; padding: 3px 0 0 6px; float: left; width: 120px; height: 16px; font-family: Verdana, Geneva, sans-serif; font-size:10px; color: #001849; } .web_ref a{ display: block; height: 23px; width: 46px; float: left; background: url(/images/frontend/sitewide/go_btn.gif) no-repeat; } .web_ref a:hover{ background: url(/images/frontend/sitewide/go_btn.gif) no-repeat 0 -23px; } a.go_btn{ display: block; height: 24px; width: 46px; float: left; background: url(/images/frontend/home/web_ref_go.gif) no-repeat; text-indent:-9999em; float:left; } a.go_btn:hover{ background-position: 0 -24px; } #content { width:980px; margin:0 auto; padding: 10px 0 0 19px; } #content .maincont { float:left; width:672px; } #content .sidecont { float:left; width:263px; margin:20px 0 0 26px; z-index: 0; } /* Search Criteria */ #search_criteria { background: #fafafa url(/images/frontend/search/search_criteria_bg.gif) repeat-x 0 0; border:1px solid #e1e1e7; width:628px; } #search_criteria .corner { background-image: url(/images/frontend/search/search_criteria_cnrs.gif); } #search_criteria .topl { background-position: 0 0; left:-1px; top:-1px; } #search_criteria .topr { background-position: -8px 0; right:-1px; top:-1px; } #search_criteria .botl { background-position: 0 -72px; left:-1px; bottom:-1px; } #search_criteria .botr { background-position: -8px -72px; right:-1px; bottom:-1px; } .rounded_box { padding:25px 20px 10px; position:relative; } .topl { background-position: 0 0; left:0; top:0; } .topr { background-position: -8px 0; right:0; top:0; } .botl { background-position: 0 -8px; left:0; bottom:0; } .botr { background-position: -8px -8px; right:0; bottom:0; } .corner { height:8px; width:8px; position:absolute; } ul#breadcrumb li{ padding:0 15px 0 0; float:left; list-style:none; background:url(/images/frontend/sitewide/breadcrumb.gif) no-repeat center right; margin-right:8px; font-size:0.9em; } ul#breadcrumb li.last{ background:none; } .search_criteria_btns { /*width:672px;*/ margin: 0; padding: 0; height: 34px; /*border:1px solid #ff0000;*/ } .search_criteria_btns ul { list-style-image:none; list-style-position:outside; list-style-type:none; background: #021a4b url(/images/frontend/search/dev_btn_bg.jpg) no-repeat; width: 670px; height: 34px; /*border: 1px solid #ff0000;*/ } .search_criteria_btns ul li a:link, .search_criteria_btns ul li a:visited { padding:11px 8px 11px; line-height:12px; background: #021a4b url(/images/frontend/search/search_criteria_btns.jpg) no-repeat -365px 0; border-left: 1px solid #9cbbdd; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:0.9em; color:#fff; float:left; } .search_criteria_btns ul li a:hover { background-color:#0f3580; background-position: -365px -35px; } .search_criteria_btns ul li.active a:link, .search_criteria_btns ul li.active a:visited { background-position:-365px -35px; } .search_criteria_btns ul li a:link.refine, .search_criteria_btns ul li a:visited.refine { background-position: top left; border-left: none; padding:11px 8px 11px 29px; } .search_criteria_btns ul li a:hover.refine { background-position: 0 -35px; } .search_criteria_btns ul li.active a.refine:link, .search_criteria_btns ul li.active a.refine:visited { background-position: 0 -35px; } .search_criteria_btns ul li a:link.save, .search_criteria_btns ul li a:visited.save { background-position: -195px 0; padding:11px 8px 11px 28px; } .search_criteria_btns ul li a:hover.save { background-position: -195px -35px; } .search_criteria_btns ul li.active a:link.save, .search_criteria_btns ul li.active a:visited.save { background-position: -195px -35px; } .search_criteria_btns ul li a:link.surrounds, .search_criteria_btns ul li a:visited.surrounds { background: #021a4b url(/images/frontend/search/search_criteria_btn_surrounds.jpg) no-repeat -16px -35px; background-position: top right; } .search_criteria_btns ul li a:hover.surrounds { background-color: #0f3580; background-position: bottom right; } .search_criteria_btns ul li.active a:link.surrounds, .search_criteria_btns ul li.active a:visited.surrounds { background-position: -16px -35px; } .search_criteria_btns ul li.inactive a:link, .search_criteria_btns ul li.inactive a:visited, .search_criteria_btns ul li.inactive a:hover { /* Inactive state should there be no clickthrough */ cursor:default; background: #c8c8ce url(/images/frontend/search/search_criteria_btn_surrounds.jpg) no-repeat 0 -35px; color:#fff; text-decoration:none; border-color:#fff; } .search_criteria_btns ul li.inactive a.surrounds:link, .search_criteria_btns ul li.inactive a.surrounds:visited, .search_criteria_btns ul li.inactive a.surrounds:hover { background-position: -48px -35px; background-color:#c8c8ce; cursor:default; color:#fff; border-color:#fff; } a:link.arrowr_g, a:visited.arrowr_g { /* Creates a block level link with an arrow to the left on a grey bg*/ text-transform:uppercase; text-decoration:none; font-weight:bold; padding: 4px 0 5px 27px; background: url(/images/frontend/sitewide/arrowr_grey.jpg) no-repeat top left; line-height:23px; } a:hover.arrowr_g { background-position: bottom left; } a:link.arrowr_w, a:visited.arrowr_w { /* Creates a block level link with an arrow to the left on a white bg*/ text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:0.9em; padding: 9px 0 9px 27px; background: url(/images/frontend/sitewide/arrowr_white.jpg) no-repeat top left; line-height:26px; } a:hover.arrowr_w { background-position: bottom left; } a:link.arrowl_w, a:visited.arrowl_w { /* Creates a block level link with an arrow to the left on a white bg*/ text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:0.9em; padding: 9px 27px 9px 0; background: url(/images/frontend/sitewide/arrowr_white.jpg) no-repeat top right; line-height:26px; } a:hover.arrowl_w { background-position: bottom right; } a:link.grey_arrowr, a:visited.grey_arrowr { /* Creates a block level link with a grey arrow to the left on a white bg*/ text-decoration:none; padding: 5px 0 4px 27px; background: url(/images/frontend/sitewide/subnav_bullet.gif) no-repeat top left; line-height:26px; } a:hover.grey_arrowr { background-position: bottom left; } a.arrow_dwn:link, a.arrow_dwn:visited { /* Creates a block level link with an arrow to the left on a grey bg*/ padding: 9px 0 9px 33px; background: url(/images/frontend/sitewide/arrow_updwn.gif) no-repeat top left; line-height:30px; } a.arrow_dwn:hover { background-position: 0 -32px; } a.arrow_up:link, a.arrow_up:visited { /* Creates a block level link with an arrow to the left on a grey bg*/ padding: 9px 0 9px 33px; background: url(/images/frontend/sitewide/arrow_updwn.gif) no-repeat 0 -64px; line-height:30px; } a.arrow_up:hover { background-position: 0 -96px; } a.panel_hide:link, a.panel_hide:visited { background: url(/images/frontend/sitewide/panel_hide_btn.gif) no-repeat top right; padding: 2px 22px 2px 0; float:right; text-decoration:none; font-size:0.8em; text-transform:uppercase; color:#9e9e9e; margin-top:-10px; } a.panel_hide:hover { background-position: bottom right; color:#8a8a8a; } a.calendar_pick:link, a.calendar_pick:visited { /* Calendar Picker link */ padding: 2px 0 1px 19px; background: url(/images/frontend/rent/2010/calendar_picker.gif) no-repeat 0 0; line-height:16px; text-decoration:none; font-size:11px; } a.calendar_pick:hover { background-position: 0 -16px; } /* Pagination */ #pagination, .pagination { } #pagination ul li a:link, #pagination ul li a:visited, .pagination ul li a:link, .pagination ul li a:visited { background: #fff url(/images/frontend/sitewide/pagination_btns.gif) no-repeat -27px 0; display:block; color:#063166; text-decoration:none; font-weight:bold; width:27px; height:27px; line-height:27px; text-align:center; margin:0 2px; } #pagination ul li a:hover, .pagination ul li a:hover { background-position:-54px 0; background-color:#3c60a8; color:#fff; } #pagination ul li a.active:link, #pagination ul li a.active:visited, .pagination ul li a.active:link, .pagination ul li a.active:visited { background-position:0 0; background-color:#051e4f; color:#fff; } #pagination ul li.first a:link, #pagination ul li.first a:visited, .pagination ul li.first a:link, .pagination ul li.first a:visited { background-position:-135px 0; background-color:#fff; color:#fff; text-indent:-9999em; } #pagination ul li.first a:hover, .pagination ul li.first a:hover { background-position:-162px 0; background-color:#051e4f; } #pagination ul li.last a:link, #pagination ul li.last a:visited, .pagination ul li.last a:link, .pagination ul li.last a:visited { background-position:-81px 0; background-color:#fff; color:#fff; text-indent:-9999em; } #pagination ul li.last a:hover, .pagination ul li.last a:hover { background-position:-108px 0; background-color:#051e4f; } /* pagination small */ #pagination_small { padding: 10px 39px; } #pagination_small ul li a:link, #pagination_small ul li a:visited { background: #fff url(/images/frontend/sitewide/pagination_small_btns.gif) no-repeat -19px 0; display:block; color:#063166; text-decoration:none; font-weight:bold; width:19px; height:19px; line-height:19px; text-align:center; margin:0 2px; font-size:0.9em; } #pagination_small ul li a:hover { background-position:-38px 0; background-color:#3c60a8; color:#fff; } #pagination_small ul li a:active { background-position:0 0; background-color:#051e4f; color:#fff; } #pagination_small ul li a.active:link, #pagination_small ul li a.active:visited { background: #fff url(/images/frontend/sitewide/pagination_small_btns.gif) no-repeat 0 0; display:block; color:#fff; text-decoration:none; font-weight:bold; width:19px; height:19px; line-height:19px; text-align:center; margin:0 2px; font-size:0.9em; } #pagination_small ul li.first a:link, #pagination_small ul li.first a:visited { background-position:-95px 0; background-color:#fff; color:#fff; text-indent:-9999em; } #pagination_small ul li.first a:hover { background-position:-114px 0; background-color:#051e4f; } #pagination_small ul li.last a:link, #pagination_small ul li.last a:visited { background-position: -57px 0; background-color:#fff; color:#fff; text-indent:-9999em; } #pagination_small ul li.last a:hover { background-position: -76px 0; background-color:#051e4f; } /* Tooltip */ #tooltip_bubble { width:250px; } #tooltip_bubble .top { background: url(/images/frontend/sitewide/tooltip_cnrs.png) no-repeat top left; padding:15px 20px 10px 25px; } #tooltip_bubble .bot { background: url(/images/frontend/sitewide/tooltip_cnrs.png) no-repeat bottom left; height:18px; } .tooltip_bubble_btm { width:250px; } .tooltip_bubble_btm .top { background: url(/images/frontend/sitewide/tooltip_btm_cnrs.png) no-repeat 0 0; height:10px; width:250px; } .tooltip_bubble_btm .cnt { background: url(/images/frontend/sitewide/tooltip_btm_bg.png) repeat-y 0 0; width:250px; } .tooltip_bubble_btm .cnt .inner { padding:15px 20px 10px 25px; width:205px; } .tooltip_bubble_btm .bot { background: url(/images/frontend/sitewide/tooltip_btm_cnrs.png) no-repeat bottom left; height:18px; height:18px; width:250px; } /* Search Listing Result */ .search_result { border-top:1px solid #e1e1e7; background:#fff url(/images/frontend/search/result_bg.gif) repeat-x top left; padding: 15px; } .search_result_gallery {/* for property listing page, sets width for IE6 */ width:215px; } .property_details_gallery {/* for property detail page, sets width for IE6 */ width:386px; position:relative; } .search_result_gallery_scroll { border-width:0 1px 1px; border-color: #e1e1e7; border-style:solid; padding:4px 0; height:39px; overflow:hidden; } .search_result_gallery_scroll ul { width:169px; overflow:hidden; height:39px; float:left; } .property_details_gallery div.search_result_gallery_scroll ul { width:340px; overflow:hidden; height:39px; float:left; } .property_details_gallery a.gallery_back, .property_details_gallery a.gallery_next { background-image:url(/images/frontend/search/gallery_next_back_btns.gif); width:25px; height:41px; display: block; text-indent:-9999em; } .property_details_gallery a.gallery_back { position:absolute; top:125px; left:1px; } .property_details_gallery a.gallery_back:hover { background-position:0 -41px; } .property_details_gallery a.gallery_next { position:absolute; top:125px; right:1px; background-position:-25px 0; } .property_details_gallery a.gallery_next:hover { background-position:-25px -41px; } .search_result_gallery_scroll ul li img { margin:0 1px; } .search_result_gallery_scroll span a.back, .search_result_gallery_scroll span a.next { background: #fff url(/images/frontend/search/results_gallery_btns.jpg) no-repeat center left; display:block; width: 22px; height:40px; } .search_result_gallery_scroll span.first a { background-position: 0 0; text-indent:-9999em; display:block; width: 22px; height:40px; float:left; } .search_result_gallery_scroll span.first a:hover { background-position:-22px 0; } .search_result_gallery_scroll span.last a { background-position:-44px 0; text-indent:-9999em; float:left; } .search_result_gallery_scroll span.last a:hover { background-position:-66px 0; } .search_result_gallery_scroll ul li.first a:link, .search_result_gallery_scroll ul li.first a:visited { background-position:0 0; text-indent:-9999em; } .search_result_gallery_scroll ul li.first a:hover { background-position:-22px 0; } .search_result_gallery_scroll ul li.last a:link, .search_result_gallery_scroll ul li.last a:visited { background-position:-44px 0; text-indent:-9999em; } .search_result_gallery_scroll ul li.last a:hover { background-position:-66px 0; } .virtual_tour { padding: 0 23px; border:1px solid #e1e1e7; /*border-style:solid; border-color:#e1e1e7;*/ } .virtual_tour a:link, .virtual_tour a:visited { background: #fff url(/images/frontend/search/virtual_tour_btn.jpg) no-repeat top left; display:block; width:155px; height:24px; text-indent:-9999em; } .virtual_tour a:hover { background-position:bottom left; } /* Virtual Tour Close button */ a#virtualTourClose { background:url(/images/frontend/search/close_btn.gif) no-repeat 40px 0px; /*width:25px; height:29px;*/ padding:0px 30px 0px 0; line-height:24px; z-index:3200; position:absolute; bottom:3px; right:0px; cursor:pointer; text-transform:uppercase; font-size:0.8em; text-decoration:none; color:#9e9e9e; } .more_images { padding: 0 23px; border-width:0 1px 1px 1px; border-style:solid; border-color:#e1e1e7; } .more_images a:link, .more_images a:visited { background: #fff url(/images/frontend/search/more_images_btn.jpg) no-repeat top left; display:block; width:155px; height:24px; text-indent:-9999em; } .more_images a:hover { background-position:bottom left; } .search_result .description { width:260px; padding:18px 16px 0; } .search_result p { margin:0 0 0.5em; } a.enquire_now:link, a.enquire_now:visited { background: #d82e31 url(/images/frontend/search/description_btns.jpg) no-repeat top right; display:block; width:112px; height:32px; text-indent:-9999em; } a.enquire_now:hover { background-color:#d11212; background-position: bottom right; } a.tooltip_btn:link, a.tooltip_btn:visited { background: #a6c4e8 url(/images/frontend/search/description_btns.jpg) no-repeat top left; line-height:22px; padding:1px 7px 1px 8px; font-weight:bold; font-size:15px; color:#fff; text-decoration:none; } a.tooltip_btn:hover { background-color:#7389a6; background-position: 0 -21px; } a.book_now:link, a.book_now:visited { background: #355b91 url(/images/frontend/search/book_now_btn.gif) no-repeat 0 0; display:block; width:94px; height:32px; text-indent:-9999em; } a.book_now:hover { background-color:#577db9; background-position: -94px 0; } .summary { width:135px; padding:18px 0 0 0; } .detail_summary { width:230px; padding:18px 0 0 0; } ul.prop_icons { margin:7px 0; } ul.prop_icons li { background:url(/images/frontend/search/prop_icons.jpg) no-repeat; padding:6px 0 5px 30px; margin:3px; } ul.prop_icons li.bath { background-position: 0 -35px;} ul.prop_icons li.rec { background-position: 0 -72px;} ul.prop_icons li.garage { background-position: 0 -108px;} ul.prop_icons li.park { background-position: 0 -145px;} ul.prop_icons li.none { background: none; padding:5px 0;} ul.prop_icons li select { font-size:0.9em; border:1px solid #9cbbdd; color:#063166; padding:1px; } ul.prop_icons li.sleeps { background-position: 0 -181px;} .btm_btns { background: #fff url(/images/frontend/search/btm_btn_bg.gif) repeat-x top left; border-top:1px solid #e1e1e7; border-bottom:1px solid #e1e1e7; /*height:36px;*/ } .btm_btns .content { /*float:right;*/ } .btm_btns ul li { float:left; display:inline; border-left:1px solid #e1e1e7; line-height:34px; padding: 0 10px; } .btm_btns ul li a:link, .btm_btns ul li a:visited { background: url(/images/frontend/search/btm_arrow_btn.gif) no-repeat top left; padding: 9px 5px 9px 35px; text-transform:uppercase; text-decoration:none; font-weight:bold; } .btm_btns ul li a:hover { background-position: 0 -32px; } .btm_btns ul li a.highlight:link, .btm_btns ul li a.highlight:visited { color: #dd3e43; background-position: 0 -64px; } .btm_btns ul li a.highlight:hover { color: #d31819; background-position: 0 -96px; } .sort { padding: 10px 0; border-width: 1px 0; border-style:solid; border-color:#e1e1e7; } .sort .results label { font-weight:bold; line-height:22px; } .sort .results select { line-height:22px; padding:2px; border:1px solid #a0a7b4; color:#063166; background:#fff url(/images/frontend/sitewide/textarea_bg.gif) no-repeat top left; } /* Property Details */ .prop_details_btns { width:672px; } .prop_details_btns ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0 0 0 10px; background: #021a4b url(/images/frontend/search/dev_btn_bg.jpg) no-repeat; height: 40px; } .prop_details_btns ul li a:link, .prop_details_btns ul li a:visited { padding:14px 21px 13px; line-height:40px; background: #021a4b url(/images/frontend/search/details_btns.jpg) no-repeat -236px 0; border-right: 1px solid #9cbbdd; font-weight:bold; /*border: 1px solid #ffff00;*/ text-decoration:none; text-transform:uppercase; font-size:0.9em; color:#fff; width:100%; } .prop_details_btns ul li a:hover { background-color:#0f3580; background-position: -236px -40px; } .prop_details_btns ul li a:link.return, .prop_details_btns ul li a:visited.return { background-position: -22px 0; /*border-left: none;*/ padding-left:22px; } .prop_details_btns ul li a:hover.return { background-position: -22px -40px } .prop_details_btns ul li a:link.refine, .prop_details_btns ul li a:visited.refine { background-position: -201px 0; padding-left:37px; } .prop_details_btns ul li a:hover.refine { background-position: -201px -40px; } .prop_details_btns ul li a:link.last, .prop_details_btns ul li a:visited.last { /*background-position: top right; width:100%;*/ border: none; } .prop_details_btns ul li a:hover.last { /*background-color: #0f3580; background-position: bottom right;*/ } .prev_next { width:672px; border-top:1px solid #e1e1e7; padding:10px 0; background:#f3f3f3; } .prev_next a:link, .prev_next a:visited { background: #f4f4f4 url(/images/frontend/search/arrows_grey.gif) no-repeat top left; padding:4px 27px; line-height:18px; font-size:1em; text-decoration:none; font-weight:bold; } /* Bottom Previous and Next */ .btm_prev_next { width:672px; border-bottom:1px solid #e1e1e7; padding:10px 0; background:#f3f3f3; } .btm_prev_next a:link, .btm_prev_next a:visited { background: #f4f4f4 url(/images/frontend/search/arrows_grey.gif) no-repeat top left; padding:4px 27px; line-height:18px; font-size:1em; text-decoration:none; font-weight:bold; } /*a.back_arrow:link, a.back_arrow:visited { float:left; }*/ a.back_arrow:hover { background-position: bottom left; } a.next_arrow:link, a.next_arrow:visited { /*float:right;*/ background-position:top right; } a.next_arrow:hover { background-position: bottom right; } #agent_details { width:270px; background:url(/images/frontend/search/agent_bg.gif) top left; font-size:0.9em; } #agent_details .top { padding:17px 16px 0; } #agent_details .top img { margin:0 12px 0 0; } #agent_details a:link, #agent_details a:visited { background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 0; padding:3px 0 3px 18px; line-height:20px; } #agent_details a:hover { background-position: 0 -35px; } #agent_details a.sms:link, #agent_details a.sms:visited { background-position:0 -16px; } #agent_details a.sms:hover { background-position: 0 -51px; } #agent_details .btm { background:url(/images/frontend/search/agent_bg.gif) left bottom; height:20px; } /* Side rounded corner box */ .side_box { background: #fff; border:1px solid #e1e1e7; position:relative; width:263px; padding:20px 0; } .side_box .corner { background-image: url(/images/frontend/sitewide/box_cnr.gif); position:absolute; width:10px; height:10px; } .side_box .topl { background-position: 0 0; left:-1px; top:-1px; } .side_box .topr { background-position: -10px 0; right:-1px; top:-1px; } .side_box .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .side_box .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } .prop_side_listing .head { padding:0 30px; border-bottom:1px solid #e1e1e7; } .prop_side_listing ul li { list-style:none; border-bottom:1px solid #e1e1e7; padding: 10px 30px; font-size:0.9em; } .prop_side_listing ul li:hover { background:#f6f8fb; } .prop_side_listing ul li.active{ background:#e2e9f2; } /* prop side listing pagination small */ .prop_side_listing_pagination { padding: 10px 39px; } .prop_side_listing_pagination ul li a { background: #fff url(/images/frontend/search/prop_list_btns.gif) no-repeat -19px 0; color:#063166; text-decoration:none; font-weight:bold; width:28px; line-height:19px; margin:0 10px; font-size:0.9em; } .prop_side_listing_pagination ul li.first a { background-position:0 -38px; padding:3px 3px 3px 24px; } .prop_side_listing_pagination ul li.first a:hover { background-position:0 -57px; color:#d31819; } .prop_side_listing_pagination ul li.last a { background-position: -44px 0; padding:3px 24px 3px 3px; } .prop_side_listing_pagination ul li.last a:hover { background-position: -44px -19px; color:#d31819; } /* Search extended */ #search_extended { background: #fafafa url(/images/frontend/sitewide/rounded_btm_bg.gif) repeat-x bottom left; border-width:0 1px 1px 1px; border-style:solid; border-color:#e1e1e7; padding:20px; position:relative; width:628px; } #search_extended .corner { background-image: url(/images/frontend/sitewide/rounded_btm.gif); position:absolute; width:10px; height:43px; } #search_extended .btml { background-position: 0 0; left:-1px; bottom:-1px; } #search_extended .btmr { background-position: -10px 0; right:-1px; bottom:-1px; } a.search_now:link, a.search_now:visited { text-indent:-9999em; background:url(/images/frontend/sitewide/search_btn.gif) 0 0; display:block; width:127px; height:32px; margin:15px auto 0; } a.search_now:hover { background-position: 0 -32px; } a.searching { background: url(/images/frontend/sitewide/search_btn.gif) 0 -64px; text-indent:-9999em; display:block; width:127px; height:32px; margin:20px auto 5px; } /* My List */ #my_list { position:relative; width:852px; background:#fff; overflow:hidden; } #my_list p.mrg { margin:0 0 10px 0; } #my_list p.no_prop { color:#d52021; font-weight:bold; text-transform:uppercase; } #my_list .corner, #property_alert .corner, #lifestyle .corner { background: url(/images/frontend/search/my_list_cnrs.png); height:10px; width:10px; } #my_list .rounded_box, #property_alert .rounded_box, #lifestyle .rounded_box { padding:20px 20px 5px; position:absolute; } #my_list .topl, #property_alert .topl, #lifestyle .topl { background-position:0 0; top:-1px; left:-1px; } #my_list .topr, #property_alert .topr, #lifestyle .topr { background-position:-10px 0; top:-1px; right:-1px; } #my_list .btml, #property_alert .btml, #lifestyle .btml { background-position:0 -10px; bottom:-1px; left:-1px; } #my_list .btmr, #property_alert .btmr, #lifestyle .btmr { background-position:-10px -10px; bottom:-1px; right:-1px; } a.send_list:link, a.send_list:visited { text-indent:-9999em; background:url(/images/frontend/search/send_list_btn.gif) 0 0; display:block; width:89px; height:32px; } a.send_list:hover { background-position: 0 -32px; } a.sending { text-indent:-9999em; background:url(/images/frontend/search/send_list_btn.gif) 0 -64px; display:block; width:89px; height:32px; } a.close:link, a.close:visited { background:url(/images/frontend/search/close_btn.gif) no-repeat top right; line-height:24px; padding:6px 20px 8px 0; text-transform:uppercase; font-size:0.8em; text-decoration:none; color:#9e9e9e; } a.close:hover { background-position: bottom right; color:#797979; } a.how_btn:link, a.how_btn:visited { background:url(/images/frontend/search/how_btn.gif) no-repeat top left; line-height:24px; padding:6px 0 8px 25px; text-transform:uppercase; font-size:0.8em; text-decoration:none; font-weight:bold; color:#063267; } a.how_btn:hover { background-position: bottom left; color:#d31819; } a.remove_btn:link, a.remove_btn:visited { background:url(/images/frontend/search/remove_btn.gif) no-repeat top left; line-height:23px; padding:5px 0 6px 22px; text-transform:uppercase; font-size:0.8em; text-decoration:none; font-weight:bold; color:#d62426; } a.remove_btn:hover { background-position: bottom left; color:#063267; } .my_prop_list { border-bottom:1px solid #e1e1e7; padding: 5px 0; background:none; display:block; } .my_prop_list ul { } .my_prop_list ul li { border-left: 1px solid #063166; padding:0 10px; margin: 1px 0; } .my_prop_list ul li.first { border-left: none; padding:0 10px 0 0; } /*--------------------------------------------------------------------------------------*/ #property_alert { position:relative; width:700px; background:#fff; } #property_alert .form { padding-top:20px; } #property_alert .inputframe { clear:both; width: 360px; padding: 10px 0 9px 20px; } #property_alert label { width: 140px; padding: 5px 0 0 0; float:left; } #property_alert input { float: left; /*height: 13px;*/ width: 200px; } #property_alert .branch_selector{ width: 400px; } #property_alert select { float: left; height: 24px; width: 208px; } #property_alert .criteria { width:275px; padding:20px 0 20px 20px; border-left: 1px solid #e1e1e7; } #property_alert label.error { color:#d52021; font-size:0.9em; } /* ----------------------------------- Home Search -------------------------------------*/ .keyword_search { background:url(/images/frontend/home/keyword_box_bg.jpg) repeat-x 0 0px; padding:0; width:491px; height:204px; overflow:hidden; } #keyword_bubble { background: url(/images/frontend/home/keyword_bubble.jpg) 0 0; text-indent:-9999em; display:block; width:204px; height:48px; } .home_web_ref { background:url(/images/frontend/home/web_ref_bg.jpg) repeat-x 0 0px; width:131px; height:136px; overflow:hidden; padding:35px 20px 0 20px; margin-top:23px; } .home_web_ref input { width:115px; } .home_web_ref input.detail { font-size:0.8em; /*font-style:italic;*/ font-family:Verdana, Geneva, sans-serif; } .home_ref_go { width:40px; margin:10px auto 0; } a.web_ref_go:link, a.web_ref_go:visited { display: block; height: 24px; width: 46px; float: left; background: url(/images/frontend/home/web_ref_go.gif) no-repeat; text-indent:-9999em; } a.web_ref_go:hover { background: url(/images/frontend/home/web_ref_go.gif) no-repeat 0 -24px; } .map_province { background: #fff; border-width: 0 1px 1px 1px; border-style:solid; border-color: #e1e1e7; position:relative; width:674px; } #mapFrame { position: relative; } #mapFrame .mapsearch_bubble { background: url(/images/frontend/home/mapsearch_bubble.png); width: 204px; height: 48px; position: absolute; top: -20px; left: 15px; z-index:100; } .map_province .mapsearch_bubble { background: url(/images/frontend/home/mapsearch_bubble.png); width: 204px; height: 48px; position: absolute; top: -20px; left: 15px; } .map_province_list { padding-top:28px; background: #fff; border-top: 1px solid #e1e1e7; width:200px; padding:20px; } .map_province img.map { position:absolute; top:0; left:-1px; } .map_province ul li { list-style:inside disc; padding:2px 0; } .map_province .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .map_province .topl { background-position: 0 0; left:-1px; top:0; } .map_province .topr { background-position: -10px 0; right:-1px; top:0; } .map_province .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .map_province .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } a.province_map_return:link, a.province_map_return:visited { background:url(/images/frontend/home/map_arrow.gif) no-repeat 0 0; color:#8397b6; width:120px; text-decoration:none; font-weight:bold; display:block; padding:3px 0 0 17px; } a.province_map_return:hover { background-position:0 -35px; color:#26477c; } /* Map List */ .map_list { width:654px; background: #fff; position:relative; border: 1px solid #e1e1e7; margin: 27px 0 0 0; padding: 8px 0px 23px 20px; } .map_list .chosen_location{ font-weight:bold } .map_list .mapsearch_bubble { background: url(/images/frontend/home/mapsearch_bubble.jpg); width: 204px; height: 48px; position: absolute; top: -27px; left: 15px; } .map_list .mapsearch_header{ padding: 33px 0 0 0; width:405px; } .map_return{ width: 239px; position: relative; margin: 0 8px 0 0; height: 90px; border: 1px solid #e1e1e7; } .map_list .search_list{ padding: 0 0 11px 0; border-bottom: 1px solid #e1e1e7; } .map_list .search_locations{ width: 218px; padding: 15px 0 0 0; } .map_list .search_locations li{ list-style: none; font-size: 11px; padding: 0 0 7px 0; } .map_list .search_locations li span{ font-style: italic; } .map_list .search_locations input{ width: 15px; border: none; padding: 0; background: none; } .map_list .search_locations .select_all{ font-weight: bold; } a.return_map:link, a.return_map:visited { text-indent:-9999em; background:url(/images/frontend/home/return_to_map.gif) 0 0; display:block; width:148px; height:31px; margin:20px auto 5px; } a.return_map:hover { background-position: 0 -31px; } .map_list .search_buttons{ padding: 0 0 0 171px; } .map_list .search_buttons a{ margin: 14px 12px 0 0; } /* Corners */ .map_list .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .map_list .topl { background-position: 0 0; left:-1px; top:-1px; } .map_list .topr { background-position: -10px 0; right:-1px; top:-1px; } .map_list .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .map_list .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } a.map_return_link:link, a.map_return_link:visited { background:url(/images/frontend/home/map_arrow.gif) no-repeat 125px -65px; color:#8397b6; width:120px; text-decoration:none; font-weight:bold; display:block; margin: 25px 0 0 10px; padding:3px 17px 0 0 ; } a.map_return_link:hover { background-position:125px -100px; color:#26477c; } /*------------------------------------- Forms --------------------------------------*/ .form_layout { background: #fff; border: 1px solid #e1e1e7; position:relative; width:672px; } .form_top { background:#fff url(/images/frontend/contact/form_bg_top.gif) repeat-x top left; padding:20px 20px 0; } .form_btm { background:#fff url(/images/frontend/contact/form_bg_btm.gif) repeat-x bottom left; padding:20px; } .form_layout .corner { background: #fff url(/images/frontend/contact/form_cnr.gif) no-repeat; position:absolute; width:10px; height:60px; } .form_layout .topl { background-position: 0 0; left:-1px; top:-1px; } .form_layout .topr { background-position: -10px 0; right:-1px; top:-1px; } .form_layout .btml { background-position: 0 -60px; left:-1px; bottom:-1px; } .form_layout .btmr { background-position: -10px -60px; right:-1px; bottom:-1px; } .form_layout form { padding:10px; } .form_layout .mandatory, .form_layout form span { color:#d52021; font-size:0.9em; font-weight:bold; } .form_layout form label { margin:10px 0 0; } .form_layout form input, .form_layout form textarea { margin:5px 0 0; width: 275px; font-family:Verdana, Geneva, sans-serif; font-size:1em; } .form_layout form input.detail, .form_layout form textarea.detail { font-size:0.9em; font-style:italic; font-family:Verdana, Geneva, sans-serif; } .form_btm select{ margin: 6px 0 0 0; } .form_layout form .checkbox{ width: 13px; } .form_layout label.error { padding:5px 0 0 0; color:#d52021; font-size:0.9em; font-weight:bold; } .step { border-bottom:1px solid #e1e1e7; padding: 0 0 5px 0; } .form_layout .column { float:left; width:50%; } span.submit a:link, span.submit a:visited { display:block; text-indent:-9999em; background:#d31819 url(/images/frontend/contact/submit_btn.gif) 0 0; width:167px; height: 32px; margin:0 auto; } span.submit a:hover { background-color:#d31819; background-position:0 -32px; } span.submit a.active:link, span.submit a.active:visited { background-color:#d31819; background-position:0 -64px; } /*-------------------------------------- LOCATIONS TABS ---------------------------------------*/ #locations_provinces { } #locations_provinces ul { list-style-image:none; list-style-position:outside; list-style-type:none; width:188px; padding:0; } #locations_provinces ul li { color:#fff; background:#0a4182; padding:0; } #locations_provinces ul li a:link, #locations_provinces ul li a:visited { border-bottom:1px solid #9dbbdd; border-left:1px solid #0a4182; text-decoration:none; color:#fff; display:block; padding:8px 15px; line-height:20px; height:19px; background: #0a4182 url(/images/frontend/about/locations_arrows.jpg) no-repeat 0 0; } #locations_provinces ul li a:hover{ color:#9dbbdd; background-position:0 -38px; } #locations_provinces ul li.active a:link, #locations_provinces ul li.active a:visited { background-position:0 -76px; color:#013068; font-weight:bold; border-left:1px solid #e1e0e5; background-color:#fff; } #locations_provinces ul li.active a:hover { background-position:0 -114px; } #locations_provinces ul li.first { border-bottom:1px solid #9dbbdd;; padding:20px 0 8px 20px; margin:0; background:#0a4182 url(/images/frontend/about/locations_provinces_top.gif) no-repeat top right; } #locations_provinces ul li.last { border: none; padding:0; margin:0; background:#0a4182 url(/images/frontend/about/locations_provinces_btm.gif) no-repeat bottom right; } .listing_contain { border:1px solid #e1e1e7; padding:20px 20px 20px 20px; width:442px; float:left; } #locations_listing { width:435px; } #locations_listing h4 { text-transform:uppercase; } #locations_listing h4 a { text-decoration:none; } #locations_listing h5 { margin-top:15px; } #locations_listing h5 a{ text-decoration:none; } #locations_listing ul { float:left; margin-bottom:15px; width:435px; } #locations_listing ul li { border-right:1px solid #063166; padding:0 5px; display: inline; white-space: nowrap; } #locations_listing ul li.last { border-right:none; } #locations_listing ul li a { text-decoration:none; } .listing_height { width:5px; height:381px; } .areas_tabs { width:672px; position:relative; } .areas_tabs .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .areas_tabs .topr { background-position: -10px 0; right:0px; top:0px; } /* Tabs */ /* Branch Details */ .branch_details, .join_seeff{ width: 672px; position: relative; } .branch_details_head, .join_seeff_head{ height: 40px; background: #094181; } .branch_details_head a, .join_seeff_head a{ display: block; height: 25px; } /* Branch Tab Onstate */ .branch_details_head a.branch_on{ width: 133px; margin: 0 29px 0 0; padding: 15px 0 0 50px; border: solid #e1e1e7; border-width: 1px 0 0 1px; background: #ffffff url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px 9px; } .branch_details_head a.branch_on:hover{ background: #ffffff url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -79px; } .branch_details_head .branch_on_holder{ background: #ffffff url(/images/frontend/sitewide/tabs_bg.gif) no-repeat 180px 0px; } /* Branch Tab Offstate */ .branch_details_head a.branch_off{ width: 164px; padding: 15px 0 0 50px; background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -35px; } .branch_details_head a.branch_off:hover{ background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -123px; } .branch_details_head .branch_off_holder{ background: #094181 url(/images/frontend/sitewide/tabs_l_bg.gif) no-repeat 182px 0px; } /* Agent Tab Onstate */ .branch_details_head a.agent_on{ width: 119px; padding: 15px 0 0 48px; margin: 0 25px 0 0; border-top: 1px solid #e1e1e7; background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px 9px; } .branch_details_head a.agent_on:hover{ background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -79px; } .branch_details_head .agent_on_holder{ background: #ffffff url(/images/frontend/sitewide/tabs_r_bg.gif) no-repeat 160px 0px; } /* Agent Tab Offstate */ .branch_details_head a.agent_off{ width: 171px; padding: 15px 0 0 50px; background: #094181 url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -35px; } .branch_details_head a.agent_off:hover{ background: #094181 url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -123px; } /* Agents info block */ .branch_details .agent_info{ width: 309px; margin: 0 0 15px 0; } .branch_details .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .branch_details .topl /*, .join_seeff .topl*/ { background-position: 0 0; left:-1px; top:-1px; } .branch_details .topr, .join_seeff .topr { background-position: -10px 0; right:-1px; top:-1px; } .branch_details .btml, .join_seeff .btml { background-position: 0 -10px; left:0px; bottom:0px; } .branch_details .btmr, .join_seeff .btmr { background-position: -10px -10px; right:0px; bottom:0px; } .branch_details .details_info, .join_seeff .vacancy_info{ padding: 20px 18px 24px 34px; border: solid #e1e1e7; border-width: 0px 1px 1px 1px; } .branch_details .details_info span{ font-weight: bold; } .details_ftr { background: url(/images/frontend/about/branch_details_footer.gif) no-repeat; height: 40px; } .details_ftr a{ background: url(/images/frontend/about/branch_details_footer.gif) no-repeat; display: block; padding: 14px 0 0 37px; height: 26px; text-decoration: none; font-size: 0.9em; font-weight: bold; } .details_ftr a.about_area{ width: 173px; background-position: -222px 0; margin: 0 1px 0 0; color: #ffffff; text-decoration: none; } .details_ftr a.about_area:hover{ background-position: -222px -40px; color: #ffffff; text-decoration: none; } .details_ftr a.view_area{ width: 202px; background-position: -433px 0; color: #ffffff; text-decoration: none; } .details_ftr a.view_area:hover{ background-position: -433px -40px; color: #ffffff; text-decoration: none; } .details_ftr_one { background: url(/images/frontend/about/branch_details_footerv2.gif) no-repeat; height: 40px; } .details_ftr_one a{ background: url(/images/frontend/about/branch_details_footerv2.gif) no-repeat; display: block; padding: 14px 0 0 37px; height: 26px; text-decoration: none; font-size: 0.9em; font-weight: bold; } .details_ftr_one a.about_area{ width: 173px; background-position: -222px 0; margin: 0 1px 0 0; color: #ffffff; text-decoration: none; } .details_ftr_one a.about_area:hover{ background-position: -222px -40px; color: #ffffff; text-decoration: none; } .details_ftr_one a.view_area{ width: 202px; background-position: -433px 0; color: #ffffff; text-decoration: none; } .details_ftr_one a.view_area:hover{ background-position: -433px -40px; color: #ffffff; text-decoration: none; } /* */ #vacancy .corner, #license .corner, { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } #license .corner { background-image: url(/images/frontend/about/career_cnr.gif); position:absolute; width:10px; height:10px; } .join_seeff .topl { background-position: 0 0; left:0px; top:0px; } /* Licensee Box */ .licensee_box{ background: url(/images/frontend/about/licensee_box_bg.gif) repeat-x; position: relative; font-size: 11px; padding: 17px; width: 236px; height: 98px; border: 1px solid #e1e1e7; } .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .licensee_box .topl { background-position: 0 0; left:-1px; top:-1px; } .licensee_box .topr { background-position: -10px 0; right:-1px; top:-1px; } .licensee_box .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .licensee_box .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } /* Vacancy Tab */ /* Vacancy Tab Onstate */ .join_seeff_head a.vacancy_on{ width: 157px; margin: 0 29px 0 0; padding: 15px 0 0 50px; border: solid #e1e1e7; border-width: 1px 0 0 1px; background: #ffffff url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px 9px; } .join_seeff_head a.vacancy_on:hover{ background: #ffffff url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -79px; } .join_seeff_head .vacancy_on_holder{ background: #ffffff url(/images/frontend/sitewide/tabs_r_bg.gif) no-repeat 205px 0px; /*border: 1px solid #ff0000;*/ } .join_seeff .join_seeff_head li{ list-style: none; } /* Branch Tab Offstate */ .join_seeff_head a.vacancy_off{ width: 190px; padding: 15px 0 0 50px; background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -35px; } .join_seeff_head a.vacancy_off:hover{ background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -123px; } .join_seeff_head .vacancy_off_holder{ background: #094181 url(/images/frontend/sitewide/tabs_l_bg.gif) no-repeat 208px 0px; } /* license Tab Onstate */ .join_seeff_head a.license_on{ width: 160px; padding: 15px 0 0 48px; margin: 0 25px 0 0; border-top: 1px solid #e1e1e7; background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px 9px; } .join_seeff_head a.license_on:hover{ background: url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -79px; } .join_seeff_head .license_on_holder{ background: #ffffff url(/images/frontend/sitewide/tabs_r_bg.gif) no-repeat 204px 0px; } /* Agent Tab Offstate */ .join_seeff_head a.license_off{ width: 171px; padding: 15px 0 0 50px; background: #094181 url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -35px; } .join_seeff_head a.license_off:hover{ background: #094181 url(/images/frontend/sitewide/tabs_arrows.gif) no-repeat 20px -123px; } .join_seeff{ /*margin: 50px;*/ } .vacancy_info p span{ font-weight: bold; } .job_listing{ border-bottom: 1px solid #e1e1e7; padding: 0 0 15px 0; } .last_listing{ border: none; } .join_seeff .form_layout{ border: none; width: 650px; padding: 20px 10px 24px 10px; border: solid #e1e1e7; border-width: 0px 1px 1px 1px; } /* Buy Division CTA */ .division_cta{ position: relative; border: 1px solid #e1e1e7; width: 672px; } .empty_cta { position: relative; border: 1px solid #e1e1e7; width: 632px; padding:20px; } .division_cta .corner, .empty_cta .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .division_cta .topl, .empty_cta .topl { background-position: 0 0; left:-1px; top:-1px; } .division_cta .topr, .empty_cta .topr { background-position: -10px 0; right:-1px; top:-1px; } .division_cta .btml, .empty_cta .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .division_cta .btmr, .empty_cta .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } .buy{ padding: 15px 15px 24px 26px; width: 631px; } .buy p{ width: 330px } .buy p span{ font-weight: bold; } a.division_search:link, a.division_search:visited { text-indent:-9999em; background:url(/images/frontend/buy/search_btn.gif) 0 0; display:block; width:96px; height:30px; margin:15px 0 0 0; } a.division_search:hover { background-position: 0 -30px; } a.division_searching { background: url(/images/frontend/buy/search_btn.gif) 0 -60px; } /* ----------------------------------- Currency Converter -------------------------------------*/ .currency_converter{ position: relative; border: 1px solid #e1e1e7; padding: 6px 0 0px 15px; width: 249px; height:53px; font-size: 11px; } .currency_converter .currency_display{ position:absolute; top: 0; right: 0; width: 55px; height: 35px; text-align: center; padding: 24px 0 0 0; background: url(/images/frontend/sitewide/currency_bg.gif) repeat-x; border: 1px solid #ff000; } /* ----------------------------------- Search Box -------------------------------------*/ .search_box { width:100%; position:relative; padding-top:27px; } .search_box .container { border:1px solid #e1e1e7; position:relative; width:674px; background:#fff url(/images/frontend/search/search_box_btm_bg.gif) repeat-x bottom left; } .search_keywords { width:504px; position:relative; } .search_keywords_dev { width:100%; position:relative; } .search_keywords .top, .search_keywords_dev .top { padding:30px 31px 13px 31px; background:url(/images/frontend/search/search_box_top_bg.gif) repeat-x top left; } .search_keywords input.detail, .search_keywords textarea.detail, .search_keywords select.detail { color:#063166; /*font-style:italic; font-weight:bold;*/ font-size:0.9em; } .search_keywords select.long, #search_extended select.long { color:#063166; font-size:0.9em; width:342px; height:20px; font-family:Verdana, Geneva, sans-serif; } select.prcdrpdwn { width: 100px; overflow:hidden; } #search_extended select.long { width:432px; } /* Corners */ .container .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .container .topl { background-position: 0 0; left:-1px; top:-1px; } .container .topr { background-position: -10px 0; right:-1px; top:-1px; } .container .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .container .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } .search_keywords div.search_now a:link, .search_keywords div.search_now a:visited, .search_keywords_dev div.search_now a:link, .search_keywords_dev div.search_now a:visited { text-indent:-9999em; background:url(/images/frontend/sitewide/search_btn.gif) 0 0; display:block; width:127px; height:32px; } .search_keywords div.search_now a:hover, .search_keywords_dev div.search_now a:hover { background-position: 0 -32px; } .search_keywords div.search_now a.active, .search_keywords_dev div.search_now a.active { background-position: 0 -64px; } .search_keywords .top input { width:85px; font-size: 0.9em; } .search_keywords .top option { font-size: 0.9em; } .search_keywords .top input.long { width:334px; } .search_keywords .top input.checkbox { width:15px; } .keyword_search { background:url(/images/frontend/home/keyword_box_bg.jpg) repeat-x 0 0px; padding:0; width:491px; height:204px; overflow:hidden; } .search_box .keyword_bubble { background: url(/images/frontend/home/keyword_bubble.jpg) 0 0; width:204px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .web_ref_bubble { background: url(/images/frontend/search/web_ref_bubble.jpg) 0 0; text-indent:-9999em; display:block; width:133px; height:48px; position:absolute; top:0; right:10px; z-index:2; } .search_box .rental_bubble { background: url(/images/frontend/search/rental_bubble.jpg) 0 0; width:204px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .development_bubble { background: url(/images/frontend/search/dev_bubble.jpg) 0 0; width:263px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .fnb_bubble { background: url(/images/frontend/search/fnb_bubble.jpg) 0 0; width:263px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .auc_bubble { background: url(/images/frontend/search/auc_bubble.jpg) 0 0; width:202px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .soccer_bubble { background: url(/images/frontend/search/2010_bubble.jpg) 0 0; width:179px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .search_web_ref { background: url(/images/frontend/search/web_ref_bg.gif) no-repeat 0 0; width:170px; overflow:hidden; padding:35px 0 0; height:146px; border-bottom:1px solid #e1e1e7; text-align: center; } .search_box .select_bubble { background: url(/images/frontend/search/select_bubble.jpg) 0 0; width:241px; height:48px; position:absolute; top:0; left:15px; z-index:2; } .search_box .search_web_ref input { width:115px; } .search_box .search_web_ref input.detail { font-size:0.8em; font-style:italic; font-family:Verdana, Geneva, sans-serif; } .search_box .ref_go { width:40px; margin:10px auto 0; } a.web_ref_go:link, a.web_ref_go:visited { display: block; height: 24px; width: 46px; float: left; background: url(/images/frontend/home/web_ref_go.gif) no-repeat; text-indent:-9999em; } a.web_ref_go:hover { background: url(/images/frontend/home/web_ref_go.gif) no-repeat 0 -24px; } /* Lightboxes */ .lifestyle_lightbox { } .lightbox, #lightboxContent { position:relative; width:445px; padding-top: 0px; padding-left: 35px; background:#fff; } .lightbox .corner, #lightboxContent .corner { background: url(/images/frontend/sitewide/lightbox_cnrs.gif); height:10px; width:10px; } .lightbox .rounded_box, #lightboxContent .rounded_box { padding:20px; position:absolute; } .lightbox .sms_agent, #lightboxContent .sms_agent { width:125px; } .lightbox .sms_agent img, #lightboxContent .sms_agent img{ padding-left: 5px; } .lightbox .lb_header, #lightboxContent .lb_header { top:-1px; left:-1px; height:72px; width:492px; background: url(/images/frontend/sitewide/lightbox_logo.png); position: absolute; top: -1px; left: -1px; } .lightbox .topr, #lightboxContent .topr { background-position:-10px 0; top:-1px; right:-1px; } .lightbox .btml, #lightboxContent .btml { background-position:0 -14px; bottom:-1px; left:-1px; } .lightbox .btmr, #lightboxContent .btmr { background-position:-10px -14px; bottom:-1px; right:-1px; } .lightbox .lightbox_logo, #lightboxContent .lightbox_logo { width: 492px; height: 72px; background: #001849; } /*alternative*/ #lightbox .lb_header, #lightboxContent .lb_header { background: url(/images/frontend/sitewide/lightbox_logo.png); height:72px; width:492px; } #lightbox .lb_footer, #lightboxContent .lb_footer { background: url(/images/frontend/sitewide/lightbox_ftr.png); height:10px; width:492px; } #lightbox .btml, #lightboxContent .btml { background-position:0 -14px; bottom:-3px; left:0px; } #lightbox .btmr , #lightboxContent .btmr { background-position:-10px -14px; bottom:-3px; right:0px; } .inputframe{ clear:both; width: 275px; padding: 0 0 9px 0; } .inputframe .enquire{ margin: 10px 0 0 130px; } .lightbox label.one, #lightboxContent label.one{ width: 114px; padding: 5px 0 0 0; float:left; } .lightbox input, #lightboxContent input{ float: left; height: 13px; width: 140px; font-size: 12px; color:#777; font-family: Verdana, Geneva, sans-serif; } .lightbox input.send_to_friend, #lightboxContent input.send_to_friend{ width: 170px; } .lightbox textarea, #lightboxContent textarea{ width: 140px; height: 110px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; color:#777; background:#fff; } .agent_email{ background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 0; padding:2px 0 3px 18px; line-height:20px; } a.agent_email:hover{ background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 -35px; } .agent_details{ background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 -73px; padding:2px 0 3px 18px; line-height:20px; } a.agent_details:hover{ background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 -92px; } .agent_sms{ background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 -20px; padding:2px 0 3px 18px; line-height:20px; } a.agent_sms:hover{ background: url(/images/frontend/search/agent_contact_btns.gif) no-repeat 0 -55px; } a.sms_now:link, a.sms_now:visited { background: url(/images/frontend/sitewide/lightbox_btns.gif) no-repeat 0 0; display:block; width:88px; height:32px; text-indent:-9999em; } a.sms_now:hover { background-color:#d11212; background-position: 0 -32px; } a.email_now:link, a.email_now:visited { background: url(/images/frontend/sitewide/lightbox_btns.gif) no-repeat 0 -64px; display:block; width:98px; height:32px; text-indent:-9999em; } a.email_now:hover { background-color:#d11212; background-position: 0 -96px; } .agent_name{ font-weight: bold; } .auc_subscribe { width:100px; margin:20px auto 0; } .auc_subscribe a.subscribe { background: #d52021 url(/images/frontend/search/subscribe_btn.gif) no-repeat 0 0; display:block; width:87px; height:32px; text-indent:-9999em; } .auc_subscribe a.subscribe:hover { background-color:#d11212; background-position: 0 -32px; } /* Bond Calculator */ .lightbox .bond_calculator, #lightboxContent .bond_calculator{ width: 152px; padding: 0 0 0 5px; border-left: 1px solid #e1e1e7; } .lightbox .bond_small, #lightboxContent .bond_small{ font-size: 10px; } .lightbox .bond_small .home_rate, #lightboxContent .bond_small .home_rate{ color: #d31819; } .bond_calculator .bond_header, #lightboxContent .bond_header{ font-weight: bold; } .lightbox .disclaimer, #lightboxContent .disclaimer { border-top: 1px solid #e1e1e7; padding: 5px 0 0 0; } .lightbox .disclaimer span, #lightboxContent .disclaimer span { color: #666; } /* Send to friend */ .lightbox input.send_to_friend, #lightboxContent input.send_to_friend { width: 180px; } .send_to_friendframe{ clear:both; width: 430px; padding: 0 0 9px 0; } #lightboxContent .send_to_friendframe textarea{ width: 180px; } .lightbox label.friend, #lightboxContent label.friend { width: 170px; padding: 5px 0 0 0; float:left; } a.send_now:link, a.send_now:visited { text-indent:-9999em; background:url(/images/frontend/sitewide/send_now_btn.gif) 0 0; display:block; width:92px; height:32px; } a.send_now:hover { background-position: 0 -32px; } a.send_now:active { background-position: 0 -64px; } .lightbox .send_button, #lightboxContent .send_button{ padding: 0 0 0 170px; } /* Development Listing */ .development_list { border-top:1px solid #e1e1e7; background:#fff url(/images/frontend/search/result_bg.gif) repeat-x top left; padding: 15px; margin-top:20px; } .development_list_gallery {/* for property listing page, sets width for IE6 */ width:215px; } .development_list .description { padding:5px 16px 0; width:395px; } .development_list p { margin:0 0 0.5em; } a.enquire_now:link, a.enquire_now:visited { background: #d82e31 url(/images/frontend/search/description_btns.jpg) no-repeat top right; display:block; width:112px; height:32px; text-indent:-9999em; } a.enquire_now:hover { background-color:#d11212; background-position: bottom right; } a:link.tooltip_btn, a:visited.tooltip_btn { background: #a6c4e8 url(/images/frontend/search/description_btns.jpg) no-repeat top left; line-height:22px; padding:1px 7px 1px 8px; font-weight:bold; font-size:15px; color:#fff; text-decoration:none; } a:hover.tooltip_btn { background-color:#7389a6; background-position: 0 -21px; } .btm_btns { background: #fff url(/images/frontend/search/btm_btn_bg.gif) repeat-x top left; border-top:1px solid #e1e1e7; border-bottom:1px solid #e1e1e7; } .btm_btns .content { } .btm_btns ul li { float:left; display:inline; border-left:1px solid #e1e1e7; line-height:34px; padding: 0 10px; } .btm_btns ul li a:link, .btm_btns ul li a:visited { background: url(/images/frontend/search/btm_arrow_btn.gif) no-repeat top left; padding: 9px 5px 9px 35px; text-transform:uppercase; text-decoration:none; font-weight:bold; } .btm_btns ul li a:hover { background-position: 0 -32px; } .btm_btns ul li a.highlight:link, .btm_btns ul li a.highlight:visited { color: #dd3e43; background-position: 0 -64px; } .btm_btns ul li a.highlight:hover { color: #d31819; background-position: 0 -96px; } /*--------------------------------------- Dev Buttons ---------------------------------------*/ #dev_top_btns { width:672px; } #dev_top_btns ul { background:url(/images/developments/dev_btns.jpg) no-repeat 0 0; height:40px; } #dev_top_btns ul li { text-transform:uppercase; color:#fff; font-size:0.9em; font-weight:bold; border-left:1px solid #9cbbdd; } #dev_top_btns ul li.first { border-left:none; padding-left:12px; } #dev_top_btns ul li.first a span { background:url(/images/developments/back_arrow.jpg) no-repeat 0 0; padding-left:22px; } #dev_top_btns ul li.first a:hover span { background-position:0 -13px; } #dev_top_btns ul li.inactive a { background-position:0 -160px; cursor:default; color:#fff } #dev_top_btns ul li.inactive a:hover { background-position:0 -160px; cursor:default; } #dev_top_btns ul li a { background:url(/images/developments/dev_bgs.jpg) repeat-x 0 0; padding:14px 12px 13px; color:#d7e3f4; text-decoration:none; display:block; } #dev_top_btns ul li a:hover { background-position:0 -40px; color:#fff; display:block; } #dev_top_btns ul li a.enquire { background-position:0 -80px; color:#fff; } #dev_top_btns ul li a.enquire:hover { background-position:0 -120px; } .dev_header { width:672px; height:133px; padding:0; border:1px solid#e1e1e7; } .dev_header img { /*border:1px solid#e1e1e7;*/ } .dev_content { margin-top:20px; } .dev_content .image_column { float:left; width:195px; } .dev_content .image_column img { margin-bottom:24px; } .dev_content .copy_column { float:left; width:477px; } .dev_content .copy_column p { margin-bottom:10px; } .dev_content .copy_column ul { list-style-position:outside; padding:0 0 0 25px; } .dev_content .copy_column ul li { padding:0 0 4px 0; } .architect_sketch { padding:15px 0; } .architect_sketch ul { /*padding:15px 0;*/ } .architect_sketch ul li { border-right:1px solid #e1e1e7; padding:10px 45px; text-align:center; } .architect_sketch ul li.last { border-right:none; } /* Location Content */ .location_cnt p { margin-bottom:10px; } .maincont .prop_in_area { background:url(/images/frontend/buy/developments_btm.jpg) no-repeat 0 0; height:40px; text-align:right; } .maincont .prop_in_area ul li { float:right; color:#d7e3f4; } .maincont .prop_in_area ul li a { background:url(/images/frontend/buy/developments_btm_arrow.jpg) no-repeat -35px 0; color:#d7e3f4; text-transform:uppercase; text-decoration:none; display:block; padding:0 40px 0 10px; line-height:40px; border-left:1px solid #9cbbdd; margin-right:10px; } .maincont .prop_in_area ul li a:hover { background-position:-35px -40px; color:#fff; } .maincont .prop_in_area ul li.first a { background-position: -203px 0; margin-right:0; } .maincont .prop_in_area ul li.first a:hover { background-position:-203px -40px; } /* Lifestyle Guide */ #lifestyle { width:838px; background:#fff; padding:18px 17px 18px; border:1px solid #e1e1e7; } #lifestyle ul.images li { margin:2px 4px 2px 0; } #lifestyle ul.mainimage { margin-left:105px; } #lifestyle ul.mainimage li { position:absolute; margin:0; display:none; } #lifestyle ul.mainimage li.first { display:block; } #lifestyle ul.images li.first { margin:0 4px 0 0; } #lifestyle #thumb .active{ display:none; } #lifestyle .right { padding:70px 0 0 11px; margin-left:500px; } #lifestyle ul.buttons { margin:28px 0 0; } #lifestyle ul.buttons li { margin:8px 0; } #lifestyle ul.buttons li a { background:url(/images/frontend/lifestyle/cta_btns.gif) no-repeat 0 0; display:block; text-indent:-9999em; width:199px; height:59px; } #lifestyle ul.buttons li a:hover { background-position:-199px 0; } #lifestyle ul.buttons li.sell_btn a { background-position:0 -59px; } #lifestyle ul.buttons li.sell_btn a:hover { background-position:-199px -59px; } #lifestyle ul.buttons li.rent_btn a { background-position: 0 -118px; } #lifestyle ul.buttons li.rent_btn a:hover { background-position: -199px -118px; } .lifestyle_seeff_logo { background:url(/images/frontend/lifestyle/seeff_bg.gif) repeat-x 0 0; width:874px; } #lifestyleGuide img{ z-index: 0; } /* Home News */ .home_news{ width: 321px; height: 155px; padding: 20px 0 10px 0; } .home_news .subnav_list li p.news_date{ padding: 6px 0 6px 21px; font-weight: bold; } .home_news .subnav_list li{ } .home_news .subnav_list li a{ padding: 12px 0 12px 21px; text-decoration: none; } .home_news a.more_news{ background: url(/images/frontend/sitewide/subnav_bullet.gif) no-repeat 23px 4px; display: block; padding: 6px 0 10px 56px; margin: 5px 0 0 0; } /* Branch Location Page */ .details_cta ul li{ width: 325px; } /* FAQ styles */ ul.faq { padding:15px 0; } ul.faq li { background:url(/images/frontend/sitewide/qna.gif) no-repeat 0 0; padding:15px 0 5px 20px; list-style:none; font-weight:bold; border-bottom:none; } ul.faq li.alt { background-position: 0 -182px; padding:5px 0 15px 20px; font-weight:normal; border-bottom:1px solid #e1e1e7; } /* Partners */ .partners { padding: 15px 15px 24px 26px; width: 631px; } .partners p{ width: 426px; } /* Buy Division CTA */ a.visit_site:link, a.visit_site:visited { text-indent:-9999em; background:url(/images/frontend/buy/visit_site_btn.gif) 0 0; display:block; width:132px; height:32px; margin:20px 0 0 0; } a.visit_site:hover { background-position: 0 -32px; } a.new_developments:link, a.new_developments:visited { text-indent:-9999em; background:url(/images/frontend/buy/new_dev_btn.gif) 0 0; display:block; width:152px; height:32px; margin:20px 0 0 0; } a.new_developments:hover { background-position: 0 -32px; } /* Rent Division CTA */ .rent{ padding:15px 15px 18px 85px; width:572px; } .rent p span{ font-weight: bold; } .residential_rent{ background: url(/images/frontend/rent/residential_bg.gif) no-repeat; background-position: 0 5px; } .commercial_rent{ background: url(/images/frontend/rent/commercial_bg.gif) no-repeat; background-position: 0 5px; } .landlords{ background: url(/images/frontend/rent/landlords_bg.gif) no-repeat; background-position: 0 5px; } .soccer_rent { background: url(/images/frontend/rent/2010_bg.gif) no-repeat; background-position: 0 5px; } /* Subnav */ .subnav{ width: 264px; padding: 20px 0; } .subnav, .home_news, .recent_news, .select_rotate { position: relative; border: 1px solid #e1e1e7; } .subnav .subnav_title, .home_news .subnav_title, .recent_news .subnav_title { padding: 0 13px 0 23px; } .subnav .subnav_list li, .home_news .subnav_list li, .recent_news .subnav_list li{ list-style: none; border: 1px solid #ffffff; } .subnav .subnav_list li.first_child a, .home_news .subnav_list li.first_child a, .recent_news .subnav_list li.first_child{ border-top: 1px solid #f0f0f3; } .subnav .subnav_list li a{ background: url(/images/frontend/sitewide/subnav_bullet.gif) no-repeat 23px 4px ; padding: 6px 0 10px 56px; } .subnav .subnav_list li a, .home_news .subnav_list li a{ border-bottom: 1px solid #f0f0f3; text-decoration: none; display: block; /*width: 205px;*/ } .subnav .subnav_list li a:hover{ background: url(/images/frontend/sitewide/subnav_bullet.gif) no-repeat 23px -36px ; } /* Level 2 Nav */ .subnav .subnav_list .level_two_parent a{ border-bottom: none; } .subnav .subnav_list .first { border-top: 1px solid #f0f0f3; } .subnav_list .level_two_nav{ border-bottom: 1px solid #f0f0f3; padding: 0 0 11px 0; } .subnav_list .level_two_nav li a{ border: none; background: none; padding: 0 0 4px 56px; } .subnav_list .level_two_nav li a:hover{ background: none; } .subnav .corner, .home_news .corner, .recent_news .corner, .lower_textbox .corner, .currency_converter .corner, .smart_move .corner, .select_rotate .corner { background-image: url(/images/frontend/home/empty_cnr.gif); position:absolute; width:10px; height:10px; } .subnav .topl, .home_news .topl, .recent_news .topl, .lower_textbox .topl, .currency_converter .topl, .smart_move .topl, .select_rotate .topl { background-position: 0 0; left:-1px; top:-1px; } .subnav .topr, .home_news .topr, .recent_news .topr, .lower_textbox .topr, .currency_converter .topr, .smart_move .topr, .select_rotate .topr { background-position: -10px 0; right:-1px; top:-1px; } .subnav .btml, .home_news .btml, .recent_news .btml, .lower_textbox .btml, .currency_converter .btml, .smart_move .btml, .select_rotate .btml { background-position: 0 -10px; left:-1px; bottom:-1px; } .subnav .btmr, .home_news .btmr, .recent_news .btmr, .lower_textbox .btmr, .currency_converter .btmr, .smart_move .btmr, .select_rotate .btmr { background-position: -10px -10px; right:-1px; bottom:-1px; } /* Prev Next link News */ .news_prev_next a:link, .news_prev_next a:visited { padding:4px 27px; line-height:15px; font-size:0.9em; } .news_prev_next .prev_next a { background: #f4f4f4 url(/images/frontend/search/arrows_grey.gif) no-repeat top left; } .news_prev_next a:link, .news_prev_next a:visited{ background: #ffffff url(/images/frontend/sitewide/arrows_white.gif) no-repeat top left; } .news_prev_next a.back_arrow:hover { background-position: bottom left; } .news_prev_next a.next_arrow:link, .news_prev_next a.next_arrow:visited { background-position:top right; } .news_prev_next a.next_arrow:hover { background-position: bottom right; } /* Recent News */ .recent_news{ width: 264px; padding: 20px 0; } .recent_news .subnav_list li{ border-bottom: 1px solid #f0f0f3; text-decoration: none; padding: 4px 0; /*border: none;*/ } .recent_news .property_news { padding: 0 13px 0 16px; } .recent_news .subnav_list li a{ border-top: 1px solid #f0f0f3; display: block; padding: 2px 16px 2px 16px; margin: 4px 0; text-decoration: none; } .recent_news .subnav_list li span{ padding: 0 0 0 16px; font-weight: bold; } /* Bottom Text box */ .lower_textbox{ position: relative; border: 1px solid #e1e1e7; padding: 30px 24px; width: 430px; } a.read_more{ padding: 2px 0 6px 30px; background: url(/images/frontend/sitewide/subnav_bullet.gif) no-repeat 0 0; } a.read_more:hover{ background: url(/images/frontend/sitewide/subnav_bullet.gif) no-repeat 0 -40px; } /* Sell - Smart Move */ .smart_move{ background: url(/images/frontend/sell/smart_move_bg.jpg) no-repeat 406px 17px; border: 1px solid #e1e1e7; position: relative; width: 670px; padding: 18px 0 20px 0; } .smart_move ul{ width: 367px; padding: 15px 0 15px 0; } .smart_move ul li{ list-style: none; margin: 0 0 0 45px; padding: 12px 0 12px 30px; background: url(/images/frontend/sell/icon_tick.gif) no-repeat 0 7px; } .smart_move p{ padding: 0 0 0 27px; } .sell_subheader, .smart_move ul li span{ font-weight: bold; } /* News Text Box */ .sell_news li{ list-style: none; padding: 5px 0; } .sell_news li a{ border: solid #e1e1e7; display: block; text-decoration: none; border-width: 1px 0 1px 0; padding: 4px 0; } .sell_news span{ font-weight: bold; } /*-------------------------------------- SITEMAP ---------------------------------------*/ #sitemap ul { width:200px; list-style:none; margin-bottom:20px; } #sitemap ul li { padding:3px 0; } #sitemap ul.long { width:665px; } #sitemap ul.long li { margin:0 16px 20px; } #sitemap ul.long li.first { margin:0 16px 0 0; } #sitemap p { width:200px; text-transform:uppercase; border-bottom:1px solid #e1e1e7; } #sitemap p a { text-decoration:none; } /*-------------------------------------- FOOTER ---------------------------------------*/ /*Home Extended Footer */ #home_footer { background: #001a4b url(/images/frontend/sitewide/home_footer_bg.gif) repeat-x top left; margin: 25px 0 0 0; font-size: 11px; border-top: 1px solid #3e5077; color: #b5c2d2; } #home_footer .ftr_extension{ background: url(/images/frontend/sitewide/footer_icon.gif) no-repeat 870px 0; } #home_footer .ftr_extension p{ color: #b5c2d2; } #home_footer .ftr_extension .extension_list{ padding: 0 0 0 35px; margin: 0 0 34px 0; } #home_footer .ftr_extension .extension_list li{ padding: 0 0 5px 0; } #footer { background: url(/images/frontend/sitewide/footer_bg.gif) repeat-x; margin: 25px 0 0 0; font-size: 11px; /*border-top: 1px solid #3e5077;*/ color: #b5c2d2; } #footer .content{ height: 153px; } #footer .content{ background: url(/images/frontend/sitewide/footer_icon.gif) no-repeat 870px 0; } #home_footer .ftr_extension{ width:980px; margin:0 auto; padding: 36px 0 0 0; } #home_footer .content{ width:980px; margin:0 auto; padding: 15px 0 0 0; height: 130px; } #footer .content { width:980px; padding: 32px 0 0px 0; margin:0 auto; } #home_footer .content a, #footer .content a { color: #b5c2d2; text-decoration: none; } #home_footer .content a:hover, #footer .content a:hover { color: #ffffff; } #home_footer .content ul, #footer .content ul { padding:0 30px; height: 88px; list-style:none; border-right: 1px solid #3e5077; } #home_footer .content ul li a, #footer .content ul li a{ padding: 3px 0; } #home_footer .content .copyright, #footer .content .copyright { font-size: 10px; color: #b5c2d2; margin: 41px 0 0 20px; } .footer_partners{ width:980px; margin:0 auto; } .footer_partners ul li{ list-style: none; float: left; padding: 0 10px; margin: 25px 0 0 0; } .footer_partners ul .seeff_partners img{ margin: 50px 0 0 0; } .footer_partners ul .currencies_direct img{ margin: 30px 0 0 0; } .footer_partners ul .ooba img{ margin: 20px 0 0 0; } .copyright p{ color: #b5c2d2; } a.clickthinking{ background: url(/images/frontend/sitewide/ct_logo.gif) no-repeat; padding: 0 0 0 25px; } a:hover.clickthinking{ background-position: 0 -15px; } /* Smart Quotes */ .smart_quotes { width: 323px; height: 185px; } .loader { background: #FFF url(/images/frontend/sitewide/loader.gif) no-repeat center; } a.pdf_icon { background:url(/images/frontend/sitewide/pdf_icon.jpg) no-repeat 0 0; padding: 7px 0 7px 32px; } a.pdf_icon:hover { background-position:0 -28px; } a.stbb_icon { background:url(/images/frontend/about/stbb_icon.jpg) no-repeat 0 0; padding: 7px 0 7px 32px; } a.stbb_icon:hover { background-position:0 -28px; } /*-------------------------------------- Golf Estates ---------------------------------------*/ .golf_inner{ background:transparent url(/images/frontend/search/search_box_top_bg.gif) repeat-x scroll left top; padding:0 0 0 15px; } .estates_list{ width: 215px; padding: 30px 0 20px 0; background: none; } .estates_list li{ list-style: none; padding: 3px 0; background: none; } .estate_bubble { background: transparent url(/images/frontend/buy/golf_estates/links_bubble.jpg) 0 0; text-indent:-9999em; display:block; width:278px; height:48px; position: absolute; top: -20px; left: 15px; } .golf_estates{ padding: 15px 15px 24px 26px; width: 631px; } .golf_estates .estate_pic{ padding: 0 15px 15px 0; } /*-------------------------------------- Auction ---------------------------------------*/ form.auc_nl { padding:15px 0; } form.auc_nl label.one { float:left; line-height:20px; width:90px; } form.auc_nl input { width:250px; } /*-------------------------------------- Web Reference Not Found ---------------------------------------*/ .empty_cta ul.webrnf li { float:left; margin-right:20px; list-style:none; } .empty_cta ul.webrnf li a { background:url(/images/frontend/lifestyle/cta_btns.gif) no-repeat 0 0; display:block; text-indent:-9999em; width:199px; height:59px; } .empty_cta ul.webrnf li a:hover { background-position:-199px 0; } .empty_cta ul.webrnf li.rent_btn a { background-position: 0 -118px; } .empty_cta ul.webrnf li.rent_btn a:hover { background-position: -199px -118px; } /*-------------------------------------- Home Tabs ---------------------------------------*/ ul.home_tabs { height:43px; } ul.home_tabs li { float:left; list-style:none; overflow:hidden; } ul.home_tabs li a span { left:-9999px; position:absolute; top:-9999em; } ul.home_tabs li a { background: #fff url(/images/frontend/home/home_tabs.gif) no-repeat 0 0; display:block; width:85px; height:43px; } ul.home_tabs li.inactive a { background-position: 0 -86px; } ul.home_tabs li.inactive a:hover { background-position: 0 -43px; } ul.home_tabs li.smart_active a { background-position: -176px 0; width:78px; } ul.home_tabs li.smart_inactive a { background-position: -176px -43px; width:78px; } ul.home_tabs li.smart_inactive a:hover { background-position: -176px -86px; } ul.home_tabs li.select_active a { background-position: -85px 0; width:85px; } ul.home_tabs li.select_inactive a { background-position: -85px -86px; width:85px; } ul.home_tabs li.select_inactive a:hover { background-position: -85px -43px; } ul.home_tabs li.fnb_active a { background-position: -170px 0; width:93px; } ul.home_tabs li.fnb_inactive a { background-position: -170px -86px; width:93px; } ul.home_tabs li.fnb_inactive a:hover { background-position: -170px -43px; } /*.soccer_tab, .smart_move_tab { position:relative; height:223px; } .soccer_tab img, .smart_move_tab img { position:absolute; top:-1px; left:0; }*/ /*-------------------------------------- Seeff Select ---------------------------------------*/ .select_rotate { width:264px; } .select_sidenav { position:relative; height:197px; } .prop_image { position:absolute; top:0px; left:0; } .select_detail_layer { background:url(/images/frontend/buy/select/blue_bg.png) repeat; position:absolute; bottom:10px; left:0; width:264px; } #content .select_detail_layer p { padding:2px 0 2px 10px; float:left; width:165px; overflow:hidden; line-height:15px; color:#fff; } #content .select_detail_layer p a { color:#fff; text-decoration:none; } #content .select_detail_layer p a:hover { color:#d31819; } .select_detail_layer a.seeff_select_go { background: url(/images/frontend/buy/select/select_go.gif) no-repeat 0 0; display:block; float:right; height:28px; width:79px; margin:5px 5px 5px 0; } .select_detail_layer a.seeff_select_go span{ position:absolute; top:-9999px; left:-999px; } .select_detail_layer a.seeff_select_go:hover { background-position: 0 -33px; } .cta_right { float:right; margin:0 2px 15px 15px; } .city_stadium_cta { padding: 24px 0 0 0; border-top:1px solid #e1e1e7; } .city_stadium_cta .inner{ float:left; margin:0 0 0 15px; width:415px; } #imagery { width:386px; } a.show_on_map_btn { background:url(/images/frontend/buy/map_btn.gif) no-repeat; display:block; width:222px; height:32px; text-indent:-9999px; margin:20px 0 0; clear:both; } a.show_on_map_btn:hover { background-position:0 -32px;} .map_prop_num { width:377px; height:25px; border-bottom:1px solid #e1e1e7; } .map_prop_num a{ text-decoration:none; } .map_prop_num .pad3{ padding:3px 0; }