html body{width:99%;min-width:900px;max-width:1700px;font-family:Times New Roman, Times;padding-top:15px;padding-bottom:20px;font-size:1em;line-height:22px;}
#wrapper{position:relative;width:97%;height:100%;margin:0 auto 0 auto;padding:0 15px 0 15px;}
img{border:none;}
a{white-space:nowrap;color:blue;text-decoration:none;}
img#mobileSite{width:100px;position:absolute;display:none;}
.whlf{display:block;}
.saf{display:block;}
.bgfp{position: absolute;top:0px;left:0px;width:99%;z-index:0;}
.bg{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:0;}
.lfbg{width:100%;height:100%;position:fixed;top:0;}
#topGbComments{float:right;color:blue;font-size:18px}
.innerlinks{font-weight:bold;font-size:18px;}
.lastInnerlinks{position:relative;display:block;margin:20px 0 -13px 0;font-weight:bold}
.top a[href*=index]{display:inline;font-style:italic;font-weight:bold;font-size:19px;}
.top a[href*=index]:hover{font-size:20px;}
a[href^=http]:hover {background-image:url(../images/globe.png);background-repeat:no-repeat;background-position:center center;border-top:3px transparent solid;border-bottom:3px transparent solid;overflow:visible;}
a[href*=schoodicpointvacations]:hover{background-image:none;}
a[href*=timezone]:hover{background-image:url(../images/globe.png);background-repeat:no-repeat;background-position:center center;border-top:3px transparent solid;border-bottom:3px transparent solid;}
a[href^=mailto]:hover{border-top:1px transparent solid;border-right:1px transparent solid;border-bottom:1px transparent solid;padding:4px 0;margin-right:-1px;
background-image:url(../images/email.png);background-repeat:no-repeat;background-position:center center;overflow:visible;}
.contact a[href^=mailto]:hover{background-image:none;padding:0;border:none;margin:0;}
a[href*=calendar]:hover{background-image:url(../images/calendar.png);background-repeat:no-repeat;background-position:center center;border-top:1px transparent solid;border-right:1px transparent solid;border-bottom:1px transparent solid;padding:4px 0;margin-right:-1px;}
a[href*=calander]:hover{background-image:url(../images/calendar.png);background-repeat:no-repeat;background-position:center center;border-top:1px transparent solid;padding:4px 0;margin-right:-1px;}
a[href*=calendar].noShowCal:hover{background-image:none;}
a[href*=calander].noShowCal:hover{background-image:none;}
.listing{font-size:17px;line-height:22px;font-family:Times New Roman, Times;padding-bottom:12px;}
.listinglink {font-size:23px;font-style:italic;font-weight:bold;font-variant:small-caps;}
.WebShots{float:left;margin-top:30px;margin-right:20px;}
.WebShots .wsimg {padding-bottom:25px;}
.WebShots img{border:0px;}
.WebShots .wsimgT{padding-top:10px;}
.airbnb{font-style:italic;}
.area{position:absolute;right:20%;margin-top:-35px;font-size:16px; font-style:italic;line-height:16px;z-index:2;}
.area2{position:absolute;right:20%;margin-top:-10px;font-size:16px; font-style:italic;font-weight:bold;line-height:16px;z-index:2;}
.guestLink{position:absolute;right:20px;top:60px;font-size:16px; font-style:italic;font-weight:bold;line-height:16px;z-index:2;}
.makeResNow{float:left; margin-top:0px;padding:3px 5px 0px 0px;}
.wslast {margin-bottom:0px;}
.copyright{font-size:10px;}
.smallCW{font-size:10px;}
.wsfs{margin-top:-30px;}
#fire{position:relative;color:blue}
#buyWoodButton{display:none;}
#fire:hover #buyWoodButton{Position:absolute;top:-20px;right:-50px;display:block;z-index:2}
#WesCarnPic{cursor:default;display:inline}
#WesCarnPic img{display:none;}
#WesCarnPic:hover img{ position:fixed;bottom:50px;left:300px;display:block;z-index: 10;width:300px;overflow:visible;padding:2px; background-color:white;border:#301C1C 6px groove;}
.pictures tr td{width:164px;height:132px;background-image:url(../images/thumbshadow.png);background-repeat:no-repeat;background-position:bottom right;margin:10px;}
#interior .interior_pic{display:block;width:171px; height:132px; margin-bottom:20px;}
#interior .vspTopInterior_pic{display:block;height:132px; margin-bottom:20px;}
.IndexThumbsLTop{float:left;padding:0 10px 10px 0;}
.IndexThumbsL{float:left;padding:0 10px 10px 0;}
.IndexThumbsR{float:right;padding:0 0 10px 10px;}
.guests {font-size:27px;color:rgb(73, 77, 84);font-style:italic;text-align:left;font-weight:bold;}
.guestName{font-weight:bold;}
.guestComment{display:inline;}
#postNote{float:right;font-style:italic;font-size:14px;}
#galleryCss img{background-color:white;border:#514E4E 3px solid;padding:2px}
#gallery img{background-color:white;border:#514E4E 3px solid;padding:2px}
#television{display:inline;color:blue;position:relative}
.TvChannels{display:none}
#television:hover .TvChannels{display:block;position:absolute;margin-top:-75px;right:-280px;background-color:white;width:290px;border:3px red groove;text-align:center;font-weight:Bold;padding:5px 7px 7px; 7px; color:black;}
#television:hover{cursor:default}
#stAddress{display:inline;}
/* >>> Rock Margins below <<< */
/* Plus remove padding at (html body) up top when removing */
.borderLeft{position:fixed;top:0px;left:-2px;height:100%;width:20px;z-index:999;}
.borderRight{position:fixed;top:0px;right:-2px;height:100%;width:20px;z-index:999;}
.borderTop{position:fixed;top:-2px;left:0px;width:100%;height:20px;z-index:999;}
.borderBottom{position:fixed;bottom:-2px;left:0px;width:100%;height:20px;z-index:999;}
/* >>> End Rock Margins <<< */
/* >>> Popup hover images <<< */
#mainPics{float:right;}
#mainPics img{padding:10px 0 10px 20px;}
#mainPic .popup{position:absolute;display:none;}
#mainPic:hover span{position:absolute;top:50px;right:360px;display:none;background-color:black;border:3px black solid;z-index:200;/*display:block; when using just css for immediate popup*/}
#mainPic:hover .caption{color:white;line-height:18px;font-weight:bold;display:block;padding-bottom:6px;margin-top:-4px;}
#mainPic:hover span img{margin-left:-20px;margin-top:-10px;}
.popup:hover {z-index:100}
.thumbnail.thumb{border:none;}
.thumbnail .popup .caption{color:lightgrey;font-weight:bold;}
.thumbnail .popup{line-height:200%; border:black 3px solid;}
.thumbnail{float:left;padding:0 10px 10px 0;}
.thumbnail span{ z-index:0;position:absolute;margin-left:-300px;display:none}
.thumbnail:hover{z-index:300;display:block;overflow:visible;}
.thumbnail:hover span{z-index:300;position:fixed;top:50px;right:100px;overflow:visible;background-color:Black;display:none;/*display:block; when using just css for immediate popup*/}
.thumbnail.preload, .thumbnail2.preload{position:absolute;top:0px;left:-1000px}
.thumbnail2.thumb{border:none;}
.thumbnail2 .popup .caption{color:lightgrey;font-weight:bold;}
.thumbnail2 .popup{line-height:200%; border:black 3px solid;}
.thumbnail2{float:right;padding:0 0 10px 10px;}
.thumbnail2 span{z-index:0;position:absolute;margin-left:-600px;display:none}
.thumbnail2:hover{z-index: 300;display:block;overflow:visible;}
.thumbnail2:hover span{ z-index:300;position:fixed;top:50px;left:716px;overflow:visible; background-color:Black;display:none;/*display:block; when using just css for immediate popup*/}
/* >>> End popup hover images <<< */
#scrollBox{position:fixed;top:75%;right:-2px;z-index:1001;width:33px;height:38px;overflow:hidden;display:none}
#scrollBox:hover #scroller{position:absolute;top:-38px}
/* >>> ON AND OFF CONTROLS <<< */
.borderLeft, .borderRight, .borderTop, .borderBottom{}
.hideUpload{} /* Upload links */
.aptTopLinks{} /* Page links at the top of the apartment pages */
.topLinks{} /* Page links at the top of all the rental unit pages */
.vacSignHide{display:none} .displayAnyway{} /* All the signs for the pages, ex. "July full", "Aug vacancy" */
.sign{}
.goingOn{display:none}
.goingOnAreaLinks{color:black} /* Links at tops of pages */
.goingOnBotIndex{display:inline} /* Link at the bottom of the index page */
.WebShots .display{display:none;} /* Webshots */
.hidden{display:none}
.makeResNow{display:block} /* Reserve now buttons */
.delayHover{}
#billMeLaterButton{display:none} /* Rates pages */
#billMeLaterButtonRP{display:block} /* Rental unit pages */
.noShow{} /* empty or block */
.altLink{display:none} /* n0ne or inline*/
#dailyFees{}
#meet, #meetSP, #meetSET, #meetSPC{display:}
.faqSites{display:}
#ota{display:none}
/*#whlfLink a:link{color:#000000;cursor:text;} Turn ON or OFF links (Winter Harbor Lobster Festival)*/
/* a.noLinkPWH:link{color:#000000;cursor:text;} Turn off links (blacken letters) Pic Winter Harbor page
a.noLinkLobBake:link{color:#000000;cursor:text;} Turn off links (blacken letters) Lobster Bake page
a.noLinkSAF:link{color:#000000;cursor:text;} Turn off links (blacken letters) Schoodic Arts page
a.noLinkSAF:hover {background-image:url();} Turns SAF globe background image on hover
>>> end on and off controls <<< */