/* 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(/SharedResources/Images/AllezFrance/generic/topimage.jpg); border-width: 1px; border-style: solid; border-left-color: #999999; border-bottom-color: #999999; border-top-color: #aeaeae; border-right-color: #aeaeae; width: 729px; width/**/:/**/ 727px; }
/* put back after ttg gone --#pageHeaderImage:hover { cursor: pointer; }*/
.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; }
ol {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #242510;font-size: 0.75em; line-height: 18px; color: #333333; padding: 0px 0px 15px 30px; margin: 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(/SharedResources/Images/AllezFrance/generic/toppanel_strip.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(/SharedResources/Images/AllezFrance/generic/bullet.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(/SharedResources/Images/AllezFrance/generic/submenu_arrow.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; }

/* Competition Form */
#competitionForm { margin-bottom: 9px; }
#competitionForm 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: #929191; scrollbar-highlight-color: #e5e9ed; scrollbar-3dlight-color: #929191; scrollbar-shadow-color: #d8cbab; scrollbar-darkshadow-color: #929191; scrollbar-base-color: #929191; scrollbar-arrow-color: #e5e9ed; }
#competitionForm .rating { margin-top: 3px; padding-right: 10px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }
#competitionForm .ratingPrompt { float: left; margin-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }
#competitionForm .radio { padding-right: 5px; float: left; }
#competitionForm .checkbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; }
#competitionForm .competitionFormSubmitButton { border: 1px solid #979797; background-color: #929191; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; width: 154px; }
#competitionForm .error { color: #a0004c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; padding-top:5px; font-weight:bold;}

#rightPanel a.dlg, #rightPanel a.dlg:visited { color: #444444; text-decoration: none; font-weight: normal;}
#rightPanel a.dlg:hover { text-decoration: underline; }

/* 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(/SharedResources/Images/AllezFrance/generic/titlebar_green.jpg) top right no-repeat #728b2c; font-size: 14px; font-weight: bold; color: #d7ef7f; }
.dottedLineGreen { background: url(/SharedResources/Images/AllezFrance/generic/dotted_line.gif) top left repeat-x #728b2c; height: 4px; font-size: 1px; line-height: 1px; margin: 5px 0px; }
.dottedLineGrey { background: url(/SharedResources/Images/AllezFrance/generic/dotted_line.gif) top left repeat-x #a9a9a9; height: 4px; font-size: 1px; line-height: 1px; margin: 5px 0px; }
.viewInfoGrey { text-align: right;  padding: 4px 15px 0px 0px; height: 21px; height/**/:/**/ 17px; }
.viewInfoGreen { text-align: right; background: url(/SharedResources/Images/AllezFrance/generic/info_button_green.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; } 
.galleryButton { width: 60px; }

.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; }

/* Affiliate Hoz Banner Adverts */
#affiliateAdverts { padding: 5px 0px 5px 24px; background-position: top ; }

/* Cottage Breaks */
#cottageBreaksAdvert { border: 1px solid #cdcdcd; background: url(/SharedResources/Images/AllezFrance/cottages/cottage_fade.jpg) top left no-repeat; padding: 20px 0px 0px 20px; height: 231px; height/**/:/**/ 211px; }
#cottageBreaksAdvert .textWrapper { height: 190px; }
#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; }
#cottageBreaksAdvert a, #cottageBreaksAdvert a:visited { color: #bf9134; text-decoration: none; font-weight: bold; }
#cottageBreaksAdvert a:hover, #cottageBreaksAdvert a:visited:hover { color: #728b2c; text-decoration: underline; }

#competitionAdvert { border: 1px solid #cdcdcd; background: url(/SharedResources/Images/AllezFrance/generic/competition_homepage.jpg) top left no-repeat; padding: 20px 0px 0px 20px; height: 104px; height/**/:/**/ 84px; float:left; width:253px; width/**/:/**/ 233px;}
#corsicaAdvert { border: 1px solid #cdcdcd; background: url(/SharedResources/Images/AllezFrance/generic/corsica_homepage.jpg) top left no-repeat; padding: 20px 0px 0px 20px; height: 104px; height/**/:/**/ 84px; float:left; width:253px; width/**/:/**/ 233px;}
#corsicaAdvert h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #053765; font-size: 15px; margin: 0px 0px 10px 0px; }
#competitionAdvert h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #9a4a09; font-size: 15px; margin: 0px 0px 10px 0px; }
#corsicaAdvert p { color: #293c4d; font-weight:bold }
#competitionAdvert p { color: #3a2808;  font-weight:bold}
#competitionAdvert a, #corsicaAdvert a:visited { color: #ffffff; text-decoration: none; font-weight: bold; }
#competitionAdvert a:hover, #corsicaAdvert a:visited:hover { color: #ffffff; text-decoration: underline; }


/* 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, .destinationGuide 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, .destinationGuide 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, .destinationGuide a, .destinationGuide a:visited, .greenBox a:visited { color: #bf9134; text-decoration: none; font-weight: bold; }
.greenBox a:hover, .destinationGuide a:hover, .destinationGuide a:visited:hover, .greenBox a:visited:hover { color: #728b2c; text-decoration: underline; }
.greenBox .dottedLineGrey { margin-bottom: 15px; }

.destinationGuide { background: url(/SharedResources/Images/AllezFrance/destinations/dest_fade.jpg) top right no-repeat; height:216px; height/**/:/**/ 186px; padding: 15px 0px 15px 20px;}



.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; }

