/* Estate Specific Stylings. Created: Fri 09.07.08 Author: Reece Schaefer ----------------------------------------------------*/ /* Style - Generic HTML --------------------------------------------------- */ body { background: #fff none; } /* Style - Page Holder --------------------------------------------------- */ body div.holder { background: #f2f2f2 none; padding: 0; width: 960px; margin-bottom: 0; } .devSpecific #holder { background: url(images/bkgd-ryiBody.gif) repeat-y center top; } /* Style - My List Navigation --------------------------------------------------- */ body #mlnHolder { background-image: none; color: #006cbe; background-color: transparent;} /*body #mlnHolder { _display: none; }*/ body #mlnHolder div.holder { background: #e1e1e1 url(images/bkgd-mlnHolder-div_holder.jpg) no-repeat right top; color: #006cbe; } body #mln li a { color: #006cbe; } body #mln li a span { color: #fff; } body #mln ul li { background-image: url(images/bkgd-li_a_span.gif); } body #mln ul li.title { background: url(images/bkgd-Title.jpg) no-repeat left top;} #mln ul li.current { background-image: url(images/bkgd-li_a_span_current.gif);} /* Style - Estate Logo --------------------------------------------------- */ .devSpecific #header { background: url(images/bkhd-ryiHeader.jpg) no-repeat right bottom;} body #eb { background: #fff url(images/bkgd-eb.gif) repeat-x left bottom;} #eb h1 a { background: transparent url(images/bkgd-h1.jpg) no-repeat left top; } /* Style - Marketing Menu --------------------------------------------------- */ #eb ul#marketingMenu li a { background: url(images/bkgd-marketingMenu_a.jpg) no-repeat left top; } #eb ul#marketingMenu li#menuOption_01 a { background-position: 0 0; } #eb ul#marketingMenu li#menuOption_01 a:hover { background-position: 0 -35px; } #eb ul#marketingMenu li#menuOption_02 a { background-position: -63px 0; } #eb ul#marketingMenu li#menuOption_02 a:hover { background-position: -63px -35px; } #eb ul#marketingMenu li#menuOption_03 a { background-position: -214px 0; } #eb ul#marketingMenu li#menuOption_03 a:hover { background-position: -214px -35px; } #eb ul#marketingMenu li#menuOption_04 a { background-position: -317px 0; } #eb ul#marketingMenu li#menuOption_04 a:hover { background-position: -317px -35px; } #eb ul#marketingMenu li#menuOption_05 a { background-position: -412px 0; } #eb ul#marketingMenu li#menuOption_05 a:hover { background-position: -412px -35px; } #eb ul#marketingMenu li#menuOption_06 a { background-position: -504px 0; } #eb ul#marketingMenu li#menuOption_06 a:hover { background-position: -504px -35px; } /* Style - SoXc Log In Panel --------------------------------------------------- */ #soxc { background-image: none ; color: #000; } #soxc #pd { background: transparent url(images/bkgd-pd-signedOut.jpg) no-repeat scroll left top; color: #000; border-bottom: 1px solid white;} #soxc #pd { _background: transparent url(images/bkgd-pd-signedOut-IE.jpg) no-repeat left bottom; } #soxc #pd.loggedIn { background: transparent url(images/bkgd-pd-signedIn.jpg) no-repeat scroll left top; color: #000; } #soxc #pd a.signIn { background: transparent url(images/bkgd-signIn.png) no-repeat left top; } #soxc #pd a.logOut { background: transparent url(images/bkgd-signOut.png) no-repeat left top; } /* Style - Main Navigation --------------------------------------------------- */ #mn { background: #ccc url(images/bkgd-mn.gif) no-repeat left bottom; } #mn li a { background: url(images/bkgd-mn_a.jpg) no-repeat left bottom; } #mn li#homepage a { background-position: 0 -5px; } #mn li#estateselector a { background-position: -192px -5px; } #mn li#estateselector a:hover { background-position: -192px -75px; } #mn li#estateselector.current a { background-position: -192px -145px; } #mn li#land a { background-position: -297px -5px; } #mn li#land a:hover { background-position: -297px -75px; } #mn li#land.current a { background-position: -297px -145px; } #mn li#homes a { background-position: -372px -5px; } #mn li#homes a:hover { background-position: -372px -75px; } #mn li#homes.current a { background-position: -372px -145px; } #mn li#apartments a { background-position: -449px -5px; } #mn li#apartments a:hover { background-position: -449px -75px; } #mn li#apartments.current a { background-position: -449px -145px; } #mn li#packages a { background-position: -553px -5px; } #mn li#packages a:hover { background-position: -553px -75px; } #mn li#packages.current a { background-position: -553px -145px; } /* Style - Project Selector --------------------------------------------------- */ #mn li ul.projectSelector { background: transparent url(images/bkgd-projectSelector.png) no-repeat left bottom;} #mn li ul.projectSelector { _background-image: url(images/bkgd-projectSelector.gif); } /* IE6 Fix */ #mn li ul.projectSelector a { background: #868686 none; color: white; } #mn li ul.projectSelector li { _background-color: #868686; } #mn li ul.projectSelector a { color: white; } #mn li ul.projectSelector a:hover { color:#f0f0f0; } /* Style - Content --------------------------------------------------- */ body.devSpecific #content { background-color: #fff; } .devSpecific #content ul.failReason { color: #373737;} div.summaryTable div.thumb img, div.browse li.image img, #lbImage, #detailHolder_content div#imagePanel img, #myListAccordion .description div.images img { background-color: #e7e7e7; } #detailHolder_content div#imagePanel #map img { background-color: transparent; } /* Style - Footer --------------------------------------------------- */ body #ft .holder { background: #f2f2f2 none; } .devSpecific #footer { color: #717271; background: url(images/bkgd-mulitplexFooter.gif) no-repeat left bottom; } .devSpecific #footer, .devSpecific #footer a { color: #717271; } /* Content Top & Bottom --------------------------------------------------- */ .devSpecific .contentTop, .devSpecific .contentBottom { height: 15px; background: url(images/bkgd-contentTop-left.gif) no-repeat left top; } .devSpecific .contentTop span, .devSpecific .contentBottom span { height: 15px; display: block; margin-left: 15px; background: url(images/bkgd-contentTop-right.gif) no-repeat right top; } .devSpecific .contentBottom { border-top: none; background: url(images/bkgd-contentBottom-left.gif) no-repeat left bottom; } .devSpecific .contentBottom span { background: url(images/bkgd-contentBottom-right.gif) no-repeat right bottom; } /* Grid - Page Holder --------------------------------------------------- */ .devSpecific #holder { width: 900px; margin: 0 auto; } /* Grid - My List Navigation --------------------------------------------------- */ body #mlnHolder { width: 960px; margin: 0 auto; position: relative; } body #mlnHolder { /*_width: 930px; _padding-left: 30px;*/ } /* IE Fix */ body #mlnHolder #mln { width: 600px; height: 28px; position: absolute; left: 358px;} body #mlnHolder #mln li { padding: 6px 5px 9px 15px; } body #mlnHolder #mln li.title { padding: 6px 15px 6px 33px; } body #mlnHolder #mln li.title span { margin-right: 5px;} /* Grid - Estate Banner --------------------------------------------------- */ .devSpecific #header { height: 127px; } .devSpecific #header { _height: 127px; } /* IE Fix */ body #eb { _height: 78px; } body #eb p { display: none; } #eb h1 a { display: block; width: 340px ; height:81px; } /* Grid - Marketing Menu --------------------------------------------------- */ #eb ul#marketingMenu { height: 33px; margin-top: -35px; padding-top: 2px; float: right;} #eb ul#marketingMenu { _margin-top: -36px; position: relative;} .devSpecific #eb ul#marketingMenu { _margin-top: -35px; } /* IE Fix */ #eb ul#marketingMenu li { float: left; } #eb ul#marketingMenu li a { float: left; text-indent: -9999px; height: 33px; } #eb ul#marketingMenu li, #eb ul#marketingMenu li a { /*_margin-right: -3px;*/ } #eb ul#marketingMenu li#menuOption_01 a { width: 63px; } #eb ul#marketingMenu li#menuOption_02 a { width: 151px; } #eb ul#marketingMenu li#menuOption_03 a { width: 103px; } #eb ul#marketingMenu li#menuOption_04 a { width: 95px; } #eb ul#marketingMenu li#menuOption_05 a { width: 92px; } #eb ul#marketingMenu li#menuOption_06 a { width: 114px; } /* Grid - Main Navigation --------------------------------------------------- */ #mn { padding: 0 0 2px 10px; margin-right: 260px; } #mn { _padding-bottom: 0; } /* IE Fix */ #mn ul { height: 62px; margin-left: 9px;} #mn li { float: left; } #mn li a { float: left; text-indent: -9999px; width: 61px; height: 63px;} #mn li a { _height: 64px; } /* IE Fix */ #mn li#homepage a { width: 192px; cursor:default; } #mn li#estateselector { margin: 0 13px; } #mn li#estateselector a { width: 106px; } #mn li#land a { width: 76px; } #mn li#homes a { width: 77px; } #mn li#apartments a { width: 104px; } #mn li#packages a { width: 87px; } /* Grid - Project Selector --------------------------------------------------- */ #mn li ul.projectSelector { margin-left: 213px; position: absolute; top: 58px; height: auto; padding-bottom: 6px; z-index: 5000;} #mn li ul.projectSelector { *padding-bottom: 5px; } /* IE Fix */ #mn li ul.projectSelector { left: 2px; } #mn li ul.projectSelector li { float: none; *margin-bottom: -1px; } #mn li#estateselector ul.projectSelector a { display: block; float: none; text-indent: 0; width: 150px; height: auto; position: relative; padding: 4px 15px; } /* Grid - --------------------------------------------------- */ body div#qs, body div#app, body div#appHeader { margin-right: 260px; } body div#qs { _margin-right: 260px; } /* IE Fix */ body div#app { _margin-right: 250px; } /* IE Fix */ body div#appHeader { _margin-right: 258px; } /* IE Fix */ /* Grid - SoXc --------------------------------------------------- */ div.holder #soxc { margin-right: 0; width: 260px; margin-top: 0; } div.holder #soxc { _width: 261px; _margin-top: -5px; } /* IE Fix */ #soxc #pd { padding: 18px 18px 26px; height: 13px; margin-top: 3px;} #soxc #pd { _padding-bottom: 21px; } /* IE Fix */ #soxc #pd a.signIn, #soxc #pd a.logOut { display: block; float: right;width: 55px; height: 23px; } #soxc #pd a.logOut { margin-top: -5px; width: 65px; height: 25px;} div.holder #soxc ul, div.holder #soxc div#pd, div.holder #soxc div#ab, div.holder #soxc div#ri, div.holder #soxc div#ap, div.holder #soxc div.soxcFooter { margin:0; } div.holder #soxc #pd.loggedIn { padding-top: 26px; height: 10px; margin-top:-5px;} div.holder #soxc div#ri { *padding-bottom: 0; *background-color: #fff; } div.holder #soxc div#ri p.actHolder { *height: 40px; } #soxc #userProfile p.form input, #soxc #userProfile textarea.field { width:120px; } /*div.holder #soxc ul,*/ div.holder #soxc div#ab, div.holder #soxc div#ri, div.holder #soxc div#ap { border-left: 1px solid white; } /* Grid - Content --------------------------------------------------- */ body div.content { margin: 0 22px 0 11px; } body div.contentBottom { margin:0 20px 10px 11px; } body.devSpecific div.contentBottom { margin:0; padding: 0;} body div.contentTop { *margin-left:10px; } /* IE Fix */ body.devSpecific div.contentTop { margin-left:0; } body.devSpecific div.contentTop { *margin-right:0; } body.devSpecific div.contentTop span.right { _margin-top: -2px; } /* IE Fix */ body.devSpecific #content { padding: 0 0; margin: 0 10px 10px; } .devSpecific #content h1 { margin: 0 12px 5px; } .devSpecific #content p { margin: 0 12px 12px; } .devSpecific #content #dynamicEntry p { margin: 0; } .devSpecific #content ul.failReason, .devSpecific #content #pnlSignup { margin: 0 15px; } .devSpecific #content ul.failReason li, .devSpecific #content #pnlSignup ul li {margin: 0 15px 5px;} /* Grid - Footer --------------------------------------------------- */ body #ft { margin-bottom: 0; } body #ft .holder { width: 928px; padding-bottom: 30px; } .devSpecific #footer { height: 40px; padding: 10px; } .devSpecific #footer p { margin-bottom: 5px; } /* Type - Body for devSpecific --------------------------------------------------- */ body.devSpecific { font: 12px Arial, Helvetica, Geneva, sans-serif; } /* Type - My List Navigation --------------------------------------------------- */ body #mln li a { font-weight: bold; } body #mln li#tempInfo { *text-indent: -9999px; } /* Type - Estate Banner --------------------------------------------------- */ #eb h1 a { text-indent: -9999px;} /* Type - Project Selector --------------------------------------------------- */ #mn li ul.projectSelector li { cursor: pointer; } #mn li ul.projectSelector a { font-family: Verdana, sans-serif; text-decoration: none; text-transform: uppercase; cursor: pointer;} /* Type - Content Area --------------------------------------------------- */ .devSpecific #content h1, .devSpecific #content h2 { font-size: 18px; text-transform: uppercase; font-weight: bold; } .devSpecific #content h2 { } .devSpecific #content ul.failReason, .devSpecific #content #pnlSignup ul { font-size: 18px; } /* Type - SoXc Contact Panel --------------------------------------------------- */ #soxc #ap p.agPhone span { font-size: 19px; } /* Type - Footer --------------------------------------------------- */ .devSpecific #footer { font-size: 10px; font-weight: normal; text-align: center; } /* RYI - Modal Window Close Button --------------------------------------------------- */ .modalCloseButton { background-color:#FFFFFF; border:1px solid #555555; color:#000000; float:right; font-weight:bold; margin:0 45px; padding:0 3px; position:relative; text-decoration:none; top:30px; z-index:10; }