/* SITE SELECTORS ---------------------------------*/ /* PAGE */ html { background:#fff; } body { color: #000; } a { color: #000; } #home,#internal,#design-center,#contact-form { padding:0 0 0 0; position:relative; } #home > .t { left:0;background: url(../img/site-x.jpg) 0 -1607px repeat-x; height:945px; } #internal > .t { left:0; background: url(../img/site-x-new.png) 0 0 repeat-x; height:1157px; } #contact-form > .t { left:0; background: url(../img/site-x.png) 0 -3045px repeat-x; height:590px; } #design-center > .t { left:0; background: url(../img/site-x.png) 0 -1607px repeat-x; height:1143px; } #home > .b,#internal > .b,#design-center > .b, #contact-form > .b { left:0; background: url(../img/site-x.png) 0 -1313px repeat-x; height:111px; } .site { width: 960px; text-align:left; margin: 0 auto 0 auto; padding: 34px 0 0 0; position:relative; } /* BRANDING */ #branding { height: 100px; position:relative; } #design-center #branding { height:104px;} #logo { position:absolute; top: 26px; left:0; background: url(../img/site.png) 0 -411px no-repeat; width: 211px; height: 61px; text-indent:-6000px } #design-center #logo { background: url(../img/site.png) -211px -411px no-repeat; } /* SEARCH */ #search { position: absolute; z-index:10; top: 6px; left: 0; height: 26px; width: px; text-align:right; background:url(../img/site.png) 0 -px; } #search form { } #search label,#search legend { display:none; } #search fieldset { padding:0; margin:0; font-weight:normal; } #search input[type="text"] { font-size: 1.2em; color:#898989; padding: 0 2px; width: 192px; height:24px; margin: 0 0 0 0; vertical-align:middle; border: 1px solid #d6d7d7; } #search button { margin:0; text-indent:-6000px; border: solid #d6d7d7; border-width: 1px 1px 1px 0; background: url(../img/site.png) no-repeat 9px -692px #fff; width: 32px; height: 26px; vertical-align:middle; } #search-results span a { color: green !important; } /*request more info*/ #request-info { border-left: 1px solid #ebebeb; position:absolute; z-index:110; top:5px; left:259px; height:26px; } #request-info2 {position:absolute; z-index:110; top:9px; left:259px; height:26px; margin-left:60px; font-size:15px } #request-info2 a {text-decoration:none;color:#000;font-weight:bold} #request-info2 a:hover {text-decoration:underline;color:#8f0d17} #request-info2 img {padding-right:4px;} #request-info h2{ font-size:1em; margin: 6px 0 0 25px; } #request-info .handle{ color:#836b1c; top:0; left:158px; padding: 0 0 0 5px; position:absolute; border:1px solid #d6d7d7; background: url(../img/site.png) no-repeat #fff 159px -820px; height:24px; width:180px; line-height:24px; } #request-info ul{ display:none; } #request-info ul{ background:#fff; width: 185px; position:absolute; top:26px; left: 158px; border: solid #d6d7d7; border-width: 0 1px 1px 1px; } #request-info li{} #request-info li a{ color:#836b1c; padding: 4px 8px; display:block; text-decoration:none; } #request-info li a:hover{background: #eee; } #nav-top{ width: 330px; position:absolute; top:0; right:0; border-left: 1px solid #ebebeb; } #nav-top ul{ margin: 8px 0 0 20px; } #nav-top li{ border-left: 1px solid #836b1c; float:left; padding: 0 0 3px; width: auto; } #nav-top li.first{ border: 0; } #nav-top a{ color:#836b1c; padding: 0 5px; line-height:1.1em; } #nav-top li.last a{ padding-right: 0; } /* PHOTO */ #photo-flash { display:block; width: 940px; height: 331px;position:relative; border: 10px solid #fff; } #photo-flash > .b {left: -10px; bottom:-22px; background:url(../img/site-x.jpg) 0 -1281px; width: 960px; height: 12px; } #photo-flash > .l {left: -107px; bottom:-22px; background:url(../img/site.jpg) 0 -294px; width: 97px; height: 102px; } #photo-flash > .r {right: -105px; bottom:-22px; background:url(../img/site.jpg) 0 -416px; width: 95px; height: 102px; } #photo { width: 672px; height:331px; background:#eee; } #find-dream { background:#000; width:268px; height:331px; position:absolute; right:0; top:0; } #internal #find-dream { position:static; margin: 10px 0 11px 11px; } #internal #photo { display:block; width: 960px; height: 221px;position:relative; border: 0; } #internal #photo > .b {left: 0; bottom:-12px; background:url(../img/site-x.jpg) 0 -1281px; width: 960px; height: 12px; } #internal #photo > .l {left: -97px; bottom:-12px; background:url(../img/site.jpg) -97px -294px; width: 97px; height: 102px; } #internal #photo > .r {right: -95px; bottom:-12px; background:url(../img/site.jpg) -95px -416px; width: 95px; height: 102px; } /* PHOTO */ #design-center #photo { display:block; width: 940px; height: 487px;position:relative; border: 10px solid #fff; } #design-center #photo > .b {left: -10px; bottom:-22px; background:url(../img/site-x.jpg) 0 -1281px; width: 960px; height: 12px; } #design-center #photo > .l {left: -107px; bottom:-22px; background:url(../img/site.jpg) 0 -294px; width: 97px; height: 102px; } #design-center #photo > .r {right: -105px; bottom:-22px; background:url(../img/site.jpg) 0 -416px; width: 95px; height: 102px; } /*NAV*/ #nav { position:absolute; top: 79px; right:0; z-index: 100; height: 24px; width: 714px; } #nav > ul > li { float:left; display:block; width: auto; padding:0 0 0 0; position:relative; border-left:1px solid #d1d1d1; } #nav > ul > li.first { border:0; } #nav > ul > li.last > a{ } #nav > ul > li > a { font-size: 1.1em; color:#252525; display:block; height:13px; padding: 4px 12px 6px 12px; text-decoration:none; text-transform:uppercase; font-weight:bold; line-height:15px; } #nav > ul > li:hover, #nav > ul > li.active { background: url(../img/site.png) -1144px -178px no-repeat #000; border-left:0; z-index:110; } #nav > ul > li:hover + li { border-left:0; } #nav > ul > li.active + li { border-left:0; } #nav > ul > li:hover > a { color:#fff; background: url(../img/site.png) right -201px no-repeat; padding-right:14px; } #nav > ul > li.active > a { color:#fff; background: url(../img/site.png) right -201px no-repeat; padding-right:14px; } #nav > ul > li.first:hover > a { padding-right:13px; } /* nav dropdown */ #nav ul li:hover > ul { display:block; } #nav ul ul { display:none; padding: 0; margin: 0; border-bottom: solid #000 4px; position: absolute; top: 20px;left: 0; width: 100%; list-style:none; } #nav ul ul a { display:block;overflow:hidden; color:#252525; padding: 6px 3px 6px 10px; height:100%; text-decoration:none; } #nav ul ul a:hover { background-color:#ddd; } #nav ul ul li { position:relative; display:block; border: solid #000; border-width: 0 4px; background:#fff; } #nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */ #nav ul li div.nav-panel { display:none; z-index: 1000; border:4px solid #000; padding: 10px 10px 30px 10px; top:20px; width: 470px; position:absolute; left: -200px; background:#fff; } #nav li:hover div.nav-panel { left: -199px; } #nav li.active div.nav-panel { left: -199px; } #nav form { line-height:1.4em; padding: 0 0 20px; } #nav form label, #nav form .title{ display:block; color:#836b1c; font-size:1.1em; height:20px; line-height:20px; } #nav form input[type="text"], form select { background:#ebebeb; border: 1px solid #d7d7d7; height:20px; line-height:20px; } #nav form button { background: url(../img/site.png) 0 -366px; width: 87px; height: 25px; text-indent:-6000px; } #nav form .item,#nav form .group { overflow:hidden; width: auto; min-height:25px; } #nav form ul { margin:0;padding:0; display:block; border:0; position:static; width: auto; } #nav form ul li { border:0;} #nav form .town { position:relative; z-index:1000; } #nav form .town select { width:207px; } #nav form .price-range { position:absolute; top:10px; left: 227px; } #nav form .price-range select { width: 207px;position:relative; z-index:1000;} #nav form .price-range label{ color:#000; display:inline; } #nav form .property-type { position:absolute; top:63px; left:188px; height:100px; } #nav form .beds { margin: 15px 0 0;} #nav form .beds label{ color: #000;float:left; width: 50px; } #nav form .baths label { color: #000;float:left; width: 50px; } #nav form .sq-ft label { color: #000;float:left; width: 50px; } #nav form input[type="text"], form select { background:#ebebeb; border: 1px solid #d7d7d7; height:20px; width: 100px; line-height:20px; } #nav form .search { position:absolute; top:63px; left: 297px; } #nav form .buttons { position:absolute; z-index:100; bottom:12px; right: 19px; } /*MAIN*/ #main { overflow:hidden; width: 100%; margin: 34px 0 0; position:relative; } /* CONTENT */ #content { overflow:hidden; width:100%; margin: 0 0 17px; position:relative; min-height:400px; } #contact-form #content { } #content > .l{ background:url(../img/site-y.png) -80px 0 repeat-y; width: 728px; height: 100%; } #internal #content > .l{ background-position: -828px 0; width: 960px; } #design-center #content > .l, #contact-form #content > .l{ background-position: -1808px 0; width: 960px; } /*#contact-form #content > .l{ background:none; }*/ #content > .b{ left:0;background:url(../img/site.png) 0 -153px; width: 728px; height: 9px; z-index:50; } #internal #content > .b{ background-position: 0 -182px; width: 960px; } #design-center #content > .b, #contact-form #content > .b{ background-position: 0 -167px; width: 960px; } #content .col { display:inline; float:left; position:relative; min-height: 300px; } #content .col > h2,#content .col > h1{ font-size:1.2em; color:#836b1c; padding: 0 0 0 20px; background:url(../img/site-x.png) 0 -1221px; height: 40px; line-height:40px; text-transform:uppercase; } #contact-form #content h1{ z-index:10;position:relative;} #content .s { font-size:1.2em; color:#836b1c; padding: 0 0 0 20px; background:url(../img/site-x.png) 0 -1221px; height: 40px; line-height:40px; text-transform:uppercase; } #content .col > .l{ left:-1px; top:0; background:url(../img/site.png) 0 -306px; width: 11px; height: 11px; } #content .col > .t{ right:-1px; top:0; background:url(../img/site.png) 0 -336px; width: 11px; height: 11px; } #contact-form #content .col > .t{ z-index:50; background-position:-41px -336px;} #contact-form #content .col > .l{ z-index:20;background-position:-41px -306px;} #contact-form #content .col {display:block;} /*currenty at marrano*/ #currently{ margin:0 0 0 1px; width:288px; } #currently ul{ margin: 0 20px 8px; } #currently li{ border-bottom:1px solid #c2c2c2; line-height:1.4em; padding: 9px 0 6px;} #currently li.last{ border:0 } #currently span{ display:block; } #currently .date{ color:#707070; } #currently .desc{ } #currently .link { text-align:right; } #currently .link a{ color:#464646; text-transform:lowercase; } /* INTRO */ #intro { float:left; margin: 0 0 0 10px; width:428px; } #intro h2 { } #intro .c { padding:10px 20px; } #home-finder{ margin: 0 0 80px;} #link-contact-rep { background:url(../img/site.png) 0 -74px; width: 268px; height: 50px; padding: 8px 0 0; margin: 0 0 0 11px; border-top: solid #c2c2c2; border-width: 1px 0; } #link-customer-care { background:url(../img/site.png) -269px -74px; width: 268px; height: 50px; padding: 8px 0 0; margin: 0 0 0 11px; border: solid #c2c2c2; border-width: 1px 0; } /*links*/ #links{ float:right; width: 224px; display:inline;} #links ul{} #links li{ border-bottom:1px solid #fff; border-top:1px solid #ccc;} #links li.first{ border-top:0;} #links li.last{ border-bottom:0;} #links li a{ display:block; border:1px solid #999; width:222px; height:129px; margin: 4px 0; text-indent:-6000px; background-image:url(../img/site.jpg); background-repeat: no-repeat; } #links li.first a{ margin-top:0;} #links li.last a{ margin-bottom:0;} #link-design-center a{ background-position: 1px 1px; } #link-marrano-model a{ background-position: 1px -146px;} #link-request-info a{ background-position: 1px -537px; } /*content panel*/ #content-panel { width: 288px; margin:0 0 0 1px;} /* content main */ #content-main { float:right!important; width: 662px; margin: 0 0 0 0; padding:0 0 20px; position:relative; } #content-main .c { padding:10px 20px;} #design-center #content-main { float:left !important; width:960px; } #contact-form #content-main { float: none!important; width: 100%;} /* BREADCRUMB */ #breadcrumbs { color:#636363; margin: 10px 0 0 10px; } #breadcrumbs h3 { display:inline; font-size: 1em; padding:0; font-weight:normal; } *+html #breadcrumbs h3 { background: url(../img/site.png) -px -px no-repeat; padding: 0 9px 0 0; } #breadcrumbs ul{ display:inline; } #breadcrumbs li { display:inline; } #breadcrumbs li a { color:#636363 } #breadcrumbs li.active { font-weight:bold; } #breadcrumbs ul ul li:before { content:" > "; } *+html #breadcrumbs ul ul li { background: url(../img/site.png) -px -px no-repeat; padding: 0 0 0 20px; } /* SITE INFO */ #site-info { height: 110px; padding: 1px 0 0; position:relative; line-height:1.4em; } #site-info address { margin:15px 0 0; font-style: normal; } #site-info address span { } #site-info address span:first-child { background:none; } #site-info address br.nowrap { display:none;} #site-info ul { margin: 20px 0 0; overflow:hidden; width: 100%; } #site-info li { float:left; width: auto; white-space:nowrap; border-right: 1px solid #000; } #site-info li.last { border:0; } #site-info li a { line-height: 1.1em; margin: 0 7px 0 9px; } #site-info li.first a{ margin-left:0; } #link-florida { position:absolute; top:22px; right:0; background:url(../img/site.png) 0 -492px; width: 145px; height: 40px; } /*CORE101*/ #logo-core101 { color: #aaa; position:absolute; text-align:left; bottom:-25px; right:3px; height:15px; line-height:14px; width: 420px; padding: 0 0 0 0; } #logo-core101 a { color: #aaa; text-decoration:none; } #logo-core101 > .r { left:auto!important; right:0; position:absolute; text-indent:-6000px; top:0; display:block; width: 86px; height:17px; background:url(../img/site.png) -1076px -86px no-repeat; } /* CUSTOM SELECTORS*/ #sort-by { background:#ebebeb; height:22px; width: 159px; margin: 0 0 0 auto; position:relative; z-index:100; } #sort-by h2{ margin:0; color:#636363; padding: 0 0 0 15px; font-size:1em; font-weight:normal; line-height:22px; background:url(../img/site.png) 133px -862px no-repeat; } #sort-by h2 span{ display:block; border-right:1px solid #fff; width: 118px; } #sort-by ul{ margin:0;padding:0; border: solid #ebebeb; border:1px 1px 0 1px; background:f5f4f4; } .js #sort-by ul{ display:none;} #sort-by li{ list-style:none; border-bottom:1px solid #efefef } #sort-by li a{ color:#636363; display:block; padding:6px 5px 6px 10px; width:138px; } #sort-by li a:hover{ background:#f7f7f7; } /*PAGES*/ #page-results {} #page-results dl {} #page-results dt { position:relative; z-index:10; top:30px; left:0; margin: 0 0 0 228px; } #page-results dt a{ font-weight:bold; text-transform:uppercase; text-decoration:none; } #page-results dd { border-bottom:1px solid #d7d7d7; padding: 0 0 10px 0; position:relative; overflow:hidden; width: 100%; } #page-results dd .img{ border: 4px solid #d7d7d7; width: 192px; height:106px; float:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #page-results dd .img img{ border: 1px solid #000; width: 190px; height:104px; } #page-results dd .content{ margin: 35px 0 0 30px; float:left; width:auto; } #page-results dd .content ul{ margin:0;padding:0; } #page-results dd .content li{ list-style:none; } #page-results dd .link{ background:url(../img/site.png) 0 -211px; width: 105px; height: 25px; position:absolute; bottom:10px; right:0; } /* Immed Avail */ .imm-result { border-bottom: 1px solid #ccc; margin: 20px 0; padding-bottom: 20px; } .imm-result .imm-img { float:left; margin:0 20px 10px 0; padding: 6px; background-color: #e1e1e1; } .imm-result .imm-img p { margin: 0; padding: 0; } .imm-result .imm-img img { border:1px solid #ccc; } .imm-result .imm-desc { clear:both; } /*tabs*/ .js #content .tabs{ position:relative; padding:39px 0 0; } .js #content .tabs .display {position:absolute;top:-6000px;left:-6000px; margin: 0 0 0; padding: 20px 15px 0; width:100%; z-index:1; } .js #content .tabs > div { padding:0 0 0; } .js #content .tabs > .t { background:url(../img/site-x.png) 0 -388px repeat-x; height:40px; width: 100%; } .js #content .tabs > div > h2 { position:absolute; z-index:10; top:0; width:167px; cursor:pointer; font-weight:bold; } .js #content .tabs > div.one > h2 { left:0; } .js #content .tabs > div.two > h2 { left:195px; } .js #content .tabs > div.three > h2 { left:390px; } .js #content .tabs > div.active .s { height:41px; background:#fff; } .js #content .tabs > div.active .s .l { background-position:-20px -306px; } .js #content .tabs > div.active .s .r { background-position:-20px -336px; } .js #content .tabs > div.active .display { position:static!important;} .js #content .tabs > div .s .l{ top:0; background:url(../img/site.png) 0 -306px; width: 11px; height: 11px; } .js #content .tabs > div.one .s .l{ left:-1px; } .js #content .tabs > div .s .r{ top:0; background:url(../img/site.png) 0 -336px; width: 11px; height: 11px; } #page-communities #communities .display h3 { padding: 0 15px; line-height:31px; font-size:1.2em; display:block; margin: 0 26px 0 10px; background: url(../img/site-x.png) repeat-x 0 -1546px #e1e1e2; height: 31px; position:relative; text-transform:uppercase; border-bottom:1px solid #fff; cursor: pointer; } #page-communities #communities .display h3:hover { /*background-position: 0 -3002px;*/background-image:none; background-color:#D2D1D2!important; } #page-communities #communities .display h3.active { color:#fff; background: url(../img/site-x.png) repeat-x 0 -1444px #e1e1e2; } .js #page-communities #communities .display h3 .r { background: url(../img/site.png) 0 -789px; width: 11px; height: 11px; top:11px; right:9px; } .js #page-communities #communities .display h3.active .r { background: url(../img/site.png) 0 -758px; width: 11px; height: 11px; top:11px; right:9px; } .js #page-communities #communities .display .c { display:none; } #page-communities #communities .display .c { margin: 0 26px 0 10px; } .js #page-communities #communities .display .c.active { display:block; } /*#page-design-center h2,#page-design-center h3{color:#484848; font-weight:normal;}*/ #page-details {} #page-details .img{ min-height:200px; position:relative; z-index:20; } #page-details .img img{ border: 4px solid #d7d7d7; display:block; width: 360px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; } #page-details .specs { position:absolute; z-index: 1;right:30px; top:70px; background:#f4f4f4; width: 240px; padding: 30px 0 10px 200px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border:20px; color:#555; } #page-details .specs ul { } #page-details .specs li { font-size:1.1em; } #page-details .name {font-size:1.4em; color:#555; position:absolute; z-index:30; top:67px; right: 20px; width:240px; } #page-details #details { position:relative; width: 618px; border: 1px solid #000;margin:20px 0 0; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; } #page-details #details >.b{ height:212px; left:0; width: 618px; background:url(../img/site-x.png) 0 -2770px; } #page-details #details .nav { height:31px; overflow:hidden; background:url(../img/site-x.png) 0 0; background: url(../img/site-x.png) repeat-x 0 -1495px #e1e1e2; } #page-details #details .nav ul{margin:0;padding:0;} #page-details #details .nav li{ list-style:none; display:block; float:left; width:153px; text-align:center; border-right: 1px solid #000; border-left:1px solid #636363; } #page-details #details .nav li.first{ border-left:0; } #page-details #details .nav li.last{ border-right:0; width: 153px; } #page-details #details .nav li.active{ background: url(../img/site-x.png) repeat-x 0 -1444px #000; } #page-details #details .nav li a{ text-transform:uppercase; color:#fff; display:block; line-height:31px; text-decoration:none; } #page-details #details .nav li.active a{ color:#000; display:block; height:31px; line-height:31px; } #page-details #details .col{ display:none; } #page-details #details .col.active{ display:block;} #page-details #expansions ul { margin:0;padding:0; border:1px solid #eee; -moz-border-radius: 1px; -webkit-border-radius: 5px; } #page-details #expansions li { padding:6px 0 6px 35px; list-style:none; position:relative; border-bottom:1px solid #eee; } #page-details #expansions li.last { border-bottom:0; } #page-details #expansions li >.l {top:0; background:#e2e2e2; width:25px; height:100%; } #page-details #expansions .odd {background:#fff; } #page-details #expansions .even { background:#f7f7f7; } #page-details #communities { overflow:hidden; padding: 20px;} #page-details #communities .community{ width: 600px; position:relative; } #page-details #communities h3{ font-size:1.3em; background-color:#e1e1e1; margin:12px 0 0 -20px; padding:6px 0 6px 20px; } #page-details #communities h4{ font-size:1.1em; font-weight:bold; } #page-details #communities li{ padding: 0 0 0 20px; list-style:none; } #page-details #communities .msg{ font-size:1.2em; } #page-details #communities ul{ margin:0 0 0 15px;padding:0; } #page-details #communities li.available { color:#2f6f18; padding: 2px 0 2px 20px; list-style:none; background:url(/public/themes/marrano/img/available-icon.png) no-repeat 0 3px; } #page-details #communities li.model { color:#1b3483; padding: 2px 0 2px 20px; list-style:none; background:url(/public/themes/marrano/img/model-icon.png) no-repeat 0 3px; } #page-details #communities .legend { position:absolute; bottom: 30px; right: 40px; } #page-details #communities dl { overflow:hidden; width: 200px; } #page-details #communities dt { clear:both;width: 20px; float:left; } #page-details #communities dt .brl:before{ content: '[ '; } #page-details #communities dd .eq:before{ content: ' = '; } #page-details #communities dd .brr:after{ content: ' ]'; } #page-details #communities dd { width: 170px; float:left; } #paginate {margin: 10px 0 0 auto; overflow:hidden; } #paginate p.nav{margin:0;padding:0;float:left; height:25px; width: 25px;} #paginate p.nav.all{width: 55px;} #paginate p.nav.all a{font-size:1em; text-decoration:underline;} #paginate p.nav a{display:block; width:100%; height:100%; line-height:25px; font-size:1.3em; text-align:center; text-decoration:none;} #paginate p.nav a:hover{ text-decoration:underline;} #paginate h3{ font-size:1.1em;width:40px;float:left; line-height:25px; font-weight:normal; margin:0; } #paginate ul { overflow:hidden; width: auto;float:left;margin:0;padding:0;} #paginate ul li { list-style:none; width:25px;height:25px;float:left; border-right:1px solid #959595;} #paginate ul li.first { border-left:1px solid #959595;} #paginate ul li a{ display:block; line-height:25px; text-decoration:none; height:100%; text-align:center;} #paginate ul li.active a{background:#EBEBEB;} #paginate ul li a:hover{background:#f4f4f4;} #paginate ul li.active a:hover{background:#EBEBEB;} .model_homes { padding: 10px; font-size: 11px; border: 1px solid #FFF; border-bottom: 1px solid #CCC; } .model_homes:hover { cursor: pointer; background: #EEE; border-left: 1px solid #DDD; border-right: 1px solid #DDD; } .model_homes h3 { padding: 0; margin: 0 0 5px; }