/* Page Layout */



html, body { margin: 0; padding: 0; min-width: 745px; height: 100%; }



body { background-color: #cfd7d3; font-family: Arial, Helvetica, sans-serif; color: #666666; }



#pageWrapper { width: 745px; position: relative; margin: 0 auto; padding: 0; text-align: left; }



.pageBox { margin-top: 7px; padding: 0; width: 745px; }



.pageBoxFrame { margin: 0; padding: 7px; background-color: #ffffff; border: 1px solid #999999; width: 745px; width/**/:/**/ 729px; }



.pageBoxShadow { background-color: #999999; width: 741px; height: 1px; margin-left: 2px; font-size: 1px; overflow: hidden; }



#pageHeaderImage { margin: 0; padding: 0; height: 151px; background-color: #99c7f2; background-image: url(topimagf.jpg); border-width: 1px; border-style: solid; border-left-color: #999999; border-bottom-color: #999999; border-top-color: #aeaeae; cursor: pointer; border-right-color: #aeaeae; width: 729px; width/**/:/**/ 727px; }







.clear { clear: both; overflow: hidden; margin: 0; padding: 0; font-size: 1px; line-height: 1px; height: 0px; }



.iefix { font-size: 1px; line-height: 1px; }



.noPad { padding: 0; }







/* Page Footer */



#pageFooter { margin: 0; padding: 0; width: 727px; font-size: 0.7em; color: #cc9933; }



#pageFooterMouseTrail { float: left; }



#pageFooterMouseTrail a, #pageFooterMouseTrail a:visited { font-weight: bold; text-decoration: none; color: #cc9933; }



#pageFooterMouseTrail a:hover { text-decoration: underline; }



#pageFooterCopyright { float: right; text-align: right; font-weight: normal; padding-bottom: 4px; }



#pageFooterLinks { text-align: left; }



#pageFooterLinks a, #pageFooterLinks a:visited { font-weight: bold; text-decoration: none; color: #cc9933; }



#pageFooterLinks a:hover { text-decoration: underline; }



#pageFooterLinksPhrases a { color: #999999; text-decoration: none; font-weight: normal; font-size: 9px; }



#pageFooterLinksPhrases a:hover { text-decoration: underline;  }



#pageFooterLinksPhrases { text-align: left; color: #999999;}







/* Top Panel */



#topPanel {}



#topPanelSnapShots { float: left; }



#topPanelContent { float: left; width: 448px; }



#topPanelLinks { margin: 17px 10px 15px 0px; width: 425px; text-align: right; font-size: 12px; font-weight: bold; color: #70892c; }



#topPanelLinks a { color: #70892c; text-decoration: none; }



#topPanelLinks a:hover { color: #cc9933; text-decoration: underline; }



#topPanelWelcome { float: left; }



#topPanelTextWrapper { float: left; width: 261px; height: 106px; background: url(toppanep.jpg) top left repeat-x #9ba64c; }



#topPanelText { margin: 23px 7px 0px 20px; font-size: 12px; color: #f2ffbb; }



#topPanelRight { float: left; }







/* Left Panel */



#leftPanel { float: left; width: 184px; margin: 0px 15px; display: inline; }



#leftPanel h1 { font-size: 16px; color: #a7c334; margin: 0; padding: 0; }



#leftPanel ul { margin-top: 10px; padding: 0; margin-left: 30px; }



#leftPanel li { list-style-image: url(bullet01.gif); }



#leftPanel li a { font-size: 11px; color: #666666; text-decoration: none; }



#leftPanel li a:hover { color: #cc9933; text-decoration: underline; }



#leftPanel ul ul { margin: 0px 0px 5px 0px; padding-top: 0; padding-left: 15px; background: url(submenu_.gif) top left no-repeat; }



#leftPanel ul ul li { list-style-image: none; list-style-type: none; }



#leftPanel ul ul li a { font-size: 11px; color: #888888; text-decoration: none; }



#leftPanel ul ul li a:hover { color: #cc9933; text-decoration: underline; }



#leftPanel .dottedLineGreen { margin-bottom: 15px; }



#leftPanel input { border: 1px solid #979797; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #979797; padding: 0px 5px; }



#leftPanel #newsletterBox { margin: 10px 0px; width: 132px; width/**/:/**/ 130px; }



#leftPanel input.go  { border: 0; background-color: #667231; margin: 10px 2px 10px 1px; padding: 0px 2px; color: #ffffff; font-size: 11px; width: 39px; }







/* Right Panel */



#mouseTrail { font-size: 10px; color: #a9a9a9; }



#mouseTrail a, #mouseTrail a:visited { color: #a9a9a9; text-decoration: none; }



#mouseTrail a:hover { color: #cc9933; text-decoration: underline; }



#rightPanel { float: left; width: 515px; }



.titleBarGreen { margin: 5px 0px; padding: 5px; background: url(titlebas.jpg) top right no-repeat #728b2c; font-size: 14px; font-weight: bold; color: #d7ef7f; }



.dottedLineGreen { background: url(dotted_m.gif) top left repeat-x #728b2c; height: 4px; font-size: 1px; line-height: 1px; margin: 5px 0px; }



.dottedLineGrey { background: url(dotted_m.gif) top left repeat-x #a9a9a9; height: 4px; font-size: 1px; line-height: 1px; margin: 5px 0px; }



.viewInfoGrey { text-align: right; background: url(info_buu.gif) top right no-repeat; padding: 4px 15px 0px 0px; height: 21px; height/**/:/**/ 17px; }



.viewInfoGreen { text-align: right; background: url(info_buv.gif) top right no-repeat; padding: 4px 15px 0px 0px; height: 21px; height/**/:/**/ 17px; }



.viewInfoGrey a, .viewInfoGrey a:visited, .viewInfoGreen a, .viewInfoGreen a:visited { text-decoration: none; font-size: 11px; font-weight: bold; color: #ffffff; }



.viewInfoGrey a:hover, .viewInfoGreen a:hover { text-decoration: underline; }



.rightPanelButton { border: 1px solid #0188c8; background-color: #7baedf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; } 



.more { width: 75px; height: 23px; }



.moreInfo { width: 101px; }



.findAccommodation { width: 178px; }



.allCitiesTowns { width: 159px; }







/* Text */



form { margin: 0; padding: 0; }



p { font-size: 0.7em; margin: 0; padding: 0px 0px 10px 0px; text-align:justify }







/* Affiliate Hoz Banner Adverts */



#affiliateAdverts { padding: 5px 0px 5px 24px; background-position: top ; }







/* Cottage Breaks */



#cottageBreaksAdvert { border: 1px solid #cdcdcd; background: url(cottage0.jpg) top left no-repeat; padding: 20px 0px 0px 170px; height: 124px; height/**/:/**/ 114px; }



#cottageBreaksAdvert .textWrapper { height: 93px; }



#cottageBreaksAdvert h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #b68e36; font-size: 30px; margin: 0; }



#cottageBreaksAdvert h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #936d21; font-size: 16px; margin: 0; }



#cottageBreaksAdvert p { font-size: 0.7em; margin: 0; }







/* Feature Products */



.featureProducts { border: 1px solid #abbd38; width: 255px; width/**/:/**/ 253px; }



.featureProducts .textWrapper { margin: 20px 20px 0px 20px; height: 125px; }







/* Property Short Description */



.thumbnail { border: 1px solid #7baedf; padding: 2px; background-color: #ffffff; width: 75px; width/**/:/**/ 69px; }



.thumbnailButton { width: 69px; height: 63px; }



.specialOfferSmall { float: left; width: 147px; }



.accommShortDesc { float: left; width: 348px; }



.accommShortDesc h4 { padding-bottom: 0.5em; }



.accommShortDesc p { padding-bottom: 0.5em; }



.hotelPhotoRight { float: right; margin-left: 9px; border: 1px solid #7baedf; padding: 2px; background-color: #ffffff; width: 116px; width/**/:/**/ 110px; }







/* Green Box */



.greenBox { border: 1px solid #abbd38; padding: 15px 20px;}



.greenBox h2, .featureProducts h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #936d21; font-size: 15px; margin: 0px 0px 10px 0px; }



.greenBox h3, #SubsectionHTML h2 { font-size: 12px; margin: 0px 0px 4px 0px; }



.greenBox h4 { font-size: 12px; margin: 0px 0px 0px 0px; color: #728b2c; }



.greenBox hr { padding: 0; color: #a88a45; background-color: #a88a45; height: 1px; border: 0; margin: 10px 0px 10px 0px !important; margin: 3px 0px 3px 0px; }



.greenBox p.list { font-weight: bold; padding-bottom: 5px; }



.greenBox ul { font-size: 0.7em; margin: 0; padding: 0px 0px 10px 30px; list-style-type: square; }



.greenBox a, .greenBox a:visited { color: #bf9134; text-decoration: none; font-weight: bold; }



.greenBox a:hover, .greenBox a:visited:hover { color: #728b2c; text-decoration: underline; }



.greenBox .dottedLineGrey { margin-bottom: 15px; }



.destinationGuide { background: url(beach_fb.jpg) top right no-repeat; padding-right: 170px; }



.themedBreaks { float: left; margin-right: 5px; width: 256px; height: 182px; width/**/:/**/ 214px; height/**/:/**/ 150px; }







.advertBox { border: 1px solid #abbd38; }







.photoGalleryDescription { margin: 1px 0px 10px 0px; border: 0; padding: 0; background-color: #d8d4ad; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #908d72; font-weight: bold; text-align: center; width: 203px; }



.photoGalleryCurrent { border: 0; background-color: transparent; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #343233; width: 100px; }







/* Search Form */



#searchForm { padding-bottom: 10px; }



#searchForm input { border: 1px solid #979797; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 200px; }



#searchForm .searchFormSubmitButton { border: 1px solid #0188c8; background-color: #7baedf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; width: 80px; }



.searchTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #9a6a00; padding: 0em 0em 0.3em 0em; }



.searchText { padding: 0em 0em 0.5em 0em; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; color: #343233; line-height: 1.5em; }



.searchUrl { display: none; }







/* Forms */



form { margin: 0; padding: 0; }



.textField { text-align: right; width: 150px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.3em; color: #CC9933; font-weight: bold; }



.radioField { text-align: right; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.3em; color: #9a6a00; font-weight: bold; }



.inputField { float: left; padding: 0px 0px 10px 10px; }



.infoField { float: left; padding: 0px 0px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 0.65em; color: #666666; }



.buttonField { float: left; padding: 10px 0px 0px 160px; }



.formButton { border: 1px solid #0188c8; background-color: #7baedf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; }



.errorField ul { padding-top: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 0.7em; color: #c18919; font-weight: bold; }







/* Contact Details */



#contactDetails input { border: 1px solid #979797; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 150px; }



#contactDetails select { background-color: #ebf3fb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }







/* Enquiry Form */



#enquiryForm .enquiryFormSubmitButton { border: 1px solid #0188c8; background-color: #7baedf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; width: 154px; }







/* Feedback Form */



#feedbackForm { margin-bottom: 9px; }



#feedbackForm textarea { border: 1px solid #979797; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 247px; height: 50px; scrollbar-face-color: #667231; scrollbar-highlight-color: #e5e9ed; scrollbar-3dlight-color: #667231; scrollbar-shadow-color: #d8cbab; scrollbar-darkshadow-color: #667231; scrollbar-base-color: #667231; scrollbar-arrow-color: #e5e9ed; }



#feedbackForm .rating { margin-top: 3px; padding-left: 5px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }



#feedbackForm .ratingPrompt { float: left; margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }



#feedbackForm .radio { padding-right: 5px; float: left; }



#feedbackForm .checkbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; }



#feedbackForm .feedbackFormSubmitButton { border: 1px solid #0188c8; background-color: #7baedf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; width: 154px; }







/* User Options */



#userComments textarea { border: 1px solid #979797; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 247px; height: 50px; scrollbar-face-color: #667231; scrollbar-highlight-color: #e5e9ed; scrollbar-3dlight-color: #667231; scrollbar-shadow-color: #d8cbab; scrollbar-darkshadow-color: #667231; scrollbar-base-color: #667231; scrollbar-arrow-color: #e5e9ed; }



#userComments select { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }



#userOptions { padding-left: 36px; padding-right: 36px; padding-top: 10px; }



#userOptions .optionText { float: left; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; line-height: 1.5em; color: #343233; font-weight: normal; }



#userOptions .optionBox { float: left; padding-top: 7px; }











/* Tables */



.dataTable { width: 100%; margin-bottom: 18px; }



.dataTable th { background-color: #F1F6DB; font-size: 0.7em; color: #888888; padding: 3px; text-align: center; border: 1px solid white;}



.dataTable td { background-color: #F1F6DB; padding: 3px;  border: 1px solid white; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #888888; }



.dataTable td.left { text-align: left; border-left: 1px solid white; }



.dataTable td.right { border-right: 0; }



.dataTable td.header { border: 0; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }



.dataTable td.footer { border: 1px solid white; background-color: #bee8de; font-size: 1px; height: 10px; padding: 0; }



.dataTable td.separator { border: 0; padding: 0; font-size: 1px; height: 2px; }







.imgTable { width: 100%; margin-bottom: 18px; }



.imgTable th { font-size: 0.7em; color: #888888; padding: 3px; text-align: center; border: 1px solid white;}



.imgTable td { padding: 3px;  border: 1px solid white; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #888888; }



.imgTable td.left { text-align: left; border-left: 1px solid white; }



.imgTable td.imgTop { text-align: center; vertical-align:top}







/* Site Map */



#siteMap ul { padding-bottom: 3px; }



#siteMap li { font-size: 11px; line-height: 1.4em; }







/* Brochure Request */



#brochureRequest { padding-left: 24px; }



#brochureRequest input { border: 1px solid #8a4d33; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 150px; }



#brochureRequest textarea { border: 1px solid #8a4d33; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 247px; height: 50px; scrollbar-face-color: #f8c289; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #f8c289; scrollbar-shadow-color: #f8c289; scrollbar-darkshadow-color: #8a4d33; scrollbar-base-color: #f8c289; scrollbar-arrow-color: #7e5803; }



#brochureRequest select { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }



#brochureRequest .optionText { float: left; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.5em; color: #343233; font-weight: normal; }



#brochureRequest .optionBox { float: left; padding-top: 7px; border: 0; }



#brochureRequest .brochureRequestBrochureOptions { font-size: 0.75em; }



#brochureRequest .optionBox input, #brochureRequest .brochureRequestBrochureOptions input { border: 0; background-color: transparent; width: auto; }



#brochureRequest .brochureRequestFindButton { margin-bottom: 10px; border: 1px solid #8a4d33; background-color: #98602e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; width: 154px; }



#brochureRequest .brochureRequestSubmitButton { border: 1px solid #8a4d33; background-color: #98602e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; width: 154px; }







/* Brochure Maker */



#brochureMaker .selectedTitle { font-size: 12px; color: #333333; text-align: center; font-weight: bold; padding: 0; margin: 10px 0px 0px 0px; }



#brochureMaker .selectedCaption { font-size: 12px; color: #333333; text-align: center; padding: 0; margin: 0px 0px 10px 0px; }



#brochureMaker .selectedBrochure { font-size: 13px; color: #A5520C; font-weight: bold; padding: 0; margin: 0px 0px 10px 0px; }



#brochureMaker select { background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }



#brochureMaker .brochureMakerSection, #brochureMaker .brochureMakerAdditionalSection { padding: 0; float: left; width: 225px; }



#brochureMaker h2 { font-size: 12px; }