/* ############################################################ # FONT SIZES # # Base font size is 13px as set in the CSS-Reset file. # # Specify all font sizes as the % below to achieve the # desired pixel size # # PIXEL PERCENTAGE # 10 77 # 11 85 # 12 93 # 13 100 # 14 108 # 15 116 # 16 123.1 # 17 131 # 18 138.5 # 19 146.5 # 20 153.9 # 21 161.6 # 22 167 # 23 174 # 24 182 # 25 189 # 26 197 ############################################################ */ /* COLOURS:###################################### ############################################### LIGHT BLUE: #80bbe5 BLUE TEXT: #305679 Green TEXT: #96bd0d BEIGE: #e1dbca BrownText: #5b4434 BG Green :#51951b Red Headers: #992200 Blue Headers: #305679 */ /*GENERIC ELEMENTS ########################################*/ body {font-family:arial; font-size:12px;text-align:center; background-color:#51951b;} iFrame {margin:0px;padding:0px;} /*img, a, div, li { behavior: url(/Images/Framework/iepngfix.htc);}*/ /*STANDARD FONTS ########################################*/ .WhiteText {color:#ffffff;font-size:1em;} .Blue {color:#305679;} .BrownText{color:#5b4434;font-size:93%;} .BrownText a{color:#96bd0d;text-decoration:none;} .BrownText a:hover{color:#96bd0d;text-decoration:underline;} /*HEADER AREA ########################################*/ #Header {width:100%;height:152px;overflow:hidden;margin:0 auto;background-image:url(/Images/Framework/HeaderImage.jpg);background-repeat:repeat-x;} #HeaderOverlay{width:940px;margin:0 auto;position:relative;z-index:5;height:152px;overflow:hidden;} #Logo {width:514px;height:68px;background-image:url(/images/framework/Logo.png);position:absolute;top:10px; left:0px;} #Logo a{float:left;width:100%;height:100%;text-decoration:none;} #HeaderPhoto1 {position:absolute;z-index:101;right:188px;top:37px;width:182px;height:139px;background-repeat:no-repeat;} #HeaderPhoto2 {position:absolute;z-index:100;right:50px;top:43px;width:182px;height:139px;background-repeat:no-repeat;} .HeaderImgA1 {background-image:url(/Images/HeaderImages/ImageA1.gif);} .HeaderImgA2 {background-image:url(/Images/HeaderImages/ImageA2.gif);} .HeaderImgA3 {background-image:url(/Images/HeaderImages/ImageA3.gif);} .HeaderImgA4 {background-image:url(/Images/HeaderImages/ImageA4.gif);} .HeaderImgA5 {background-image:url(/Images/HeaderImages/ImageA5.gif);} .HeaderImgB1 {background-image:url(/Images/HeaderImages/ImageB1.gif);} .HeaderImgB2 {background-image:url(/Images/HeaderImages/ImageB2.gif);} .HeaderImgB3 {background-image:url(/Images/HeaderImages/ImageB3.gif);} .HeaderImgB4 {background-image:url(/Images/HeaderImages/ImageB4.gif);} #ActionBar{position:absolute;right:0px;top:10px;z-index:5;width:190px;} #ActionBar ul.NotLoggedIn{list-style:none;float:left;margin-top:4px;} #ActionBar ul.NotLoggedIn li{color:#305679;float:left;margin-right:10px;display:inline;} #ActionBar ul.NotLoggedIn li a{color:#305679;text-decoration:none;} #ActionBar ul.NotLoggedIn li a:hover{color:#305679;text-decoration:underline;} #ActionBar #LoginButton{float:right;width:60px;height:24px;background-image:url(/Images/Framework/Button_Login.png);cursor:pointer;} #ActionBar .registerbutton, #ActionBar .forgotbutton, #ActionBar .LogoutButton {cursor:pointer;} #ActionBar .registerbutton:hover, #ActionBar .forgotbutton:hover, #ActionBar .LogoutButton:hover {text-decoration:underline;} #ActionBar ul.LoggedIn{list-style:none;float:left;margin-top:4px;margin-left:185px;display:inline;} #ActionBar ul.LoggedIn li{color:#305679;float:left;margin-right:15px;display:inline;font-weight:bold;} #ActionBar ul.LoggedIn li a{color:#305679;text-decoration:none;} #ActionBar ul.LoggedIn li a:hover{color:#305679;text-decoration:underline;} /*SITE NAVIGATION ########################################*/ #NavGradient {float:left;width:100%;height:46px;background-image:url(/Images/Framework/NavGradient.gif);Background-repeat:repeat-x;} #NavHolder {width:966px;height:46px;margin:0 auto;background-image:url(/Images/Framework/NavBar.gif);Background-repeat:no-repeat;} #NavHolder ul {list-style:none;float:left;margin:0px 0px 0px 4px;display:inline;} #NavHolder ul li{float:left;font-size:15px;color:#ffffff;width:110px;font-wieght:900;padding:2px 8px 0px 8px;display:inline;background-image:url(/Images/Framework/NavOffRepeat.png);background-repeat:repeat-x;height:44px;overflow:hidden;} #NavHolder ul li div{float:left;width:100%;height:100%;} #NavHolder ul li.W90 {width:90px;} #NavHolder ul li.W70{width:70px;} #NavHolder ul li.First {background-image:url(/Images/Framework/NavFirst.png);background-repeat:no-repeat;} #NavHolder ul li.First.On,#NavHolder ul li.First.On:hover {background-image:url(/Images/Framework/NavFirstOn.png);} #NavHolder ul li.First div.On {_background-image:url(/Images/Framework/NavFirstOn.png);_margin:-1px 0px 0px 8px;_background-repeat:no-repeat;} #NavHolder ul li.Divide{float:left;font-size:1px;width:2px;padding:0px;display:inline;background-image:url(/Images/Framework/NavSeperator.png);background-repeat:repeat-x;height:46px;} #NavHolder ul li a{color:#ffffff;width:100%;height:40px;text-decoration:none;display:block;margin-top:5px;background-repeat:no-repeat;} #NavHolder ul li a span{display:none;} #NavHolder #Nav1 {background-image:url(/images/framework/NavImg1.png);background-position:20px -3px;} #NavHolder #Nav2 {background-image:url(/images/framework/NavImg2.png);background-position:3px -3px;} #NavHolder #Nav3 {background-image:url(/images/framework/NavImg3.png);background-position:7px -3px;} #NavHolder #Nav4 {background-image:url(/images/framework/NavImg4.png);background-position:5px -3px;} #NavHolder #Nav5 {background-image:url(/images/framework/NavImg5.png);background-position:0px -3px;} #NavHolder #Nav6 {background-image:url(/images/framework/NavImg6.png);background-position:9px -3px;} #NavHolder #Nav7 {background-image:url(/images/framework/NavImg7.png);background-position:4px -3px;} #NavHolder ul li:hover{background-image:none;display:block;float:left;} #NavHolder ul li.On,#NavHolder ul li.On:hover {background-image:url(/Images/Framework/NavOnRepeat.png);} #Search {float:left;margin:13px 0px 0px 15px;display:inline;} #GoogleSearch {float:left;width:95px;border:1px solid #83817e;font-size:11px;padding:1px;margin:3px 10px 0px 0px;display:inline;} #Search #SearchButton {float:left;width:62px;height:26px;background-image:url(/Images/Framework/Button_Search.png);cursor:pointer;padding:0px;margin:0px;} /*PAGE ELEMENTS ########################################*/ #PageContentHolder {width:940px;margin:0 auto;overflow:hidden;} #PageContent {float:left;width:940px;padding:20px 0px 20px 0px;background-image:url(/Images/Framework/PageBackgroundGradient.png);background-repeat:repeat-x;background-position:top;background-color:#f5f5f5} .ThinColTop{float:left;width:226px;height:9px;background-image:url(/Images/Framework/BeigeColumnTop.png);font-size:2px;} .ThinColBody{float:left;width:226px;min-height:70px;background-image:url(/Images/Framework/BeigeColumnBG.png);background-position:top;background-repeat:no-repeat;background-color:#e1dbca;position:relative;} .ThinColBottom{float:left;width:226px;height:12px;background-image:url(/Images/Framework/BeigeColumnBottom.png);margin-bottom:15px;font-size:2px;} .ThinColBody h1 {font-size:2.4em; color:#992200;font-weight:900;margin:0px 10px 0px 10px;text-align:center;} #Col2,#Col3 {float:left;width:226px;margin-left:12px;display:inline;text-align:left;} #BeigePageSplit{float:left;width:100%;background-image:url(/Images/Framework/PageBackgroundSplit.jpg);background-repeat:repeat-x;background-position:0px 17px;} #BeigeTabsNew{float:left;width:940px;height:29px;margin:0px 0px 20px 0px;display:inline;} #BeigeTabsNew ul{list-style:none;float:left;width:100%;display:inline;margin:0px 0px 0px 20px;} #BeigeTabsNew ul li{float:left;width:128px;height:29px;background-image:url(/Images/FrameWork/MapListTabs.gif);background-position:0px -29px;margin:0px 10px 0px 0px;display:inline;} #BeigeTabsNew ul li.On,#BeigeTabsNew ul li:hover{background-position:0px 0px;} #BeigeTabsNew ul li p, #BeigeTabsNew ul li a{margin:5px 0px 0px 0px;float:left;width:128px;height:24px;font-size:1.3em;text-decoration:none;color:#5b4434;text-align:center;font-weight:strong;} #BeigeTabsNew ul.Smaller li{margin:0px 1px 0px 0px;font-size:.7em;} #BeigeTopContent {float:left;width:100%;height:150px;} #BeigeTopContent h1.CottageFinder {text-indent:-10000px;width:272px;height:48px;background-image:url(/Images/TextHeaders/cottage-finder-header.gif);float:left;margin:20px 0px 0px 35px;display:inline;} #BeigeTopContent p{float:left;font-size:1.2em;text-decoration:none;color:#5b4434;clear:left;margin:10px 0px 0px 35px;display:inline;text-align:left;width:450px;} #BeigeTopContent img{float:right;margin:0px 20px 0px 0px;display:inline;} #BeigeTabs{float:left;width:940px;height:39px;margin-left:5px;display:inline;} #BeigeTabs ul{list-style:none;float:left;width:100%;margin-left:-1px;display:inline;} #BeigeTabs ul li{float:left;width:199px;height:39px;background-image:url(/Images/FrameWork/BeigeTabs.png);background-position:-199px 0px;margin-right:2px;overflow:hidden;} #BeigeTabs ul li.On,#BeigeTabs ul li:hover{background-position:0px 0px;} #BeigeTabs ul li p, #BeigeTabs ul li a{width:199px;height:39px;font-size:1.4em;text-decoration:none;color:#5b4434;} #BeigeTabs ul li strong{margin:10px 0px 0px 4px;float:left;display:inline;width:190px;text-align:center;} #BeigeTabsSmall{float:left;width:940px;height:39px;margin-left:5px;display:inline;} #BeigeTabsSmall ul{list-style:none;float:left;width:100%;margin-left:-1px;display:inline;} #BeigeTabsSmall ul li{float:left;width:134px;height:39px;background-image:url(/Images/FrameWork/BeigeTabsSmall.png);background-position:-134px 0px;margin-right:0px;overflow:hidden;} #BeigeTabsSmall ul li.On,#BeigeTabsSmall ul li:hover{background-position:0px 0px;} #BeigeTabsSmall ul li p, #BeigeTabsSmall ul li a{width:134px;height:39px;font-size:1.2em;text-decoration:none;color:#5b4434;} #BeigeTabsSmall ul li strong{margin:7px 0px 0px 4px;float:left;display:inline;width:131px;text-align:center;} #BeigeWideHolder{float:left;} #BeigeWideTop{float:left;width:940px;height:13px;font-size:2px;background-image:url(/Images/Framework/BeigeWideTop.png);margin-left:5px;display:inline;} #BeigeWideTop.NoTabs{background-image:url(/Images/Framework/BeigeWideTopNoTabs.png);float:none;} #BeigeWideTop.FullTabs{background-image:url(/Images/Framework/BeigeWideTopFullTabs.png);} #BeigeWideBottom{width:940px;height:10px;font-size:2px;background-image:url(/Images/Framework/BeigeWideBottom.png);margin:0px 0px 0px 5px;display:inline;} #BeigeWideRepeat{background-color:#f5f5f5;width:940px;margin-left:5px;display:inline;background-image:url(/Images/Framework/BeigeGradient.png);background-position:top;background-repeat:repeat-x;overflow:hidden;} #BeigeWidePadded{float:left;margin:10px;display:inline;text-align:left;width:920px;} #BeigeWidePadded h1{width:240px;float:left;font-size:3em; color:#992200;font-weight:900;text-align:center;line-height:1.2;} #BeigeWidePadded p{font-size:1.2em; color:#5b4434;float:left;margin:20px 0px 0px 0px;display:inline;width:700px;} .AjaxLoader {float:left;width:16px;height:16px;display:none;} #BeigeWidePadded .CMSContentMid {float:left;width:680px;clear:left;margin:10px 0px 10px 10px;display:inline;overflow:hidden;} #BeigeWidePadded .CMSContentMid p{font-size:1.2em; color:#5b4434;float:left;margin:10px 0px 10px 0px;display:inline;width:660px;} #BeigeWidePadded .CMSContentMid h2{font-size:1.4em; color:#992200;float:left;margin:5px 0px 5px 0px;display:inline;width:660px;} .FullWidthAligner{float:left;width:900px;height:2px;font-size:1px;} .BackButton{float:right;width:54px;height:24px;background-image:url(/Images/Framework/Button_back.gif);margin:10px 0px 0px 0px;display:inline;} .BackButton a{float:left;display:block;width:54px;height:20px;text-decoration:none;} /* MAIN MAP CONTAINERS ########################################*/ #BeigeWidePadded p.MapResults {float:left;width:900px;font-size:1em;margin:0px 0px 10px 5px;display:inline;text-align:center;} #BeigeWidePadded p.MapResults strong{font-weight:bold;} #MapSystemContainer {float:left;width:910px;height:645px;position:relative;margin:5px;overflow:hidden;text-align:left;display:inline;} #Map {float:left;width:680px;height:468px;} #MapHolder {float:left;position:relative;} #OptionsPanel {width:214px;height:645px;font-size:12px;background-color:#e1dbca;position:absolute;top:0px; right:0px;} #RecentlyViewed {float:left;width:680px;height:162px;background-color:#e1dbca;margin-top:15px;background-image:url(/images/Framework/MapRecentLeft.png);background-repeat:no-repeat;background-position:top left;} #RightTab {width:31px;height:124px;background-image:url(/images/Framework/searchTab-Hide.png);position:absolute;z-index:9999;left:650px;top:160px;cursor:pointer;} #BottomTab {width:255px;height:29px;background-image:url(/images/Framework/recentlyViewedTab-hide.png);position:absolute;z-index:9999;left:250px;top:440px;cursor:pointer;} #RightTab.On{background-image:url(/images/Framework/searchTab-Show.png);} #BottomTab.On{background-image:url(/images/Framework/recentlyViewedTab-Show.png);} #MapCornerTL{position:absolute;width:8px;height:8px;top:0px;left:0px;z-index:1000;background-image:url(/images/Framework/MapCorners.png);background-repeat:no-repeat;background-position:-26px 0px;} #MapCornerTR{position:absolute;width:8px;height:8px;top:0px;right:0px;z-index:1000;background-image:url(/images/Framework/MapCorners.png);background-repeat:no-repeat;background-position:0px 0px;} #MapCornerBL{position:absolute;width:8px;height:8px;bottom:0px;left:0px;z-index:1000;background-image:url(/images/Framework/MapCorners.png);background-repeat:no-repeat;background-position:-18px 0px;} #MapCornerBR{position:absolute;width:8px;height:8px;bottom:0px;right:0px;z-index:1000;background-image:url(/images/Framework/MapCorners.png);background-repeat:no-repeat;background-position:-10px 0px;} /*POPUP BOXES ON THE MAP ########################################*/ #ClickContent {width:610px;height:350px;position:absolute;display:none;background-image:url(/images/Framework/InteractiveMapPopup.png);barckground-position:-2px -2px;float:left;} #ClickHeader {width:518px;height:33px;float:left;background-repeat:no-repeat;margin:15px 0px 0px 15px;display:inline;} #ClickContent .Close {float:right;width:56px;height:20px;margin:20px 15px 0px 0px;background-image:url(/images/Framework/Button_CloseMapPopup.png);background-repeat:no-repeat;display:inline;cursor:pointer;} #ClickContentPadded {float:left;margin:15px 0px 0px 15px;display:inline;width:590px;height:260px;} #ClickContentPaddedSingle {float:left;margin:50px 0px 0px 30px;display:inline;width:590px;height:180px;} #ClickContentScroller {width:580px;height:260px;float:left;overflow:hidden;} .PopupProperty {float:left;width:550px;margin:0px 0px 20px 0px;} .PopupProperty .Desc {float:left;margin:5px 5px 0px 10px;width:385px;display:inline;} .PopupProperty .Title {color:#80bbe5;font-weight:bold;font-size:1.6em;float:left;width:250px;margin:10px 5px 0px 10px;display:inline;} .PopupProperty .SubTitle {color:#80bbe5;font-size:1em;font-weight:bold;margin:5px 5px 0px 10px;display:inline;float:left;width:120px;clear:both;} .PopupProperty .ExtraData {float:left;width:230px;} .PopupProperty .CodeHolder {float:right;margin:10px 0px 0px 0px;display:inline;width:100px;} .CodeHolder .SubTitle {width:40px;} .CodeHolder .ProductCode{margin-top:5px;} .PopupProperty .Price {color:#ffffff;font-size:12px;Font-weight:bold;width:90px;margin:5px 0px 0px 0px;display:inline;float:left;} .PopupProperty .ExtraData .Data {float:left;width:70px;margin-top:5px;} .PopupPropertyImage {float:left;width:146px;height:123px;background-repeat:no-repeat;background-image:url(/images/Framework/ImageFrame_MapPopup.png);margin:10px 0px 0px 0px;} .PopupPropertyImage img{margin:14px 0px 0px 15px;} .RightData {float:right;width:160px;} .RightData .ViewInfo {width:159px;height:39px;background-image:url(/images/Framework/Button_ShowCottageInfo.png);background-repeat:no-repeat;float:left;cursor:pointer;} .RightData .Favourites {float:left;color:#96bd0d;font-size:1em;margin:0px 0px 10px 5px;width:155px;cursor:pointer;} /*FAVOURITES BAR ########################################*/ .Faves {float:left;margin:10px 0px 0px 10px;width:80px;height:120px;display:inline;display:none;} /*MAP OPTIONS PANEL ########################################*/ #MapOptionsHeader{float:left;width:214px;height:30px;background-image:url(/images/Framework/MapOptionsHeader.png);background-repeat:no-repeat;} #MapOptionsHeader .Help{float:left;width:17px;height:17px;background-image:url(/images/Framework/Buttons_Arrows.png);margin:14px 0px 0px 10px;display:inline;cursor:pointer;} #MapOptionsHeader .Help:hover {background-position:0px -17px;} .MapOptionsArea{float:left;width:214px;background-image:url(/images/Framework/MapOptionsDivide.png);background-repeat:repeat-x;background-position:top;margin-top:10px;} .MapOptionsArea h4{float:left;margin:5px 0px 0px 12px;display:inline;width:202px;height:26px;font-size:1.1em;font-weight:bold;color:#305679;} .MapOptionsArea .Toggle{float:right;margin:6px 12px 0px 0px;display:inline;width:16px;height:16px;background-image:url(/images/Framework/MapOptionsArrows.png);background-position:0px 0px;} .MapOptionsArea .jScrollPaneContainer {float:left;width:202px;} #POIDescription {float:left;width:187px;margin-top:10px;color:#5b4434;} .RegionPanel, #PersonsPanel, #FeaturesPanel,#ActivitiesPanel {float:left;margin:0px 0px 0px 12px;display:inline;} #FeaturesPanel {height:120px;width:202px;clear:left;float:left;} #MapPanels {height:604px;float:left;} #MapPanels.ListingPanel {height:540px;} #FeaturesPanel .RadioCheckOption {margin-left:0px;float:left;} .RegionPanel select {width:190px;font-size:11px;padding:1px;margin-bottom:4px;border:1px solid #83817e;} #PersonsPanel label{float:left;width:110px;font-size:11px;margin-top:3px;color:#5b4434;} #PersonsPanel select {width:80px;font-size:11px;padding:1px;margin-bottom:4px;border:1px solid #83817e;} .FacilityLine{float:left;display:inline;height:16px;} .FacilityLine .InputRadioCheckHolder{width:12px;} .InputLabelMapOption { float:left;margin:-1px 0px 0px 10px;display:inline;width:150px;color:#5b4434;font-size:11px;} #MapOptionsFooter,.MapOptionsFooter {float:left;width:214px;height:11px;background-image:url(/images/Framework/MapOptionsBase.png);background-repeat:no-repeat;font-size:2px;} .POIButton {float:left;margin:4px 13px 0px 0px;display:inline;width:28px;height:32px;background-color:#E1DBCA;cursor:pointer;clear:left;} .POILabel {float:left;width:100px;margin:4px 0px 0px 0px;display:inline;color:#5b4434;height:26px;padding-top:6px;} .POIButton#POIBeaches{background-image:url(/images/MapMarkers/POI1.png);} .POIButton#POIHeritage{background-image:url(/images/MapMarkers/POI2.png);} .POIButton#POIHomes{background-image:url(/images/MapMarkers/POI3.png);} .POIButton#POILocal{background-image:url(/images/MapMarkers/POI4.png);} .POIButton#POINooks{background-image:url(/images/MapMarkers/POI5.png);} .POIInfo {float:left;width:190px;font-size:11px;color:#5b4434;margin:0px 0px 0px 10px;display:inline;} .POIState{float:right;width:12px;height:12px;background-image:url(/images/framework/TickCross.png);background-position:0px -12px;} .POIState.On{background-position:0px 0px;} /*MAP RECENTLY VIEWED ITEMS ########################################*/ #RecentlyViewedRight {width:100%;height:100%;float:left;background-image:url(/images/Framework/MapRecentRight.png);background-repeat:no-repeat;background-position:top right;} #RecentlyViewedPadded{float:left;margin:6px;display:inline;width:668px;height:150px;} #RecentlyViewedPadded h4{float:left;margin:0px 0px 0px 9px;display:inline;width:267px;height:20px;font-size:1.1em;font-weight:bold;color:#305679;} #RecentlyViewedPadded #RecentlyViewedPages{float:left;width:380px;height:20px;} #RecentlyViewedPadded #InnerRepeat{float:left;width:100%;height:116px;background-image:url(/images/Framework/MapRecentInnerLeft.png);overflow:hidden;z-index:10;position:relative;} #InnerRepeat #PropertiesPadded {overflow:hidden;position:relative;width:100%;height:96px;z-index:10;top:10px;left:15px;} #EndInnerRight{width:16px;height:116px;position:absolute;z-index:100;right:0px;top:0px;loat:right;background-image:url(/images/Framework/MapRecentInnerRight.png);} .RecentPageDot {float:left;width:8px;height:8px;background-image:url(/images/Framework/MapRecentPages.png);margin:5px 0px 0px 10px;display:inline;font-size:2px;} .RecentPageDot.Active {background-position:0px -8px;cursor:pointer;} .RecentPageDot.On {background-position:0px -16px;} .RecentlyViewedItem {float:left;position:absolute;top:0px; left: -80px;height:90px;width:85px;cursor:pointer;} #BeigeWidePadded .RecentlyViewedItem p{text-align:center;font-size:11px;color:#5b4434;margin-top:5px;clear:left;float:left;width:85px;height:28px;} #BeigeWidePadded .RecentlyViewedItem p.Favourite{text-align:center;font-size:11px;color:#96bd0d;margin-top:0px;clear:left;float:left;width:85px;height:14px;} .RecentImage {float:left;width:63px;height:47px;background-position:3px 2px;background-repeat:no-repeat;margin-left:10px;display:inline;} #RecentlyViewedScrollLeft {width:16px;height:16px;background-image:url(/images/Framework/Buttons_Arrows.png);background-position:-90px 0px;font-size:2px;position:absolute;z-index:500;left:0px; top:45px;cursor:pointer;} #RecentlyViewedScrollRight {width:16px;height:16px;background-image:url(/images/Framework/Buttons_Arrows.png);background-position:-74px 0px;font-size:2px;position:absolute;z-index:500;right:0px; top:45px;cursor:pointer;} #RecentlyViewedScrollLeft:hover {background-position:-90px -17px;} #RecentlyViewedScrollRight:hover {background-position:-74px -17px;} /*HOMEPAGE ########################################*/ .HomeCol1 {float:left;width:308px;text-align:left;margin:0px 0px 0px 5px;display:inline;} .HomeCol1 h1{float:left;font-size:1.6em;font-weight:bold;margin:20px 0px 0px 16px;display:inline;color:#305679;} .HomeCol1 h2{float:left;font-size:1.4em;margin:20px 0px 0px 16px;display:inline;color:#5b4434;} .HomeCol1 p{float:left;clear:both;margin:20px 0px 0px 16px;display:inline;line-height:17px;color:#5b4434;width:290px;} #PropertyReference{float:left;width:308px;height:90px;background-image:url(/Images/Pages/Home/PropertyReferenceBox.jpg);margin:20px 0px 0px 0px;} #PropertyReference p{float:left;width:190px;margin:43px 0px 0px 16px;display:inline;color:#5b4434;} .PropertyReferenceForm{float:left;width:70px;margin:30px 0px 0px 5px;} .PropertyReferenceForm .RegionPanel{float:left;} .PropertyReferenceForm .RegionPanel input{float:left;width:66px;border:1px solid #5b4434;margin-left:2px;display:inline;} .PropertyReferenceForm #RefSearch{float:left;width:70px;background-image:url(/Images/Pages/Home/Button_Go.png);width:69px;height:23px;margin:7px 0px 0px 14px;display:inline;} .HomeCol2 {float:left;width:614px;height:220px;background-image:url(/Images/Pages/Home/IdealCottageBox.jpg);margin:14px 0px 0px 0px;overflow:hidden;} .HomeCol2 p{float:right;text-align:left;display:inline;color:#5b4434;font-size:1em;width:232px;margin:30px 20px 0px 0px;} .HomeCol2 .ColumnForm {margin:5px 0px 10px 360px;float:left;display:inline;width:250px !important;} .ColumnForm .RegionPanel {float:left;width:110px;overflow:hidden;margin:0px;} .ColumnForm .RegionPanel select {width:110px;font-size:11px;padding:1px;margin:0px 0px 4px 0px;border:1px solid #83817e;} .ColumnForm .RegionPanel input {width:110px;font-size:11px;padding:1px;margin:7px 0px 4px 0px;border:1px solid #83817e;} #ListOrMap{float:left;width:106px;height:70px;background-image:url(/Images/Pages/Home/ListOrMapBG.gif);margin:0px 0px 0px 10px;display:inline;overflow:hidden;} #ListOrMap .InputLine{float:left;} #ListOrMap p{float:left;margin:6px;padding:0px;font-size:.9em;font-weight:bold;width:90px;} #ListOrMap p.List{float:left;margin:5px 0px 0px 4px;font-weight:normal;display:inline;width:60px;height:12px;} #ListOrMap p.Map{float:left;margin:5px 0px 0px 4px;font-weight:normal;display:inline;width:60px;height:12px;} #ListOrMap input{float:left;margin:0px;clear:left;margin:4px 0px 0px 10px;display:inline;height:12px;} #ListOrMap p span{float:left;margin:0px 0px 0px 5px;display:inline;} .ColumnButton {margin:5px 0px 0px -3px;display:inline;float:left;width:56px;height:32px;background-image:url(/Images/Pages/Home/SearchForPropertiesButton.jpg);cursor:pointer;width:232px;height:38px;} .IdeasButton {margin:5px 10px 0px 0px;display:inline;float:right;background-image:url(/Images/Framework/Button_Go.png);cursor:pointer;width:56px;height:32px;} #FlashArea {float:left;width:612px;height:165px;margin:0px;} #BaseImages {float:left;margin-bottom:20px;clear:left;width:100%;} .BaseImage {float:left;margin:0px 0px 0px 4px;width:307px;height:170px;position:relative;} .BaseImage.Last {margin:0px 0px 0px 4px;} .BaseImage img{position:absolute;z-index:1;left:0px;top:0px;} #SubSubRegion2 {display:none;} /*PROPERTY LISTINGS ########################################*/ #CriteriaPanel {width:214px;font-size:12px;background-color:#e1dbca;float:right;margin:0px 0px 0px 20px;display:inline;} #Listings {float:left;width:682px;clear:left;} #Listings ul {list-style:none;} #Listings ul li{float:left;clear:both;margin:0px 0px 20px 0px;width:682px;display:inline;position:relative;} .PropertyTitleBar{float:left;width:682px;background-image:url(/Images/Framework/ListingBox.png);background-position:0px 0px;} .PropertyBase{float:left;width:682px;height:10px;background-image:url(/Images/Framework/ListingBox.png);background-position:0px -133px;font-size:2px;} .PropertyTitleBar h2{font-size:1.6em;color:#305679;font-weight:900;float:left;margin:10px 0px 0px 20px;display:inline;width:380px;} #BeigeWidePadded .PropertyTitleBar p {float:left;margin:0px 0px 0px 20px;font-size:100%;display:inline;width:380px;} #BeigeWidePadded .PropertyTitleBar p .Map {color:#96bd0d;} .CodeRef {float:right;width:120px;margin-top:7px;} #BeigeWidePadded .CodeRef .Code {font-size:1em;font-weight:bold;color:#305679;margin:0px;float:left;width:65px;height:14px;} #BeigeWidePadded .CodeRef .CodeID{float:left;margin:25px 0px 0px 0px;width:45px;font-weight:bold;color:#305679;font-size:1.2em;} #Listings .PropertyImage {width:146px;height:123px;background-repeat:no-repeat;background-image:url(/images/Framework/ImageFrame.png);float:left;margin:10px 0px 0px 10px;} #Listings .PropertyImage img{float:left;margin:15px 0px 0px 15px;display:inline;} #Listings .LeftInf {float:left;margin:20px 0px 0px 20px;width:350px;display:inline;} #Listings .LeftInf .Description{float:left;color:#5b4434;height:46px;overflow:hidden;margin-bottom:5px;width:350px;} #Listings .LeftInf .Rooms{font-size:1.2em;font-weight:bold;color:#305679;float:left;width:110px;} #Listings .LeftInf .Price{float:left;width:110px;color:#5b4434;width:230px;} #Listings .LeftInf .Price .PriceAmount {color:#992200;font-size:1.2em;font-weight:900;} #Listings .RightInf {float:right;margin:35px 10px 0px 0px;display:inline;width:135px;} #Listings .RightInf .Shortlist {float:right;width:135px;color:#96bd0d;text-align:right;cursor:pointer;} .RightInf .ViewProp{float:left;} /* AVAILABILITY SEARCH BOX*/ .AvailabilityCheckBox{float:left;width:910px;height:82px;background-image:url(/Images/Framework/AvailabilitySearchBox.png);overflow:hidden;} .AvailabilityCheckBoxPadded{float:left;margin:15px;display:inline;width:880px;} .AvailabilityCheckBoxPadded .LeftFrame {float:left;width:270px;} .AvailabilityCheckBoxPadded .RightFrame {float:left;width:610px;} #BeigeWidePadded .LeftFrame H2 {float:left;font-size:140%;color:#305679;font-weight:bold;height:20px;width:260px;} #BeigeWidePadded .LeftFrame p {font-size:100%;color:#5b4434;float:left;margin:5px 0px 0px 0px;width:260px;} .RightFrame .Line{float:left;width:440px;height:30px;margin-top:2px;} .RightFrame .Line .Label{float:left;width:60px;font-size:100%;padding-top:3px;text-align:right;} .RightFrame .Line .LabelWithMore {float:left;width:60px;font-size:100%;text-align:right;} #BeigeWidePadded .RightFrame .Line .LabelWithMore span {float:left;color:#000000;width:60px;height:12px;margin:0px 0px 2px 0px;} #BeigeWidePadded .RightFrame .Line .LabelWithMore span.Small {float:left;font-size:10px;width:56px;height:12px;} .RightFrame .Line select{float:left;width:40px;font-size:11px;padding:1px;margin-bottom:4px;border:1px solid #83817e;margin:0px 10px 0px 10px;display:inline;} .RightFrame .Line #BookingDateMonth{width:50px;margin:0px 10px 0px 10px;float:left;display:inline;} .RightFrame .Line #BookingDateYear {width:60px;margin:0px;float:left;} .RightFrame .Line #BookingDuration {width:120px;margin-right:0px;float:left;} #CheckAvailability {width:157px;height:38px;background-image:url(/images/framework/Button_CheckAvailability.png);float:right;margin:-25px 0px 0px 0px;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;} /* SHORTLIST SECTION */ #ShortlistTopLeft{float:left;width:560px;height:160px;} #ShortlistTopLeft h1{line-height:1.2;} #ShortlistTopLeft p{font-size:1.2em; color:#5b4434;float:left;margin:20px 0px 0px 20px;width:540px;display:inline;} #ShortlistTopRight{width:323px;height:166px;background-image:url(/images/framework/ShareBGBox.png);float:right;margin:-10px 10px 10px 0px;display:inline;} #ShortlistTopRight h2{margin:15px 0px 0px 10px;display:inline;float:left;color:#305679;font-size:1.5em;font-weight:bold;} #ShortlistTopRight #SendShortList{float:left;} #ShortlistTopRight .Label{float:left;width:140px;margin:5px 0px 0px 12px;display:inline;color:#5b4434;font-size:1em;} #BeigeWidePadded #ShortlistTopRight .Label p{float:left;width:126px;margin:0px;font-size:1em;} #ShortlistTopRight .Label .Errors{float:left;display:none;} #ShortlistTopRight .ShareInput{float:left;border:1px solid #83817e;font-size:11px;padding:1px;width:140px;margin:2px 0px 0px 12px;display:inline;} #ShortlistTopRight textarea{float:left;border:1px solid #83817e;font-size:11px;padding:1px;width:295px;margin:10px 0px 0px 12px;display:inline;height:30px;} #ShortlistTopRight button {float:right;width:82px;height:29px;margin:10px 10px 0px 0px;display:inline;border:0px;padding:0px;cursor:pointer;} #ShortlistTopRight .FormSent {float:left;} #ShortlistTopRight .FormSent p{font-size:1em;margin:10px 0px 0px 10px;float:left;display:inline;width:300px;} #ShortlistTopRight .FormSent p span{cursor:pointer;color:#96bd0d;} #ShortlistTopRight .FormSend {float:left;display:none;} /*PROPERTY LISTINGS - WIDE VERSION ########################################*/ .ViewCottageButton{float:left;width:134px;height:36px;background-image:url(/images/framework/Button_CottageDetails.png);background-repeat:no-repeat;display:inline;position:absolute;top:13px;left:600px;} .ViewCottageButton a{text-decoration:none;width:100%;height:100%;float:left;} #ListingsWIDE {float:left;width:912px;clear:left;margin-top:20px;} #ListingsWIDE ul {list-style:none;} #ListingsWIDE ul li{float:left;clear:both;margin:0px 0px 20px 0px;width:910px;position:relative;} #ListingsWIDE .PropertyTitleBar{float:left;width:912px;background-image:url(/Images/Framework/FavouritesBox.png);background-position:0px 0px;} #ListingsWIDE .PropertyRepeat{float:left;width:912px;background-image:url(/Images/Framework/FavouritesBoxRepeat.png);background-repeat:repeat-y;} #ListingsWIDE .PropertyBase{float:left;width:912px;height:10px;background-image:url(/Images/Framework/FavouritesBox.png);background-position:0px -135px;} #ListingsWIDE .PropertyTitleBar h2{font-size:1.6em;color:#305679;font-weight:900;float:left;margin:10px 0px 0px 20px;display:inline;} #BeigeWidePadded #ListingsWIDE .PropertyTitleBar p {float:left;margin:0px 0px 0px 20px;font-size:100%;width:370px;} #BeigeWidePadded #ListingsWIDE .PropertyTitleBar p .Map {color:#96bd0d;} #BeigeWidePadded #ListingsWIDE p.OfferInfo {width:600px;float:left;overflow:hidden;font-size:1.1em;} #BeigeWidePadded #ListingsWIDE p.OfferInfo strong{font-weight:bold;} .RemoveFavourite{width:16px;height:16px;background-image:url(/images/Framework/Buttons_Arrows.png);background-position:-110px 0px;font-size:2px;cursor:pointer;float:right;margin:4px 5px 0px 0px;display:inline;} .CodeRef {float:right;width:120px;} #ListingsWIDE .PropertyImage {width:146px;height:123px;background-repeat:no-repeat;background-image:url(/images/Framework/ImageFrame.png);float:left;margin:10px 0px 0px 10px;} #ListingsWIDE .PropertyImage img{float:left;margin:15px 0px 0px 15px;display:inline;} #BeigeWidePadded .CodeRef .Code {font-size:1em;font-weight:bold;color:#305679;margin:0px;float:left;width:65px;height:14px;} #BeigeWidePadded .CodeRef .CodeID{float:left;margin:27px 0px 0px 0px;width:45px;font-weight:bold;color:#305679;font-size:1.2em;padding:0px;} #ListingsWIDE .LeftInf {float:left;margin:20px 0px 0px 20px;width:550px;} #ListingsWIDE .LeftInf .Description{float:left;color:#5b4434;height:45px;overflow:hidden;margin-bottom:5px;width:550px;} #ListingsWIDE .LeftInf .Description Strong{font-weight:bold;} #ListingsWIDE .LeftInf .Rooms{font-size:1.2em;font-weight:bold;color:#305679;float:left;width:110px;} #ListingsWIDE .LeftInf .Price{float:left;width:110px;color:#5b4434;width:230px;} #ListingsWIDE .LeftInf .Price .PriceAmount {color:#992200;font-size:1.2em;font-weight:900;} #ListingsWIDE .RightInfSP {float:right;margin:33px 10px 0px 40px;display:inline;width:130px;height:35px;background-repeat:no-repeat;} #ListingsWIDE .RightInfSP .Shortlist {float:right;width:135px;color:#96bd0d;text-align:right;cursor:pointer;} #ListingsWIDE .RightInfSP .ViewProp{float:left;} #ListingsWIDE .RightInf {float:left;margin:12px 10px 0px 10px;display:inline;width:161px;height:75px;background-repeat:no-repeat;} .Availability {float:left;width:870px;margin:0px 0px 0px 20px;display:inline;display:none;} #RegisterNow {float:right;width:231px;height:54px;background-image:url(/images/framework/Button_RegisterNow.png);background-position:0px -2px;margin:0px 10px 0px 0px;display:inline;cursor:pointer;} #RegisterNow:hover {background-position:0px -59px;} /* AVAILABILITY LIST ############################################*/ .InThePast{float:right;width:462px;margin:0px 0px 0px 0px;padding:0px;display:inline;background-color:#DEE5BB;} .InThePast2{float:right;width:462px;margin:0px -2px 0px 0px;padding:0px;display:inline;background-color:#DEE5BB;} #BeigeWidePadded .InThePast span, #BeigeWidePadded .InThePast2 span{float:left;font-size:120%;color:#5b4434;margin:5px 0px 0px 10px;display:inline;font-weight:strong;width:442px;} .AvailableDates{float:right;width:462px;margin:0px 0px 0px 0px;display:inline;} #ListingsWIDE .AvailableDates ul.Headers, #ListingsWIDE .AvailableDates ul.Content{list-style:none;float:right;width:462px;background-color:#DEE5BB;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul.Headers li p{padding:5px;font-size:110%;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul.Content li p{float:left;font-size:100%;color:#5b4434;margin:5px 0px 0px 5px;display:inline;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul.Headers li, #ListingsWIDE .AvailableDates ul.Content li{float:left;width:120px;font-weight:900;font-size:110%;clear:none;margin:0px 0px 5px 0px;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul.Content li{height:27px;overflow:hidden;float:left;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul li.Date {width:140px;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul li.Duration {width:90px;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul li.Price {width:77px;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul li.Book {width:155px;} #BeigeWidePadded #ListingsWIDE .AvailableDates ul li.Past {width:430px;padding:10px 0px 5px 10px;} .ShowHideAvailability {float:right;width:462px;height:28px;margin:0px 20px 0px 0px;display:none;cursor:pointer;} .ShowHideAvailability.View {margin-right:22px;} .ShowHideAvailability.On{background-image:url(/images/framework/FaveBarUp.png);} .ShowHideAvailability.Off{background-image:url(/images/framework/FaveBarDown.png);} #SearchAgainBar {float:left;width:608px;height:50px;background-image:url(/images/framework/SearchAgainBar.png);margin:30px 0px 10px 150px;display:inline;display:none;} #SearchAgainBar h2{float:left;font-size:26px;color:#6ca534;margin:14px 0px 0px 20px;display:inline;} #SearchAgainButton {float:left;width:156px;height:36px;background-image:url(/images/framework/Button_SearchAgain.png);margin:8px 0px 0px 15px;display:inline;} #SearchAgainButton a{text-decoration:none;float:left;width:100%;height:100%;} .NotLoggedIn {padding:0px 0px 0px 20px;float:left;display:inline;font-weight:bold;} /* REGISTER PAGE ###########################################*/ .RegisterText {float:left;margin:80px 35px 0px 35px;display:inline;color:#ffffff;font-size:100%;text-align:left;line-height:16px;} .RegisterForm {float:left;margin:15px 35px 0px 35px;display:inline;text-align:left;} .RegisterLabel {float:left;width:165px;margin:5px 10px 5px 0px;display:inline;color:#ffffff;} .RegisterLabel p{float:left;width:149px;} .RegisterLabelFull {float:left;width:340px;margin:5px 10px 5px 0px;display:inline;color:#ffffff;} .RegisterLabelFull p{float:left;width:300px;} .RegisterForm input{float:left;width:160px;margin:0px 10px 10px 0px;display:inline;border:1px solid #83817e;font-size:11px;padding:1px;} .RegisterForm input.Full{width:335px;} .RegisterForm textarea.Full{width:335px;} .RegisterForm textarea.Full.Tall{height:100px;} .RegisterText2 {float:left;margin:10px 0px 10px 0px;display:inline;color:#ffffff;font-size:100%;text-align:left;line-height:16px;width:350px;} .CheckboxLine {float:left;} .RegisterForm .CheckBoxLine input{float:left;width:16px;height:16px;} .CheckBoxLine p{float:left;color:#ffffff;font-size:100%;text-align:left;} .RegisterForm .Submit{float:left;margin:10px 0px 0px 0px;display:inline;width:71px;height:20px;background-image:url(/Images/Framework/Button_Register.png);clear:both;cursor:pointer;} .RegisterForm .CloseWindow {float:right;margin:14px 0px 0px 0px;display:inline;color:#ffffff;cursor:pointer;} .RegisterForm .Errors {float:right;width:14px;height:14px;background-image:none;margin:0px;display:none;} #RegisterPopup {width:419px;height:399px;position:fixed;left:50%;top:20%;z-index:1000;display:none;} .RegisterForm .Submit.Send{background-image:url(/Images/Framework/Button_Send.png);clear:both;cursor:pointer;} .CloseWindowReload {float:right;margin:230px 30px 0px 0px;display:inline;color:#ffffff;cursor:pointer;} /* LOGIN STUFF ###########################################*/ #LoginPopup,#ContinuePopup {width:273px;height:253px;position:fixed;left:50%;top:20%;z-index:1000;display:none;} .LoginForm {float:left;margin:75px 35px 0px 35px;display:inline;text-align:left;} .LoginLabel {float:left;width:205px;margin:5px 10px 5px 0px;display:inline;color:#ffffff;} .LoginLabel p{float:left;width:160px;} .LoginForm input{float:left;width:200px;margin:0px 10px 10px 0px;display:inline;border:1px solid #83817e;font-size:11px;padding:1px;} .LoginForm .Errors {float:right;width:14px;height:14px;background-image:none;margin:0px;display:none;} .LoginForm .Submit{float:left;margin:10px 0px 0px 0px;display:inline;width:62px;height:26px;background-image:url(/Images/Framework/Button_Login2.png);clear:both;cursor:pointer;} .LoginForm .CloseWindow {float:right;margin:17px 10px 0px 0px;display:inline;color:#ffffff;cursor:pointer;} #Redirecting {float:left;} #Redirecting h1{float:left;margin:10px 0px 0px 10px;width:160px;color:#ffffff;font-size:1.4em;font-weight:strong;display:inline;} #Redirecting p{float:left;margin:10px 0px 0px 10px;width:190px;color:#ffffff;display:inline;} #Redirecting img {float:right;margin:-74px 10px 0px 0px;display:inline;} /* Forgot STUFF ###########################################*/ #ForgotPopup {width:396px;height:276px;position:fixed;left:50%;top:20%;z-index:1000;display:none;} .ForgotForm .RegisterLabelFull {float:left;width:330px;margin:25px 10px 5px 30px;display:inline;color:#ffffff;text-align:left;} .ForgotForm .RegisterLabelFull p{float:left;width:280px;} .ForgotForm input{float:left;width:335px;margin:0px 10px 10px 30px;display:inline;border:1px solid #83817e;font-size:11px;padding:1px;} .ForgotForm .RegisterText2 {float:left;margin:10px 0px 10px 30px;display:inline;color:#ffffff;font-size:100%;text-align:left;line-height:16px;width:350px;} .ForgotForm .CloseWindow {float:right;margin:14px 30px 0px 0px;display:inline;color:#ffffff;cursor:pointer;} .ForgotForm .Errors {float:right;width:14px;height:14px;background-image:none;margin:0px;display:none;} .ForgotForm .Submit{float:left;margin:10px 0px 0px 30px;display:inline;width:71px;height:20px;background-image:url(/Images/Framework/Button_Send.png);clear:both;cursor:pointer;} /* QA Listing and Blog Listing ###########################################*/ .CMSAndResults {float:left;width:682px;} #QAs {float:left;width:682px;overflow:hidden;margin-top:25px;} #QAs ul {list-style:none;} #QAs ul li{float:left;clear:both;margin:0px 0px 20px 0px;width:682px;position:relative;} #QAs .TitleBar{float:left;width:682px;height:100px;background-image:url(/Images/Framework/ListingBox.png);background-position:0px 0px;} #QAs .BoxRepeat{float:left;width:682px;background-image:url(/Images/Framework/ListingBoxRepeat.png);background-repeat:repeat-y;} #QAs .BoxBase{float:left;width:682px;height:10px;background-image:url(/Images/Framework/ListingBox.png);background-position:0px -133px;font-size:2px;} #QAs .TitleBar h2 {font-size:1.6em;color:#305679;font-weight:900;float:left;margin:10px 0px 0px 10px;display:inline;text-decoration:none;} #QAs .TitleBar h2 a{text-decoration:none;color:#305679;} #QAs .TitleBar h2 a:hover{text-decoration:underline;} #BeigeWidePadded .TitleBar p {float:left;margin:0px 0px 0px 10px;font-size:100%;width:670px;} #QAs .LeftInf {float:left;margin:-35px 0px 0px 10px;width:660px;display:inline;} #QAs .LeftInf .Description{float:left;color:#5b4434;overflow:hidden;margin-bottom:5px;font-weight:bold;width:660px;} #QAs .LeftInf h3{font-size:1.2em;color:#305679;font-weight:900;float:left;margin:10px 0px 5px 0px;display:inline;text-decoration:none;width:660px;} #QAs .LeftInf .FullAnswer{float:left;color:#5b4434;overflow:hidden;margin-bottom:5px;width:660px;} #QAs .LeftInf .Answer a{float:left;color:#96bd0d;overflow:hidden;margin-bottom:5px;width:660px;text-align:right;text-decoration:underline;font-weight:bold;margin-top:20px;} #QAs .Comments {float:left;width:660px;color:#5b4434;font-weight:bold;font-size:1em;text-align:center;margin:10px 0px 5px 0px;display:inline;} #AskQuestionNow {float:right;width:216px;height:57px;background-image:url(/Images/Framework/Button_AskQuestion.png);margin:0px 0px 40px 0px;cursor:pointer;} #ButtonBlank {float:right;width:216px;height:57px;margin:0px 0px 40px 0px;cursor:pointer;} #CommentsTitle{float:left;width:682px;border-top:1px solid #cdcdcd;margin:5px 0px 5px 0px;padding:5px 0px 5px 0px;} #CommentsTitle h3{font-size:1.2em;color:#305679;font-weight:900;float:left;margin:12px 0px 5px 10px;display:inline;text-decoration:none;width:460px;} #CommentsList{float:left;width:682px;} #CommentsList ul{float:left;list-style:none;margin:0px;} #CommentsList ul li{float:left;width:682px;border-top:1px solid #cdcdcd;} #CommentsList ul li p{float:left;color:#5b4434;font-size:1em;width:660px;margin:10px 0px 0px 10px;display:inline;padding:0px 0px 10px 0px;} #CommentsList ul li p strong{font-weight:bold;} .DatesHolder{float:right;width:214px;margin:0px 3px 0px 0px;display:inline;clear:right;} .CriteriaPanel {width:214px;font-size:12px;background-color:#e1dbca;margin:0px 0px 20px 0px;display:inline;float:left;} .YearOptionsHeader{float:left;width:214px;height:30px;background-image:url(/images/Framework/YearsHeader.png);background-repeat:no-repeat;} .YearOptionsHeader .Arrow{float:left;width:17px;height:17px;background-image:url(/images/Framework/Buttons_Arrows.png);margin:12px 0px 0px 10px;display:inline;cursor:pointer;background-position:-35px 0px;} .YearOptionsHeader .Arrow:hover {background-position:-35px -17px;} .YearOptionsHeader .Arrow.Open{background-position:-53px 0px;} .YearOptionsHeader .Arrow.Open:hover {background-position:-53px -17px;} .MonthPanels {float:left;display:none;} .MonthPanels.Open {float:left;display:block;} .MonthPanels ul{float:left;list-style:none;margin:10px 0px 0px 0px;} .MonthPanels ul li{float:left;width:214px;margin:0px 0px 5px 0px;font-size:1.2em;color:#96bd0d;display:inline;} .MonthPanels ul li.On{float:left;width:214px;margin:0px 0px 5px 0px;font-size:1.2em;color:#96bd0d;display:inline;background-color:#ffffff;} .MonthPanels ul li a{float:left;width:190px;margin:0px 0px 0px 10px;font-size:1.2em;color:#96bd0d;display:inline;text-decoration:none;} .MonthPanels ul li a:hover{text-decoration:underline;} .YearOptionsHeader h4{float:left;margin:10px 0px 0px 12px;display:inline;width:160px;height:26px;font-size:1.4em;font-weight:bold;color:#305679;} .AskQuestionSmall {float:left;width:118px;height:24px;background-image:url(/Images/Framework/Button_AskQuestionSmall.png);margin:10px 0px 10px 0px;display:inline;cursor:pointer;} .AddComment {float:right;width:156px;height:36px;background-image:url(/Images/Framework/Button_Comment.png);margin:3px 10px 0px 0px;display:inline;cursor:pointer;} /* ASK and COMMENT POPUP STUFF ###########################################*/ #AskPopup {width:419px;height:452px;position:fixed;left:50%;top:20%;z-index:1000;display:none;} #CommentPopup {width:419px;height:452px;position:fixed;left:50%;top:20%;z-index:1000;display:none;} /* REGION GUIDES ###########################################*/ #H1Spacer {flaot:left;width:100%;height:40px;} .IntroPageRegions {float:left;width:214px;margin:5px 5px 0px 0px;text-align:center;display:inline;padding-bottom:20px;} .IntroPageRegions.Ideas {margin:10px 13px 0px 0px;display:inline;height:200px;} .IdeaHolder {float:left;margin:30px 0px 0px 10px;display:inline;clear:left;width:910px;} .IntroPageRegionFrame {float:left;width:214px;height:154px;background-image:url(/Images/Framework/ImageFrame_GuidesIntro.png);} .IntroPageRegionFrame img{float:left;margin:14px 0px 0px 13px;} #BeigeWidePadded .IdeaHolder p.FullWidth {width:100%;} #BeigeWidePadded .IntroPageRegions p{float:left;width:214px;margin:5px 0px 0px 0px;display:inline;} #BeigeWidePadded .IntroPageRegions p a{color:#5b4434;text-decoration:none;} #BeigeWidePadded .IntroPageRegions p a:hover{color:#5b4434;text-decoration:underline;} .RegionGuidesListHolder{float:right;width:214px;margin:10px 0px 0px 0px;display:inline;overflow:hidden;} .RegionGuidesListPanel {width:214px;font-size:12px;background-color:#e1dbca;margin:0px 0px 20px 0px;display:inline;float:left;} .RegionGuidesListPanel .Header{float:left;width:214px;height:30px;background-image:url(/images/Framework/YearsHeader.png);background-repeat:no-repeat;} .RegionGuidesListPanel .Header h4{float:left;margin:6px 0px 0px 12px;display:inline;width:160px;height:24px;font-size:1.4em;font-weight:bold;color:#305679;} .RegionGuidesListPanel .SingleRegion{float:left;width:214px;background-image:url(/Images/Framework/MapOptionsDivide.png);background-position:top;background-repeat:repeat-x;} .RegionGuidesListPanel .SingleRegion h4 a{float:left;width:170px;font-size:1.2em;font-weight:bold;color:#305679;margin:5px 0px 5px 10px;display:inline;text-decoration:none;height:20px;} .RegionGuidesListPanel .SingleRegion UL{float:left;list-style:none;margin:0px;display:none;} .RegionGuidesListPanel .SingleRegion UL.On{display:block;} .RegionGuidesListPanel .SingleRegion UL LI a{float:left;width:204px;margin:0px 0px 5px 10px;font-size:1.2em;color:#96bd0d;display:inline;} .RegionGuidesListPanel .SingleRegion UL LI ul li a{float:left;width:184px;margin:0px 0px 5px 30px;font-size:1.2em;color:#96bd0d;display:inline;} .SingleRegion .Arrow{float:left;width:17px;height:17px;background-image:url(/images/Framework/Buttons_Arrows.png);margin:7px 0px 0px 10px;display:inline;cursor:pointer;background-position:-35px 0px;} .SingleRegion .Arrow:hover {background-position:-35px -17px;} .SingleRegion .Arrow.Open{background-position:-53px 0px;} .SingleRegion .Arrow.Open:hover {background-position:-53px -17px;} .SingleRegion .RightArrow{float:left;width:17px;height:17px;background-image:url(/images/Framework/Buttons_Arrows.png);margin:7px 0px 0px 10px;display:inline;cursor:pointer;background-position:-73px 0px;} .SingleRegion .RightArrow.Open{background-position:-73px -17px;} .SingleRegion .FancyTitle {float:left;width:214px;margin:5px 0px 10px 10px;display:inline;text-align:left;} #BeigeWidePadded .SingleRegion .FancyTitle h1{float:left;font-size:2em;font-weight:bold;text-align:left;} #BeigeWidePadded .SingleRegion .ColumnForm .RegionPanel {width:190px;margin-left:10px;display:inline;} #BeigeWidePadded .SingleRegion .ColumnForm .RegionPanel select {width:190px;} #BeigeWidePadded .SingleRegion .ColumnForm #CotFinder {margin:10px 10px 0px 0px;display:inline;} #ImageGuideFrame {float:left;width:680px;height:300px;background-image:url(/images/Framework/ImageFrame_Guide.png);margin:0px 0px 0px 0px;display:inline;} #ImageGuideFrame img{float:left;margin:17px 0px 0px 17px;display:inline;} #BeigeWidePadded #RegionLocation {float:left;width:680px;margin:5px 0px 5px 0px;height:16px;display:inline;} #BeigeWidePadded #RegionLocation h2{font-size:1.6em;color:#305679;line-height:1em;} h1.CottageFinder2{font-size:3em;color:#992200;line-height:1em;text-align:left;font-weight:bold;margin:20px 0px 0px 35px;display:inline;float:left;width:500px;} /* OFFER PANEL */ .OffersRegionPanel{float:left;text-align:left;margin:10px 0px 0px 35px;display:inline;clear:left;width:510px;} .OffersRegionPanel select{font-size:.9em;float:left;margin:0px 5px 0px 0px;display:inline;} .OffersRegionPanel .form{float:left;display:block;} .OffersRegionPanel #RefSearch{float:right;width:70px;background-image:url(/Images/Pages/Home/Button_Go.png);width:69px;height:23px;margin:-1px 0px 0px 0px;display:inline;cursor:pointer;} .OfferBanner{position:absolute;width:82px;height:83px;background-image:url(/images/framework/specialoffer.png);left:-2px;top:-3px;} .RefineLabel {float:left;width:45px;color:#305679;text-align:left;font-weight:bold;margin:0px 5px 0px 0px;display:inline;} .SpecialOffers {text-indent:-10000px;background-image:url(/images/TextHeaders/special-offers-header.gif);width:250px;height:43px;float:left;margin:20px 0px 0px 35px;display:inline;} /* VIEW COTTAGE PAGE ###########################################*/ #CottageTitleBar{float:left;width:880px;margin:0px 20px 20px 20px;display:inline;} #CottageTitle{float:left;width:660px;height:50px;} #CottageTitle h2{color:#305679;font-size:2em;font-weight:bold;} #CottageTitle h3{color:#992200;font-size:1.4em;font-weight:bold;} #ReturnToMap{float:right;width:183px;height:27px;background-image:url(/images/framework/button_ReturnToMap.png);background-repeat:no-repeat;} #ReturnToMap a{float:left;width:183px;height:27px;text-decoration:none;} #AddToShortListLink {float:right;text-decoration:none;margin-top:10px;color:#96bd0d;cursor:pointer;} .MapPopup {cursor:pointer;} #CottageContent{float:left;width:880px;margin:0px 20px 20px 20px;display:inline;} #LeftContent{float:left;width:400px;} #LeftContentArea{float:left;height:420px;overflow:hidden;} #BeigeWidePadded #LeftContentArea p{width:100%;color:#5b4434;font-size:1.1em;float:left;clear:left;margin:0px;} #LeftContentArea h2{color:#305679;font-size:1.4em;font-weight:bold;margin:20px 0px 10px 0px;display:inline;float:left;clear:left;} #LeftContentArea h2.Top {margin-top:0px;float:left;} #LeftContentArea .FeatureSet h2{float:left;color:#305679;font-size:1.4em;font-weight:bold;margin:20px 0px 10px 0px;display:inline;width:400px;clear:left;} #LeftContentArea .FeatureSet #feature{float:left;width:400px;clear:left;} #LeftContentArea ul#note{color:#305679;float:left;padding-left:20px;} #LeftContentArea ul li{list-style-image:url(/images/framework/BulletTick.png);list-style-type:square;list-style-position:outside;color:#305679;} #RightContent{float:right;width:455px;} #PhotoArea{float:left;width:455px;} #PhotoFrame{float:left;width:455px;height:297px;background-image:url(/Images/Framework/ViewFrame.png);} #MainImage {float:left;width:350px;height:250px;margin:20px 0px 0px 15px;display:inline;} #PhotoFrame #Thumbs {float:right;width:60px;height:260px;margin:15px 15px 0px 0px;display:inline;overflow:hidden;} #PhotoFrame #ThumbHolder{float:right;width:60px;height:218px;display:inline;overflow:hidden;} #PhotoFrame #ThumbHolder ul{float:left;height:214px;overflow:hidden;position:relative;} #PhotoFrame #ThumbHolder ul li{cursor:pointer;margin-bottom:14px;position:relative;} #PhotoFrame .ScrollUp{cursor:pointer;float:left;margin:0px 0px 5px 20px;display:inline;width:15px;height:17px;background-image:url(/images/Framework/SmallArrows.gif);background-position:-17px 0px;} #PhotoFrame .ScrollDown{cursor:pointer;float:left;margin:0px 0px 5px 20px;display:inline;width:15px;height:17px;background-image:url(/images/Framework/SmallArrows.gif);background-position:0px 0px;} #PhotoFrame .ScrollUp:hover{background-position:-17px -17px;} #PhotoFrame .ScrollDown:hover{background-position:-0px -17px;} #BaseStats{width:442px;height:113px;float:left;background-image:url(/images/framework/ViewBoxTop.png);margin:10px 0px 0px 6px;display:inline;} #BaseStats #Line1{float:left;width:400px;margin:10px 0px 0px 20px;display:inline;} #BaseStats #Line1 h2{color:#305679;font-size:1.2em;font-weight:bold;float:left;} #BeigeWidePadded #BaseStats #Line1 #Price{float:right;color:#992200;font-size:1.2em;font-weight:bold;display:block;} #BaseStats #Line2{float:left;width:400px;margin:17px 0px 0px 20px;display:inline;} #BaseStats #Line2 .Location{float:left;color:#305679;font-size:1.1em;font-weight:bold;width:80px;margin-top:3px;} #BaseStats #Line2 .Address{float:left;width:255px;color:#5b4434;font-size:1em;margin-top:4px;overflow:hidden;font-weight:bold;} #BaseStats #Line2 .Map{float:right;width:52px;height:25px;background-image:url(/Images/Framework/Button_Map.png);cursor:pointer;} #BaseStats #Line3{float:left;width:400px;margin:15px 0px 0px 20px;display:inline;} #BaseStats #Line3 .Occupancy{float:left;color:#305679;font-size:1.1em;font-weight:bold;} #BaseStats #Line3 .Ref{float:left;color:#305679;font-size:1.1em;font-weight:bold;} #BaseStats #Line3 .Value{float:left;color:#5b4434;font-size:1.1em;font-weight:bold;margin:0px 140px 0px 10px;display:inline;} #BaseStats #Line3 .Value.Last{margin-right:0px;} /* MAP POPUP STUFF ###########################################*/ #MapPopup {width:540px;height:440px;position:fixed;left:50%;top:20%;z-index:1000;display:none;} #MapPopupHolder {float:left;width:480px;height:300px;margin:20px 0px 0px 30px;display:inline;} .CottageName {font-size:1.2em;font-weight:bold;color:#ffffff;margin:10px 0px 0px 30px;float:left;width:480px;text-align:center;} #CloseMap {width:56px;height:20px;background-image:url(/Images/Framework/Button_CloseMapPopup.png);float:right;margin:34px 30px 0px 0px;cursor:pointer;display:inline;} /* INTERCEPT POPUP ######################################*/ .InterceptText {float:left;width:100%;margin:10px 0px 10px 0px;color:#ffffff;} .LoginForm .ContinueButton{background-image:url(/Images/framework/Button_continue.png);width:76px;height:20px;} /* PAGING STUFF ###########################################*/ .PagingTotals {float:left;padding:5px;margin:0px 0px 0px 270px;clear:left;font-size:1.2em;display:inline;color:#5b4434;font-weight:bold;} .PageCounterCell {float:left;height:14px;margin-left:1px; cursor:pointer;display:inline;} .PageCounterPad {padding:5px;} .PageCounterPage {float:left;padding:5px;margin:0px 0px 0px 270px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 1px solid #96bd0d;display:inline;color:#5b4434;} .PagesOff {text-decoration:none;color:#cccccc; cursor: default;} .PageCounterPad.smallTextStd a{text-decoration:none;color:#96bd0d; cursor: pointer;} .PageCounterPad.PagesOn {text-decoration:none; font-weight:bold; color:#232323;} .PageCounterPad.PagesOn a{text-decoration:none;font-weight:bold; color:#232323; } .PageCounterPad.PagesOn a:hover{text-decoration:none;color:#232323;} .PageCounterText { color:#96bd0d; font-size:100%; font-weight:bold; } .PageCounterText a{ color:#96bd0d; font-size:100%; font-weight:bold; } .PageCounter { width:100%; float:left; text-align:center; margin:0px 0px 0px 0px; _margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; display:inline; } /*FOOTER ########################################*/ #FooterHolder{float:left;width:100%;height:265px;background-image:url(/Images/Framework/FooterBG.png);background-position:top;background-repeat:repeat-x;margin-top:20px;background-color:#408118;} #FooterContent {width:946px;margin:0 auto;padding-top:20px;text-align:left;} #FooterContent h3{color:#ffffff;font-size:1.2em;font-weight:bold;margin-bottom:15px;} #FooterContent ul{list-style:none;float:left;} #FooterContent ul li{width:290px;float:left;margin-right:35px;color:#ffffff;} #FooterContent ul li.Last {margin-right:0px;} #FooterContent ul{list-style:none;} #FooterContent ul li a{width:290px;float:left;margin-right:35px;color:#ffffff;text-decoration:none;} #FooterContent p{text-align:center;padding-top:10px;width:946px;clear:both} #WhiteText {color:#ffffff;} #RegisterFloat{ position: absolute; left: 0px; bottom: 0px; } body > #RegisterFloat { position: fixed; } #RegisterFloat{width:100%;height:52px;bottom:0px;z-index:100;} #RegisterButton{margin:0 auto;width:503px;height:42px;background-image:url(/Images/Framework/RegisterButton.gif);background-repeat:no-repeat;} #RegisterButton a{width:100%;height:100%;text-decoration:none;float:left;} /*HACKS ########################################*/ .Last {margin-right:0px;} h1.TextTitle_CottageFinder{background-image:url(/images/TextHeaders/home-cottageFinder.png);width:101px;height:50px;float:left;margin:0px 0px 0px 60px;display:inline;} h1.TextTitle_CottageFinder span{display:none;} h1.HolidayIdeas{background-image:url(/images/TextHeaders/cathys-holiday-ideas-header.gif);width:243px;height:80px;float:left;margin:0px 0px 0px 35px;display:inline;text-indent:-10000px;} #BeigeWidePadded h1.TitleShortlist {text-indent:-10000px;width:227px;height:43px;background-image:url(/Images/TextHeaders/my-shortlist-header.gif);float:left;margin:10px 0px 0px 25px;display:inline;} #BeigeWidePadded h1.TitleAsk, h1.TitleAsk {text-indent:-10000px;width:191px;height:43px;background-image:url(/Images/TextHeaders/ask-cathy-header.gif);float:left;margin:20px 0px 0px 35px;display:inline;} #BeigeWidePadded h1.TitleBlog {text-indent:-10000px;width:226px;height:48px;background-image:url(/Images/TextHeaders/cathys-blog-header.gif);float:left;margin:10px 0px 0px 25px;display:inline;} h1.TextTitle_HolidayIdeas span{display:none;} h1.TextTitle_PropertyReference{background-image:url(/images/TextHeaders/home-propertyReference.png);width:127px;height:50px;float:left;margin:5px 0px 0px 50px;display:inline;} h1.TextTitle_PropertyReference span{display:none;}