@import url("reset.css");

body {
	color: #4b7287;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.3em;
	margin:0;
	background: url(../img/back.jpg) #1a4c65 top center repeat;
	}
	
a:link, a:visited, a:active  {color:#555555; text-decoration:none;}
a:hover {color:#999; text-decoration:underline;}

p {padding: 5px 0 5px 0}

img {display:block;}
embed {display:block;}

a .alt, .alt {  
	position: absolute; 
	left: -1000em; 
	}
	
div#wrapper {
	font-size:1.0em;
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0; 
	}
	
div#wrapper:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
	height:0;
} /* NEEDED FOR POPUP OVERLAY TRANSPARENCY */
	
.noPadding {
	padding:0 !important;
}	
	
/* HEADER ELEMENTS */
h1#sigLogo {float:left; width:250px; height:66px; margin-top: 20px; background: url(../img/sigLogo.gif)}
h1#sigLogo span {position:absolute; left: -1000em; width:20em;}
h1#sigLogo a {width:250px; height:66px; display:block}
	
#header {
	height:100px;
	width:900px;
	}
	
.logo {width:393px; height:79px; cursor:pointer}
.logo[class]{background: url(../img/logo.png);} /* IE IGNORES SELECTOR - PNG FIX IN IE.CSS */
h1.logo span {display:none;}
h1.logo a {width:393px; height:79px; display:block}

img.phone {float:right; margin-top: 41px}

/* BREADCRUMBS SECTION */
ul.breadcrumbs {
	font-size: 0.9em;
	width: 840px;
	margin: 12px 30px 0 30px;
	padding-bottom: 10px; 
	border-bottom: 1px solid #c9d5dc;
	}
ul.breadcrumbs li {display:inline; padding-right:3px;}
ul.breadcrumbs li a, ul.breadcrumbs li a:visited  {
	color: #7d8081;
    padding-right:3px;
	text-decoration:underline;
	}
ul.breadcrumbs li a:hover {color: #a5a6a6;}


/* GENERIC MAIN CONTENT ELEMENTS */
.mainPic {float:left; clear:both;}
#bannerImageWrapper {float:left; clear:both; padding-bottom:10px;}

div.pageHeader {float:left; clear:both; width:870px; padding: 20px 0 0 30px}
.subheader {clear:both}

div#contentWrapper {
    clear:both;
    float:left;
	width:900px;
	background: url(../img/topGrad.jpg) #ffffff top no-repeat;
}

div#grad {
	clear:both;
    float:left;
	width:900px;
	background: url(../img/bottomGrad.jpg) bottom no-repeat;
}


/* GENERIC MAIN CONTENT ELEMENTS - left */
div.mContent {
	float:left;
	width:464px;
	padding: 10px 30px 40px 30px;
	}
		
div.leftWrapper {float:left; clear:both; padding-bottom: 20px}
div.leftWrapper p {clear:both; width: 450px}

div.introWrapper h3 {margin-top: 5px;}

