/* CSS generated by SiteManager at 08:52am 14/11/2011 - do not edit this file directly */ /* GENERAL STYLES ---------------------------------------------------------------------------------------------------------------------------*/ html, body { color: #313131; font-family: 'Lucida Grande',Lucida,'Lucida Sans','Lucida Sans Unicode',Tahoma,Arial,Verdana,sans-serif; margin: 0; } body { background-image: url(/templatefiles/bg_tile.gif); } img { display: block; } div.wrapper { width: 987px; margin: 0 auto; } div.maincontent { margin-top: 18px; } div.maincontent-top { width: 987px; height: 9px; background-image: url(/templatefiles/main-content-box_top.png); background-repeat: no-repeat; } div.maincontent-mid { width: 987px; background-image: url(/templatefiles/main-content-box_middle.png); background-repeat: repeat-y; } div.maincontent-bot { width: 987px; height: 9px; background-image: url(/templatefiles/main-content-box_bottom.png); background-repeat: no-repeat; } div.maincontent-mid-grey { width: 987px; background-image: url(/templatefiles/citypage_footerlinks_slice.png); background-repeat: repeat-y; } div.maincontent-bot-grey { width: 987px; height: 12px; background-image: url(/templatefiles/citypage_footerlinks.png); background-repeat: no-repeat; } div.maincontent-mid-bordertop { border-top: 1px solid #e5e5e5; } a.rounded-button { width: 114px; height: 42px; display: block; color: #313131; text-decoration: none; font-size: 110%; text-align: center; background-image: url(/templatefiles/try-it-now_button.jpg); background-repeat: no-repeat; } a.rounded-button span { display: block; padding-top: 10px; } .clearer { clear: both; padding: 10px; } .imagepad { display: block; border: 1px solid #e5e5e5; padding: 5px; } a img { border: none; } a { color: #028bd3; } a:hover { text-decoration: none; } div.maincontent-padding { padding: 0 25px; } div.chevron-options ul a, ul.chevron-options a { display: block; color: #333333; text-decoration: none; background-image: url(/templatefiles/chev_grey.gif); background-repeat: no-repeat; background-position: right; border-top: 1px solid #e5e5e5; padding: 12px 0; } div.chevron-options ul li, ul.chevron-options li { display: block; margin: 0; padding: 0; } div.chevron-options ul, ul.chevron-options { display: block; font-size: 80%; margin: 0; padding: 0; } div.chevron-options ul a:hover, div.chevron-options ul li li a:hover, div.chevron-options ul li.selectedoption li a:hover, ul.chevron-options a:hover, ul.chevron-options li li a:hover, ul.chevron-options li.selectedoption li a:hover { color: #008ed6; } div.chevron-options ul li.selectedoption a, ul.chevron-options li.selectedoption a { color: #E82872; } div.chevron-options ul li ul, ul.chevron-options li ul { font-size: 80%; margin-left: 10px; } div.chevron-options ul li li, ul.chevron-options li li { } div.chevron-options ul li li a, div.chevron-options ul li.selectedoption li a, ul.chevron-options li li a, ul.chevron-options li.selectedoption li a { color: #333333; border-top: none; padding-top: 4px; } p.breadcrumb { font-size: 80%; } p.breadcrumb a { color: #313131; text-decoration: none; } p.breadcrumb a:hover { text-decoration: underline; } p.breadcrumb img { display: inline; padding: 0 8px; } div.pink-header { } div.pink-header-left { height: 38px; background-image: url(/templatefiles/pink_bar_left.png); background-repeat: no-repeat; background-position: left; } div.pink-header-right { height: 38px; margin-left: 5px; background-image: url(/templatefiles/pink_bar_right.png); background-repeat: no-repeat; background-position: right; } div.pink-header-middle { height: 38px; margin-right: 5px; background-image: url(/templatefiles/pink_bar_middle.png); background-repeat: repeat-x; } div.pink-header h2 { color: #FFFFFF; font-size: 100%; margin: 0; padding: 10px 0 0 10px; } p.seotext { position: absolute; top : 26px; margin-left: 320px; width: 450px; color: #999999; font-size: 90%; } div.maincontent-nomenu { padding: 1px 26px; width: auto; } h2 { font-size:100%; margin-bottom:0; } /* HEADER ---------------------------------------------------------------------------------------------------------------------------*/ #header { position: relative; margin: 21px auto 30px; } #header img { margin-left: 30px; } #header p { display: block; position: absolute; height: 41px; left: 280px; top: 12px; display: block; text-transform: lowercase; background-image: url(/templatefiles/line_logo.png); background-position: left; background-repeat: no-repeat; padding: 0 0 0 20px; } #header p span { display: block; padding-top: 9px; } /* FOOTER ---------------------------------------------------------------------------------------------------------------------------*/ #footer { font-size: 70%; color: #343434; padding-bottom: 200px; } #footer ul { display: block; padding: 0; margin: 0; } #footer li { display: inline; border-left: 1px solid #343434; padding: 0 0 0 2px; margin: 0; } #footer li.firstoption { border-left: none; padding: 0; } #footer a { color: #343434; text-decoration: none; } #footer a:hover { color: #000000; text-decoration: underline; } #footer .floatright { float: right; clear: right; } /* NAV ---------------------------------------------------------------------------------------------------------------------------*/ #nav { background-image: url(/templatefiles/menu_left.png); background-repeat: no-repeat; } #nav_rightside { background-image: url(/templatefiles/menu_right.png); background-repeat: no-repeat; background-position: top right; margin: 0 0 0 7px; } #nav ul { display: block; height: 38px; background-image: url(/templatefiles/menu_middle.png); background-repeat: repeat-x; padding: 0; margin: 0 6px 0 0; } #nav li { display: block; float: left; height: 38px; font-size: 80%; padding: 0; margin: 0; } #nav li a span { display: block; } #nav li a { display: block; height: 24px; color: #FFFFFF; text-decoration: none; border-right: 1px solid #cd0f80; padding: 10px 12px 0; } #nav li.lastoption { float: right; } #nav li.lastoption a { border: 0; } #nav li:hover { background-image: url(/templatefiles/menu_hover.png); background-repeat: repeat-x; } #nav li.firstoption:hover { background-image: url(/templatefiles/menu_left_grey-middle.png); background-repeat: repeat-x; } #nav li.selectedoption { background-image: url(/templatefiles/menu_on.png); background-repeat: repeat-x; } #nav li.firstoption { background-image: url(/templatefiles/menu_left_grey-middle.png); background-repeat: repeat-x; } #nav li.firstoption a { } /* HOMEPAGE ---------------------------------------------------------------------------------------------------------------------------*/ #leftcol { float: left; margin: 7px 0 0 16px; } #rightcol { padding: 10px 0 0; margin: 0 0 0 650px; } #rightcol h3 { padding: 0; margin: 0; font-size: 95%; } #rightcol p { padding: 0; margin: 0; font-size: 90%; } #wvideo { position: absolute; width: 195px; bottom: 20px; left: 100px; color: #0084c6; } #wvideo a { color: #0084c6; text-decoration: none; } #wvideo p { position: absolute; width: 85px; bottom: 20px; left: 0; font-size: 85%; margin: 0; padding: 0; } #wvideo img { position: absolute; left: 87px; bottom: 0; background-image: url(/templatefiles/ipad_guy.png); padding: 9px; } #wvideo span { position: absolute; display: inline; width: 10px; height: 1.3em; background-image: url(/templatefiles/blue-triangle.png); background-repeat: no-repeat; background-position: center right; } #home-bottom { width: 100%; font-size: 90%; } #home-bottom-news { float: left; width: 330px; height: 24em; border-right: 1px solid #e5e5e5; } #home-bottom-testm { float: right; width: 330px; height: 24em; border-left: 1px solid #e5e5e5; } #home-bottom-testm h4 { padding: 13px 21px 10px; margin: 0; color: #028BD3; font-size: 90%; font-weight: normal; } #home-bottom-testm p { font-size: 80%; margin:0 20px; } #home-bottom #home-bottom-testm h3 { padding: 13px 21px 5px; } #home-bottom-testm div.housingservice img { float: left; margin-left: 21px; } #home-bottom-testm div.housingservice p { margin-left: 85px; height: 64px; } #home-bottom-testm q { display: block; font-family: georgia, 'times new roman', times, serif; font-size: 110%; color: #e82872; margin: 0 20px; text-align: center; } #home-bottom-testm p.author { text-align: center; display: block; color: #5f5f5f; font-style: italic; font-size: 85%; margin: 0 40px 5px; } #home-bottom-testm p.readmore { display: block; text-align: right; font-size: 85%; margin: 0 20px; } #home-bottom-testm p.readmore a { color: #0084c6; text-decoration: none; } #home-bottom-benefits { height: 24em; margin: 0 330px; position: relative; } div.sm-footarea { position: absolute; bottom: 10px; } #home-bottom-benefits ul.sm-icons { padding:0 ; margin: 0 20px; } #home-bottom-benefits ul.sm-icons li { list-style: none; padding:0 ; margin: 0 2px; float: left; } h3.sm-title { display: none; } #home-bottom-benefits li { margin: 5px 0; } #home-bottom-news h3 { } #home-bottom-news div.news-item { clear: left; margin: 0 16px 10px; } #home-bottom-news div.news-item p { font-size: 80%; margin: 0; padding: 2px 0; } #home-bottom-news div.news-item p.date { font-weight: bold; } #home-bottom-news div.news-item h4 { font-size: 80%; margin: 0; } #home-bottom-news div.news-item h4 a { color: #e82872; font-weight: bold; text-decoration: none; } #home-bottom-news div.news-item h4 a:hover { text-decoration: underline; } #home-bottom-news div.news-item p.content { } #home-bottom-news div.news-item img { float: left; background-image: url(/templatefiles/newsborder.png); padding: 8px 9px; } #home-bottom h3 { text-align: left; padding: 13px 21px; margin: 0; font-size: 100%; } #description { line-height: 1.3em; font-size: 80%; padding: 12px 20px 10px; margin: 0; } #description p { margin: 0; padding: 0; } #housing h3 { color: #e82872; padding: 0 14px; } #housing p { font-size: 90%; padding: 7px 14px 16px; } #housing ul { display: block; padding: 0; margin: 0; } #housing ul li { display: block; padding: 0; margin: 0 10px -1px; width: 134px; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #housing ul li a { display: block; padding: 7px 5px; color: #333333; font-weight: bold; text-decoration: none; font-size: 75%; background-image: url(/templatefiles/light-grey-arrow-bullet.png); background-position: right; background-repeat: no-repeat; } #housing ul li:hover a { color: #e82872; background-image: url(/templatefiles/dark-grey-arrow-bullet.png); } #four-col { clear: both; padding: 10px 0 0; margin: 0 18px -10px } #four-col-farleft { position: relative; width: 25%; float: left; border-top: 1px solid #e5e5e5; } #four-col-midleft { position: relative; width: 25%; float: left; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0 0 0 -1px; } #four-col-midright { position: relative; width: 25%; float: left; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0 0 0 -1px; } #four-col-farright { position: relative; width: 25%; float: left; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0 0 0 -1px; } #clearmargin { position: relative; margin-bottom: -7px; } #four-col h2 { font-size: 90%; padding: 0 18px; margin-top: 10px; } #four-col p { font-size: 80%; padding: 0 18px; margin-bottom: 135px; } #four-col img { position: absolute; bottom: -10px; right: 18px; } #four-col-midright img { position: absolute; bottom: 5px; background-image: url(/templatefiles/ipad_guy.png); padding: 9px; } #four-col p.readmorelink { display: block; position: absolute; text-align: right; width: 85px; bottom: 50px; left: 18px; padding: 0; margin: 0; background-image: url(/templatefiles/blue-triangle.png); background-position: right; background-repeat: no-repeat; } #four-col p.readmorelink a { display: block; color: #0084c6; text-decoration: none; padding-right: 10px; } div.lettings-menu { position: relative; height: 206px; margin-top: 12px; } div.lettings-menu div.lettings-menu-bottom { position: absolute; bottom: 0; } div.lettings-menu-leftend { position: absolute; width: 24px; height: 207px; left: 0; top: 0; background-image: url(/templatefiles/left_propertybox.png); background-repeat: no-repeat; } div.lettings-menu-rightend { position: absolute; width: 24px; height: 207px; right: 0; top: 0; background-image: url(/templatefiles/right_propertybox.png); background-repeat: no-repeat; background-position: right; } div.lettings-menu-content { height: 205px; background-color: #FFFFFF; background-image: url(/templatefiles/lettingsbg.png); background-position: bottom; background-repeat: repeat-x; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 0 24px; } div.lettings-menu-content h3 { font-size: 100%; padding: 0; margin: 10px 0 0 10px; } div.lettings-menu-content ul { display: block; width: 270px; float: left; border-right: 1px solid #e5e5e5; padding: 0 21px 0 0; margin: 0 0 0 21px; } div.lettings-menu-content ul.lettings-menu-right { border-right: none; } div.lettings-menu-content ul.lettings-menu-left { margin-left: 10px; } div.lettings-menu-content ul li { display: block; position: relative; height: 38px; font-size: 75%; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px 0; margin: 10px 0 0 0; } div.lettings-menu-content ul li.last { border-bottom: none; } div.lettings-menu-content li a img { position: absolute; left: 0; top: 0; margin: 0; } div.lettings-menu-content li a { } div.lettings-menu-content li span.price { color: #e82872; font-weight: bold; margin-left: 60px; } div.lettings-menu-content li a.propertylink { position: absolute; left: 60px; top: 1.5em; color: #0084c6; } div.findpropertybar-leftborder { height: 147px; padding-left: 10px; background-image: url(/templatefiles/search_left.png); background-repeat: no-repeat; background-position: left; } div.findpropertybar-rightborder { height: 147px; padding-right: 9px; background-image: url(/templatefiles/search_right.png); background-repeat: no-repeat; background-position: right; } div.findpropertybar-middle { height: 147px; background-image: url(/templatefiles/search_centre.png); background-repeat: repeat-x; } div.othercities { position: absolute; left: 20px; top: 7em; } div.othercities p { display: inline; color: #707070; font-size: 70%; } div.othercities ul { display: inline; margin: 0; padding: 0; } div.othercities li { display: inline; color: #707070; font-size: 70%; margin: 0; padding: 0; } div.othercities li a { color: #707070; text-decoration: none; border-right: 1px solid #707070; padding-right: 3px; } div.othercities li.last a { border: 0; } div.findpropertybar-left { position: relative; width: 572px; height: 147px; float: left; border-right: 1px solid #e5e5e5; } div.findpropertybar-right { border-left: 1px solid #ffffff; margin-left: 573px; } div.findpropertybar-left label span { position: absolute; font-weight: bold; right: 380px; top: 4em; } div.findpropertybar-left span.placessuggestion { position: absolute; font-size: 70%; font-weight: normal; top: 8.6em; left: 212px; right: auto; } div.findpropertybar-right p { position: relative; font-size: 80%; line-height: 0.8em; padding: 0; } div.findpropertybar-right { padding: 1em 0; } div.findpropertybar-right label { margin-left: 3em; } div.findpropertybar-right select{ font-size: 90%; } select.wideselect { position: absolute; left: 8.5em; width: 160px; top: -0.4em; } select.narrowselect { position: absolute; left: 8.5em; width: 100px; top: -0.4em; } #postcode { position: absolute; left: 212px; top: 4.2em; width: 220px; height: 23px; font-size: 14px; background-image: url(/templatefiles/search-bar.png); background-position: 0 0; padding: 10px 8px 0 8px; border: 0; } #findpropertybar input.submit { position: absolute; width: 57px; height: 24px; top: 5.6em; left: 450px; border: 0; font-size: 70%; background-image: url(/templatefiles/search-button.png); } #findpropertybar { margin-top: 12px; } /* PROPERTY PAGE ---------------------------------------------------------------------------------------------------------------------------*/ div.maincontent-topbar-top { height: 49px; background-image: url(/templatefiles/title_bar_left.png); background-repeat: no-repeat; background-position: top left; } div.main-topbar-top-right { height: 49px; background-image: url(/templatefiles/title_bar_right.png); background-repeat: no-repeat; background-position: top right; } div.main-topbar-top-center { height: 49px; background-image: url(/templatefiles/title_bar_slice.png); background-repeat: repeat-x; background-position: top left; margin: 0 9px; } div.maincontent-topbar-top span.price { color: #c62371; font-weight: bold; } div.maincontent-topbar-top span.address { color: #028bd3; font-size: 80%; } div.maincontent-topbar-top p { padding: 15px 0 0 15px; } div.maincontent-topbar-top span { padding-left: 15px; } div.maincontent-mid-left { float: left; width: 306px; margin-left: 20px; } div.maincontent-mid-right { float: right; width: 306px; margin-right: 24px; padding-top: 4px; } div.maincontent-mid-center { margin: 0 336px 0 338px; } div.maincontent-mid-left img { border: 1px solid #e6e6e6; padding: 5px; margin: 4px; } #gridimages img { float: left; border: 1px solid #e6e6e6; padding: 5px; margin: 4px; } div.maincontent-property h2 { clear: both; font-size: 100%; border-bottom: 1px solid #e6e6e6; margin: 0 24px; padding: 24px 0 0; } div.maincontent-property p { line-height: 1.7em; font-size: 90%; margin: 0 24px; padding: 10px 0 0; } div.maincontent-property ul { margin: 0 24px; padding: 10px 0 0 20px; } div.maincontent-property li { width: 50%; float: left; list-style-image: url(/templatefiles/pink_bullet.png); font-size: 90%; } a.backlink { display: block; } .whitebuttonwide { display: block; font-size: 75%; background-image: url(/templatefiles/wide_button.png); width: 306px; height: 31px; color: #2356af; text-decoration: none; text-align: center; } .whitebuttonwide span { display: block; padding: 8px 10px 0; } .whitebuttonwide span.left { text-align: left; float: left; } .whitebuttonwide span.right { text-align: right; float: right; padding: 7px 10px 0; } div.maincontent-mid-left .whitebuttonwide img { padding: 0; margin: 0; border: none; } #imagenav { float: left; width: 300px; text-align: center; padding-top: 4px; margin-left: 6px; } #imagenav img { display: inline; } img.imagenav-next { float: right; display: block; } img.imagenav-prev { float: left; display: block; } img.dot-pink { padding-top: 10px; } img.dot-grey { padding-bottom: 1px; } .whitewrapper { border: 1px solid #e6e6e6; padding: 5px; } div.eagentinner { background-color: #e6e6e6; height: 96px; padding-left: 10px; } div.eagentinner img { float: right; margin: 5px 5px 0; } div.eagentinner h2 { clear: none; font-size: 80%; margin: 0; padding: 0.4em 0; } div.eagentinner p { clear: none; line-height: normal; font-size: 80%; margin: 0; padding: 0.4em 0; } div.bigwwrapper { margin-top: 8px; } p.telephone { color: #c62371; } p.property-map-link { line-height: normal; text-align: center; font-size: 80%; } a.leftarrowlink { font-size: 80%; background-image: url(/templatefiles/blue-triangle-left.png); background-position: left; background-repeat: no-repeat; padding-left: 10px; } a.backlink { padding: 10px 10px; margin-left: 24px; } div.notop #four-col-farleft { border-top: 0; margin-top: -19px; } div.notop #four-col-midleft { border-top: 0; margin-top: -19px; } div.notop #four-col-midright { border-top: 0; margin-top: -19px; } div.notop #four-col-farright { border-top: 0; margin-top: -19px; } div.notop #clearmargin { margin-bottom: -8px; padding: 0; } div.property-result { position: relative; height: 14em; /*height: 13em;*/ margin: 0 17px; min-height: 180px; border-bottom: 1px solid #e5e5e5; } div.property-result-image { position: absolute; left: 14px; top: 14px; } div.property-result-centercol { position: absolute; left: 250px; right: 180px; top: 14px; line-height: 1.4em; } div.property-result-eagent { position: absolute; right: 11px; top: 14px; font-size: 80%; } div.property-result-eagent p { margin: 0; text-align: center; padding: 0; } div.property-result div.property-result-image img { width: 220px; } div.maincontent-property div.property-result-image p {font-size:70%; margin:0; padding:0; text-align:center; } div.property-result-image { margin:0 auto; } div.property-result-image a { height: 165px; overflow: hidden; display: block; background-color: #fff; padding: 5px; border: 1px solid #E5E5E5; } div.property-result img { display: block; /*background-color:white; border:1px solid #E5E5E5; margin:0 auto; padding:5px;*/ } div.property-result-image p a { height: auto; overflow: auto; background-color: transparent; border: 0; padding: 0; padding-top: 5px;} div.property-result-centercol p.property-result-price { color: #e82872; font-weight: bold; font-size: 100%; } div.property-result-centercol h2{ border-bottom: none; font-weight: normal; margin-top: 0; padding-top: 0; } div.property-result-centercol p { padding-top: 0; font-size: 70%; } div.featured-property-result { background-image: url(/templatefiles/search-results_featured.png); background-repeat: repeat-x; background-position: bottom; border-bottom-color: #AAAAAA; } #pagenav-buttons { float: right; margin-top: 16px; margin-right: 16px; } #pagenav-buttons a { display: block; float: left; width: 24px; height: 24px; text-align: center; text-decoration: none; border: 1px solid #e5e5e5; margin: 0 3px; font-size: 80%; line-height: 24px; } #pagenav-buttons a.pagenav-selected { background-color: #ea3a96; color: #FFFFFF; border: none; margin-top: 1px; } #pagenav-buttons a.pagenav-prev { background-color: transparent; background-image: url(/templatefiles/prev_button.png); width: 49px; height: 24px; border: none; margin-top: 1px; } #pagenav-buttons a.pagenav-next { background-color: transparent; background-image: url(/templatefiles/next_button.png); width: 49px; height: 24px; border: none; margin-top: 1px; } #pagenav-buttons a.pagenav-prev span, #pagenav-buttons a.pagenav-next span { display: none; } p.main-topbar-floatright { float: right; margin-top: 0; } p.main-topbar-sortby { font-size: 80%; margin-top: 3px; margin-right: 28px; } div.featured-property-result div.featured-property-corner { background-image:url("/templatefiles/pink_corner.png"); height:99px; left:0; position:absolute; top:0; width:99px; } /* CITY PAGE ---------------------------------------------------------------------------------------------------------------------------*/ .citypages-main .maincontent-topbar-top { clear: both; } .citypages-main { padding-top: 10px; } .citypages-main #leftcol { margin-bottom: 15px; } #news-feed h3 { padding-left: 0; } #news-feed h4 { font-weight: normal; font-size: 1.0em; margin: 0; } #news-feed div.news-feed-item { padding: 10px 17px; border-bottom: 1px solid #e5e5e5; margin: 0 24px 0 0; } #news-feed p { font-size: 0.8em; line-height: 1.3em; padding: 0; margin: 0; } #news-feed p.date { font-weight: bold; font-size: 0.8em; margin-top: 10px; margin-bottom: 0 !important; } #news-feed p.news-feed-title { font-size: 0.8em; color: #c62371; } #news-feed p.news-feed-body { font-size: 0.8em; color: #505050; } #news-feed p.news-feed-body a { text-decoration: none; color: #c62371; } #news-feed div.news-feed-item-last { border-bottom: none; } div.property-results-featured div.property-result-last { border-bottom: none; } div.property-results-featured div.clearer { padding: 0; } div.citypages-seo-topbar { padding: 9px 0 0; margin: 0; } div.citypages-seo-topbar p { margin: 0; } div.maincontent-topbar-withpad { margin-top: 10px; } div.citypages-seo p { padding: 10px 0; font-size: 80%; margin: 0; } div.citypages-seo-topbar div.maincontent-topbar-top p, div.maincontent-property div.maincontent-topbar-top p { font-size: 100%; padding: 15px 0 0 15px; } ul.foot-seo-links li { width: 25%; float: left; display: block; list-style: none; padding: 0; margin: 0; } ul.foot-seo-links li a { color: #313131; text-decoration: none; font-size: 80%; } ul.foot-seo-links li a:hover { color: #1F1F1F; text-decoration: underline; } ul.foot-seo-links { display: block; } div.citypages-seo-text { padding: 5px 31px 15px; } #arealist { margin: 10px auto; } #arealist ul li { width: 20%; float: left; } #arealist ul a { border-bottom:1px solid #E5E5E5; border-top:medium none; margin:0 17px; } /* NEWS PAGE ---------------------------------------------------------------------------------------------------------------------------*/ div.withnav-maincol { float: right; width: 625px; margin-right: 66px; padding-bottom: 60px; } div.withnav-maincol p { line-height: 2em; font-size: 80%; } div.withnav-maincol li { font-size: 80%; } div.withnav-leftcol { width: 250px; margin-left: 22px; padding-top: 15px; } div.withnav-leftcol ul { display: block; padding: 0; margin: 0; } div.withnav-leftcol li { display: block; list-style: none; padding: 0; margin: 0; } ul.left-menu li a { padding-left: 10px; padding-right:10px; } div.news-main { margin-top: 20px; } ul.bodymenu { margin: 0 16px; } div.newsrightimage { float: right; margin-left: 10px; margin-bottom: 10px; } /* HOMEPAGE SEARCH BAR ---------------------------------------------------------------------------------------------------------------------------*/ div.findpropertybar-home-inner { background-image: url(/templatefiles/search_box_home.png); width: 987px; height: 146px; position: relative; } div.findpropertybar-home-inner label { position: absolute; top: 25px; left: 240px; font-size: 120%; } div.findpropertybar-home-inner div.othercities { left: 240px; position: absolute; bottom: 22px; top: auto; } div.findpropertybar-home-inner #postcode { left: 385px; top: 3.9em; } div.findpropertybar-home-inner input.submit { position: absolute; width: 57px; height: 24px; top: 5.3em; left: 624px; border: 0; font-size: 70%; background-image: url(/templatefiles/search-button.png); } div.findpropertybar-home-inner span.placessuggestion { font-size:70%; font-weight:normal; left:390px; position:absolute; right:auto; bottom: 42px; } /* CONTACT US ---------------------------------------------------------------------------------------------------------------------------*/ div.contactform { font-size: 80%; padding-top: 10px; } div.contactform-left { width: 590px; float: left; padding-right: 25px; padding-left: 10px; border-right: 1px solid #E5E5E5; } div.contactform-right { margin-left: 640px; } div.contactus-maincontent { margin-top: 10px; } /* LOGIN LINKS ---------------------------------------------------------------------------------------------------------------------------*/ div.topright { float: right; margin: -15px 25px 0 0; } div.topright ul { display: block; margin: 0; } div.topright ul li { float: left; list-style: none; display: block; } div.topright ul li a{ background-position: center left; background-repeat: no-repeat; margin-left: 20px; padding: 5px 0 5px 20px; text-transform: lowercase; color: #484848; text-decoration: none; font-size: 80%; } div.topright ul li a:hover { text-decoration: underline; color: #090909; } div.topright ul li.topright-login a { background-image: url(/templatefiles/login-button.png); } div.topright ul li.topright-register a { background-image: url(/templatefiles/register-button.png); padding-left: 25px; } /* HOMEPAGE SWITCHER ---------------------------------------------------------------------------------------------------------------------------*/ .switchernavigation { display: block; } .switchernavigation ul { display: block; margin: 0; padding: 0; } .switchernavigation ul li { list-style: none; display: block; margin: 0 15px 0 0; padding: 0; float: left; } .switchernavigation ul li a { text-decoration: underline; color: #333333; } .switchernavigation ul li a.selectedoption { color: #E82872; text-decoration: none; } .switcher p, .switcher .switcher-title { clear: left; padding-top: 15px; } /* TWITTER LIST ---------------------------------------------------------------------------------------------------------------------------*/ #twitter_update_list { padding: 0; margin: 0; font-size: 80%; } #twitter_update_list li { list-style: none; display: block; padding: 0; margin: 0; } #twitter_update_list li:first-child { background-image: url(/templatefiles/twitterbackground-left.png); background-repeat: no-repeat; height: 101px; } #twitter_update_list li span { display: block; padding: 5px 8px 0; } #twitter_update_list li a { /*display: block;*/ padding: 0 8px 5px; } #twitter_update_list li.moretweets { background-image: none; } #home-bottom-benefits ul { font-size: 90%; margin-top: 0; } #hp-tweet { position: relative; height: 221px; width: 286px; margin: 0 auto 15px; background-image: url(/templatefiles/twitterbackground.png); background-repeat: no-repeat; background-position: bottom; } #hp-tweet p { position: absolute; bottom: 2px; left: 20px; font-size: 80%; } /* ADVERTISING PAGE ---------------------------------------------------------------------------------------------------------------------------*/ h1 { margin-top: 0; padding-top: 10px; font-size: 130%; } div.maincontent-advpage p { color: #777777; font-size: 80%; margin: 0 10px; line-height: 2.3em; } div.tricol { margin-top: 20px; } div.tricol div.tricol-col { width: 33%; float: left; border-right: 1px solid #E5E5E5; } div.tricol h2 { color: #E82872; margin: 5px 15px; 10px; } div.tricol p { color: #0084C6; margin: 5px 15px; } div.tricol li { color: #0084C6; font-size: 80%; margin: 10px 0; } div.tricol div.tricol-3 { border-right: 0; } div.advertising-package { position: relative; border-bottom: 1px solid #E5E5E5; padding: 15px 0; } div.advertising-package div { width: 33%; float: left; } div.advertising-package div.clearer{ float: none; padding: 0; } div.advertising-packages { padding: 0 15px; margin-top: 10px; margin-bottom: 35px; } div.advertising-packages p { padding: 0; color: #333333; margin: 0; line-height: normal; } div.advertising-package ul { bottom: 15px; position: absolute; right: 0; margin: 0; padding: 0; } div.advertising-package li { text-align: right; margin: 0; padding: 0; display: block; list-style: none; font-size: 80%; color: #E82872; } div.advertising-package li a { color: #E82872; text-decoration: none; } div.advertising-package li a:hover{ text-decoration: underline; } div.advertising-package-last { border-bottom: 0; } div.maincontent-padding #four-col-farleft, div.maincontent-padding #four-col-midleft, div.maincontent-padding #four-col-midright, div.maincontent-padding #four-col-farright { border-top: 0; } /* CODE OF STANDARDS PAGE ---------------------------------------------------------------------------------------------------------------------------*/ div.maincontent-cospage h1 { color: #777777; } div.maincontent-cospage p { color: #777777; font-size: 80%; line-height: 2.3em; } div.cosleft { float: left; width: 60%; } div.cosdownload { float: left; width: 40%; } div.cosdownload a { display: block; margin: 0 auto; width: 160px; text-align: right; font-size: 70%; color: #E82872; } div.assured-housing-left { width: 475px; float: left; } div.assured-housing-right { margin-left: 550px; margin-right: 50px; padding-top: 40px; } div.assured-housing { margin-bottom: 25px; } /* MAGAZINE PAGE ---------------------------------------------------------------------------------------------------------------------------*/ div.maincontent-magpage p { font-size: 80%; color: #777777; line-height: 2.3em; } div.maincontent-magpage h1 { color: #777777; } div.maincontent-magpage p.magazine-telno { color: #333333; margin-top: 0; padding-top: 10px; text-align: right; font-weight: bold; font-size: 100%; line-height: normal; } div.maincontent-magpage p.magazine-quote { font-weight: bold; text-align: right; line-height: normal; } div.maincontent-magpage h2 { color: #E82872; font-weight: normal; } div.maincontent-magpage div.advertising-package p { line-height: normal; } div.maincontent-magpage div.advertising-package h3 { margin-top: 0; line-height: normal; padding-top: 0; color: #777777; } div.maincontent-magpage div.advertising-packages { padding: 0; } div.magazine-indented { padding: 0 35px; } div.magazine-minifoot p { color: #333333; margin-bottom: 0; padding-bottom: 10px; } /* KIOSK PAGE ---------------------------------------------------------------------------------------------------------------------------*/ div.maincontent-kioskpage p { font-size: 80%; line-height: 2.3em; } div.maincontent-kioskpage h1 { } div.maincontent-kioskpage p.magazine-telno { color: #333333; margin-top: 0; text-align: right; font-weight: bold; font-size: 100%; line-height: normal; } div.supackage-box-top { background-image:url(/templatefiles/content_box_top.png); background-repeat:no-repeat; height:13px; width:952px; } div.supackage-box-middle { background-image:url(/templatefiles/content_box_middle.png); background-repeat:repeat-y; width:952px; } div.supackage-box-bottom { background-image:url(/templatefiles/content_box_bottom.png); background-repeat:no-repeat; height:11px; width:952px; } #supackage h2 { display:block; font-size:170%; font-weight:normal; margin:0; padding:12px 0 0 30px; width:325px; } #supackage #kioskimg { position:absolute; right:17px; top:-26px; } #supackage { height:385px; position:relative; } div.supackage-box-gradient { background-image:url(/templatefiles/content_box_gradient.png); background-position:center bottom; background-repeat:repeat-x; margin:auto; width:950px; } #supackage #learnmore { background-image:url("/templatefiles/learn_more_button.png"); bottom:28px; display:block; height:40px; position:absolute; right:60px; width:172px; } #supackage #learnmore span { display:none; } div.supackage-box { margin: 30px 0; } #supackage #fm-text { display:block; margin:23px 0 0 30px; padding:0; width:265px; } #pods { position: relative; } #pods #pods-inner { bottom:50px; left:20px; position:absolute; } #imagebanner{ padding: 10px 0 20px; position: relative; } #imagebanner img { margin: 0 auto; } #imagebanner p { line-height:2em; position:absolute; top:65px; width:40%; } #imagebanner p.imagebanner-left { left:50px; } #imagebanner p.imagebanner-right { right:50px; width:30%; top: 25px; }