/* Page Layout */ body { background: #F2F8FF url(../images/bg.jpg) no-repeat 50% 0%; text-align: center; font-family: Arial, Helvetica, sans-serif; color:#000;} @font-face { font-family: "SVHPFont"; src: url(svhp.eot ); /* IE */ src: local("SVHPFont"), url( svhp.ttf ) format("truetype"); /* non-IE */ } #layout {width: 990px; margin: 0 auto; text-align: left; border:solid 2px #999999; background:#FFFFFF url(../images/header.jpg) no-repeat; position:relative;} #layout h1, h2, h3, h4{font-family:SVHPFont, Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 0.3em 0;} .print{display:none} #print-heading{display:none} #wrapper{margin: 218px 9px 0 10px; position:relative; display: inline-block;display: block;overflow: hidden;} #left-side{float:left; width: 198px; position:relative} #right-side{float:right; width: 764px; position:relative; min-height:500px; margin:0 auto;padding-bottom:10px;} #right-side p a {color:#000000} #right-side p a:hover{color:#8FB2DD} #right-side a.external span{position: absolute; left: -5000px; width: 4000px;} #right-side a.external {color:#000000; background: url(../images/ext.gif) no-repeat 100% 0px; padding: 0 20px 0 0;} #right-side a.external:hover{color:#8FB2DD;background: url(../images/ext.gif) no-repeat 100% -100px; padding: 0 20px 0 0;} #right-side img {border:0} #right-side p {margin:0 0 1em 0;} #right-side ul li a:link {color:#000000} #right-side ul li a:hover {color:#8FB2DD} #main{text-align:left; display: inline-block; display: block; overflow: hidden;} #main-heading{padding: 115px 0px 5px 10px; font-size: 36px; margin:0} .main-heading-black{color:#000;text-shadow:#ffffff 2px 2px;} .main-heading-white{color:#fff;text-shadow:#000000 2px 2px; filter: Shadow(Color=#000000,Direction=130,Strength=3);} #main-heading a {text-decoration:none;color:#fff} /* Navigation */ .sidebar-heading{font-family:SVHPFont, Arial, Helvetica, sans-serif; color:#666666; font-size: 17px; margin: 20px 0 10px 0; } .sidebar-heading a{color:#666666;text-decoration:none;} #contact-phone{ display:block; text-decoration:none; height:25px; line-height:25px; width:198px; color:#666666; text-indent:29px; border:1px solid #fff; border-width:0 1px 1px 0; text-decoration:none; font-size:12px; background:#E5EDF7; width:198px; background:url(../images/contact/phone.png) no-repeat #E5EDF7} .contact-nav {z-index:1000; font-size:12px; color:#666666; width:198px;} /* remove all the bullets, borders and padding from the default list styling */ .contact-nav ul {padding:0; margin:0; list-style-type:none; width:198px; } .contact-nav li {position:relative; height:26px; background:#E5EDF7; } .email a{background:url(../images/contact/email.png) no-repeat #E5EDF7;} .callbck a{background:url(../images/contact/callbck.png) no-repeat #E5EDF7;} .facebook a{background:url(../images/contact/facebook.png) no-repeat #E5EDF7;} .twitter a{background:url(../images/contact/twitter.png) no-repeat #E5EDF7;} .balance a{background:url(../images/contact/balance.png) no-repeat #E5EDF7; } .contact-nav a, .contact-nav a:visited { display:block; text-decoration:none; height:25px; line-height:25px; width:198px; color:#666666; text-indent:29px; border:1px solid #fff; border-width:0 1px 1px 0; text-decoration:none;} /* hack for IE5.5 */ * html .contact-nav a, * html .contact-nav a:visited {width:198px; w\idth:198px;} /* style the link hover */ * html .contact-nav a:hover {color:#fff; background:#9FBDE1;} .contact-nav :hover > a {color:#fff; background:#9FBDE1;} .email a:hover {background:url(../images/contact/email.png) no-repeat #9FBDE1; background-position: 0 -26px;} .callbck a:hover {background:url(../images/contact/callbck.png) no-repeat #9FBDE1; background-position: 0 -26px;} .balance a:hover {background:url(../images/contact/balance.png) no-repeat #9FBDE1; background-position: 0 -26px;} .facebook a:hover {background:url(../images/contact/facebook.png) no-repeat #9FBDE1; background-position: 0 -26px;} .twitter a:hover {background:url(../images/contact/twitter.png) no-repeat #9FBDE1; background-position: 0 -26px;} #addthis{margin: 15px 0 15px 5px; font-size:13px;} #addthis a{color:#333333} .main-nav {z-index:1000; font-size:12px; color:#666666; background: url(../images/nav-top.png) no-repeat; padding-top:25px; margin-top:16px; width:198px; position:relative;} /* remove all the bullets, borders and padding from the default list styling */ .main-nav ul {padding:0; margin:0; list-style-type:none; width:198px; } /* hack for IE5.5 */ * html .main-nav ul {margin-left:-16px; ma\rgin-left:0;} /* position relative so that you can position the sub levels */ .main-nav li {position:relative; background:#E5EDF7; height:26px;} /* get rid of the table */ .main-nav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* style the links */ .main-nav a, .main-nav a:visited {display:block; text-decoration:none; height:25px; line-height:25px; width:198px; color:#666666; text-indent:5px; border:1px solid #fff; border-width:0 1px 1px 0; } /* hack for IE5.5 */ * html .main-nav a, * html .main-nav a:visited {background:#E5EDF7; width:198px; w\idth:198px;} /* style the link hover */ * html .main-nav a:hover {color:#fff; background:#9FBDE1;} .main-nav :hover > a {color:#fff; background:#9FBDE1;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .main-nav ul ul {visibility:hidden; position:absolute; top:0; left:198px; border-left:1px solid #fff;} /* make the second level visible when hover on first level list OR link */ .main-nav ul li:hover ul, .main-nav ul a:hover ul {visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .main-nav ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .main-nav ul :hover ul :hover ul{ visibility:visible;} #weather{width: 196px; border: 2px solid #999999; margin:3px;} .temp-c{font-size:28px; font-weight:bold; margin:0;} .temp-f{font-size:20px; font-weight:bold; margin:0;} .weather-detail{margin:0; font-size:13px;} #weather-frame{border: 2px solid #999999;width:195px;height:85px;margin:0 0 10px 0; } #offer-img-links{} #offer-img-links a img{margin: 3px 0 3px 0; border: 2px solid #999999;} #offer-img-links a:hover img{border: 2px solid #9FBDE1;} /* Footer */ #footer {border-top: 10px solid #F2F8FF; padding:0,10px,10px,10px; background: url(../images/footbg.png) #F2F8FF 50% repeat-y; width: 990px; margin: 0 auto; font-size:12px; position:relative; text-align:left; color: #666666;} #footer a{color: #666666;} #footer a:hover{color: #8FB2DD;} #footerleft{float: left; width: 330px; font-size:13px; text-align:center} #footerleft .footerlinks1 {margin:0;padding:0 0 10px 0; color: #999999;} #footerleft .footerlinks1 a{} #footerleft .footerlinks2 {margin:0;padding:0 0 10px 0;color: #999999;} #footerleft .footerlinks2 a{} #footerleft .footerlinks3 {margin:0;padding:0 0 10px 0; color: #999999;font-size:12px;} #footerleft .footerlinks3 a{} #footerright {float: right; width: 330px; } #footerright .box{clear:both;} .contact .left{float:left; width: 158px;} .contact .right{float:right; width: 172px;} .contact .right p{padding: 4px; margin:0;} .contitle{font-family: SVHPFont, Arial, Helvetica, sans-serif; font-size: 15px;} .subtitle{font-weight:bold; padding-top: 9px;} #twitterbox{padding: 20px 0 0 0; width:305px; height:166px;background:url(../footer/twitter-box.png) bottom no-repeat; overflow:hidden; } #twitterbox p{} #twitterbox a{color:#82BAFF;} #twitterbox #twitterboxtitle{font-family: SVHPFont, Arial, Helvetica, sans-serif; font-size: 20px; margin:0; padding: 6px 0 0 55px; } #twitterbox #twitterboxtitle a{color:#82BAFF; margin:0; } #twitterbox #tweet {padding: 0 0 0 48px;width:251px; height:60px; } #twitterall {padding:5px 0 0 30px; font-style:italic; font-weight:bold; color:#333333; font-size:11px; } #twitterall a {color:#333333} #footercentre {margin-left: 340px; width: 310px; text-align:center} .clear {clear: both; } #footerbottom{padding:10px; width: 970px; margin: 0 auto; text-align: center; position:relative; display:block;} #footerbottom p{font-size:12px; margin:0; color:#666666;} /* Sales Property List */ .sales-list-title{background: url(../images/top-corner-dark.gif) no-repeat; height:33px; width:100%; overflow:hidden} .sales-list-title-name{width: 560px; float:left;} .sales-list-title-name h2{margin-top:2px; text-indent:15px; font-size: 26px; color: #fff; font-style: normal; font-family:SVHPFont;} .sales-list-title-price{float:right; margin:4px 15px 0 0; font-size: 22px; color: #fff; font-style: normal; font-family:SVHPFont; text-align:right; } .sales-list {width: 758px; margin: 0 auto; font-size:12px; position:relative; border: 3px solid #295487; margin-bottom: 30px;} .sales-list-links {float: right; width: 197px; background:#fff; padding:5px;} .sales-list-links ul{margin:0 0 0 10px; padding: 0 0 10px 5px; font-size:12px;} .sales-list-links-linktab {font-size:15px; font-weight:bold;background:url(../images/more-button.png) #295487 no-repeat ; height:24px; width:174px; padding: 7px 0 0 0; margin:0 0 5px 16px;text-align:center;} .sales-list-links-linktab a {color: #fff; text-decoration: underline;} .sales-list-links-linktab:hover {background:url(../images/more-button.png) no-repeat #8FB2DD;} .sales-list-image {float: left; width: 251px; padding:5px;} .sales-list-text {margin-left: 261px; width: 300px; padding:5px 5px 5px 0;} .sales-list-text p{margin:0 0 3px 0; font-size:16px;} .sales-display-title{height:33px; width:758px; overflow:hidden; border: 3px solid #295487; border-bottom: none; } .sales-display-title-name{width: 560px; float:left;} .sales-display-title-name h2{margin-top:2px; font-size: 26px; text-indent:5px;color: #295487; font-style: normal; font-family:SVHPFont;} .sales-display-title-price{float:right; margin:4px 15px 0 0; font-size: 22px; color: #295487; font-style: normal; font-family:SVHPFont; text-align:right; } .sales-display {width: 758px; margin: 0 auto; font-size:12px; position:relative; border: 3px solid #295487; border-top: none; margin-bottom: 30px;} .sales-display-links {float: right; width: 197px; background:#fff; padding:5px;} .sales-display-links ul{margin:0 0 0 10px; padding: 0 0 10px 5px; font-size:12px;} .sales-display-image {float: left; width: 251px; padding:5px;} .sales-display-text {margin-left: 261px; width: 300px; padding:5px 5px 5px 0;} .sales-display-text p{margin:0 0 3px 0; font-size:16px;} .sales-images{text-align:center; margin:0;} .sales-images img{margin: 0 5px 0 5px; border:0; padding:0} .sales-table{width:100%; text-align:center; font-size:90%;} .sales-table a{color:#000} .sales-more-info{text-align:center; font-weight:bold; margin: 15px 0 15px 0;} .sales-disclaim{text-align:center; font-size: 80%; font-style:italic;} .sales-screenhide{display:none} .sales-video{} .sales-video-video{margin: 0 50px 0 50px;width:700px; height:386px; overflow:hidden} .red {color: #CC0000} .sales-intro {width:100%;position:relative;} .sales-intro-right {width:309px;float:right; position:relative; } .sales-intro-right ul{margin:0; padding:0 0 0 15px} .sales-intro-left {width:455px;float:left; position:relative; } .sales-intro-clear {clear:both;height:10px;overflow:hidden;margin-top:-1px;} .printdoc{height:50px; width:57px; background:url(../images/print.gif) 0 0;float:right;clear:right;margin: 0px 5px 10px 0;} .printdoc:hover{height:50px; width:57px; background:url(../images/print.gif) 0px 50px } /* Caravan Bands List */ .caravan-bands-title{height:33px; width:100%; overflow:hidden} .caravan-bands-title h2{margin-top:2px; text-indent:15px; font-size: 26px; color: #fff; font-style: normal; font-family:SVHPFont; width:500px; float:left;} #deluxe-title{background: url(../images/caravan-bands-top.gif) no-repeat;} #luxury-title{background: url(../images/caravan-bands-top.gif) no-repeat 0 -33px; } #standardplus-title{background: url(../images/caravan-bands-top.gif) no-repeat 0 -66px;} #standard-title{background: url(../images/caravan-bands-top.gif) no-repeat 0 -99px;} .caravan-bands {width: 758px; margin: 0 auto; font-size:12px; position:relative; margin-bottom: 30px; } #deluxe-band{border: 3px solid #244A79; } #luxury-band{border: 3px solid #3166A6 } #standardplus-band{border: 3px solid #5087CB; } #standard-band{border: 3px solid #8EB1DD; } .caravan-bands-image {margin-left: 341px; width: 407px; padding:5px 5px 5px 2px;} .caravan-bands-text {float: left; width: 321px; padding:5px;} .caravan-bands-text p{margin:0 0 3px 0; font-size:16px;} .caravan-bands-text p a{text-decoration:none; font-weight:bold}.property-list-text p a:hover{text-decoration:underline; font-weight:bold} .caravan-bands-text a.readmore {text-decoration:underline; font-weight:normal}.caravan-bands-text a:hover.readmore{text-decoration:underline; font-weight:normal} .caravan-bands-text-linktab {font-size:13px; font-weight:bold; height:24px; width:311px; padding: 7px 0 0 0; margin:0 0 5px 5px;text-align:center;} .caravan-bands-text-linktab a {color: #fff; text-decoration: underline;} #deluxe-link {background:url(../images/more-button-lg.png) no-repeat #244A79} #deluxe-link:hover {background:url(../images/more-button-lg.png) no-repeat #8EB1DD} #luxury-link {background:url(../images/more-button-lg.png) no-repeat #3166A6} #luxury-link:hover {background:url(../images/more-button-lg.png) no-repeat #244A79} #standardplus-link {background:url(../images/more-button-lg.png) no-repeat #5087CB} #standardplus-link:hover {background:url(../images/more-button-lg.png) no-repeat #244A79} #standard-link {background:url(../images/more-button-lg.png) no-repeat #8EB1DD} #standard-link:hover {background:url(../images/more-button-lg.png) no-repeat #244A79} /* Rental Property List */ .property-list-title{background: url(../images/top-corner.gif) no-repeat; height:33px; width:100%; overflow:hidden} .property-list-title h2{margin-top:2px; text-indent:15px; font-size: 26px; color: #fff; font-style: normal; font-family:SVHPFont; width:500px; float:left;} .property-list-title-price{margin-top:2px; font-size: 22px; color: #fff; font-style: normal; font-family:SVHPFont; width:200px; float:right;} .property-list {width: 758px; margin: 0 auto; font-size:12px; position:relative; border: 3px solid #8EB1DD; margin-bottom: 30px; } .property-list-links {float: right; width: 170px; background:#fff; padding:5px;} .property-list-links ul{margin:0 0 0 10px; padding: 0 0 10px 5px; font-weight:bold;} .property-list-links-linktab {font-size:13px; font-weight:bold;background:url(../images/more-button.png) #8FB2DD no-repeat ; height:24px; width:174px; padding: 7px 0 0 0; margin:0 0 5px 0;text-align:center;} .property-list-links-linktab a {color: #fff; text-decoration: underline;} .property-list-links-linktab:hover {background:url(../images/more-button.png) no-repeat #295487;} .property-list-image {float: left; width: 251px; padding:5px;} .property-list-text {margin-left: 261px; width: 327px; padding:5px 5px 5px 2px;} .property-list-text p{margin:0 0 3px 0; font-size:15px;} .property-list-text p a{text-decoration:none; font-weight:bold}.property-list-text p a:hover{text-decoration:underline; font-weight:bold} .property-list-text a.readmore {text-decoration:underline; font-weight:normal}.property-list-text a:hover.readmore{text-decoration:underline; font-weight:normal} /* Rental Property Details */ .animal-list-title{background: url(../images/top-corner.gif) no-repeat; height:33px; width:100%; overflow:hidden} .animal-list-title h2{margin-top:2px; text-indent:15px; font-size: 26px; color: #fff; font-style: normal; font-family:SVHPFont; width:500px; float:left} .animal-list {width: 758px; margin: 0 auto; font-size:12px; position:relative; border: 3px solid #8EB1DD; margin-bottom: 30px; } .animal-list-clear{clear:both; text-align:left} .animal-list-text{float: left; width: 490px; padding:5px;} .animal-list-text {margin:0 0 3px 0; font-size:15px;} .animal-list-text h3{font-size:18px} .animal-list-text ul {margin:0; padding:0;} .animal-list-text ul li {list-style-type:none; font-size:17px} .animal-list-image{margin-left: 502px; width: 238px; padding:5px 5px 5px 0;} .animal-list-clear img{padding:0px 0px 5px 5px;} /* Rental Property Details */ #property-detail{background:#fff; width:100%; padding: 5px; position: relative; display:inline-block} #property-detail-text{background:#fff; width: 500px; float:left;} #property-detail-feat{width:249px; margin-left: 510px; z-index: 1;} #property-detail-feat-top{background:url(../images/prop-feat.png); height:18px; } #property-detail-feat-middle{background:#E5EDF7; padding: 0 6px 0 6px; font-size: 13px; } #property-detail-feat-middle p{margin: 0px; padding: 0px; font-family:SVHPFont, Arial, Helvetica, sans-serif; font-size: 18px; } #property-detail-feat-middle ul {padding: 5px 15px 0px 15px; margin-top: 0px; margin-bottom: 0px; font-size: 11px;} #property-detail-feat-bottom{background:url(../images/prop-feat.png) 0 -18px; height:18px; } #property-detail-images {width:100%; padding: 2.5px 0 2.5px 0; margin: 0 0 15px 0;} #property-detail-images img{padding: 2.5px; } #property-detail-availability{width: 100%;} #property-detail-availability .smchart{width: 500px; height: 500px; margin: 10px 143px 0 121px;} #property-detail-availability .lgchart{width: 630px; height: 910px; margin: 0 0 0 60px;} .message{} .property-comments table{width: 697px; border: none;} .property-comments-date{text-align:right; width:50%; color:#000;} .property-comments-5star {background:url(../images/property-stars.jpg) no-repeat; width:70px;} .property-comments-4star {background:url(../images/property-stars.jpg); width:56px;} .property-comments-3star {background:url(../images/property-stars.jpg); width:42px;} .property-comments-2star {background:url(../images/property-stars.jpg); width:28px;} .property-comments-1star {background:url(../images/property-stars.jpg); width:14px;} .property-comments-star {} .property-comments-comment{text-align:center;color:#000; padding: 5px 0 5px 0;width: 697px;} .property-comments-name{text-align:right; width:50%; color:#000;} #ajaxticker1{width: 697px;height: 120px;overflow:hidden;} #ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/} #ajaxticker2{width: 100%;background-color: #E5EDF7;overflow:hidden;} #ajaxticker2 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/background-color: #E5EDF7;} #property-detail1{background:#fff; width:100%; padding: 5px; position: relative; display:inline-block} #property-detail-text1{background:#fff; width: 100%; float:left;} #property-detail-feat1{width:249px; float:right;clear:right;margin:0.5em 0 0.8em 1.4em} #property-detail-feat-top1{background:url(../images/prop-feat.png); height:18px; } #property-detail-feat-middle1{background:#E5EDF7; padding: 0 6px 0 6px; font-size: 13px; } #property-detail-feat-middle1 p{margin: 0px; padding: 0px; font-family:SVHPFont, Arial, Helvetica, sans-serif; font-size: 18px; } #property-detail-feat-middle1 ul {padding: 5px 15px 0px 15px; margin-top: 0px; margin-bottom: 0px; font-size: 11px;} #property-detail-feat-bottom1{background:url(../images/prop-feat.png) 0 -18px; height:18px; } #property-detail-images1 {width:100%; padding: 2.5px 0 2.5px 0; margin: 0 0 15px 0;} #property-detail-images1 img{margin: 2.5px; /*opacity:1.0; filter:alpha(opacity=100); */ } #property-detail-images1 a img{margin: 2.5px; /*opacity:0.6; filter:alpha(opacity=60);*/ } #property-detail-images1 a:hover img {border:1px solid #295487; margin: 1.5px; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */} #property-detail-availability1{width: 100%;} #property-detail-availability1 .smchart{width: 500px; height: 400px; margin: 10px 143px 0 121px;} #property-detail-availability1 .lgchart{width: 620px; height: 880px; margin: 0 0 0 70px;} .property-comments1 table{width: 100%; border: none;} .property-comments-date1{text-align:right; width:50%; color:#666666;} .property-comments-comment1{text-align:center; font-size:14px;color:#666666; padding: 5px 0 5px 0;} .property-comments-name1{text-align:right; color:#666666;} /* Horizontal and Vertical Boxes */ .v-box-{width:280px; } .v-box-top{background:url(../images/v-box.png); height:24px; } .v-box-middle{background:#E5EDF7; padding: 0 6px 0 6px; font-size: 13px; } .v-box-middle p{margin: 0px; padding: 0px; font-family:SVHPFont, Arial, Helvetica, sans-serif; font-size: 18px; } .v-box-bottom{background:url(../images/v-box.png) 0 -24px; height:24px; } .v-box-search{width:280px; margin:0 auto;} .v-box-search-top{background:url(../images/v-box.png); height:24px; } .v-box-search-middle{background:#E5EDF7; padding: 0 6px 0 6px; font-size: 13px; } .v-box-search-middle p{margin: 0px; padding: 0px; font-family:SVHPFont, Arial, Helvetica, sans-serif; font-size: 18px; } .v-box-search-bottom{background:url(../images/v-box.png) 0 -24px; height:24px; } .h-box-{background:#E5EDF7; height:220px; overflow:hidden; width:100%; position:relative;} .h-box-left{background: url(../images/h-box.png); height:220px; width:18px; float: left;} .h-box-right{ background: url(../images/h-box.png) -18px; height:220px; width:18px; float:right;} .h-box-middle{margin-left: 20px; width: 724px;background:#E5EDF7; min-height:220px} #commentbox{ background: url(../images/comment-box.gif) #fff no-repeat; width:757px; height:107px; overflow:hidden; padding: 14px 22px 14px 22px; margin: 0 0 15px 0;} #commentbox p{margin: 0px; padding: 0px; font-family:SVHPFont, Arial, Helvetica, sans-serif; font-size: 18px; } /* Cottage List */ .cottage-detail{} .cottage-detail-head{ width: 376px; clear:both;background: url(../images/cottage-top.jpg) no-repeat; height:29px; } .cottage-detail-head-title{width:220px;overflow:hidden;float:left;} .cottage-detail-head-title H3{margin:3px 0 0 0; text-indent:8px; font-size: 22px; color: #fff; font-style: normal; font-weight: normal; font-family:SVHPFont; text-transform:capitalize;} .cottage-detail-head-feat{float:right; width: 150px;text-align: right; font-size: 15px; color: #fff; font-style: normal; font-weight: bold; padding:0; } .cottage-detail-head-feat img{padding: 4px 6px 0 0;} .cottage-detail-main {width: 370px; border: 3px solid #8EB1DD; margin-bottom: 20px; height:215px; } .cottage-detail-left {width: 169px;float:left;padding: 3px;} .cottage-detail-right {margin-left: 172px;padding: 3px 3px 0 3px;font-size: 13px;} .cottage-detail-right p{} .cottage-detail-bottom{font-size: 13px; text-align:right; margin: 0 5px 5px 5px; font-weight:bold;} .cottage-detail-bottom p{} .cottage-detail-bottom a{color:#000000} .cottage-detail p{} #cottage-end{margin-top: 20px;} .cottage-break{margin: 20px 0 20px 0;} .cottage-break h2{font-size:35px;} /* Split Page Layout*/ .split-outer {width:100%;position:relative;} .split-half-right {width:49.9%;float:right; position:relative; } .split-half-left {width:50%;float:left; position:relative; } .split-sixty-right {width:39.9%;float:right;position:relative;} .split-sixty-left {width:59%;float:left;position:relative;} .split-clear {clear:both;height:10px;overflow:hidden;margin-top:-1px;} .split-sixty-r-right {width:59%;float:right;position:relative;} .split-sixty-r-left {width:39.9%;float:left;position:relative;} /* Local Area Polaroids*/ #area-polaroids { clear: both; width:750px; padding:0 0 0 25px;} #area-polaroids #polaroid-canvas { clear: both; width: 100%; height: 550px; position: relative; } #area-polaroids #polaroid-canvas .polaroid { width: 280px; height: 280px; display: block; background-repeat: no-repeat; background-position: left top; float: left; position: relative; z-index: 90; margin-bottom: -40px;} #area-polaroids #polaroid-canvas .polaroid:hover { background-position: left bottom; } #area-polaroids #polaroid-canvas #polaroid-walk { background-image: url('../images/polaroids/walking.png'); } #area-polaroids #polaroid-canvas #polaroid-attraction { background-image: url('../images/polaroids/attractions.png'); left: -60px; margin-right: -60px; } #area-polaroids #polaroid-canvas #polaroid-town { background-image: url('../images/polaroids/townsandcities.png'); left: -60px; margin-right: -60px; } #area-polaroids #polaroid-canvas #polaroid-activity { background-image: url('../images/polaroids/activities.png'); } #area-polaroids #polaroid-canvas #polaroid-history { background-image: url('../images/polaroids/historyandculture.png'); left: -60px; margin-right: -60px; } #area-polaroids #polaroid-canvas #polaroid-event { background-image: url('../images/polaroids/events.png'); left: -60px; margin-right: -60px; } .clearfix { height: 1%; /* IE5-6 */ } .clearfix { display: inline-block; /* IE7not8 */ } .clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Local Area Features */ .area-feature{width: 372px; margin-bottom:30px;} .area-feature-screen{background:url(../images/listing-top.png); height:26px;} .area-feature-container{border:4px solid #8FB2DD; width: 364px; min-height: 200px; border-top: none;} .area-feature-main{padding: 15px 10px 10px 10px; min-height:150px;} .area-feature-container h2{margin:0; padding: 58px 0 0 10px; color:#FFFFFF;text-shadow:#000000 2px 2px;filter: Shadow(Color=#000000,Direction=130,Strength=3);} .area-feature-main p{margin:0; padding: 0 0 0 4px;} .area-feature a{font-weight:bold;} .area-feature-large{width: 760px; margin-bottom:30px;} .area-feature-large-screen{background:url(../images/large-listing-top.png); height:26px;} .area-feature-large-container{border:4px solid #8FB2DD; width: 752px; min-height: 200px; border-top: none;} .area-feature-large-main{padding: 15px 10px 10px 10px; min-height:150px;} .area-feature-large-container h2{margin:0; padding: 105px 0 0 10px; font-size:32px; color:#FFFFFF;text-shadow:#000000 2px 2px;filter: Shadow(Color=#000000,Direction=130,Strength=3);} .area-feature-large-main p{margin:0; padding: 0 0 0 4px;} .area-feature-large-main p img{padding: 0 0 0 0;} .area-feature-large a{font-weight:bold;} .more-links li {padding-bottom:3px;} .more-links li a{font-weight:bold; color:#000; margin-bottom:5px;} /* Site Plan */ #site-plan{width:768px; height:313px; background:url(../../background-plan.jpg);} #site-plan .dobbyplat{float:left; margin-top: 214px; margin-left:32px; width: 26px; height: 21px; background:#0000FF;position:relative} #site-plan .dobbyviewleft{float:right; margin-top: 135px; margin-left:183px; width: 26px; height: 21px; background:#0000FF; position:relative} #site-plan-key{ background:#E5EDF7 url(../images/site-plan-key-ico.jpg) no-repeat; padding: 43px 20px 20px 60px; width: 200px; font-size: 14px; list-style-type:none } #site-plan-key li{margin-bottom: 15px} #site-plan-key li a{color:#000} .photo-icon{background:url(../../photo-icon.png) 0 0; width: 26px; height: 21px;} .photo-icon:hover{background:url(../../photo-icon.png) 0 -21px; width: 26px; height: 21px;} /* Wallpaper */ .wallpaper{text-align:center; margin-bottom: 20px; padding: 10px; font-size: 14px;} .wallpaper ul{list-style-type:none; padding:0; margin:10px 0 0 0; } .wallpaper ul li{display: inline; margin: 0 3px 0 3px} .wallpaper ul li a{color: #000000; font-weight:bold} .wallpaper .wallinstructions {font-style:italic; margin: 5px 0 0 0; font-size:11px;} /* Image Captions */ .thumbinner{border:1px solid #cccccc;padding:3px!important;background-color:#fff;font-size:12px;text-align:center;overflow:hidden;} .thumbimage{border:1px solid #cccccc} .thumbcaption{border:none;text-align:left;line-height:1.4em;padding:3px !important;font-size:12px;} .tright{float:right;clear:right;margin:0.5em 0 0.8em 1.4em} .tleft{float:left;clear:left;margin:0.5em 1.4em 0.8em 0} .tmid{} .tcentre{float: inherit;clear:left;margin:0 auto} /* Offers and last min */ .offer-listing {border: 2px solid #666;width:760px; margin:25px 0 25px 0;} .offer-listing h2{color:#000;} .offer-listing p{color:#000; text-align:center; font-size:120%;} .offer-listing-left {border: 2px solid #666;width:750px; background: top left no-repeat; padding:10px 5px 5px 5px; margin:25px 0 25px 0;} .offer-listing-left h2{padding-left:200px; color:#000;} .offer-listing-left p{padding-left:200px;color:#000;} .offer-listing-right{border: 2px solid #666;width:750px; background: top left no-repeat; padding:10px 5px 5px 5px; margin:25px 0 25px 0;} .offer-listing-right h2{padding-right:200px; color:#000;} .offer-listing-right p{width: 580px; color:#000;} p.dates {text-align:center; color:#000; font-size:120%;} p.dates a{font-weight:bold; color:#000;} p.dates a:hover{color:#8FB2DD;text-align:center; } /* Owner Links */ .owner-links {margin-bottom: 20px;} .owner-links ul{list-style-type: circle;list-style-position:inside;margin:0;padding:0;} .owner-links li{display: inline;width: 100%;/* for IE5 and IE6 */} .owner-links a{color: #000;text-decoration: none;font-size: 15px;display: block;padding: 5px 3px 5px 5px;width: 100%;background-color: #E5EDF7;border-left: 3px solid #E5EDF7; border-top:2px solid #fff;} .owner-links a:link{color: #000;text-decoration: none;} .owner-links a:hover{border-left: 3px solid #9FBDE1;background:#fff; font-weight:bold; color:#339966;} /* About */ .aboutlinks li{font-size:15px; font-weight:bold} .aboutlinks .aboutlinksmore{font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style-type:none; padding:2px 0 6px 0; font-weight:normal} .aboutlinks .aboutlinksmore a{text-decoration:none;} .aboutlinks .aboutlinksmore a:hover{color:#000}