ul.leftFeatList {float:left; width: 454px; padding-bottom: 10px}
ul.leftFeatList li {float:left; clear:both; width: 454px; padding-bottom:25px}
ul.leftFeatList img {float:left; border: 1px solid #ccc; margin-top:2px}
ul.leftFeatList div.featListInfo {float:left; width:300px; padding: 0 0 0 10px}

div.featLink {width:200px; height:13px; padding-left: 10px; margin-top: 5px; background:url(../img/arrow.gif) no-repeat}

div.photosWrapper {position:relative}
div.photosWrapper p {width:300px}
div.photos {width:214px; height:154px; position:absolute; left: 240px; top:20px;}
div.photosContent {width: 300px}
div.photosWrapper ul {padding-top:4px}
div.photosWrapper ul li {padding: 0 0 8px 10px; background:url(../img/arrow.gif) no-repeat}

.photosContact[class]{background: url(/img/polaroids/photosContact.png);}
.photosHome[class]{background: url(/img/polaroids/photosHome.png);}
.photosLocation[class]{background: url(/img/polaroids/photosLocation.png);}
.photosLodge[class]{background: url(/img/polaroids/photosLodge.png);}
.photosLodgeLanding[class]{background: url(/img/polaroids/photosLodgeLanding.png);}

/* GENERIC MAIN CONTENT ELEMENTS - right */
div.rContent {
	float:left;
	width:346px;
	padding: 4px 22px 40px 3px;
	}
	
div.bluePanel {
	float:left;
	clear:both; 
	width: 315px; 
	margin: 0 8px 12px 8px; 
	padding: 11px 9px 12px 9px; 
	border: 1px solid #d8dfe5; 
	background: #f0f3f4;
	display:inline;
	}
	
div.whitePanel {
	position: relative;
	float:left;
	clear:both; 
	width: 315px; 
	margin: 0 8px 12px 8px; 
	padding: 11px 9px 12px 9px; 
	display:inline;
	}
	
div.whitePanel img {position:absolute; top: 12px; left: 160px;}
	
div.bluePanel p, div.whitePanel p {float:left; clear:both; width:300px}
div.bluePanel img {float:left; margin-top:-25px;}
div.bluePanel h4, div.whitePanel h4 {clear:both; width: 280px; color: #cb9d24; padding: 2px 0 0 0;}

div.bluePanel ul {width: 312px; float:left; clear:both; padding-top:5px}
div.bluePanel ul li {padding: 0 10px 8px 8px; background:url(../img/bullet.gif) no-repeat}
div.bluePanel ul li a, div.bluePanel ul li a:visited {color: #4b7287;}
	
div.slidePanel {
	float:left;
	clear:both; 
	width: 320px; 
	padding:10px; 
	}
	
div.locationPanel p, div.printPanel p, div.highlightsPanel p {width:200px}

/* LODGES PAGES */
ul.highlights {width: 460px; float:left; padding-top: 10px}
ul.highlights li {float:left; width: 220px; padding: 0 0 8px 8px; background:url(../img/bullet.gif) no-repeat}
ul.highlights li a, ul.highlights li a:visited {color: #4b7287;}

div.printLodgeContent {float:left; width:200px}

div.lodgeFloorplan {
	float:left;
	clear:both;
	width:315px;
	height: 310px;
	padding: 25px 17px 20px 17px;
	margin-bottom: 10px;
	background:url(../img/slideBack.gif) no-repeat center;
}

/* LOCATION PAGES */
ul.mapList {float:left; clear:both; width:462px; padding-top: 10px; font-size: 0.9em}
ul.mapList li {float:left; width: 120px; padding: 0 10px 8px 12px; background:url(../img/arrow.gif) no-repeat}

.mapImg {padding-top:8px}

/* NEWS PAGES */
.newsWrapper {float:left; clear:both; padding-bottom:20px; width: 462px;}
.newsWrapper h3, .newsWrapper h3 a, .newsWrapper h3 a:visited {color: #cb9d24; font-weight: bold;}
.newsWrapper img {margin: 10px 0}

.newsWrapper ul li {width:200px; height:13px; padding-left: 10px; margin-top: 5px; background:url(../img/arrow.gif) no-repeat}


/* CONTACT PAGES */

div.formColWrapper {float:left; width: 460px}
div#contactContainer {float:left; color:#013856;}
div#contactContainer h4 {float:left; clear:both; width: 400px}
h4.howHelp, h4.howFind {padding-top: 20px}


div#contactContainer label, div#contactContainer input {width:210px; float:left;}
div#contactContainer label {clear: both; padding-top:15px}
div#contactContainer label.postcode {padding-top:59px}
div#contactContainer input, div#contactContainer select, div#contactContainer textarea {margin-top:2px}
div#contactContainer select {float:left; width:215px}
div#contactContainer select.title {float:left; width:105px}
div#contactContainer input.myDateInput {float:left; width:115px}
div#contactContainer span.calendar a, div#contactContainer span.calendar a:visited {color: #808080;}
div.formCol img {float:left; padding: 0 8px;  cursor:pointer}
div.formCol {width: 217px; float:left; padding-right:10px}
div.formCol2 {margin-top:54px; padding: 0 0 0 10px}
div.formCol3 {padding: 0 0 0 10px; margin-top: 0} 
div#contactContainer span {padding-left:8px; float:left; width:160px; display:block;}
* html div#contactContainer span {padding-top:3px;}
input.submit, .submitWrapper  {clear:both}
div#contactContainer span.error { width:200px; }

div#contactContainer input.checkbox {width: 15px; float:left; clear:both; margin: 0 0 0 0}
div.checkbox {margin: 0 10px 10px 0 ; float:left; width:220px}
div.checkboxRight {margin: 0 0 10px 10px ; float:left; width:220px}
div.checkboxWrapper {margin-bottom:10px; clear:both; float:left; width: 460px;}

div#contactContainer h4 span, div#contactContainer span.calendar, div#contactContainer label span {font-weight: normal; display:inline; float:none; padding-left: 0; width: auto;}
div#contactContainer span.calendar {font-size: 0.9em; float:left; cursor:pointer; padding-top:4px}
div#contactContainer h4 span, div#contactContainer label span {color:#4b7287}
div#contactContainer label.address {width: 110px}
div.addressWrapper {float:left}
div#contactContainer span.addressLookUp {
	float:left;
	width: 85px;
	background:transparent url(/img/magnify.gif) 0 2px no-repeat;
	padding: 0 0 2px 18px;
	margin-top: 16px;
	display:inline;
	font-size: 0.9em;
	}
div#contactContainer span.addressLookUp a, div#contactContainer span.addressLookUp a:visited {color: #808080;}
textarea {height: 85px; width: 450px; float:left; clear:both; margin: 0 0 30px 0}

div.formNotes {clear:both; float:left; color: #4b7287; font-size: 0.9em; width:300px; margin: 20px 0;}

div.searchDiv {
	float:left;
	clear:both;
	background:url(../img/buttons/submit.gif) no-repeat;
	margin-top:20px; 
	}
div#contactContainer div.searchDiv input {width: 98px; margin-top:0px;}	
	
.submitButton {
  width: 92px;
  height: 22px;
  background:url(../img/buttons/submit.gif);
  background-color: transparent;
  border-style: none;
  text-indent:-10000em;
  cursor: pointer;
  margin: 0 0 0 0;
}
.submitButtonOver {
  width: 92px;
  height: 22px;
  background:url(../img/buttons/submit.gif) 0 100%;
  background-color: transparent;
  border-style: none;
  text-indent:-10000em;
  cursor: pointer;
  margin: 0 0 0 0;
}
* html .submitButton, * html .submitButtonOver {
	display:inline;
	padding-left:2000px;
	text-indent:0;
}
*+html .submitButton, *+html .submitButtonOver {
	display:inline;
	padding-left:2000px;
	text-indent:0;
}

/*
label {float:left; clear:both; width: 237px; margin: 5px 0 2px 0}

input, select {width: 237px; float:left; clear:both; margin: 0 0 5px 0}
label.addressFloat {width: 130px; margin: 0}
input.address {margin: 0 0 4px 0}
div#contactContainer h4 {padding-bottom:8px; float:left; clear:both;}
div#contactContainer span {float:left; display:block; padding-left: 5px}
div#contactContainer p {float:left; clear:both;}
div#contactContainer span.error {color:#ff0000; display:none; clear:both; padding:0 0 5px 0; width:200px; }
.hide {visibility:hidden;}
* html div#contactContainer span {padding-top: 2px; width: 300px}

	
div#contactContainer span.optional {font-size:0.9em; color: #999; padding:0}
	

*/

/* FAQS */
ul.faqList {
	margin-top:10px;
	border-bottom:1px dashed #b2c3cc;
}

ul.faqList a, ul.faqList a:visited, ul.faqList a:hover {font-weight: normal}

div.faqintroWrapper {padding-bottom: 17px}

ul.faqList li {
	display:block;
	position:relative;
	clear:both;
	width:450px;
	padding:8px 0 6px 12px;
	border-top:1px dashed #b2c3cc;
	/*background:transparent url(/img/faqArrowRight.gif) 1px 12px no-repeat;*/
}

* html ul.faqList li {
	height:1%;
}

ul.faqList li.faqOpen {
	/*background-image:url(/img/faqArrowDown.gif);*/
}

ul.faqList img {
	position:absolute;
	top:11px;
	left:0;
}

div.faqWrapper h4 {color:#013856; width: 400px;}

/* QAS */
body.qas {padding: 10px}
div.qasWrapper {background:#fff; padding:10px}

div.qasWrapper input {width: 130px}
div.qasWrapper input.button {clear:both;width: 50px}


/* BUTTON ELEMENTS */
div.buttonHolder {width:250px; clear:both; float:left}

div.genButton {float:left; width:107px; height:22px; margin:4px 9px 0 0;}
div.genButton a {width:107px; height:22px; display:block;}
div.genButton a:hover {background-position:0% 100%;}

div.pdfButton, div.pdfButton a {background:url(../img/buttons/downloadPdf.gif);}
div.findmoreButton, div.findmoreButton a {background:url(../img/buttons/findMore.gif);}
div.ourLocationsButton, div.ourLocationsButton a {background:url(../img/buttons/ourLocations.gif);}
div.faqsButton, div.faqsButton a {width:67px; background:url(../img/buttons/faqs.gif);}
div.fullStoryButton, div.fullStoryButton a {width:82px; background:url(../img/buttons/fullStory.gif);}
div.contactButton, div.contactButton a {width:97px; background:url(../img/buttons/contactUs.gif);}
div.contactFormButton, div.contactFormButton a {width:97px; background:url(../img/buttons/contactForm.gif);}
div.arrangeButton, div.arrangeButton a {background:url(../img/buttons/arrangeVisit.gif);}
div.submitButton, div.submitButton a {width:97px; background:url(../img/buttons/submit.gif);}

/* FOOTER ELEMENTS */
	
div#footer {
	font-size: 0.9em;
	color:#bfcdd5;
	float:left;
	width:840px;
	padding: 11px 0 20px 27px;
	background:#013856;
	display:inline;
	}	
div#footer li {padding-left:6px;}
div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover  {color:#bfcdd5;}

h3#parkLogo {float:right; width:126px; height:19px; background: url(../img/parkLogo.gif)}
h3#parkLogo span {position:absolute; left: -1000em; width:20em;}
h3#parkLogo a {width:126px; height:19px; display:block}

ul.bottomNav {float:left; width:500px;}	
ul.bottomNav li {float:left; padding: 0px 5px; margin:3px 0; border-left: 1px solid #3a657b;}
ul.bottomNav li.first {border-left: none;}
	
.hidden {position:absolute; left: -1000em; width:20em;}

/* POPUPS */
div.popupWrapper {margin: 10px; padding:20px 10px; background: #fff;}
div.popupWrapper h2 {padding: 10px 0; display:block}

/* HEADERS */

h4 {color:#1a4c67; font-size:1.0em; font-weight: bold;}
h4 a:link, h4 a:visited, h4 a:hover {color:#1A4C67;}
	
h5 {font-weight: bold;}

h6 {font-weight: bold;}

.pageHeader h2 {display:block; height:24px; width: 500px; background-repeat: no-repeat}
.bluePanel h3, .whitePanel h3 {display:block; height:19px; width: 200px; background-repeat: no-repeat}
.photosWrapper h3, .leftWrapper h3 {display:block; height:19px; width: 350px; background-repeat: no-repeat}
.divSlideshow h3,
.divSlideshowLocation h3,
.divFloorplanSlideshow h3 {display:block; height:19px; width: 250px; background-repeat: no-repeat}
.pageHeader h2 span, h3 span {position: absolute; left: -1000em;}
	
h2.findMore {background-image:url(../img/headers/findMore.gif)}
h2.luxSigLodges {background-image:url(../img/headers/luxSigLodges.gif)}
h2.latestNews {background-image:url(../img/headers/news.gif)}
h2.ourLoc {background-image:url(../img/headers/ourLoc.gif)}
h2.ownBenefits {background-image:url(../img/headers/ownBenefits.gif)}
h2.welcome {float:left; clear:both; margin-top: 38px; background-image:url(../img/headers/welcome.gif)}
h2.yourQuestions {background-image:url(../img/headers/yourQuestions.gif)}

h2.wesDeck {background-image:url(../img/headers/wesDeck.gif)}
h2.wesClassic {background-image:url(../img/headers/wesClassic.gif)}
h2.wesCont {background-image:url(../img/headers/wesCont.gif)}
h2.omar {background-image:url(../img/headers/omar.gif)}
h2.lissett {background-image:url(../img/headers/lissett.gif)}
h2.pinelog {background-image:url(../img/headers/pinelog.gif)}
h2.willerby {background-image:url(../img/headers/willerby.gif)}

h2.hyde {background-image:url(../img/headers/hyde.gif)}
h2.thorness {background-image:url(../img/headers/thorness.gif)}
h2.cresswell {background-image:url(../img/headers/cresswell.gif)}
h2.eyemouth {background-image:url(../img/headers/eyemouth.gif)}

h3.first {margin-top:7px}

h3.beautLoc {background-image:url(../img/subHeaders/beautLoc.gif)}
h3.buyingOwning {background-image:url(../img/subHeaders/buyingOwning.gif)}
h3.contact {margin-top:10px; background-image:url(../img/subHeaders/contact.gif)}
h3.designedWithYouInMind {background-image:url(../img/subHeaders/designedWithYouInMind.gif )}
h3.directions {background-image:url(../img/subHeaders/directions.gif)}
h3.experienceYour {background-image:url(../img/subHeaders/experienceYour.gif)}
h3.findPerfectLoc {background-image:url(../img/subHeaders/findPerfectLoc.gif)}
h3.findMore {background-image:url(../img/subHeaders/findMore.gif)}
h3.helpStep {background-image:url(../img/subHeaders/helpStep.gif)}
h3.homefromHome {background-image:url(../img/subHeaders/homefromHome.gif)}
h3.latestNews {background-image:url(../img/subHeaders/latestNews.gif)}
h3.leisureLife {background-image:url(../img/subHeaders/leisureLife.gif)}
h3.letusHelp {background-image:url(../img/subHeaders/letusHelp.gif)}
h3.location {background-image:url(../img/subHeaders/location.gif)}
h3.locHighlights {background-image:url(../img/subHeaders/locHighlights.gif)}
h3.locSlide {background-image:url(../img/subHeaders/locSlide.gif)}
h3.lodgeSlide {background-image:url(../img/subHeaders/lodgeSlide.gif)}
h3.luxLodges {background-image:url(../img/subHeaders/luxLodges.gif)}
h3.newLoc {background-image:url(../img/subHeaders/newLoc.gif)}
h3.overview {background-image:url(../img/subHeaders/overview.gif)}
h3.ownHighlights {background-image:url(../img/subHeaders/ownHighlights.gif)}
h3.perfectLoc {background-image:url(../img/subHeaders/perfectLoc.gif)}
h3.persAssistant {background-image:url(../img/subHeaders/persAssistant.gif)}
h3.printLodge {background-image:url(../img/subHeaders/printLodge.gif)}
h3.questAns {background-image:url(../img/subHeaders/questAns.gif)}
h3.relaxUnwind {background-image:url(../img/subHeaders/relaxUnwind.gif)}
h3.spaceBreath {background-image:url(../img/subHeaders/spaceToBreathe.gif)}
h3.stepOrdinary {background-image:url(../img/subHeaders/stepOrdinary.gif)}
h3.talkTeam {background-image:url(../img/subHeaders/talkTeam.gif); width:220px;}
h3.valIncome {background-image:url(../img/subHeaders/valIncome.gif); width:220px;}

h3.shanklin {background-image:url(../img/subHeaders/shanklin.gif)}
h3.cowes {background-image:url(../img/subHeaders/cowes.gif)}
h3.druridgebay {background-image:url(../img/subHeaders/druridgebay.gif)}
h3.borders {background-image:url(../img/subHeaders/borders.gif)}

h3.lodgesHyde {background-image:url(../img/subHeaders/lodgesHyde.gif)}
h3.lodgesEyemouth {background-image:url(../img/subHeaders/lodgesEyemouth.gif)}
h3.lodgesThorness {background-image:url(../img/subHeaders/lodgesThorness.gif)}
h3.lodgesCresswell {background-image:url(../img/subHeaders/lodgesCresswell.gif)}