/* ------------------------------ FLLakehouse screen styles Design & Dev by Will Bowling http://www.willbowling.com ------------------------------ */ body{ margin:0; padding:0; line-height: 1.3em; /* font: 90%/120% 'lucida grande', 'lucida sans unicode', 'Trebuche MS', Helvetica, Verdana, Arial, sans-serif; */ font: 90%/120% 'Trebuche MS', Helvetica, Verdana, Arial, sans-serif; background: #5f7797 url(../images/bgshim2.jpg) top left repeat-x; background-attachment:fixed; } h1 {font-size: 17px;} h2 {font-size: 15px;} h3 {font-size: 13px;} h4 {font-size: 11px;} h5 {font-size: 10px;} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0em 0; padding: 0; } li, dd, blockquote { margin-left: 0em; } form label { cursor: pointer; } fieldset { border: 0; } input, select, textarea { font-size: 100%; } /* a { color: #992723; text-decoration:none; font-size : 12px; font-weight: bold;} a:hover { color: #918b7d; text-decoration: underline; font-size : 12px; font-weight: bold;} */ a:link, a:visited {color: #c00; text-decoration:none; font-size: 12px; font-weight:bold;} a:hover {color: #666; text-decoration:underline; font-size: 12px; font-weight:bold;} a:active {color: #fff; text-decoration:underline; font-size: 12px; font-weight:bold;} #wrapper{ width: 920px; /*Width of main container*/ margin: 25px auto; /*Center container on page*/ background-color: #fff; } #head{ background: transparent url(../images/florida-lakehouse-heading2.jpg) top center no-repeat; height:140px; margin:0; border:0; } #head h1 {display:none;margin:0;} #body{ float: left; width: 100%; min-height: 500px; background: #fff url('../images/florida-lakehouse-mainbgnew.jpg') repeat-y top center; padding-bottom: 30px; /*background: #fff url(../images/florida-lakehouse-mainbgnew.jpg) top center no-repeat; padding-bottom: 30px;*/ } #mainCol { margin: 20px 181px 0 181px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ } #mainCol p {padding:5px 5px;}/* 5px 20px*/ #mainCol h1 {padding-left: 10px; color: #000;} #mainCol h2 {padding-left: 10px; color: #70863E;} #mainCol h3 { color:#fff; padding-left: 10px; background: transparent url(../images/premiereH3bkg2.jpg) top left repeat-x; padding: 0px 0; height:20px;} #mainCol h3 span {font-size:11px; padding: 2px 0; padding-left: 5px; letter-spacing:1px;} #mainCol h3 span img {float:right;} #mainCol h3 .moreCity {padding-left:60px; color: #FFCC00; font-style: italic;} #mainCol h3 .leftheaderlink {padding-left:5px; color: #FFCC00; font-style: italic;} #mainCol h4 {color: #fff; font-size:medium; padding-left: 5px; padding-top: 0px;} #mainCol h4 .price {color: yellow; font-style: italic;} #mainCol table#listitem {border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;} #mainCol table#lakelist {background-color:#b0a383; border-left: 1px solid #000; border-right: 1px solid #000;} #mainCol table#listing { color: #fff; text-align: right; height: auto; width: 318px; height: 150px; font-style: normal; padding: 0pt; } #mainCol table#listing td {height: 17px;} #mainCol table#listheader {border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;} #mainCol th {font-weight:bold; font-size:12px; text-align:center;} #mainCol td.tdata {font-size:small; text-align:center;} #mainCol td.price {text-align:left; vertical-align:top; height:1px;} #mainCol td.headerdataborder { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 2px; font-weight:normal; font-size:11px; text-align:center;} #mainCol td.headerdataleftBorder { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 2px; font-weight:normal; font-size:11px; text-align:center;} #mainCol td.headerdatarightBorder { border-bottom: 1px solid #000; padding: 2px; font-weight:normal; font-size:11px; text-align:center;} #mainCol td.headerdatabottomBorder { border-bottom: 1px solid #000; padding: 2px; font-weight:normal; font-size:11px; text-align:center;} #mainCol td.detailHeaderLabels {vertical-align:top;text-align:right;font-size:12px;font-weight:bold;} #mailCol ul {display:none; list-style-type:none; margin-right:0px;} #mainCol td select { color:#000; font: 90%/120% 'Trebuche MS', Helvetica, Verdana, Arial, sans-serif; font-size:12px; } #mainCol img.featured {border: 1px solid #000; margin-left:5px; margin-top:5px;} #mainCol .description {color: #000; font-size:small;} #premiere { margin: 0px; border:1px solid #434F5F; border-top: 0px; background: #fff url(../images/premierebg2.jpg) top left repeat-x; height:190px;} #premiere .premiereImg {float:left; position:relative; padding: 10px;} #premiere h3 { color:#fff; border-top: 1px solid #434F5F; margin-top: 10px; padding-left: 10px; background: transparent url(../images/premiereH3bkg2.jpg) top left repeat-x; height:20px;} #premiere h3 span {font-size:11px; padding-bottom: 2px; padding-left: 10px; letter-spacing:1px;} #premiere h3 span img {float:right;} #premiere p {padding:10px;} #leftCol{ float: left; width: 161px; /*Width of left column in pixel*/ margin-left: -905px; /*Set margin to that of -(MainContainerWidth) minus left padding */ margin-top: 20px; padding: 10px 0 0 0; background: transparent url(../images/leftCol_top_dk2.gif) top center no-repeat; } #leftCol div#inner {padding-top: 0px; background: transparent url(../images/leftCol_shim2.gif) top center repeat-y;} #leftCol div#inner h3.topHead {padding-top:0; background-color:#526176; color:#fff;} #leftCol div#inner h3 {padding-left: 10px; margin-bottom:0px; background-color:#526176; color:#fff; border-bottom: 1px solid #434F5F; padding-top:7px;} #leftCol h4 {background: transparent url(../images/leftCol_btmBlue.gif) bottom center no-repeat; height: 10px;} #leftCol h4 span {display:block;} #leftCol ul {list-style-type:none; width: 159px; margin-left: 1px; padding-left:0;} #leftCol ul.links li {text-align:left; margin-left: 0; margin-right: 0;} #leftCol ul.links li a {display: block; width: auto; padding: 0px; line-height: 15px; padding-left: 10px;} #leftCol ul.links li a:link, #leftCol ul li a:visited {color: #6A5B48; text-decoration:none; } #leftCol ul.links li a:hover, #leftCol ul li a:active {color: #fff; text-decoration:none; background-color:#6A5B48; } #leftCol ul.properties li {text-align:center; font-weight:bold; color:#6A5B48; padding-top: 5px; padding-bottom: 5px; border-bottom:1px solid #434F5F;} #leftCol ul.properties li a {display: block; border-style:none; margin-left: 0; margin-right: 0;} #leftCol ul.properties li a img {border: 1px solid #000; padding-top:0px; background-color:Transparent;} * html #leftCol li a { /*IE only. Actual menu width minus left padding of A element (10px) */ width: 149px; } #rightCol{ float: left; width: 161px; /*Width of right column*/ margin-left: -176px; /*Set left margin to -(RightColumnWidth) PLUS right padding */ margin-top: 20px; padding: 10px 0 0 0; background: transparent url(../images/leftCol_top_dk2.gif) top center no-repeat; } #rightCol div#inner {padding-top: 0px; background: transparent url(../images/leftCol_shim2.gif) top center repeat-y;} #rightCol div#inner h3.topHead {padding-top:0; background-color:#526176; color:#fff;} #rightCol div#inner h3 {padding-left: 10px; margin-bottom:0px; background-color:#526176; color:#fff; border-bottom: 1px solid #434F5F; padding-top:10px;} #rightCol h4 {background: transparent url(../images/leftCol_btmBlue.gif) top center no-repeat; height: 10px;} #rightCol h4 span {display:none;} #rightCol p {padding:10px;} #rightCol ul {list-style-type:none;width: 159px;margin-left: 1px;padding-left:0;} #rightCol ul li {margin-left: 0;} #rightCol li a {display: block;width: auto;padding: 0px 0;line-height: 15px;padding-left: 0px;} * html #rightCol li a { /*IE only. Actual menu width minus left padding of A element (10px) */ width: 149px; } #rightCol ul li a:link, #rightCol ul li a:visited {color: #6A5B48; text-decoration:none; } #rightCol ul li a:hover, #rightCol ul li a:active {color: #fff; text-decoration:none; background-color:#6A5B48; } #ssContainer{float:left; width:320; height:240; margin-top:20px; margin-left:20px; background-color:Transparent;} #ssContainer img {border: 1px solid #000;width:300px; height:200px; background-color:#b0a383; filter:progid:DXImageTransform.Microsoft.Fade();} #ssContainer img.buttons {border: 0px solid #000;width:32px; height:32px; background-color:#b0a383;} /*filter:progid:DXImageTransform.Microsoft.GradientWipe();*/ #mls-detail-additional-features{float:left; width:710; height:240; margin-top:40px; margin-left:-304px; background-color:Transparent;} /*#mls-detail-additional-features{float:left; width:710; height:240; margin-top:40px; margin-left:-304px; background-color:Transparent;}*/ #slide_buttons{float:left; width: 150px;} #SLIDESTEXT{float: left; width: 150px; font-size:10px;font-weight:bold;} #ssCol{ float: left; width: 200px; /*Width of right column*/ margin-left: 0px; /*Set left margin to -(RightColumnWidth) PLUS right padding */ margin-top: 20px; padding: 10px 0 0 0; background: transparent url(../images/leftCol_top_dk.gif) top center no-repeat; } #ssCol div#inner {padding-top: 0px; background: transparent url(../images/leftCol_shim2.gif) top center repeat-y;} #ssCol div#inner h3.topHead {padding-top:0; background-color:#6A5B48; color:#fff;} #ssCol div#inner h3 {padding-left: 10px; margin-bottom:0px; background-color:#6A5B48; color:#fff; border-bottom: 1px solid #434F5F; padding-top:10px;} #ssCol h4 {background: transparent url(../images/leftCol_btm2.gif) top center no-repeat; height: 10px;} #ssCol h4 span {display:none;} #ssCol p {padding:10px;} #ssCol img {border: 1px solid #000; padding-top:0px; background-color:Transparent;} #ssCol ul {list-style-type:none;width: 318px;margin-left: 1px;padding-left:0;} #ssCol ul li {margin-left: 0;} #ssCol li a {display: block;width: auto;padding: 0px 0;line-height: 15px;padding-left: 0px;} * html #ssCol li a { /*IE only. Actual menu width minus left padding of A element (10px) */ width: 320px; } #ssCol ul li a:link, #ssCol ul li a:visited {color: #6A5B48; text-decoration:none; } #ssCol ul li a:hover, #ssCol ul li a:active {color: #fff; text-decoration:none; background-color:#6A5B48; } #footer{ clear: left; width: 100%; background: #fff; color: #000; text-align: center; padding: 4px 0; } #footer a{ color: #690; } .innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } .price {color: yellow; font-style: italic;} .clear {visibility:hidden; clear:both;} .border { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 2px;} .leftBorder { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 2px;} .rightBorder { border-bottom: 1px solid #000; padding: 2px;} .bottomBorder { border-bottom: 1px solid #000; padding: 2px;} ul.thumbs li { display:inline; list-style-type:none; margin-right:0px;} ul.thumbs li a img {border: 2px solid #000; padding: 0px; margin:0px; background-color:Transparent;} /* /////////// Top Nav Horizontal /////////////// */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ddoverlap{ border-bottom: 1px solid #bbb8a9; margin-right: 6px; margin-left: 6px; } .ddoverlap ul{ padding: 0; margin: 0; margin-left: 5px; padding-top: 120px; font: bold 90% default; list-style-type: none; } .ddoverlap li{ display: inline; margin: 0; font-weight:normal; } .ddoverlap li a{ padding: 3px 7px; text-decoration: none; padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/ color: #4C5F1F; background: transparent url(../images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/ border-left: 1px solid #dbdbd5; position: relative; display: block; float: left; margin-left: -20px; /*shift tabs 20px to the left so they overlap*/ left: 20px; } .ddoverlap li a:visited{ color: #4C5F1F; } .ddoverlap li a:hover{ text-decoration: underline; } .ddoverlap li.selected a{ /*selected tab style*/ color: black; z-index: 100; /*higher z-index so selected tab is topmost*/ top: 1px; /*Shift tab 1px down so the border beneath it is covered*/ background: transparent url(../images/righttabselected.gif) 100% 0 no-repeat; } .ddoverlap li.selected a:hover{ text-decoration: none; }