body { background: url("images/templates/luxury/bg.jpg") 50% 50% repeat; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; color: #000000; margin: 0; padding: 0; height: 100%; } p { line-height: 1.4em; } #pagelayout { background: #c5D186 ; margin: 0 auto; width: 770px; border: solid 1px ; height: 100% ; } body #pagelayout { /* hack for IE7 to ensure pagelayout background extends fully */ height:auto; } #leftside { float:left; width: 132px; } #content { float: left; width: 638px; overflow:hidden; } #homecontent { float: left; width:482px; } #right_side { float: left ; width: 148px; /* internal width */ border: none ; padding: 0 4px ; /* t+b, l+r - keeps sections away from edges, total is 156 */ } #pagefooter { clear:left ; margin: 20px 0; /* t+b, l+r */ font-size: 0.95em; color: #666666; text-decoration: none; text-align: center; } #footer_left { float: left ; width: 132px ; } #footer_center { float: left; width: 480px; padding: 10px; text-align: center ; } #footer_right { float:left ; width: 155px; } #heading { background: url("images/templates/luxury/bgh.gif") repeat; float:left; width:770px; height: 123px; } #tourheading { background: url("images/templates/luxury/bgh.gif") repeat; height: 123px; margin: 0 -10px; } #topmenu { float:left; background: url("images/templates/luxury/bgm.gif") repeat; padding: 7px 10px; /* t+b, l+r */ margin-left: 0; width: 750px; height: 43px; /* image is 57px high, padding x 2 +height(43) = 57 */ font-size: 17px ; font-family: Georgia, 'Times New Roman', Times, serif ; } #propertysummary { float: left; width: 472px ; padding: 10px 5px; margin: 0 ; border-bottom: dotted 1px #6C7442; } #propertyhighlights { float: left; width: 472px ; padding: 10px 5px; margin: 0; border-bottom: dotted 1px #6C7442; } #highlightleft { float: left ; width: 200px; margin: 0.8em 0 0 10px; padding: 0 0 1em 1.25em ; line-height: 1.3em; border: 0 none; list-style-type:circle ; } #highlightright { float: right ; width: 200px; margin: 0.8em 0 0 10px; padding: 0px 0px 1em 1.25em ; line-height: 1.3em; border: 0px none ; list-style-type:circle ; } #propertydescription { float: left; width: 472px ; padding: 10px 5px; margin: 0 ; border-bottom: dotted 1px #6C7442; } #left_menu { padding: 1em 0 ; } #left_menu ul { list-style: none ; margin: 0 ; padding: 0 ; border: none; } #left_menu li { border-bottom: 1px solid #ABB575; margin: 0; padding: 0 0 0 0.3em; /* how close to edge menu item */ } #left_menu li a { display: block ; padding: 0; font-size: 0.85em; color: #333300; text-decoration: none; margin: 0; line-height: 1.7em; } #left_menu li a:hover { color: #FDFDFD; text-decoration: none; } #openhousebox { font-size: 1em; text-align: center ; color: #000000; width: 85% ; padding: 5px; margin: 0 auto ; border: 2px dashed #833210; overflow: hidden; /* causes any text to be cut off at edge of box */ } #details { font-size: 0.77em ; line-height: 1em ; width: 100% ; } .detailrow { width:100%; border-top: 1px dotted #6C7442 ; padding: 4px 0; font-family: Arial, Helvetica, sans-serif; } .spaceline { clear:both; } /* property details: LEFT side labels */ .leftdetail { float:left ; width: 79px; padding: 3px 3px 3px 0; /*t+b, l+r */ font-weight: 900 ; color: #6C7442 ; text-align: right; /* border-right: 1px dotted #6C7442 ; */ /* border-top: 1px dotted #6C7442 ; */ overflow: hidden; /* causes any text to be cut off at edge of box */ /* white-space:pre-wrap; /* causes any text to be cut off at edge of box */ } /* property details: RIGHT side data */ .rightdetail { float: left; width: 66px; padding: 4px 0 3px 0; /*t+b, l+r */ /* border-top: 1px dotted #6C7442 ;*/ color: #000000 ; font-weight: 500 ; overflow: hidden; /* causes any text to be cut off at edge of box */ /* white-space:pre-wrap; /* causes any text to be cut off at edge of box */ } /* property details: full row formatted as a LEFT side label */ .all_left { float:left; text-align: center; width: 100%; padding: 3px 0; /*t+b, l+r */ font-weight: bold ; color: #6C7442 ; /* border-top: 1px dotted #6C7442; */ } /* property details: full row formatted as a RIGHT side label */ .all_right { float:left; text-align: center; padding: 3px 0; /*t+b, l+r */ width:100%; /* border-top: 1px dotted #6C7442; */ } /* defines a row for the display of photos */ .photorow1 { float:left; width: 100% ; border:0; margin:0; padding: 0 0 4px 0; } /* defines the position of a single photo */ .photo1 { float: left; border: 1px solid #000000; padding: 0 ; } .photo1hs { float: left; } /* used in the thumbnail presentation page option */ #imgtitle { float:right; width: 210px; padding: 0 10px; /*t+b, l+r */ text-align: left; font-size: 1.6em; color: #6C7442; text-decoration: none; line-height: 1.1em; padding-top: 0; padding-bottom: 5px; } /* defines position of text for photos in linear page layout */ .photophoto { float:left; width: 300px; position:relative; } .thumbtextcontainer { width: 94px; height: 120px; float:left; margin: 0 10px 0 0; padding: 0 ; border: none; } .thumbtitletext { text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:9px; margin:2px 0 0 0; line-height:10px; height:22px; width:94px; float:left; overflow:hidden; } .thumbcontainer { position:relative; width: 94px; height: 90px; border: 1px solid #833210; margin: 0; padding: 0; } .thumbouter { #position: relative; width: 94px; height: 90px; margin: 0; padding: 0; display: table; overflow: hidden; z-index: 2; border:none; } .thumbmiddle { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; text-align:center; width:100%; margin: 0 auto; padding:0; } .thumbinner { #position: relative; #top: -50%; } .thumbbox { position: absolute; top: 0; left: 0; background: #666666; width: 94px; height: 90px; opacity: 0.3; filter: alpha(opacity = 30); z-index: 1; } .thumbspan { z-index: 2; position: relative; } /* special for home page rows */ .photorowHP { float:left; width: 100% ; margin-top:5px; padding: 0 0 10px 0; border-bottom: 1px dotted #6C7442; } .thumbtextcontainerHP { width: 96px; height: 90px; float:left; margin: 0; } .thumbcontainerHP { position:relative; width: 96px; height: 90px; border: none; } .thumbboxHP { position: absolute; top: 0; left: 0; width: 96px; height: 90px; z-index: 1; } /* end of home page photo row defs */ .phototext1 { float:left; width: 310px; padding: 2px 10px; /*t+b, l+r */ text-align: left; } .phototext1 h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; color: #6C7442; text-decoration: none; line-height: 1em; margin: 0; padding-top: 0; padding-bottom: 8px; } /* defines position of text for photos in thumbnail page layout */ .phototext2 { float:right; width: 210px; padding: 0 10px; /*t+b, l+r */ text-align: left; } /* how the list of documents is to display */ #documents { float: left ; margin: 1em 0px 0px 0.5em; padding: 0 0 0 3em ; } #documents li { margin: 2em 0 ; } /* how the list of documents is to display */ #linkslist { float: left ; width: 90%; margin: 1em 0px 0px 0.5em; padding: 0 0 0 3em ; overflow: hidden; } #linkslist li { margin: 2em 0 ; } #agent_insert { width: 87% ; margin: 2px ; padding: 5px; font-size: 0.9em; text-align: center ; border: 1px solid #833210 ; } #endofdivs { clear: left; } /* Used to make the Company name bigger */ .company { font-size: 1.1em ; } h1 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 27px; color: #FDFDFD; margin: 0 ; padding: 20px 10px 0 ; font-weight: bold ; letter-spacing: .05em; } h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 18px; color: #6C7442; text-decoration: none; line-height: 15px; margin: 0; padding-top: 18px; padding-bottom: 8px; } .label { font-size: 1em; font-weight: bold; color: #000000; } div.tagline { font-family: Georgia, 'Times New Roman', Times, serif ; font-size: 18px; color: #CCCCCC; padding: 5px 10px 0; } div.address2 { font-family: Georgia, 'Times New Roman', Times, serif ; font-size: 18px; color: #E5E1E1; padding: 0 10px 0 ; font-weight: bold; } /* regular Anchor tags for main body of form */ /* unvisited link */ a:link { text-decoration: underline;} a:visited { text-decoration: none; } /* visited link */ a:hover { text-decoration: underline; } /* mouse over link */ a:active { text-decoration: none; } /* selected link */ /* top menu text links */ a.mainmenu { color:#FDFDFD; text-decoration:none; } a.mainmenu:hover { color: #CCCCCC;} /* footer is the style of the bottom menu text links */ a.footer { font-size: 0.8em; color: #666666; text-decoration: none; padding: 0; margin-top: 8px; margin-bottom: 8px; line-height: 20px; } a.footer:link { color: #666666; text-decoration: none; } a.footer:visited { color: #666666; text-decoration: none; } a.footer:hover { color: #CE0000; text-decoration: underline; } a.footer:active { color: #CE0000; text-decoration: none; } /* tiny is the style of the bottom menu text links */ /* the top image of the left menu */ /* this is the left menu separator line */ .menu_image { margin: 0 10px 0 0; padding-top: 10px; height: auto; background-attachment: fixed; background-image: none; background-repeat: no-repeat; background-position: center bottom; border-bottom: 1px solid #ABB575; } /* used in the various POP UPS and FORMS */ .popup { background: url("images/templates/luxury/") #FAFAFA 50% 50% repeat; font-family:Verdana, Helvetica, sans-serif; color: #000; font-size:11px; margin: 0 10px; padding: 0; } .popup h2 { font-size: 16px; color: #000; text-decoration: none; margin: 0; padding-top: 8px; padding-bottom: 2px; } #tourheading h2 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; color: #6C7442; text-decoration: none; margin: 0; padding-top: 8px; padding-bottom: 2px; } .popup p { line-height: 1.3em; padding-top: 0; padding-bottom: 0; margin-top:0; margin-bottom:0; } #tourheader { background: url("images/templates/luxury/bgh.gif"); height: 40px; font-size: 2em; color: #FDFDFD; margin: 0px ; padding: 10px 10px 0 ; font-weight: bold ; letter-spacing: .05em; } div.aligned { float:left; } div.aligned input { cursor: pointer; font-size: 0.9em; height: 2em ; width: auto; padding: 0 0.6em; } .submitbutton { font-weight:500; color:#000; background: #FFF; } .buttonover { font-weight:500; color: #000; background: #CCC ; } /* .submitbutton:hover { font-weight:500; color:#FDFDFD; background-color:#c5D186; } */ .cancelbutton { border: none; color:#000; text-decoration: underline; background: #FAFAFA ; } .cancelbuttonover { border: none; color:#CCCCCC; text-decoration: none; background: #FAFAFA ; } img.wborder { border: 1px solid #000000; margin: 0px; padding: 0px; } img.tour { border: 1px solid #833210; margin: 0; padding: 0; } img.noborder { border: none; } img.thumbimg { border: 1px solid #833210; margin: 0 auto; padding: 0px; } .homethumb img { border: 1px solid gray; } .homethumb:hover img { border: 1px solid white; } .homethumb:hover { /* IE hack added by PE */ color: white; } /* >>>> INPUT FORM CSS <<<< */ form { margin: 0.5em 0.2em; font-size: 10px; } fieldset { margin: 1em 0; padding: 0.3em 0.4em; border: 1px solid #DCDCDC; } legend { font-weight: bold; color: #333333; padding: 2px 4px; border: 1px solid #DCDCDC; background: #F0F0F0; } form input { height: 1.5em; padding: 0 0 0 0.2em; margin: 0 0 0 0.5em; /* width: 65%; */ } select { font-size: 10px; margin: 0 0 0 .5em; } textarea { padding: 0 0 0 0.2em; margin: 0 0 0 .5em; } textarea:focus, input:focus { background-color: #FFFDE5; } fieldset br { display: none; } fieldset div { clear: both; margin: .5em 0; position: relative; } form label,form fieldset div.cr p { margin: 0; display: block; width: 9em; text-align: right; float: left; } fieldset div.cr label { text-align: left; margin: 0 0 0.9em 9em; height: 1.2em; width: auto; float: none; } fieldset div.cr label input { float: left; } fieldset hr { width: 80%; color: #dcdcdc; background-color: #dcdcdc; height: 1px; border: none; } .mandat { color: #B50104; font-weight: bold; } .buttons { text-align: center; } /* >> CSS FOR SOLD BANNER << */ #sold { position: absolute; width: expression(document.body.clientWidth); top: 250px; left: 0; right: 0 ; } #soldtext { width: 770px ; margin: 0 auto; color:#833210; font-family: Arial, sans-serif; font-weight: bold; font-size: 150px; text-align:center; } /* This section is to handle DEMO site pop ups */ #demositebody { background: url("images/templates/luxury/bg.jpg") 50% 50% repeat; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; color: #000000; margin: 0 0 -20px 0; padding: 0px; min-height:100%; /* forces ie6 to make the pagelayout the full height */ } #demositecontainer { height: 100%; overflow: auto; position: relative; z-index: 2; } #demoarea { position:absolute; top: 5px; right: 0; width:95px; z-index: 99; } #demobutton { border:0; } #demostartbutton { border:0; margin-top:5px; } /* CSS for HIGHSLIDE */ /* for frames */ .hsld-html { background-color: white; } .hsld-html-content { position: absolute; display: none; } .control { float: right; display: block; /*position: relative;*/ margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #999; } .control:hover { color: black !important; } /* standard definitions */ .hsld { outline: none; cursor: url("hsld/graphics/zoomin.cur"), pointer; } .hsld img { border: 1px solid gray; } .hsld:hover img { border: 1px solid white; } .hsld:hover { /* IE hack added by PE */ color: white; } .hsld-image { border: 1px solid white; } .hsld-image-blur { } .hsld-caption { display: none; border: 1px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: #c5D186; } .hsld-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; /* padding-left: 22px; background-image: url('hsld/graphics/loader.gif'); background-repeat: no-repeat; background-position: 3px 1px; */ } a.hsld-credits, a.hsld-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.hsld-credits:hover, a.hsld-credits:hover i { color: white; background-color: gray; } .hsld-move { cursor: move; } .hsld-overlay { display: none; } .controlbar { background: url("hsld/graphics/controlbar5.gif"); width: 167px; height: 34px; } .controlbar a { display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px; } .controlbar a:hover { background-image: url("hsld/graphics/controlbar5-hover.gif"); } .controlbar .previous { width: 50px; } .controlbar .next { width: 40px; background-position: -50px 0; } .controlbar .hsld-move { width: 40px; background-position: -90px 0; } .controlbar .hsld-show { width: 40px; background-position: -90px 0; } .controlbar .close { width: 36px; background-position: -130px 0; } /* control bar for home page image */ .controlbarHP { background: url("hsld/graphics/controlbarhp.gif"); width: 84px; height: 34px; } .controlbarHP a { display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px; } .controlbarHP a:hover { background-image: url("hsld/graphics/controlbarhp-hover.gif"); } .controlbarHP .hsld-show { width: 46px; background-position: -84px 0; } .controlbarHP .close { width: 38px; background-position: -130px 0; } /* Necessary for functionality */ .hsld-display-block { display: block; } .hsld-display-none { display: none; } /* following is for zoom icon */ img.zoomerTL { position:absolute; vertical-align:top; top: 1px; left: 1px; z-index:999; border: none; opacity: 0.45; filter: alpha(opacity = 45); } .hsld:hover img.zoomerTL { border: none; opacity: 0.9; filter: alpha(opacity = 90); }