/* Hunt/r-house.com Master Screen CSS Alison Endacott May 2008 *updated October 2008* */ * { margin: 0; padding: 0; } img { border: 0; margin: auto; } body { background: url(/content/v1/us/img/bg.gif); font-family: Arial,Helvetica,sans-serif; font-size: 65%; color: #373737; line-height: 1.4; } a { color: #4C721D; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { } #container { width: 822px; margin: 0 auto; background: #fff url(/content/v1/us/img/bg-container.jpg) no-repeat top; } #content { padding: 0 6px 1em 6px; background: url(/content/v1/us/img/bg-content.jpg) repeat-y; min-height: 350px; _height: 350px; *position: relative; *left: -1px; } #accessibility, #print-header { position: absolute; left: -9999px; } body h1.caption { background: transparent; } /* ------------------------ head ------------------------ */ #head { position: relative; padding-top: 14px; margin-top: 17px; *margin-top: 0; z-index: 50; *position: static; /*height: 167px;*/ _height: 1%; } h1 { position: relative; top: 10px; margin: 17px 0 0 29px; float: left; _display: inline; height: 94px; background: url(/content/v1/us/img/huntlogoerabottom.gif) no-repeat bottom; } #head h2 { /*r-house image */ float: right; margin-right: 6px; _margin-right: 3px; display: block; background: url(/content/v1/us/img/rhouse-logo.jpg) no-repeat; height: 46px; width: 270px; overflow: hidden; text-indent: -9999px; } #head-nav { margin: 5px 0 10px 20px; display: block; height: 24px; width: 465px; float: left; _display: inline; overflow: hidden; background: url(/content/v1/us/img/head-text.gif) no-repeat; *position: absolute; *margin-top: 50px; } #head-nav li { display: block; float: left; _display: inline; text-indent: -9999px; overflow: hidden; } #head-nav li a { display: block; width: 135px; height: 24px; background: url(/content/v1/us/img/head-text.gif) no-repeat; } #head-nav li#head-nav-re a { background-position:; } #head-nav li#head-nav-re a:hover { background-position: 0 -24px ; } #head-nav li#head-nav-mortgage a { background-position:-135px 0 ; } #head-nav li#head-nav-mortgage a:hover { background-position: -135px -24px; } #head-nav li#head-nav-insurance a { background-position: -270px 0; } #head-nav li#head-nav-insurance a:hover { background-position: -270px -24px; } /* top nav inner pages */ #top-nav { clear: both; text-align: right; font-size: 90%; padding-left: 210px; top: -5px; position: relative; _margin-top: -14px; _top: 0; } #top-nav li { float: left; list-style: none; color: #717171; border-right: 1px solid; padding-right: 8px; margin-right: 5px; _margin-bottom: 4px; } #top-nav li.last { border: 0; } #top-nav li a { color: #717171; } /* ------------------------ quick search ------------------------ */ #head #search { clear: both; *height: 1%; position: relative; z-index: 99; height: 146px; width: 810px; margin-left: 6px; _overflow: hidden; } #head #search #bannerimage { width: 581px; height: 144px; float: left; _display: inline; position: relative; top: 2px; } /*#QuickSearchForm fieldset { position: relative; float: right; _display: inline; border: 0; width: 193px; height: 100px; padding: 46px 18px 0 18px; *padding-top: 15px; *height: 131px; background: url(/content/v1/us/img/bg-quicksearch.gif) no-repeat; }*/ #QuickSearchForm fieldset { position: relative; float: right; _display: inline; border: 0; width: 228px; height: 146px; lefT: -1px; background: url(/content/v1/us/img/bg-quicksearch.gif) no-repeat; } #QuickSearchForm .overTxtDiv { /*margin: -46px 0 0 -17px; *margin: 0;*/ } #QuickSearchForm li { list-style: none; } #QuickSearchForm li a { position: absolute; } #QuickSearchForm li#adv-search a { color: #ffc82e; left:131px; top:19px; } #QuickSearchForm li#map-search a { font-size: 110%; top: 116px; *top: 120px; left:131px; padding-left: 23px; color: #fff; font-weight: bold; background: url(/content/v1/us/img/map-sm.gif) no-repeat; } #QuickSearchForm fieldset label { position: absolute; left: -9999px; } #QuickSearchForm fieldset input, #QuickSearchForm fieldset select { width: 185px; margin-bottom: 4px; font-size: 90%; margin-left: 18px; } #quicksearchAreas { margin-top: 46px; } #QuickSearchForm fieldset select { width: 190px; } #QuickSearchForm #quicksearchbtn { width: 106px; height: 21px; position: relative; z-index: 99; margin-top: 5px; } /*#head #search ul#top-nav { list-style: none; width: 272px; float: left; _display: inline; margin: 37px 0 0 6px; } #head #search #top-nav li { display: block; float: left; } #head #search #top-nav li a { display: block; height: 22px; width: 78px; text-indent: -9999px; overflow: hidden; background: url(/content/v1/us/img/top-nav.gif) no-repeat } #head #search #top-nav li#top-nav-house a:hover { background-position: 0 -22px; } #head #search #top-nav li#top-nav-office a { width: 81px; cursor: default; background-position: -78px 0; } #head #search #top-nav li#top-nav-office a:hover { background-position: -78px -22px; } #head #search #top-nav li#top-nav-agent a { width:109px; cursor: default; background-position: -159px 0; } #head #search #top-nav li#top-nav-agent a:hover { background-position: -159px -22px; } /* drop down menu #head #search #top-nav ul li { float: none; } #head #search #top-nav ul a, #head #search #top-nav li#top-nav-agent ul a, #head #search #top-nav li#top-nav-agent ul a:hover, #head #search #top-nav li#top-nav-office ul a, #head #search #top-nav li#top-nav-office ul a:hover { cursor: pointer; width: 160px; padding: 3px 0 0 5px; text-decoration: none; text-align: left; color: #000; font-weight: bold; text-transform: uppercase; height: 19px; text-indent: 0; background: url(/content/v1/us/img/nav-dropdown-top.gif) no-repeat; background-position: 0 0; } #head #search #top-nav li#top-nav-office ul a:hover, #head #search #top-nav li#top-nav-agent ul a:hover { background-position: 0 0; background: #000; color: #fff; } /* #head #search #top-nav li ul { /* second-level lists margin-left: -1px; border-top: 1px solid #000; position: absolute; left: -999em; /*using left instead of display to hide menus because display: none isn't read by screen readers } #head #search #top-nav li:hover ul, #head #search #top-nav li.sfhover ul { /* lists nested under hovered list items left: auto; } */ /* search #hunt-nav { padding: 36px 0 0 0; float: left; _display: inline; height: 23px; border: 0; } #hunt-nav legend { display: none; } #hunt-nav{ position: relative; float: left; _display: inline; margin-right:25px; font-size: 85%; } #hunt-nav li { displaY: block; float: left; list-style: none; color: #fff; padding-right: 5px; *padding-right: 4px; color: #999; } #hunt-nav li#house-hunt { position: relative; top: -9px; } #hunt-nav li#house-hunt a { height: 30px; width: 136px; text-indent: -9999px; overflow: hidden; display: block; } #hunt-nav li#my-hunt { position: relative; top: -9px; margin-right: 30px; } #hunt-nav li#my-hunt a { height: 28px; width: 100px; text-indent: -9999px; overflow: hidden; display: block; } #hunt-nav li a { color: #fff; color: #999; } #hunt-nav li a:hover { color: #FEE18E; text-decoration: none; } */ /* #head fieldset input { width: 84px; border: 0; font-size: 90%; background: transparent; position: relative; top: -6px; *top: -7px; *left: -3px; *margin-right: 7px; } #head fieldset #go { position: relative; top: -2px; margin-left: 7px; *left: -1px; height: 18px; width: 22px; } */ /* ------------------------ navigation ------------------------ */ #navigation { clear: both; margin-left: 6px; position: relative; z-index: 1; } #navigation li { list-style: none; } #navigation #main-nav { position: static; width: 810px; height: 47px; } #main-nav li { float: left; _display: inline; display: block; height: 43px; } #main-nav li a { display: block; height: 47px; width: 270px; text-indent: -9999px; overflow: hidden; background: url(/content/v1/us/img/main-nav.gif) no-repeat; } #main-nav #main-nav-buy a { } /*#main-nav #main-nav-buy a:hover { background-position: 0 -43px; }*/ #main-nav li#main-nav-sell a { background-position: -270px 0; } /*#main-nav li#main-nav-sell a:hover { background-position: -202px -43px; }*/ #main-nav li#main-nav-careers a { background-position: -540px 0; } /*#main-nav li#main-nav-careers a:hover { background-position: -404px -43px; }*/ /* #main-nav li#main-nav-corporate a { width: 200px; background-position: -608px 0; } #main-nav li#main-nav-corporate a:hover { background-position: -608px -43px; } */ /* validation */ .validation-failed { border: 1px solid #f00; } /* validation */ #notifications { width: 325px; position: absolute; list-style: none; top: 50px; left: 180px; } ul.enabled { background: #ffcfcf; border: 1px solid #f00; } #notifications li { color: #f00; text-align: center; } /* ------------------------ content ------------------------ */ #leftcol { width: 221px; padding-left: 5px; float: left; _display: inline; } #inner-content { /*text-align: justify;*/ padding: 1em 0; } #inner-content h3, #featured-properties h3, #side-content h3, #saved-searches h3, #search-matches h3, #all-searches h3, #blankcontent h3 { font-family: "Arial Narrow",Arial, Helvetica, sans-serif; font-size: 195%; font-weight: bold; text-transform: uppercase; padding: 8px 0 0 7px; background: url(/content/v1/us/img/bg-page-header.jpg) no-repeat bottom left; width: 496px; height: 32px; } #blankcontent h3 { width: auto; } #inner-content input.hidden { border: 0; position: absolute; display: none; } /*pagination */ .pagination ul { min-height: 1.7em; padding: 1em 0; padding-right: 70px; position: relative; } .pagination li { float: left; _display: inline; margin-right: 2px; list-style: none; } .pagination li a, .pagination li span { display: block; width: 14px; text-align: center; } .pagination li.spacer { display: none; } .pagination #prevpage, .pagination .prevpages { width: auto; } .pagination #nextpage, .pagination .nextpage { width: auto; position: absolute; left: 205px; _top: 8px; } a#prevpage { width: auto; padding-right: 10px; } .pagination li label.pagesizeseletorscopy { position: absolute; right: 0; top: 4px; *top: 1px; font-size: 95%; _right: auto; _left: 250px; _top: 0; white-space: nowrap; } select.pagesizeselectors { border: 1px solid #afafaf; position: relative; *top: 2px; left: 5px; } /* my Hunt login box */ .rhouse-login { width: 221px; margin-top: 1em; color: #fff; padding-bottom: 73px; background: url(/content/v1/us/img/myHunt-bg.gif) no-repeat bottom; } .rhouse-login p { padding: .5em 20px; font-size: 110%; } .rhouse-login h3, #rhouse-loggedout h3 { width: auto; background: url(/content/v1/us/img/myHunt-top.gif) no-repeat top; height: 60px; text-indent: -9999px; overflow: hidden; } .rhouse-login ul { padding: 0 20px; list-style: none; } .rhouse-login ul { font-size: 105%; } .rhouse-login li { padding: .1em 0; } .rhouse-login a { background: url(/content/v1/us/img/arrow-white.gif) no-repeat 0pt 5px; color:#fff; padding-left:10px; } .rhouse-login a:hover { color: #FEE18E; text-decoration: none; } /* ------------------------ FOOTER ------------------------ */ #footer { clear: both; color: #4d4d4d; width: 782px; padding: 20px; margin: 0 auto; /*centers container if there is a width */ background: url(/content/v1/us/img/bg-footer.gif) no-repeat; } #footer li { display: inline; list-style: none; text-transform: uppercase; } #footer a { color: #4d4d4d; } body table.trinket input.text { width: 200px; } /* ------------------------ EASY CLEARING ------------------------ */ .clear { clear:both;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height:1%; } *+html .clearfix { height:1%; } .clearfix { display:block; } /* End hide from IE-mac */ .off { display:none; }