/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ @import "base.css"; /* BASIC STRUCTURE *******************************************************************************/ html, body { background:#e3a54a; } body { background:#e3a54a; } #container { margin:0 auto; padding:0; width:980px; } /* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED. *******************************************************************************/ a:link, a:visited { color:#836D04; } a:hover { color:#C3430B; } /* BASIC FORM STYLES *******************************************************************************/ input, textarea { color:#333; } /* HEADER *******************************************************************************/ #header { height:50px; z-index:50; position:relative; } #home #header { height:50px; position:relative; } #header h1 { display:none; } #header #mainlogo { position:absolute; top:6px; left:20px; } #home #header #mainlogo { top:6px; left:86px; } #header #tagline { position:absolute; top:22px; right:103px; } #header #block-user-delta-soft-join { width:460px; bottom:0px; left:265px; position:absolute; } #header #softjoin { text-align:center; padding-bottom:10px; width:460px; } #header #softjoin IMG.softjoin_ttl { margin:0 auto 3px -110px; } #header #softjoin #zia-form-element-wrapper-softjoin_form-first_name { background: url(/assets/images/softjoin/ttl_firstname.gif) no-repeat 0 0; width:110px; padding:10px 2px 0 0; margin-right:8px; float:left; } #header #softjoin #zia-form-element-wrapper-softjoin_form-postal_code { background: url(/assets/images/softjoin/ttl_zipcode.gif) no-repeat 0 0; width:110px; padding:10px 2px 0 0; margin-right:8px; float:left; } #header #softjoin #zia-form-element-wrapper-softjoin_form-email { background: url(/assets/images/softjoin/ttl_emailaddress.gif) no-repeat 0 0; width:110px; padding:10px 2px 0 0; margin-right:8px; float:left; } #header #softjoin #zia-form-element-wrapper-softjoin_form-submit { padding:10px 2px 0 0; margin-right:8px; float:left; } #header #softjoin input#postal_code, #header #softjoin input#first_name, #header #softjoin input#email { font-size: 10px; width:110px; padding: 0 1px; } #header #softjoin label { display:none } #header #softjoin input { border:1px solid #545454; } #header #softjoin input.image { border:none; } #header #softjoin P { font-size: 10px; color:#fff; } #header #softjoin fieldset, #header #softjoin form { margin-bottom:1px; } #header #softjoin ul.errors { margin-bottom:1px; padding-left:0; margin-left:0; text-align:left; color:#900; font-size:11.5px; } /* NAVIGATION *******************************************************************************/ /* MAIN NAV */ #block-menu-delta-main-menu { /*position:absolute; top:56px; right:23px;*/ width:225px; height:210px; background:transparent url(../images/mainnav/primary_bg.gif); background-repeat:no-repeat; background-position:0 0; z-index:5; } .mainnav, .mainnav ul { position:relative; left:17px; top:20px; margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:23px; z-index:5; } .mainnav ul, .mainnav ul * { background-image:none !important; } .mainnav a { display:block; padding:0; border-bottom:1px solid #ffefbd; color:#000 !important; text-decoration:none; text-transform:uppercase; background-color:transparent; font-size:10px; } .mainnav a:hover { background-color:transparent; color:#d9541e !important; width:134px; } .mainnav li { /*float:left;*/ position:relative; } .mainnav ul { position:absolute; display:none; /*width:100px;*/ left:188px; top:0; } .mainnav li ul a { /*float:left; padding:1px 0 1px 19px;*/ width:134px !important; height:auto; } .mainnav ul ul { top:auto; } .mainnav li ul ul { /*left:170px;*/ } .mainnav li:hover ul ul, .mainnav li:hover ul ul ul, .mainnav li:hover ul ul ul ul { display:none; } .mainnav li:hover ul, .mainnav li li:hover ul, .mainnav li li li:hover ul, .mainnav li li li li:hover ul { display:block; } /* MAIN NAV: DEFAULT */ .mainnav li.custom-homes span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/customhomes.gif); background-repeat:no-repeat; background-position:0 0; border-bottom:1px solid #e9d1a3; } .mainnav li.find-your-home span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/findyourhomenow.gif); background-repeat:no-repeat; background-position:0 0; border-bottom:1px solid #e9d1a3; } .mainnav li.whats-here span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/whatshere.gif); background-repeat:no-repeat; background-position:0 0; border-bottom:1px solid #e9d1a3; } .mainnav li.facts-and-news span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/factsnews.gif); background-repeat:no-repeat; background-position:0 0; border-bottom:1px solid #e9d1a3; } .mainnav li.register span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/register.gif); background-repeat:no-repeat; background-position:0 0; border-bottom:1px solid #e9d1a3; } .mainnav li.tour span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/tour.gif); background-repeat:no-repeat; background-position:0 0; border-bottom:1px solid #e9d1a3; } .mainnav li.whats-new span { position:absolute; left:0; top:0; display:block; height:23px; background:transparent url(../images/mainnav/whatsnew.gif); background-repeat:no-repeat; background-position:0 0; } .mainnav li.whats-new a { height:23px; border-bottom:1px solid #fbfae3; background:#fbfae3; } .mainnav li, .mainnav li a, .mainnav li span { width:187px; cursor:pointer; } /* MAIN NAV: HOVER */ .mainnav li.custom-homes a:hover span { background-position:0 -23px; } .mainnav li.find-your-home a:hover span { background-position:0 -23px; } .mainnav li.whats-here a:hover span { background-position:0 -23px; } .mainnav li.facts-and-news a:hover span { background-position:0 -23px; } .mainnav li.register a:hover span { background-position:0 -23px; } .mainnav li.tour a:hover span { background-position:0 -23px; } .mainnav li.whats-new a:hover span { background-position:0 -23px; } .mainnav li.active a span { background-position:0 -23px; } /* IE 6 Hack */ * html .mainnav li a { float:left; margin-top:-3px; padding:0; } * html .mainnav li.whats-here ul { position:absolute; top:-67px; clear:both; margin-top:0; padding:0; } * html .mainnav li.whats-here li span { position:absolute; top:-8px; } * html .mainnav li.whats-here li.shop span { position:absolute; top:-6px; } * html .mainnav li.whats-here li.community-services span { height:37px !important; } .mainnav li ul li a, .mainnav li ul li a:hover { font-size:0; color:#fbfae3 !important; } /* hide second level nav text */ .mainnav ul * { width:134px !important; background:transparent !important; border:none !important; } .mainnav li.whats-here ul { top:-67px; width:143px; height:210px; background:transparent url(../images/mainnav/whats-here-full.gif) !important; background-repeat:no-repeat; background-position:0 0; } .mainnav li.whats-here li.shop { margin-top:10px; height:25px; } .mainnav li.whats-here li.shop span { height:25px; } .mainnav li.whats-here li.play { height:23px; } .mainnav li.whats-here li.play span { height:23px; } .mainnav li.whats-here li.dine { height:24px; } .mainnav li.whats-here li.dine span { height:24px; } .mainnav li.whats-here li.enjoy { height:25px; } .mainnav li.whats-here li.enjoy span { height:25px; } .mainnav li.whats-here li.get-involved { height:23px; } .mainnav li.whats-here li.get-involved span { height:23px; } .mainnav li.whats-here li.learn { height:24px; } .mainnav li.whats-here li.learn span { height:24px; } .mainnav li.whats-here li.community-services { height:39px; } .mainnav li.whats-here li.community-services span { height:39px; } .mainnav li.whats-here li.community-services a { margin-left:-8px; } .mainnav li.facts-and-news ul { top:-91px; width:143px; height:210px; background:transparent url(../images/mainnav/facts-and-news-full.gif) !important; background-repeat:no-repeat; background-position:0 0; } .mainnav li.facts-and-news li.west-valley-news { margin-top:100px; height:36px; } .mainnav li.facts-and-news li.west-valley-news a { margin-left:-8px; } .mainnav li.facts-and-news li.west-valley-news span { height:36px; } .mainnav li.facts-and-news li.verrado-news { height:23px; } .mainnav li.facts-and-news li.verrado-news span { height:23px; } .mainnav li.facts-and-news li.directions { height:24px; } .mainnav li.facts-and-news li.directions span { height:24px; } .mainnav li.register ul { top:-115px; width:143px; height:210px; background:transparent url(../images/mainnav/register-full.gif) !important; background-repeat:no-repeat; background-position:0 0; } .mainnav li.register li.send-comment { margin-top:125px; height:36px; } .mainnav li.register li.send-comment a { margin-left:-8px; } .mainnav li.register li.send-comment span { width:126px height:36px; } /* TABS */ .tabs-wrapper {} .tabs-wrapper .tabs-nav { margin:0; padding:0; list-style-type:none; list-style-position:outside; } .tabs-wrapper .tabs-nav li { float:left; display:inline; margin:0 20px 20px 0; } .tabs-wrapper .content { clear:both; margin:0 0 40px 20px; } .active a, .active a:link, .active a:visited, .active a:hover { color:green; } .active a, .active a:link, .active a:visited, .active a:hover { color:green; } .inactive a, .inactive a:link, .inactive a:visited, .inactive a:hover { color:red; } .visible { display:block; } .hidden { display:none; } /* PREVIOUS/NEXT */ #previous-next-controller { margin:0 0 10px 0; padding:10px 0 0 0; height:30px; } #previous-next-controller a { display:inline; margin:0 10px 0 0; } #previous-next-items { min-height:172px; } *html #previous-next-items { height:174px; } #previous-next-items .previous-next-item { position:relative !important; padding:0 0 13px 0; } /* WHATS-HERE & FACTS AND NEWS SUBNAVS *******************************************************************************/ .subnav { margin:0; padding:0 0 10px 0; list-style-type:none; text-align:center; } .subnav li { display:inline; padding:0 0 0 5px; background:transparent url(/assets/images/trans_sub_divider.gif) repeat-y top left; } .subnav li.shop, .subnav li.west-valley-news { background:none; } .subnav li a, .subnav li a:visited { color:#836D04; text-decoration:none; } .subnav li a:hover { color:#c3430b; text-decoration:none; } /* CONTENT AREA *******************************************************************************/ /* LEFT *******************************************************************************/ #left { float:left; display:inline; width:225px; min-height:425px; } * html #left { height:425px; } #left #block-keystone-delta-left-gallery, #left #block-keystone-delta-left-promo { width:218px; margin:6px auto; } #left #block-keystone-delta-left-realtor { width:218px; margin:auto; } /* MAIN *******************************************************************************/ #main { float:left; display:inline; margin:0 4px; width:504px; min-height:425px; overflow:hidden; } * html #main { } .standard-subtop-page #maincontent { min-height:217px; } * html .standard-subtop-page #maincontent { height:222px; } .short-subtop-page #maincontent { min-height:320px; } * html .short-subtop-page #maincontent { height:325px; } #rotator { position:absolute; margin:0 2px 0 0; width:499px; background:black; } #rotator .rotator-controller { position:absolute; top:372px; margin-left:430px; width:63px; height:17px; z-index:50; } #rotator .rotator-controller .rotator-prev, #rotator .rotator-controller .rotator-pause, #rotator .rotator-controller .rotator-next { float:left; display:inline; margin-right:1px; cursor:pointer; } #rotator .title-panel { position:absolute; left:361px; width:138px; height:55px; background:#c2430c url(/assets/images/rotator/title-panel-corner.gif) no-repeat top right; } #rotator .title-panel h2 { margin:0 25px 0 0; padding:7px 0 0 0; color:white; font-weight:normal; text-align:right; } #rotator .title-panel h6 { margin:0 25px 0 0; color:white; font-weight:normal; text-align:right; } #rotator .details-panel { position:absolute; top:364px; width:499px; height:62px; } #rotator .details-panel .details { margin:16px 0 0 30px; height:62px; color:white; } /* #rotator .details-panel-empty { position:absolute; top:395px; width:499px; height:31px; background:#c2430c url(/assets/images/rotator/rotator-bottom.gif) no-repeat bottom; } */ #rotator .details-panel-empty { position:absolute; top:395px; width:499px; height:31px; background:#c2430c no-repeat bottom; } #rotator .background-image { z-index:-1; } #rotator .rotator-main-copy { margin:15px 0 0 20px; position:absolute; width:455px; } #rotator .rotator-main-copy h2 { margin:0; text-align:center; font-family:serif; color:#ffffff; font-size:14px; } #rotator .rotator-main-copy p { margin:4px 0 0 0; text-align:center; color:#ffffff; } #maincontent a.thickbox { float:left; margin: 10px 10px 10px 10px; } #maincontent h2 { display:none; } /* SUBTOP *******************************************************************************/ #main #subtop_banner { width:504px; position:relative; } #main #subtop_banner #rotator { width:504px; height:172px; position:relative; overflow:hidden; } #main #subtop_banner #rotator.send-comment { height:92px; } #main #subtop_banner #rotator.verify-zip { height:72px; } *html #container #content #main #block-keystone-delta-sub-top #subtop_banner div.send-comment { height:92px; } *html #container #content #main #block-keystone-delta-sub-top #subtop_banner div.verify-zip { height:72px; } #main #subtop_banner #rotator div { width:504px; overflow:hidden; } #main #subtop_title { background:url(/assets/images/sub/titlestr.gif) repeat-y; padding:8px 0 16px 0; text-align:center; } #main #subtop_title h3 { font-size: 21px; color:#ffffcc; font-family:serif; text-align:center; margin:0px; padding:0px; text-transform:capitalize !important;} #main #maincontent { margin:-12px 0 0 0; padding: 0px 40px 0px 23px; background:url(/assets/images/sub/bodystr.gif) repeat-y; } *html #maincontent { margin:-12px 0 0 0; padding:10px 40px 0px 23px; } #main #textchanger { background:url(/assets/images/sub/bodystr.gif) repeat-y; padding: 0px 40px 0px 23px; text-align:right; position:relative; } #main #maincontent p { line-height:1.6em; text-align:justify; } #main #maincontent p.visible content { text-align:justify; } #main #maincontent #rollover { display:block; margin:0 0 30px 100px; padding:10px 0 0 0; clear:both; } #main #maincontent #rollover a span { visibility:hidden; } #main #maincontent #rollover span.divider { float: left; display:inline; margin:0 5px 0 5px; color:#c3430b; font-size:18px; } #main #maincontent p a.getdirections { float:left; display:inline; margin:5px 0 0 0; width:115px; height:10px; background:url(/assets/images/buttons/getdirection_i.gif) no-repeat 0 0; text-decoration:none; } #main #maincontent p a:hover.getdirections { background:url(/assets/images/buttons/getdirection_a.gif) no-repeat 0 0; text-decoration:none; } #main #maincontent p a.sendacomment { float:left; display:inline; margin:5px 0 0 0; width:130px; height:10px; background:url(/assets/images/buttons/sendacomment_i.gif) no-repeat 0 0; text-decoration:none; } #main #maincontent p a:hover.sendacomment { background:url(/assets/images/buttons/sendacomment_a.gif) no-repeat 0 0; text-decoration:none; } #main #maincontent p .directions, #main #maincontent p .comment { margin-top:20px; color:#c3430b; font-size:16px; } #main #maincontent p .directions:hover, #main #maincontent p .comment:hover { color:#000000; } #main #maincontent ul { margin-bottom:0; } #main #contentbase { margin:0; padding:0; height:11px; background:url(/assets/images/sub/bottom.gif) no-repeat; } * html #main #contentbase { margin:-12px 0 0 0; } #main #maincontent #search-form, #main #maincontent #search-form div, #main #maincontent #search-form input { font-size:12px; } #search-results-table thead tr th { cursor:pointer; } /* COMMENT FORM *******************************************************************************/ #main #block-keystone-delta-natural-path-matched-block #comment-form { margin:-8px 0 0 0; width:450px; padding:4px 0 0 0; display:block; position:relative; } #main #block-keystone-delta-natural-path-matched-block #comment-form { margin:expression(0); width:expression(200+"px"); } *html #main #block-keystone-delta-natural-path-matched-block p.comment-blurb { margin-right:18px !important;} #main #block-keystone-delta-natural-path-matched-block #comment-form p { width:150px !important; margin:10px 0 0 0 !important;} *html #main #block-keystone-delta-natural-path-matched-block #comment-form { margin:0 !important;} #main #comment-form label { margin:0; padding:0; display:block; width:150px; } #main #comment-form .zia-form-element-separator { display:none; } #main #comment-form input.text, #main #comment-form select, #main #comment-form textarea { margin:-13px 0 6px 0; border:solid 1px #E3A54B; } #main div.zia-form-elements { position:relative; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-email { width:100%; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-email input { width:200px; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-salutation { width:100%; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-salutation select { width:206px; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-first_name { width:100%; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-first_name input { width:200px; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-last_name { width:100%; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-last_name input { width:200px; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-comments { width:100%; } *html #main div.zia-form-elements #zia-form-element-wrapper-comment_form-comments { width:100%; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-comments textarea { width:230px; height:116px; border: solid 1px #E3A54B; } #main div.zia-form-elements label.errors { color:#900; } #main div.zia-form-elements ul.errors { list-style-type:disc !important; } #main div.zia-form-elements #zia-form-element-wrapper-comment_form-email input.errors, #main div.zia-form-elements #zia-form-element-wrapper-comment_form-salutation select.errors, #main div.zia-form-elements #zia-form-element-wrapper-comment_form-first_name input.errors, #main div.zia-form-elements #zia-form-element-wrapper-comment_form-last_name input.errors, #main div.zia-form-elements #zia-form-element-wrapper-comment_form-comments textarea.errors { border-color: #900; } #main #block-keystone-delta-natural-path-matched-block { display:block; height:auto; padding-top:20px; padding-bottom:20px; text-align:justify; } #main #block-keystone-delta-natural-path-matched-block #comments { width:200px; } #main #block-keystone-delta-natural-path-matched-block p.comment-blurb { float:left; padding:0 10px 0 0; margin-left:0px !important; margin-right:25px; width:200px !important; } /* ZIP FORM *******************************************************************************/ #main #verify-zip-form { margin-bottom: 0; padding-bottom: 0; } #zia-form-element-wrapper-verify_zip_form-submit { margin-top:8px; } #zia-form-element-wrapper-verify_zip_form-submit img { display:block; } /* SEND A COMMENT *******************************************************************************/ #main #maincontent #sendacomment { display:block; position:relative; } /* TABS *******************************************************************************/ #tabs-top { margin:25px 0 0 0; padding:3px 0 0 2px !important; } #tabs-top { margin-top:expression(22+"px"); } #get-involved-tabs-wrapper, #learn-tabs-wrapper, #west-valley-news-tabs-wrapper, #play-tabs-wrapper, #enjoy-tabs-wrapper, #community-services-tabs-wrapper { border:1px sold red; margin-left:0px; } #tabs-top { background:url(/assets/images/sub/titlestr.gif) repeat-y; width:504px; height:20px;overflow:hidden; padding:0 0 0 1px;position:relative;left:-23px; top:-23px; } #tabs-top .visible content { width:100px; } #get-involved-tabs-wrapper ul, #learn-tabs-wrapper ul, #west-valley-news-tabs-wrapper ul, #play-tabs-wrapper ul, #enjoy-tabs-wrapper ul, #community-services-tabs-wrapper ul { margin:0; } #maincontent { margin:-10px 0 0 0; } #get-involved-tabs-wrapper li, #learn-tabs-wrapper li, #west-valley-news-tabs-wrapper li, #play-tabs-wrapper li, #enjoy-tabs-wrapper li, #community-services-tabs-wrapper li { width:166px; height:20px; margin:0; padding:0; } #get-involved-tabs-wrapper .content, #learn-tabs-wrapper .content, #west-valley-news-tabs-wrapper .content, #play-tabs-wrapper .content, #enjoy-tabs-wrapper .content, #community-services-tabs-wrapper .content { clear:none; margin:0; padding-bottom:20px; } #get-involved-tabs-wrapper li.active #get-involved-tab-1-button img { background:url(/assets/images/tabs/getinvolved_clubs_a.gif) no-repeat; } #get-involved-tabs-wrapper li.inactive #get-involved-tab-1-button img { background:url(/assets/images/tabs/getinvolved_clubs_i.gif) no-repeat; } #get-involved-tabs-wrapper li.active #get-involved-tab-2-button img { background:url(/assets/images/tabs/getinvolved_volunteerspirit_a.gif) no-repeat; } #get-involved-tabs-wrapper li.inactive #get-involved-tab-2-button img { background:url(/assets/images/tabs/getinvolved_volunteerspirit_i.gif) no-repeat; } #get-involved-tabs-wrapper li.active #get-involved-tab-3-button img { background:url(/assets/images/tabs/getinvolved_verradoleadership_a.gif) no-repeat; } #get-involved-tabs-wrapper li.inactive #get-involved-tab-3-button img { background:url(/assets/images/tabs/getinvolved_verradoleadership_i.gif) no-repeat; } #learn-tabs-wrapper li.active #learn-tab-1-button img { background:url(/assets/images/tabs/learn_celebratelearning_a.gif) no-repeat; } #learn-tabs-wrapper li.inactive #learn-tab-1-button img { background:url(/assets/images/tabs/learn_celebratelearning_i.gif) no-repeat; } #learn-tabs-wrapper li.active #learn-tab-2-button img { background:url(/assets/images/tabs/learn_theteenyears_a.gif) no-repeat; } #learn-tabs-wrapper li.inactive #learn-tab-2-button img { background:url(/assets/images/tabs/learn_theteenyears_i.gif) no-repeat; } #learn-tabs-wrapper li.active #learn-tab-3-button img { background:url(/assets/images/tabs/learn_highereducation_a.gif) no-repeat; } #learn-tabs-wrapper li.inactive #learn-tab-3-button img { background:url(/assets/images/tabs/learn_highereducation_i.gif) no-repeat; } #community-services-tabs-wrapper li.active #community-services-tab-1-button img { background:url(/assets/images/tabs/communityservice_verassembly_a.gif) no-repeat; } #community-services-tabs-wrapper li.inactive #community-services-tab-1-button img { background:url(/assets/images/tabs/communityservice_verassembly_i.gif) no-repeat; } #community-services-tabs-wrapper li.active #community-services-tab-2-button img { background:url(/assets/images/tabs/communityservice_ourcomm_a.gif) no-repeat; } #community-services-tabs-wrapper li.inactive #community-services-tab-2-button img { background:url(/assets/images/tabs/communityservice_ourcomm_i.gif) no-repeat; } #community-services-tabs-wrapper li.active #community-services-tab-3-button img { background:url(/assets/images/tabs/communityservice_serviceproviders_a.gif) no-repeat; } #community-services-tabs-wrapper li.inactive #community-services-tab-3-button img { background:url(/assets/images/tabs/communityservice_serviceproviders_i.gif) no-repeat; } #play-tabs-wrapper li.active #play-tab-1-button img { background:url(/assets/images/tabs/play_verradoparks_a.gif) no-repeat; } #play-tabs-wrapper li.inactive #play-tab-1-button img { background:url(/assets/images/tabs/play_verradoparks_i.gif) no-repeat; } #play-tabs-wrapper li.active #play-tab-2-button img { background:url(/assets/images/tabs/play_sportshealthclub_a.gif) no-repeat; } #play-tabs-wrapper li.inactive #play-tab-2-button img { background:url(/assets/images/tabs/play_sportshealthclub_i.gif) no-repeat; } #play-tabs-wrapper li.active #play-tab-3-button img { background:url(/assets/images/tabs/play_ravengolfclub_a.gif) no-repeat; } #play-tabs-wrapper li.inactive #play-tab-3-button img { background:url(/assets/images/tabs/play_ravengolfclub_i.gif) no-repeat; } #enjoy-tabs-wrapper li.active #enjoy-tab-1-button img { background:url(/assets/images/tabs/enjoy_celebrations_a.gif) no-repeat; } #enjoy-tabs-wrapper li.inactive #enjoy-tab-1-button img { background:url(/assets/images/tabs/enjoy_celebrations_i.gif) no-repeat; } #enjoy-tabs-wrapper li.active #enjoy-tab-2-button img { background:url(/assets/images/tabs/enjoy_tranquility_a.gif) no-repeat; } #enjoy-tabs-wrapper li.inactive #enjoy-tab-2-button img { background:url(/assets/images/tabs/enjoy_tranquility_i.gif) no-repeat; } #enjoy-tabs-wrapper li.active #enjoy-tab-3-button img { background:url(/assets/images/tabs/enjoy_healthandwellness_a.gif) no-repeat; } #enjoy-tabs-wrapper li.inactive #enjoy-tab-3-button img { background:url(/assets/images/tabs/enjoy_healthandwellness_i.gif) no-repeat; } #west-valley-news-tabs-wrapper li.active #west-valley-news-tab-1-button img { background:url(/assets/images/tabs/westvalleynews_powerball_a.gif) no-repeat; } #west-valley-news-tabs-wrapper li.inactive #west-valley-news-tab-1-button img { background:url(/assets/images/tabs/westvalleynews_powerball_i.gif) no-repeat; } #west-valley-news-tabs-wrapper li.active #west-valley-news-tab-2-button img { background:url(/assets/images/tabs/westvalleynews_haveaball_a.gif) no-repeat; } #west-valley-news-tabs-wrapper li.inactive #west-valley-news-tab-2-button img { background:url(/assets/images/tabs/westvalleynews_haveaball_i.gif) no-repeat; } #main #sitemap_wrapper ul.sitemap li { list-style-type: disc; } ul.sitemap li.tour a.thickbox { float:none !important; margin:auto !important; } /* RIGHT *******************************************************************************/ #right { float:left; display:inline; width:230px; min-height:425px; } * html #right { height:425px; } #right #block-search-delta-mini-home-search { width:225px; height:117px; background: url(/assets/images/block_bg/searchhomes_bg_tall.gif) no-repeat; } #right #block-search-delta-mini-home-search #option_search_fields { float:right; margin:19px 17px 0 0; } #right #block-search-delta-mini-home-search #option_search_fields DIV.search-group-label { display: none; } #right #block-search-delta-mini-home-search #option_search_fields { padding-left:5px; } #right #block-search-delta-mini-home-search select { font-size:10px; width:155px; height:16px; } #right #block-search-delta-mini-home-search select { font-family:expression('tahoma');font-size:expression('9px'); } #right #block-search-delta-mini-home-search select bedrooms { } #right #block-search-delta-mini-home-search #submit { clear:right;float:right; margin:4px 10px 0 0; } #right #block-realestate-delta-right-featured-builder { margin-left:6px; } #right #block-keystone-delta-promo-banner { margin:8px 0 0 6px; } /* FOOTER *******************************************************************************/ #footer { float:left; display:inline; margin:20px auto 0 auto; width:969px; } #footer .footerblurb { text-align: left; font-size:95%; } #footer #footerlinks { text-align:center; width:800px; margin:8px auto 0px; font-size:90%; } #footer #footerlinks ul { } #footer #footerlinks ul li { display:inline; } #footer #footerlinks ul li a { color:#333; margin:auto 3px; white-space:nowrap; } #footer #footerlinks ul li a span { display:none; } #footer #footerlinks ul ul { display:none; } #footer .footerblurb a { color:#333; } #footer ul.footerlist { margin-left:0; margin-bottom:10px; } /* sIFR *******************************************************************************/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; letter-spacing: -9px; font-size: 55px; } .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; text-transform: capitalize; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; } /* MISC. CLASSES & IDS *******************************************************************************/ .dk-orange-bold { color:#d17505; font-weight:bold; } .black-bold { font-weight:bold; text-transform:uppercase; } .indent a { margin:0 0 0 14px; color:#5c8581 !important; } .browse-all-footer { color:#fff !important; padding: 0 5px; text-decoration:none; } a.browse-all-footer:hover { text-decoration:underline; } /* SEARCH *******************************************************************************/ #maincontent #search-form { margin:0 0 0 -22px; background:#eeecd3; width:500px; } #maincontent #search-form .zia-form-elements { margin:0 0 0 10px; width:480px; } *html #maincontent #search-form { margin:-10px 0 0 -22px; } #maincontent #search-form .zia-form-elements select { width:150px; } #maincontent #search-form p { padding:0 0 10px 22px; } #main #block-search-delta-zfull-home-search .fieldset { background:#eeecd3; padding-bottom:10px; } #main #block-search-delta-zfull-home-search .zia-form-elements { left:1px; width:500px; background:#eeecd3; font-size:10px; } *html #main #block-search-delta-zfull-home-search .zia-form-elements { margin-top:-21px; } #main #block-search-delta-zfull-home-search .zia-form-elements select { font-size:10px; width:148px; } .search-column { margin:0 0 0 15px; padding:4px 0 0 0; width:157px; display:inline; float:left; background:#eeecd3; } .search-group-label { padding:2px 0; color:#ae6e17; text-transform:uppercase; font-size:9px !important; } #search-group-label-neighborhood { padding-top:10px; } #zia-form-element-wrapper-search_form-submit_search { text-align:center; padding-top:70px; padding-bottom:15px; } #norotator_title { position:relative; left:1px; margin:0; padding:11px 0 0 0; width:502px; height:30px; background:url(/assets/images/headers/header-bg-search.gif) no-repeat 0 0; } #norotator_title h3 { color:#ffffcc; font-size:21px; font-family:serif; } #norotator_top { background: url(/assets/images/sub/top.gif) no-repeat top center; position:relative; left:1px; margin:0; padding:14px 0 0 0; width:502px; height:0; } #main #subtop_title.norotator_registry_title { position:relative; left:-23px; margin:12px 0 0 0; padding:14px 0 0 0; width:504px; height:44px; background:url(/assets/images/headers/sienna_subtop.gif) no-repeat 0 0; } #main #subtop_title.norotator_registry_title { margin-top:expression(12+"px"); } *html #main #subtop_title.norotator_registry_title { margin-top:12px; } .zia-form-view-all { clear: both; display:block; margin: 5px 0 0 -22px; padding:5px 0 5px 0; width:500px; background:#5b8481; text-align:right; } .zia-form-view-all { margin-bottom:expression(0+"px"); } *html .zia-form-view-all { margin-bottom:10px; padding-bottom:8px; } .zia-form-view-all input { padding:0 5px; background:#5b8481; border:none; color:#FFFFFF; text-decoration:underline; } #search-message { padding:23px 0 17px 15px; } #search-results-wrapper { margin:0 0 0 0px; width:476px; min-height:257px; } *html #search-results-wrapper { height:257px; } #search-results-wrapper .search-results-header-wrapper { margin:0 0 0 0px; padding:15px 0 0 0; } #search-results-wrapper .search-results-header-wrapper .search-results-header { color:#5b8481; font-size:16px; font-weight:bold; text-transform:uppercase; } #search-results-wrapper #search-results-table { width:460px; } #search-results-wrapper #search-results-table td { font-size:10px; border-bottom:1px solid #d8b274; } #search-results-wrapper #search-results-table th { text-align:left; border-bottom:1px solid #d8b274; } #search-results-wrapper #search-results-table th, #search-results-wrapper #search-results-table a { font-size:10px; color:#000000; text-decoration:underline; } .home-search-wrapper #search-results-wrapper { height: auto; min-height:140px; overflow: hidden; } *html .home-search-wrapper #search-results-wrapper { height:auto; } .home-search-copy { background:#faf8e1; padding:30px 0 10px 20px; } .home-search-copy p { padding:0 !important; width:379px !important; line-height:20px; } .home-search-wappper { text-align:center; } .home-search-wrapper .search-results-header-wrapper { border-bottom:1px solid #d8b274; width:450px; } .home-search-wrapper .search-results-header-wrapper .search-results-header { margin-left:-5px; } .home-search-wrapper .builder-list { list-style:none; margin:5px 0 0 7px; } .home-search-wrapper .builder-list li { float:left; display:block; text-align:left; line-height:20px; margin-left:10px; width:220px;} .home-search-wrapper .builder-list a { color:#54504f; } .home-search-wrapper br { height:10px; line-height:10px; } .homes-search-view-back-bar { margin:0 0 0 -22px; padding:5px; width:490px; background:#7c9997; } *html .homes-search-view-back-bar { margin:0 -22px !important; } .homes-search-view-back-bar a { color:#ffffff !important; } *html .homes-search-view-back-bar { margin-top:-12px; } .tablesorter { min-height:500px !important; } /* HOUSING PLAN & BUILDER PAGES *******************************************************************************/ #maincontent .block .plan-rendering, #maincontent .block .plan-floorplan { padding:0 0 15px 0; } #maincontent .block h1 { margin:0; padding:0; text-align:left; color:#af6e0a; text-transform:uppercase; font-family:serif; } .real-estate-wrapper { font-size:10px; padding:10px 0 0 0; } .real-estate-details-wrapper { height:auto; overflow:hidden; padding:5px 0 0; width:500px; } .real-estate-details-wrapper a, .real-estate-details-wrapper a:hover { color:#000000; } .real-estate-details-wrapper .real-estate-logo { margin:0 0 30px 0; float:left; } .real-estate-details-wrapper .real-estate-details-left { margin:0 20px 0; float:left; text-align:left; width:140px; } .real-estate-details-wrapper .real-estate-details-right { padding:0 15px; float:left; text-align:left; } .real-estate-details-wrapper .real-estate-details-divider { float:left; border-left:1px solid #d9b174; width:1px; height:70px; } .real-estate-details-wrapper #builder-details-left { display: inline; float:left; margin:0 20px 0 30px; text-align:left; width:170px; } .real-estate-images-wrapper { padding:20px 0 0 0; text-align:center; margin:0 20px 0 0px;} .real-estate-description { clear:both; } #builder-wrapper { margin:0 0 10px 0; } /* REGISTRY PAGE *******************************************************************************/ #registry-form { margin-top: 12px;margin-bottom:0px;padding-bottom:12px; } #registry-form div.zia-form-elements { position:relative; } #registry-form #zia-form-element-wrapper-registry_form-realtor_optin, #registry-form #zia-form-element-wrapper-registry_form-list_optin, #registry-form #zia-form-element-wrapper-registry_form-plan_to_move, #registry-form #zia-form-element-wrapper-registry_form-household_income, #registry-form #zia-form-element-wrapper-registry_form-price_range, #registry-form #zia-form-element-wrapper-registry_form-referred_by, #registry-form #zia-form-element-wrapper-registry_form-referred_by_other, #registry-form #zia-form-element-wrapper-registry_form-sell_current_home { width:48%; padding-bottom:12px; } #registry-form #zia-form-element-wrapper-registry_form-email { width:48%; position:absolute; top:0px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-company { width:48%; position:absolute; top:40px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-salutation { width:48%; position:absolute; top:80px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-first_name { width:48%; position:absolute; top:120px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-last_name { width:48%; position:absolute; top:160px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-address1 { width:48%; position:absolute; top:200px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-address2 { width:48%; position:absolute; top:224px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-city { width:48%; position:absolute; top:248px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-state { width:48%; position:absolute; top:272px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-country { width:48%; position:absolute; top:296px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-postal_code { width:48%; position:absolute; top:320px; left:240px; } #registry-form #zia-form-element-wrapper-registry_form-submit { position:absolute; top:363px;left:240px; } /* WHATS NEW MAIN *******************************************************************************/ .whats-new-wrapper { margin:0 0 0 0; padding:20px 0; width:455px; border-bottom:1px dotted #5c8581; } .whats-new-wrapper .inset_image { width:142px !important; float:left; } .whats-new-wrapper .body { margin:0 0 0 167px; width:290px; } .whats-new-wrapper .title, .whats-new-wrapper .subtitle { font-weight:bold; font-size:14px; color:#5c8581; line-height:20px; } .whats-new-wrapper .subtitle { margin-bottom:5px; } #whats-new-wrapper-0 { } #norotator_title.whats-new { margin:12px 0 0 -23px; height:41px; } /* FOR IE6 and IE7 */ *html .whats-new-wrapper { margin:-10px 0 0 0; } *html .whats-new-wrapper .body { margin:0 0 0 160px; } .whats-new-wrapper .body { margin-top:expression(-89+"px"); } /* WHATS NEW BLOCK *******************************************************************************/ #whats-new-block-elements-wrapper { font-size:11px; margin:7px 0 0 0; width:230px; background:url(/assets/images/whatsnew/block/body-bg.gif) repeat-y 0 0; } .whats-new-block-wrapper { margin:0 0 0 15px; padding:7px 0; } .whats-new-block-wrapper .block-inset_image { display:block; float:left; width:75px; height:47px; } .whats-new-block-wrapper .block-inset_image img { width:75px; height:47px; } .whats-new-block-wrapper .block-title, .whats-new-block-wrapper .block-title a, .whats-new-block-wrapper .block-title a:visited, .whats-new-block-wrapper .block-title a:hover { font-size:12px; margin:0 0 10px 0; padding:5px 0 0 0; width:186px; font-weight:bold; color:#68531b; } .whats-new-block-wrapper .block-title a:hover { text-decoration:none; color:#C2430C; } .whats-new-block-wrapper .block-body { display:block; float:left; margin:0 0 0 7px; width:120px; color:#68531b; } #whats-new-block-0 { border-bottom:1px solid #b2a771; } #whats-new-block-1 { padding-bottom:0; } /* ARTICLES: VERRADO NEWS & ARCHIVE *******************************************************************************/ #maincontent .articles-nav { padding:10px 0; height:20px; } #maincontent .articles-link { float:left; text-transform:uppercase; } #maincontent .previous-next-links { margin:-8px 0 0 0; float:right; text-transform:lowercase; } #maincontent .previous-next-links { margin-top:expression(-8+"px");} #maincontent #previous-next-items { clear:both; } #maincontent .article { margin-bottom:40px; } #maincontent .article-title { text-transform:uppercase; font-weight:bold; } #maincontent .article-subtitle { text-transform:capitalize; font-weight:bold; } #maincontent .article-body {} /* EXTRAS *******************************************************************************/ img .floatright {float:right; margin:2px 5px 2px 5px;} img .floatleft {float:left; margin:2px 5px 2px 5px;} /* SOFT JOIN *******************************************************************************/ #home #block-user-delta-soft-join { position: absolute; top: 433px; background:#c2430c url(/assets/images/rotator/rotator-bottom.gif) no-repeat bottom; width:499px; } #home #block-keystone-delta-natural-path-matched-block { padding-bottom:0px; } .wrapper-details-panel { color:#fff; width:129px; height:80px; margin:35px 0 0 0; padding:5px; position:absolute; z-index:200; right:0px; overflow:hidden; } #rotator .rotator-view-details img { margin:5px 0 0 0px; } /* West Valley Styles *******************************************************************************/ .block h4.small{ font-size:12px; letter-spacing:1px; margin:20px 0 2px; visibility:visible; } #block-entity-delta-natural-path-matched-block p.small{ margin: 0px 0px; padding: 0px 0px 20px 0px; } #main .westvalley-page div.zia-form-elements ul.errors li{ color: #FF0000; } #main .west-valley-thanks{ font-size:14px; font-weight:bold; line-height:22px !important; padding:15px 0 10px;} /* Friends Form Styles *******************************************************************************/ .block h4.small{ font-size:12px; letter-spacing:1px; margin:20px 0 2px; visibility:visible; } #block-entity-delta-natural-path-matched-block p.small{ margin: 0px 0px; padding: 0px 0px 20px 0px; } #main .friends-page div.zia-form-elements ul.errors li{ color: #FF0000; } #main .friends-thanks{ font-size:14px; font-weight:bold; line-height:22px !important; padding:15px 0 10px;}