/* style.css contains a reset, font normalization and some base styles. * credit is left where credit is due. * additionally, much inspiration was taken from these projects: * yui.yahooapis.com/2.8.1/build/base/base.css * camendesign.com/design/ * praegnanz.de/weblog/htmlcssjs-kickstart */ /******************************************************************************** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { margin:0; padding:0; } nav li { list-style:none; } blockquote { quotes: none; margin-left:20px; font-style: italic; } q { quotes: "“" "”" "‘" "’"; font-style: italic; } blockquote:before, blockquote:after { content:""; content:none; } q:before { content:"“"; display:inline; } q:after { content:"”"; display:inline; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ddd; margin:10px 0; padding:0; } input, select { vertical-align:middle; } /******************************************************************************** * END RESET CSS */ /******************************************************* fonts.css from the YUI Library: developer.yahoo.com/yui/ Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages There are two custom edits: * make the line-height relative and unit-less * remove the pre,code styles as we use a recommendation from Eric Meyer instead */ body { font:13px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; } /* normalize monospace sizing * meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */ code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } /**************************************************************************************** * minimal base styles */ /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ body, select, input, textarea { color:#444; } textarea { vertical-align:top; } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ /* www.aestheticallyloyal.com/public/optimize-legibility/ */ h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } /* maxvoltar.com/archive/-webkit-font-smoothing */ html { -webkit-font-smoothing: antialiased; } a { text-decoration: none; } a:active { outline: none; } a, a:active, a:visited { color:#9f1b33; } a:focus, a:hover { text-decoration: underline; } ul { margin-left:20px; } ol { margin-left:20px; list-style-type: decimal; } small { font-size:85%; } strong, th { font-weight: bold; } td, td img { vertical-align:top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */ ::-moz-selection{ background: #017EC1; color:#fff; text-shadow: none; } ::selection { background:#017EC1; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #DFF4FF; } /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /**************************************************************************************** * Non-semantic helper classes */ /* for image replacement */ .ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display:none; visibility:hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */ .visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX << */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /*************************************************************************************** * Prudential Alliance Styles * Author: andyblackwell **************************************************************************************/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 11, 2010 06:35:13 PM America/New_York */ @font-face { font-family: 'TypoSlabserif-LightRegular'; src: url('/fonts/TypoSlabserif-Light-webfont.eot'); src: local('☺'), url('/fonts/TypoSlabserif-Light-webfont.woff') format('woff'), url('/fonts/TypoSlabserif-Light-webfont.ttf') format('truetype'), url('/fonts/TypoSlabserif-Light-webfont.svg#webfontAv3OAIDB') format('svg'); font-weight: normal; font-style: normal; } body { background: url(/images/2010-design/body-bg.jpg) center top repeat-x; text-align: center; } .site-width, #Wrapper { margin:auto; width:860px; text-align: left; } #Wrapper { width:960px; } #Wrapper { background: url('/images/2010-design/wrapper-bg-sub.jpg') center top no-repeat; } body.home #Wrapper { background: url('/images/2010-design/wrapper-bg-home.jpg') center top no-repeat; } body.agent-site #Wrapper { background: url('/images/2010-design/wrapper-bg-sub-agent.jpg') center top no-repeat; } body.framed { background: #fff; text-align: left; width: 800px; margin: auto } body { min-width:960px; } h1,h2,h3,h4,h5,h6 { font-family: TypoSlabserif-LightRegular, Times, 'Times New Roman', serif; font-size: 18px; font-weight: normal; line-height: 1.3em; margin-bottom: 5px; color: #007fc4; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span.blue {color: #007fc4;} h1 { font-size: 28px; line-height:1em; } h2 { font-size: 24px; line-height:1.15em; } h3 { font-size: 21px; line-height:1.2em; } h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt, h1.alt a, h2.alt a, h3.alt a, h4.alt a, h5.alt a, h6.alt a, .red { color: #9f1b33; } a { cursor: pointer; } p, blockquote, pre, ol, ul, dl { margin-bottom:10px; } .black { color: #000; } .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .line { margin: 5px 0 10px 0; width: 100%; height:1px; background-color: #d5d5d5; } .lightgrey { color: #9b9b9b; } em { font-size: 11px; } .center { width: auto; height: auto; margin: auto; text-align: center; } .tableFormClass, .tableFormClassCenter { margin-bottom: 10px; border: 1px solid #efefef; } ul.helpfulInfo { float: left; margin-right: 15px; } ul.helpfulInfo li { margin-bottom: 5px; } .tableFormClassCenter {margin: 10px auto; } .tableFormClass th, .tableFormClassCenter th { padding: 5px; background-color: #efefef; } .tableFormClass td, .tableFormClassCenter td { padding: 5px; } strong.blue, .districtHolder h4 a { color: #007fc4; } select.hideselect { display: none; visibility: hidden; } .formLeft, .formRight, .formLeftSm, .formRadio { height: auto; float: left; margin-bottom: 5px; } p span.impName, p span.impNameSm { display: block; height: auto; margin-left: 5px; float: left; } ul.serv_providers { margin-bottom: 15px; } ul.serv_providers li { width: 360px; float: left; height: auto;margin-bottom: 5px; } span.arrow { display: block; width: 15px; height: 15px; background: transparent url('/images/2010-design/arrow_btn.gif') center center no-repeat; } .redarrow { background-color: #9e1b32 !important; } .bluearrow { background-color: #007fc4 !important; } p span.impName { width: 100px; } p span.impNameSm { width: 60px; } .formLeft, .formLeftSm { text-align: right; margin-right: 5px;} .formLeft { width: 130px; } .formLeftSm { width: 50px; } .formRight { width: 170px; } .formRadio {width: 210px; } .formRadio p { margin-bottom: 0; } #luxImg { width: 450px; } #luxTxt { width: 360px; } #resortImg { text-align: right; width: 400px; } #resortTxt { width: 400px; } #Header { position: relative; height: 200px; margin: 0; z-index:100; } #HeaderHome { position: absolute; top:0; left:0; height:130px; width:260px; } #HeaderCall { position: absolute; top:115px; right:0; font-size:14px; } #HeaderLoggedIn, #HeaderLogin { position: absolute; top:0; right:230px; font-size:14px; text-align:right; font-family: TypoSlabserif-LightRegular, Times, 'Times New Roman', serif; } #HeaderLoggedIn a, #HeaderLogin a { color:#007fc4; } #HeaderLoggedIn a:hover, #HeaderLogin a:hover { border-bottom: 1px solid #007fc4; text-decoration: none; } #HeaderLoggedIn { top:0; } #HeaderLoggedIn { } p#forclosure { position: absolute; top: 115px; right: 0; } #HeaderFacebook, #HeaderTwitter { position:absolute; top:47px; right:0; text-indent:-9999px; display:block; width:52px; height:52px; background:#fff; opacity:.1; -moz-opacity:.1; -webkit-opacity:.1; filter:alpha(opacity=10); } #HeaderFacebook { right:60px; } #HeaderFacebook:hover, #HeaderTwitter:hover { opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } #HeaderListingsAndSearches { position:absolute; top:0; right:0; height:38px; width:220px; font-size:14px; z-index:10; } #HeaderListingsAndSearches li.wrapper { line-height:35px; display:block; position:relative; width:50%; float:left; text-align:center; color:#fff; } #HeaderListingsAndSearches a.button { height:36px; color:#EFE0E3; border-right:1px solid #BF4762; display:block; font-family: TypoSlabserif-LightRegular, Times, 'Times New Roman', serif; } #HeaderListingsAndSearches a.button:hover { text-decoration:none; color:#fff; } #HeaderListingsAndSearches li ul { min-width:150px; font-size:12px; text-align:right; position: absolute; top: 35px; left: -9999px; border:2px solid #9E1D39; background:#fff; color:#444; margin:0; padding:5px 10px; box-shadow: 0 2px 2px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.25); border-radius:5px 0 5px 5px; -moz-border-radius:5px 0 5px 5px; -webkit-border-radius:5px; -webkit-border-top-right-radius:0; } .ie6 #HeaderListingsAndSearches li ul { width:150px; } #HeaderListingsAndSearches li:hover ul { left: auto; right:-1px; line-height:1.2em; } #HeaderListingsAndSearches li ul li { float: none; padding:3px 10px; list-style:none; } #HeaderNav { position: absolute; left: 0; top: 137px; font-family: TypoSlabserif-LightRegular, Times, 'Times New Roman', serif; } #HeaderNav li { float: left; position:relative; z-index:10; height: 43px; line-height: 43px; background: url(/images/2010-design/nav-separator.gif) right center no-repeat; } #HeaderNav li a { color:#5b5c5c; display: block; height: 43px; text-align: center; width:115px; text-decoration: none; font-size:15px; } #HeaderNav li.nav-home a { padding:0; width:58px; text-indent:-9999em; } #HeaderNav li.nav-mortgage a { width:129px; } #HeaderNav li.nav-resources a { width:100px; } #HeaderNav li.nav_links a { width:80px;} #HeaderNav li.nav-stl a { width:123px; } #HeaderNav li.nav-contact a { width:105px; } #HeaderNav li.nav-featured a { width:142px; } #HeaderNav li.nav-info a { width:105px; } #HeaderNav li.nav-serv a { width:140px; } #HeaderNav li.nav-home, #HeaderNav li.nav-contact, #HeaderNav li.nav-links { background: none; } #HeaderNav li:hover > a, #HeaderNav li.hover > a, #HeaderNav li a:hover, #HeaderNav li a.current { color:#fff; background: url(/images/2010-design/nav-hover.gif) center center no-repeat; } #HeaderNav li.nav-home a.current, #HeaderNav li.nav-home a:hover { background-position: left center; } #HeaderNav li.nav-contact a.current, #HeaderNav li.nav-contact a:hover { background-position: right center; } #HeaderNav li ul { position:absolute; top:42px; left:-9999px; width: 250px; overflow: hidden; padding-top:1px; border-bottom:1px solid #ddd; box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.35); } #HeaderNav li ul li { width: 250px; float:none; height:auto; line-height:18px; text-align:left; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; } #HeaderNav li:hover ul, #HeaderNav li.hover ul { left:-1px; } #HeaderNav li ul, #HeaderNav li ul li:last-child, #HeaderNav li ul li:last-child a { border-radius-bottom-left:5px; border-radius-bottom-right:5px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; } #HeaderNav li ul li a { width:240px !important; padding: 2px 5px; height:auto; font-size:14px; text-align:left; } #HeaderNav li ul li a small { padding-left:15px; } .social-icons-sm { width: 220px; height: 40px; position: absolute; top: 90px; right: 0px;} .social-icons-sm a { float: right; margin-left: 5px;} div.hdr-agent-name { width: 400px; height: auto; position: absolute; top: 48px; right: 230px; text-align: right; } div.hdr-agent-name p { margin-left: 15px; float: right; } #Content, .homecontent { margin: 10px 10px 0; border:1px solid #ddd; } body.home .homecontent { border: none !important; margin-top: 0 !important; } #ContentInner { padding:10px; min-height: 100%; height: auto !important; height: 100%; position: relative; } #Footer { border-top: 1px solid #ccc; background: #e9e9e9; } #FooterInner { width: 840px; padding: 10px 0; text-align: center; color:#5b5c5c; font-size:11px; } #FooterInner a { color:#5b5c5c; } #FooterInner p { margin:3px 0; } #FooterInner p.footer-links { margin:0 0 10px; font-size:12px; } #FooterInner p.footer-links a { padding: 0 5px; } #FooterInner p.service-mark { line-height: 15px; font-weight: normal } #FooterInner p.service-mark img { vertical-align: -6px; } #FooterInner p.service-mark img.prudential { vertical-align: -4px; } #FooterInner p.creativeanvil { margin:10px 0 0; color:#777; } .special-heading { margin: 0 -10px 5px; padding: 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position: relative; } .special-heading, h1.special-heading a, h2.special-heading a, h3.special-heading a, h4.special-heading a, h5.special-heading a, h6.special-heading a, .special-heading h1, .special-heading h2, .special-heading h3, .special-heading h4, .special-heading h5, .special-heading h6, .special-heading h1 a, .special-heading h2 a, .special-heading h3 a, .special-heading h4 a, .special-heading h5 a, .special-heading h6 a, span.required { color: #9f1b33; } .special-heading-top { margin-top: -11px; border-top:0; } .special-heading-prop-details, .special-heading-prop-lists { padding-bottom: 0; border-bottom:1px solid #ddd; position: relative; width: 839px; height: 32px; margin-left: -11px; margin-bottom: 20px; } .special-heading-prop-lists { height: auto !important; padding-bottom: 10px; margin-bottom: 0; } .special-heading-prop-lists p { margin: 0 0 0 10px;; } .special-heading * { margin:0; } /* http://haslayout.net/css/Negative-Margin-Bug#solution-11 */ .ie-lt8 .special-heading { zoom:1; position:relative; } .special-heading .menu { line-height: 30px; position:absolute; right: 5px; top: 10px; } .special-heading .menu a { margin:0 5px; } .smlTble {margin: auto; } .smlTble td { padding: 4px; } div.agent_info { margin: 10px auto; width: auto; height: auto;} div.agent_info div { width: auto; height: auto; margin: auto; } p.agent_img, div.agent_info dl { float: left; } div.agent_info dl { margin-left: 10px; text-align: left; } /**back to prev page link**/ p.backtoprev { display: block; width: 113px; height: 14px;float: left; margin-top: 5px; } p.backtoprev a { display: block; width: 113px; padding-top: 14px; height: 0; overflow: hidden; background: transparent url('/images/2010-design/prevPage.gif') 0 0 no-repeat; } /**maris logo**/ p.marislogo { display: block; width: 79px; height: 26px; float: left; margin-right: 20px; } /**captcha**/ div.captcha { margin: 10px auto; width: 442px; heigt: 120px; background-color: #fff; } table.formatted { width: 600px; margin: 10px auto; } table.formatted td, table.formatted th { padding: 5px; border: 1px solid #d0d0d0; } table.formatted th { background-color: #efefef; } table.formatted td.aCenter { padding: 8px; } table.emailtable td { padding: 5px; } table.relocationtable { width: 700px; border: 1px solid #d5d5d5; padding: 0; margin: auto; } table.relocationtable th { text-align: left; background: #f7f7f7; color: #000; height: 20px; padding: 5px; } table.relocationtable td { padding: 5px; } table.relocationtable table { width: 100%; margin-bottom: 10px; } /*******************/ /* Careers Form */ /*******************/ #careersForm { width: 286px; heigt: auto; float: right; border-left: 1px solid #ddd; padding-left: 10px; margin-left: 10px; } .careerFormLabels, .careerFormFields { float: left; margin-bottom: 5px; } .careerFormLabels { width: 80px; height: 20px; text-align: right; margin-right: 5px; } /*******************/ /* Office Dir */ /*******************/ .dirHolder { width: 400px; height: auto; margin: 15px 0 0 0; float: left; } .dirImgHolder { width: 240px; heigt: 94px; border: 1px solid #464646; float: left; margin-right: 8px; } .dirInfoHolder { width: 145px; height: auto; float: left; font-size: 11px; } .dirInfoHolder p strong { font-size: 13px; } .officeAddy { width: 290px; height: auto; float: left; font-size: 14px; } .officeImg { width: 520px; height: auto; float: right; text-align: right; } /*******************/ /* Contact US */ /*******************/ #contactInfo { width: 260px; height: auto; float: left; margin-right: 10px; } #contactUsForm { position: relative; margin-top: 5px; width: 550px; height: auto; float: left; } #contactUsFormLeft { width: 260px; height: auto; float: left; } #contactUsFormRight { width: 278px; height: auto; float: left; } #contactFormZip { width: 38px; } #btnRight { float: right; margin-top: 5px; width: 100px; height: auto; text-align: right; } #contactInfo p { margin-bottom: 5px; } /*******************/ /* buyers guide */ /*******************/ .buyersGuideHolder { width: 400px; margin-right: 5px; height: auto; float: left; } .buyersGuideHolder ul li { margin-bottom: 5px; font-size: 11px; } /*******************/ /* design serv. */ /*******************/ .interiorDesignHolder { width: 400px; height: auto; float: left; } .interiorDesignHolder .left { width: 104px; height: auto; float: left; margin-right: 10px; } .interiorDesignHolder .right { width: 280px; height: auto; float: left; } /*******************/ /* school dist. */ /*******************/ .districtHolder { width: 150px; height: auto; float: left; margin-right: 10px; } /*******************/ /* about STL */ /*******************/ #aboutSTLHolder { width: 600px; height: auto; float: left; margin-right: 10px; } /*******************/ /* testimonials */ /*******************/ .testimonial_holder { width: auto; height: auto; position: relative; } .testimonial_txt { width: 375px; height: auto; margin-right: 10px; float: left; } .testimonial_img { width: 125px; height: auto; float: left; } /*******************/ /* Properties */ /*******************/ div.prop_holder {position: relative;} .saved_home { position: absolute; top: 0; right: 0; width: 74px; height: 76px; background: transparent url('/images/2010-design/saved.png') 0 0 no-repeat;} div.prop_holder, div.prop_holder_saved { width: 194px; padding-left: 6px; padding-bottom: 4px; float: left; font-size: 11px; line-height: 15px; margin: 5px 2px 0 0; border: 1px solid #efefef; } div.prop_holder { height: 335px; } div.prop_holder_saved { height: 290px; } div.prop_holder p, div.prop_holder_saved p { margin: 0; } div.prop_holder p.p-margin { margin-bottom: 10px; } p.mycomments {} div.prop_img_holder { margin-top: 5px; width: 188px; height: 100px; overflow: hidden; text-align: center; } div.prop_addy { width: 188px; height: 24px; margin-bottom: 15px; color: #fff; background-color: #333; } div.redbox, div.bluebox { width: 22px; height: 20px; float: left; padding: 4px 0 0 4px; } div.bluebox { background-color: #007fc4; } div.redbox { background-color: #9f1b33; } div.redbox a, div.bluebox a { color: #fff; font-size: 10px; } p.town { float: left; padding: 5px 0 0 5px; } span.mapit a { display: block; width: 24px; height: 0; overflow: hidden; padding-top: 24px; background: transparent url('/images/2010-design/map_icon2.gif') 0 0 no-repeat; } /**prop detail links**/ ul.prop_list_links { heigt: 32px; width: 580px; float: left; list-style-type: none; text-align: center; margin-right: 15px; margin-left: 10px; font-family: TypoSlabserif-LightRegular, Times, 'Times New Roman', serif; } ul.prop_list_links li { display: block; width: 134px; height: 24px; margin-right: 10px; float: left; } ul.prop_list_links li a { display: block; width: 134px; height: 24px; color: #007fc4; padding-top: 8px; background: transparent url('/images/2010-design/prop_listing_nav_bg.gif') 0 0 no-repeat; } div.general-prop-info { width: 200px; height: auto; float: left; margin-right: 15px; } div.vtour { width: 600px; heigt: 260px; float: left; } div.viewListingDetails{ border: 1px solid #ddd; padding: 10px; background-color: #f2f2f2; } div.viewListingDetails table tr.tr_bg td { background-color: #ddd; } div.viewListingDetails table td { padding: 5px 10px 5px 5px; } /****Prop listing******/ p.results { font-size: 11px; color: #5a5a5a; } p.savesearch { margin-bottom: 10px; } p.savesearch a { display: block; padding-top: 15px; width: 141px; height: 0; overflow: hidden; background: url('/images/2010-design/savethissearch.gif') 0 0 no-repeat; } .listingstopleft { width: 400px; height: auto; float: left; } .listingstopright { width: 200px; height: auto; float: right; text-align: right; padding-right: 10px;} p.bg-color-links { margin-bottom: 10px; } p.bg-color-links a { padding: 5px; font-size: 11px; background-color: #9f1b33; color: #fff !important;} p.addit a { display: block; padding-top: 17px; height: 0; width: 17px; overflow: hidden; background: transparent url('/images/2010-design/add_icon.gif') 0 0 no-repeat; } div.pagination { margin: 5px 0 0 -10px; text-align: center; height: 24px; width: 838px; border-top: 1px solid #d5d5d5; } p.pagination_links { margin-top: 8px; margin-bottom: 0; } /* ThickBox styles */ #TB_window{font:12px Arial,Helvetica,sans-serif;color:#333;z-index:1002;border:6px solid #007fc4}#TB_secondLine{font:10px Arial,Helvetica,sans-serif}#TB_window a:focus,#TB_window a:active,#TB_window a:visited,#TB_window a:link,#TB_secondLine{color:#666}#TB_window,#TB_window a:hover{color:#000}#TB_HideSelect,#TB_load,#TB_window,#TB_overlay{position:fixed}#TB_overlay{z-index:1001;background:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}#TB_HideSelect,#TB_overlay{top:0;left:0;height:100%;width:100%}.TB_overlayMacFFBGHack{background:url(/images/macFFBgHack.png) repeat}* html #TB_HideSelect,* html #TB_load,* html #TB_window,* html #TB_overlay{position:absolute}* html #TB_HideSelect,* html #TB_overlay{height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')}#TB_window,#TB_HideSelect{background:#fff}#TB_load,#TB_window{display:none;top:50%;left:50%}#TB_ajaxContent,#TB_window{text-align:left}* html #TB_load,* html #TB_window{margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #409fd9;border-bottom:1px solid #409fd9;border-top:1px solid #409fd9;border-left:1px solid #409fd9}#TB_closeWindow,#TB_caption{height:25px}#TB_caption{padding:7px 30px 10px 25px}#TB_ajaxWindowTitle,#TB_caption{float:left}#TB_closeWindow{padding:11px 25px 10px 0}#TB_closeAjaxWindow,#TB_closeWindow{float:right}#TB_closeAjaxWindow{padding:7px 10px 5px 0;text-align:right}#TB_ajaxWindowTitle,#TB_closeAjaxWindow{margin-bottom:1px;}#TB_ajaxWindowTitle{padding:7px 0 5px 10px}#TB_title{background:#efefef;height:27px}#TB_iframeContent,#TB_ajaxContent{clear:both}#TB_ajaxContent{padding:5px 15px 15px 15px;overflow:auto;line-height:1.4em}#TB_ajaxContent.TB_modal{padding:15px}#TB_ajaxContent p{padding:5px 0 5px 0}#TB_load{height:13px;width:208px;z-index:1003;margin:-6px 0 0 -104px}#TB_HideSelect{z-index:999;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}#TB_iframeContent,#TB_HideSelect{border:none}#TB_iframeContent{margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}#TB_ajaxWindowTitle,#TB_closeAjaxWindow,#TB_closeWindowButton{color:#409FD9 !important;}#TB_closeAjaxWindow{font-size:.9em;}#TB_closeWindowButton{text-decoration:underline;} /************************************* * Video Page ************************************/ div#vidplayer { width: 545px; height: auto; float: left;} div#vidplayer a { display: block; width: 500px; height: 281px; } div#vidthumbholer { margin-left: 15px;width: 200px; height: auto; padding: 5px 5px 0 5px; text-align: center; float: left; border: 1px solid #d5d5d5; } div#vidthumbholer img { margin-bottom: 5px; } /************************************* * Home Search ************************************/ div.searchby { margin: 20px 0; padding: 10px 0 5px 0; width: 100%; height: auto; text-align: center; border: 1px solid #ddd; background-color: #eee; } div#search_typeDIV, div#countyDIV { margin:5px auto; } div.searchby p { text-align: center; } div#countyDIV { margin-left: 120px; } div#countyDIV ul { float: left; margin-right: 10px; } div#countyDIV ul li { margin-bottom: 5px; } div#search_main_contentDIV table { margin: auto; padding: 5px; border: 1px solid #ddd;} div#search_main_contentDIV table table { border: none;} div#search_main_contentDIV table td { padding: 5px; } div.loadinggif { margin: auto; text-align: center; } div.openhouse_checks { width: 838px; height: auto; margin: 15px 0 0 -10px; padding-bottom: 5px; background-color: #f2f2f2; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; } .openhouse_checks table {margin: 15px 0 15px 15px; width: 800px; } /************************************* * Home Page ************************************/ h1.qs_h1 { display: block; margin-bottom: 13px; padding-top: 41px; height: 0; width: 296px; overflow: hidden; background: transparent url('/images/2010-design/qs_header.gif') 0 0 no-repeat; } h1.openhouse { margin-left: 30px; display: block; padding-top: 119px; height: 0; width:150px; overflow: hidden; background: transparent url('/images/2010-design/openhouse.gif') 0 0 no-repeat; } div.home_blue_area { height: 235px; width: 810px; color: #fff; font-size: 11px; } div.agent_info div.home_blue_area { height: 245px; width: 800px; padding: 10px; color: #fff; font-size: 11px; background: url('/images/2010-design/agent-search-bg.png') no-repeat; margin: 0; } div.home_content { height: auto; width: 818px; margin: 28px 0 0 -10px; padding: 10px; border: 1px solid #d5d5d5; } .darkgrey { margin-top: -1px !important; background-color: #e9e9e9; } .lightgrey { margin-top: -1px !important; background-color: #f2f2f2; } div.home_quicksearch { width: 350px; height: 235px; float: left; position: relative;} div.home_quicksearch table { margin-top: 5px; } div.home_quicksearch table td { padding: 4px; } form#quicksearchform { height: 180px; position: relative; background: transparent url('/images/2010-design/qs_btn.gif') bottom left no-repeat; } div.home_quicksearch table button { cursor: pointer; background:transparent; position:absolute; bottom:0; left:0; margin-top: 10px; display: block; border: none; height: 35px; width: 145px; } select.select-op-long { width: 150px;} select.select-op-short { width: 100px; } select.select-op-shorter { width: 70px; } #search-other { position: absolute;bottom: 6px; right: 2px;width: 185px; height: auto;text-align: center;} #search-other a { border: 1px solid #727272; display: block; padding-top: 6px; height: 18px; width: 85px; background:#fff url('/images/2010-design/searchother_bg.gif') 0 0 repeat-x; float: left; color: #484848; margin-right: 4px;} #search_overlay { width: 860px; height:274px; } #search_by_addy,#search_by_mlsid { display: none; text-align: center;background-color: #0e6291; width: 500px; border: 3px solid #fff; height: auto; position: absolute; top: 25px; left: 200px; z-index: 99999;} #search_by_addy a, #search_by_mlsid a { position: absolute; top: -12px; right: -12px; display: block; padding-top: 25px; height: 0; width: 25px; overflow: hidden; background: transparent url('/images//2010-design/x.png') 0 0 no-repeat;} .simple-overlay { position: absolute; top: -76px; left: -20px; display:none; z-index:10000; background-color:#000; width:865px; min-height:274px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } div.agent_info div.home_quicksearch { width: 360px; height: 235px; float: left; position: relative;} div.agent_info div.home_quicksearch table { margin-top: 5px; } div.agent_info div.home_quicksearch table td { padding: 4px; } div.agent_info form#quicksearchform { height: 180px; position: relative; background: transparent url('/images/2010-design/qs_btn.gif') bottom left no-repeat; } div.agent_info div.home_quicksearch table button { cursor: pointer; background:transparent; position:absolute; bottom:0; left:0; margin-top: 10px; display: block; border: none; height: 35px; width: 145px; } div.agent_info select.select-op-long { width: 150px;} div.agent_info select.select-op-short { width: 100px; } div.agent_info select.select-op-shorter { width: 70px; } div.agent_info #search-other { position: absolute;bottom: 6px; right: 2px;width: 185px; height: auto;text-align: center;} div.agent_info #search-other a { border: 1px solid #727272; display: block; padding-top: 6px; height: 18px; width: 85px; background:#fff url('/images/2010-design/searchother_bg.gif') 0 0 repeat-x; float: left; color: #484848; margin-right: 4px;} div.agent_info #search_overlay { width: 860px; height:274px; } div.agent_info #search_by_addy,#search_by_mlsid { display: none; text-align: center;background-color: #0e6291; width: 500px; border: 3px solid #fff; height: auto; position: absolute; top: 25px; left: 200px; z-index: 99999;} div.agent_info #search_by_addy a, #search_by_mlsid a { position: absolute; top: -12px; right: -12px; display: block; padding-top: 25px; height: 0; width: 25px; overflow: hidden; background: transparent url('/images//2010-design/x.png') 0 0 no-repeat;} div.agent_info .simple-overlay { position: absolute; top: -76px; left: -20px; display:none; z-index:10000; background-color:#000; width:865px; min-height:274px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } div.agent_info h3 { float: right; border: 1px solid #D5D5D5; height: 30px; margin: -1px 0 0 !important; text-align: center !important; width: 208px;} div.agent_info h3.featured a { color: #333 !important; font-size: 14px !important; display: block; width: 208px; height: 28px; padding-top: 2px;background: url('/images/2010-design/nav_bg.gif') 0 0 no-repeat; } div.agent_info h3.featured a:hover { background-position: right top; color: #ffffff !important; } p.view_blue span, p.view_red span { float: left; padding-right: 5px; } p.view_red { color: #9e1b32; } p.view_blue a { color: #007fc4; } p.view_blue span.arrow_blue, p.view_red span.arrow_red { display:block; width: 15px; height: 15px; } p.view_red span.arrow_red { background: url('/images/2010-design/redarrow.gif') 0 0 no-repeat; } p.view_blue span.arrow_blue { background: url('/images/2010-design/bluearrow.gif') 0 0 no-repeat; } div.home_mapsearch { width: 455px; height: 235px; float: left; position: relative; } div.home_map {width: 311px; height: 249px; margin: -5px 0 0 15px; position: relative; background: transparent url('/images/2010-design/map.gif') 0 0 no-repeat; } div.home_map a { color: #fff !important; } div.agent_info div.home_mapsearch { width: 435px; height: 235px; float: left; position: relative; } div.agent_info div.home_map {width: 311px; height: 249px; margin: -3px 0 0 15px; position: relative; background: transparent url('/images/2010-design/map.gif') 0 0 no-repeat; } div.agent_info div.home_map a { color: #fff !important; } p#allof { position: absolute; top: 125px; right: 18px; } p#home_map_search_btn { position: absolute; top: 100px; right: 0; } p#home_map_search_btn a { display: block; padding-top: 22px; width: 128px; height: 0; overflow: hidden; background: transparent url('/images/2010-design/map_search_btn.gif') 0 0 no-repeat; } p.maplink, p.maplink2 { width: 80px; height: 29px; text-align: center; position: absolute; } p.maplink { padding-top: 3px; background: transparent url('/images/2010-design/maplink_bg.gif') 0 0 no-repeat; } p.maplink2 { padding-top: 12px; background: transparent url('/images/2010-design/maplink_bg2.gif') 0 0 no-repeat; } .lincoln { top: 22px; left: 75px; } .stcharles { top: 66px; left: 139px; } .warren { top: 86px; left: 49px; } .stlco { top: 100px; left: 190px; } .stl { top: 136px; left: 169px; } .franklin { top: 138px; left: 42px; } .jefferson { top: 177px; left: 132px; } .home_prop { padding-right: 12px; margin-right: 12px; width: 278px; height: auto; float: left; border-right: 1px solid #d5d5d5; } .home_open_house { width: 210px; height: 315px; float: left; } .home_open_house h3 {margin: 10px 0 10px 50px; } .home_open_house form {position:relative; height: 20px; width: 200px; background: transparent url('/images/2010-design/redarrow.gif') right center no-repeat; } .home_open_house form button { background-color:transparent; position:absolute; top:0; right:0; height:15px; width:15px; border: 0; } .home_open_house select { width: 176px; } .home_open_house h3 { display: block; margin: -1px 0 0 0 !important;width: 208px; height: 30px; border: 1px solid #d5d5d5; text-align: center !important; } .home_open_house h3 a { color: #333 !important; font-size: 14px !important; display: block; width: 208px; height: 28px; padding-top: 2px;background: url('/images/2010-design/nav_bg.gif') 0 0 no-repeat; } .home_open_house h3 a:hover { color: #fff !important; background-position: top right; } .home_open_house p { margin: 15px 0 0 0; } .home_feat_prop_holder { width: 280px; height: auto; position: relative; } .home_feat_prop_holder .prop_addy { width: 280px; } .home_feat_prop_img_holder { width: 280px; height: 180px; overflow: hidden; } .new { background-color: #007fc4 !important; } .home_login, .home_mortgage { width: 271px; height: 230px; float: left; margin-right: 12px;padding-right: 12px; border-right: 1px solid #d5d5d5; } .home_login div#loginpic {width: 271px; height: 197px; background: transparent url('/images/2010-design/home_login.jpg') 0 0 no-repeat; } .home_login table { margin: -50px 0 0 8px; color: #fff; } .home_login form {position:relative; height: 20px; width: 255px; background: transparent url('/images/2010-design/redarrow.gif') right center no-repeat; } .home_login form button{ background-color:transparent; position:absolute; top:0; right:0; height:15px; width:15px; border: 0; } .home_mortgage div { width: 275px; height: auto; } .home_mortgage div img, .home_mortgage div ul, .home_mortgage div p { float: left; } .home_mortgage div ul li { font-size: 11px; } .home_pru_tv { width: 225px; height: auto; float: left;} .home_pru_tv div { margin: auto; text-align: center; } div.home_blog_news { width: 470px; height: auto; padding-right: 12px; margin-right: 12px; border-right: 1px solid #d5d5d5; float: left;} div.home_blog, div.home_news { width: 470px; height: auto; padding-bottom: 12px; } div.home_blog {border-bottom: 1px solid #d5d5d5; margin-bottom: 12px; } div.blogtitle * { float: left; padding-right: 10px; } span.calendar { display: block; width: 13px; height: 15px; background: transparent url('/images/2010-design/calendar.gif') 0 0 no-repeat; } p.blog_comments * { float: left; } span.comment_icon { display: block; width: 14px; height: 14px; padding-right: 10px; background: transparent url('/images/2010-design/commentIcon.gif') 0 0 no-repeat; } div.news_holder { width: 470px; height: auto; margin-bottom: 12px; color: #000; } div.news_date_holder {color: #006931; float: left; margin-right: 10px; width: 37px; padding-top: 2px; height: 32px; text-align: center; background: transparent url('/images/2010-design/news_date_holder.gif') 0 0 no-repeat; } p.news_day, p.news_mon { margin: 0; float: none; } div.news_text_holder { float: left; width: 415px; height: auto; } div.news_text_holder p { margin-bottom: 5px; } div.newsletter-icon {background:url("/images/pdf-icon.png") no-repeat 0 2px;} div.newsletter-icon a {display:block;height:30px !important; width:37px !important;} div.home_rightside { float: left; height: auto; width: 304px; } div.twitterfeed { height: auto; width: 290px; float: left; position: relative; } p.poweredby { position: absolute; top: 35px; left: 0; } div.thefeed { width: 290px; height: auto;border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; background: #e9f8fc url('/images/2010-design/twitterbg.gif') 0 0 repeat-x; } div.twitterfeedtop { width: 292px; height: 26px; background: transparent url('/images/2010-design/twitterfeedtop.gif') 0 0 no-repeat; } div.twitterfeedbot { width: 292px; height: 8px; background: transparent url('/images/2010-design/twitterfeedbot.gif') 0 0 no-repeat; } div.thefeed div#twtr-widget-1 div.twtr-doc div.twtr-ft div, div.twtr-hd { display: none; } div#twtr-widget-1 { width: 318px; height: auto;} * html div#twtr-widget-1{ width: 300px; } div.tweetbird { width: 47px; height: 58px; position: absolute; bottom: -30px; right: -30px; background: transparent url('/images/2010-design/tweetbird.gif') 0 0 no-repeat; } * html div.tweetbird { right: 0; } div.mobilesearch { position: relative; font-size: 11px;margin-top: 50px;float: left; width: 321px; height: 156px; background: transparent url('/images/2010-design/mobileBg.jpg') 0 0 no-repeat;} div.mobilesearch div { width:180px; height: 105px; position: absolute; top:44px; left: 130px; } div.facebookdiv { width: 304px; height: auto; float: left; margin-top: 40px; text-align: center; } div.facebookdiv iframe { margin: auto; width: 300px; height: 30px; } #h-w-i-holder { display: none;width: 200px; height: auto; position: absolute; top: 50px; left: 300px; border: 3px solid #007fc4; background-color: #fff; padding: 10px; text-align: center;} /*************************************************************************************** * END: Prudential Alliance Styles **************************************************************************************/ /* Map Search Styles */ #PropertyMap .PropertyMapTooltip { background-color:#FFFFFF; border:3px double #CCCCCC; padding:5px; white-space:nowrap; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; border-radius:7px; } #PropertyMap { margin-bottom:0; postion:relative; z-index:100; } * html #PropertyMap .PropertyMapTooltip { width:200px; } .PropertyMapTooltip img.thumb, #PropertyMapList li img.thumb { display:inline; display:inline-block; vertical-align:top; height:50px; width:50px; vertical-align:top; margin:3px 5px; border: 1px solid #AAAAAA; } * html .PropertyMapTooltip img.thumb, * html #PropertyMapList li img.thumb { display:inline; vertical-align:top; } *+html .PropertyMapTooltip img.thumb, *+html #PropertyMapList li img.thumb { display:inline; vertical-align:top; } .PropertyMapTooltip .description { display:inline; display:inline-block; vertical-align:top; } * html .PropertyMapTooltip .description { display:inline; vertical-align:top; } *+html .PropertyMapTooltip .description { display:inline; vertical-align:top; } #PropertyMap .PropertyMapTooltip small { font-size:9px; font-style:italic; color:#999; letter-spacing:-.05em; } #PropertyMapWrapper {margin:0 auto 10px auto;position:relative;} #PropertyMapSearchForm {display:block;} #PropertyMapSearchForm ul {padding:0;margin:0;} #PropertyMapSearchForm li {display:block;float:left;height:1%;padding:0 3px;text-align:left; vertical-align:bottom; margin-bottom: 10px; } #PropertyMapSearchForm li label {display:block;color:#007fc4;padding:0 0 2px 5px;} #PropertyMapSearchForm th, #PropertyMapSearchForm td {padding:0 3px;} #PropertyMapSearchForm input, #PropertyMapSearchForm select {padding:2px !important;} * html #PropertyMapSearchForm input {padding:1px 2px !important;} #PropertyMapSearchForm button {vertical-align:bottom;} #PropertyMap {padding:0;margin:0;height:425px;background:url(/images/icons/loading.gif) center center no-repeat;} #PropertyMapList {display:none;margin:0;padding:2px;height:272px;overflow:auto;border:1px solid #99C8DF;border-top:0;} #PropertyMapList li { display:block; width:225px; border:1px solid transparent; height:75px; float:left; list-style:none; margin:0; padding:3px 0; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; } *+html #PropertyMapList li {width:225px;} #PropertyMapList li:hover, #PropertyMapList li.hover, #PropertyMapList li.current { border:1px solid #81B5CF; background:#DFF4FF; } #PropertyMapList li.error, #PropertyMapList li.error:hover, #PropertyMapList li.hover.error, #PropertyMapList li.error.current, #PropertyMapList li.loader, #PropertyMapList li.loader:hover, #PropertyMapList li.hover.loader, #PropertyMapList li.loader.current { float:none; display:block; width:auto; height:auto; padding:10px 0; margin:5px auto; border:0; text-align:center; cursor:default; } #PropertyMapList li.error, #PropertyMapList li.error:hover, #PropertyMapList li.hover.error, #PropertyMapList li.error.current { font-size:14px; font-weight:bold; background:#FFEFEF; border:1px solid #EFD1D1; color:#4F0000; } * html #PropertyMapWrapper #PropertyMapList li { float:left; margin:0; width:225px; border:0; cursor:pointer; color:inherit; font-weight:inherit; font-size:inherit; padding:4px 1px; /* Adjust for the border:0 */ } * html #PropertyMapList li:hover, * html #PropertyMapList li.hover, * html #PropertyMapList li.current { border:1px solid #81B5CF; background:#DFF4FF; color:inherit; font-weight:inherit; font-size:inherit; padding:3px 0; /* Adjust for the border:1px */ } #PropertyMapList li table, #PropertyMapList li td.description { width:100%; } #PropertyMapList li th, #PropertyMapList li td { vertical-align:top; } #PropertyMapList li table .moreInfo { display:block; text-align:center; color:#1A8EC6; font-size:9px; } #PropertyMapDetailedViewWrapper { clear:both; display:none; position:absolute; top:45px; left:0; width:100%; margin:0; padding:0; background:transparent; text-align:left; z-index:999; } * html #PropertyMapDetailedViewWrapper { width:96.5%; } #PropertyMapDetailedView { position:relative; margin:5px; padding:10px; padding-bottom:20px; background:#fff; border:3px double #81B5CF; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-align:left; z-index:999; } #PropertyMapDetailedViewContent td.mainImage { text-align:center; padding-right:10px; } #PropertyMapDetailedViewContent p.thumbs { display:block; width:300px; height:50px; text-align:left; line-height:1%; overflow:hidden; margin:0 0 1px 0; padding:0; } #PropertyMapDetailedViewContent p.thumbs.scroll { overflow:auto; background:url(/images/icons/scroll.gif) 272px 2px no-repeat; } #PropertyMapDetailedViewContent p.thumbs img { display:inline; width:49px; height:50px; margin-right:1px; margin-bottom:1px; cursor:pointer; } #PropertyMapDetailedViewContent table { vertical-align:top; border-collapse:collapse; border-spacing:0; } #PropertyMapDetailedViewContent table table th { font-weight;bold; background:#DFF4FF; } #PropertyMapDetailedViewContent table th, #PropertyMapDetailedViewContent table td { vertical-align:top; padding:5px; } #PropertyMapDetailedViewContent table table th, #PropertyMapDetailedViewContent table table td { border:1px solid #C2E0EF; } #PropertyMapDetailedViewContent table table .moreInfo { padding:10px 0; border:0; text-align:right; } #PropertyMapDetailedViewContent table table .moreInfo a { font-size:14px; font-weight:bold; } #PropertyMapLegend { display:none; margin:0 auto; background:#e9e9e9; border:1px solid #99C8DF; padding:10px; text-align:center; font-weight:bold; } #PropertyMapLegend dt, #PropertyMapLegend dd { display:inline; } #PropertyMapMessage { display:none; font-weight:normal; font-style:italic; color:#003B5F; } #PropertyMapControls { text-align:right; margin:-3px -5px 3px 0; } #PropertyMapControls a.close { padding:2px 5px; background:#CFEFFF; border:1px solid #99C8DF; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } #PropertyMapStreetView {display:block;display:none;clear:both;width:100%;} /**************Photo gallery**************** #gallery_holder { width: 470px; height: auto; margin: auto; text-align: center; margin-bottom: 15px;} #med_img { width: auto; height: auto;} p#next, p#prev { display: block; padding-top: 50px; height: 0; width: 15px; overflow: hidden;cursor: pointer; float: left; margin: 0 !important;} p#next { background: #fff url('/images/2010-design/nextImg.gif') 0 0 no-repeat;} p#prev { background: #fff url('/images/2010-design/prevImg.gif') 0 0 no-repeat;} div#thumbHolder { margin-left: 5px; width: 432px; height: 50px; float: left; } div#thumbContainer { width: 432px; height: 50px; overflow: hidden; position: relative; } ul#thumbList { width: auto; height: 50px; list-style: none; display: block; position: absolute; top: 0; left: 0; } ul#thumbList li { margin: 0 5px 0 0 !important; width: 67px; height: 50px; display: inline; float: left; } ul#thumbList, ul#thumbList li img { margin: 0 !important; }*/ #gallery_holder {position: relative; width: 600px; height: 250px;} #gallery_holder .first_two {float: left; width: 300px; height: 200px; overflow: hidden;} #gallery_holder .first_two img { border: none; margin: 0;} p#see-all-photos {display: block; width: 96px;height: 81px; text-align: center; margin: 0 !important; position: absolute; top: 60px; left: 250px;} p#see-all-photos a { display: block; padding-top: 26px; height: 81px; width: 96px; background: transparent url('/images/2010-design/seeall-photos-icon.png') 0 0 no-repeat;} p#see-all-photos a:hover { text-decoration: none;} p#see-all-photos span { font-size: 24px; font-weight: bold; color: #fff;} #gallery_popup_holder { display: none; width: 870px; height: auto; position: absolute; top: 40px; left: -25px; text-align: center; border: 4px solid #9e1b32; background-color: #fff;-moz-box-shadow: 2px 2px 3px #000;-webkit-box-shadow: 3px 3px 3px #000;box-shadow: 2px 2px 3px #000;} #gallery_popup_holder a#close { position: absolute; top: -13px; right: -13px; display: block; background-color: #fff; border: 4px solid #9e1b32; width: 15px; height: 15px;} #gallery_popup_holder a#close:hover { text-decoration: none;} #gallery_container { width: 870px; height: auto; position: relative;} #gallery_container #med-img-holder { float: left; padding: 10px; width: 400px; height: auto; position: relative; border-right: 1px solid #d5d5d5;} #gallery_popup_holder a#galnext, #gallery_popup_holder a#galprev { position: absolute; top: 110px; display: block; padding-top: 50px; width: 50px; height: 0; overflow: hidden; } #gallery_popup_holder a#galprev {left: 20px; background: transparent url('/images/2010-design/gallery-prev.png') 0 0 no-repeat; } #gallery_popup_holder a#galnext {right: 20px; background: transparent url('/images/2010-design/gallery-next.png') 0 0 no-repeat; } #thumb_holder { width: 48%; height: auto; float: left; padding: 10px;} #gallery_popup_holder .img_holder { width: auto; height: 50px; float: left; padding: 5px 5px 0 0; overflow: hidden;} #gallery_popup_holder #med-img-holder img#loadingImg { display: none; position: absolute; top: 115px; left: 178px; text-align: center;} #videoWrapper { margin: auto; margin-top: 20px; text-align: center; width: 790px} .videoRssItem { width: 150px; float: left; text-align: center; margin-left: 5px; } .videoRssTitle { font-size: 11px; text-align: center; } .contact-agent-btn { font-family: TypoSlabserif-LightRegular,Times,'Times New Roman',serif; letter-spacing: 1px; background:url(/images/2010-design/nav-hover.gif) center center no-repeat; text-align: center; display: block; color: #ffffff; height: 30px; line-height: 30px; margin-top: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} p.alphaLinks a.l12 { display: inline !important; margin-left: 0; } input.last { display: none; } /** * CleanStickyFooter * stick your footer to the page bottom with css only (cross-browser) * http://code.google.com/p/cleanstickyfooter/ * ! only works for footers with a specified height */ html, body { height: 100%; } #Wrapper { /* for standards based browsers */ min-height: 100%; /* for older browsers */ height: auto !important; height: 100%; /* footer height as negative bottom margin */ margin-bottom:-150px; } #Content { /* footer height as bottom padding */ padding-bottom: 150px; } #Footer { height:190px; border-top-width:1px; } input.last { display: none; } td a.l12, td a.r12 { display: list-item; margin-left: 20px; } /*************************************************************************************** * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none; } a { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /*************************************************************************************** * Media queries for responsive design */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } }