/* CSS Document */

/* PRINT.CSS */

/* TYPOGRAPHY */
body { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#757575; }
p { margin-bottom:14px; }
h1 { font-size:18px;margin-bottom:14px; }
h2 { font-size:13px;margin-bottom:14px; }
h3 { font-size:14px;margin-bottom:14px; }
ul { margin-left:25px;margin-bottom:14px; }
input { color:#757575; }
textarea { color:#757575; }

a:link, a:visited { color:#000;text-decoration:underline; }
a:hover, a:active { color:#000;text-decoration:none; }

div.pageTitle { margin-bottom:10px; }

/* STANDARD TABLES */
table { border-top:1px solid #757575;border-left:1px solid #757575;margin-bottom:14px; }
tr {  }
tr.tr1 { font-weight:bold;background-color:#edc1b1; }
td { padding:5px;border-right:1px solid #757575;border-bottom:1px solid #757575; }
/* STANDARD TABLES END */

/* SCREEN */
* { margin:0;padding:0; }
body { background-image:url(../jpg/body-background.jpg);background-repeat:repeat-x;background-color:#b5adb1; }
#Wrapper { width:900px;margin:40px auto 0 auto; }
#HomeHeader {  }
#Navigation { margin-top:-38px;position:relative;z-index:1; }
ul#MainMenu { margin:0;list-style-type:none; }
ul#MainMenu li { float:left;height:24px; }

/* CONTENT PAGES */
div.content { padding:20px;background-repeat:no-repeat;background-position:top right;background-color:#f8ebe6;min-height:305px;margin-top:14px; }
div.content div.contentTop { min-height:304px; }
div.content div.hiddenDiv { float:right;clear:right; }
div.content div.hiddenDiv1 { width:426px;height:89px; }
div.content div.hiddenDiv2 { width:400px;height:52px; }
div.content div.hiddenDiv3 { width:374px;height:40px; }
div.content div.hiddenDiv4 { width:345px;height:42px; }
div.content div.hiddenDiv5 { width:301px;height:29px; }
div.content div.hiddenDiv6 { width:235px;height:21px; }
div.content div.hiddenDiv7 { width:173px;height:11px; }

/*CONTENT BACKGROUNDS*/
#Content { background-image:url(../jpg/backgrounds/content-background.jpg); }
#ContentOrchard { background-image:url(../jpg/backgrounds/orchard-background.jpg); }
#ContentAdniston { background-image:url(../jpg/backgrounds/adniston-background.jpg); }
#ContentGladsmuir { background-image:url(../jpg/backgrounds/gladsmuir-background.jpg); }
#ContentWinton { background-image:url(../jpg/backgrounds/winton-background.jpg); }
#ContentCottage { background-image:url(../jpg/backgrounds/cottage-background.jpg); }
#ContentGarden { background-image:url(../jpg/backgrounds/garden-background.jpg); }
#ContentWoodland { background-image:url(../jpg/backgrounds/woodland-background.jpg); }
#ContentBreakfast { background-image:url(../jpg/backgrounds/breakfast-background.jpg); }
#ContentAvailability { background-color:#f8ebe6; }
#ContentReviews { padding:20px;background-repeat:no-repeat;background-position:top right;background-color:#FFF;min-height:305px;margin-top:14px; }

/*div.Content div.submenu { background-color:#00FFFF; }
div.Content div.article { background-color:#FF9900; }*/
#Footer { background-image:url(../jpg/footer-background.jpg);background-repeat:no-repeat;height:67px; }
#Footer div.innerFooter { color:#FFF;font-size:10px;padding-top:9px;margin-left:20px; }
#Footer div.innerFooter div.innerFooterTextLeft { float:left;margin-right:30px; }
#Footer div.innerFooter div.innerFooterTextRight { float:left; }
#Footer div.innerFooter div.innerFooterBBLogo { float:right;margin-top:2px;margin-right:63px; }
/* ie6 */
* html #Footer div.innerFooter div.innerFooterBBLogo { margin-right:30px; }

/* SLIDESHOW */
#HomeHeader *
{
	margin:0;
	padding:0;
	font:11px/normal  Arial, Verdana, Helvetica, sans-serif;
}

#HomeHeader
{
	position:relative;
	background-color:transparent;
	width:900px;
	height:162px;
}

#HomeHeader .homeGroup
{
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:162px;
	z-index:1;
}

#HomeHeader .homeImage
{
	position:absolute;
	width:900px;
	height:162px;
	top:0px;
	left:0px;
}
/* SLIDESHOW END */

/* ================================================= */
/* CLASSES */
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ================================================= */

/* HOME.CSS */
div.homepage div.homeButton { float:left;margin-right:10px; }
div.homepage div.bookOnlineAndVideo { float:left; }
div.homepage div.bookOnlineAndVideo div.bookOnline { margin-bottom:15px; }
div.homepage div.noRightMargin { margin-right:0px; }
div.homepage div.noRightMargin div.image { margin-top:42px; }

/* ACCOMMODATION.CSS */
div.accommodationPage {  }
div.accommodationPage div.row { margin-bottom:40px; }
div.accommodationPage div.bottomRowMargin { margin-bottom:14px; }
div.accommodationPage div.homeButton { float:left;margin-right:64px; }
div.accommodationPage div.noRightMargin { margin-right:0px; }

/* ROOM PAGES */
div.rooms { width:634px;margin:0 auto 0 auto; }
div.rooms div.image1 { width:302px;margin-right:30px;float:left; }
div.rooms div.image2 { width:302px;float:left; }
div.rooms div.image { margin-bottom:5px; }
div.rooms div.image img { border:1px solid #9B8C93; }
div.rooms div.link { margin-bottom:5px;text-align:right; }

/* BUTTONS */
div.bookingEnquiryButton { text-align:right;margin-top:14px; }

/* BREAKFAST.CSS */
div.breakfastMenu { float:left;width:354px;padding:10px;background-color:#FFFFFF;text-align:center;border:1px solid #9B8C93;margin-right:20px;margin-top:-238px; }
/* i.e. 7 */
*:first-child+html div.breakfastMenu { margin-top:0px; }
/* i.e. 6 */
* html div.breakfastMenu { margin-top:0px; }

div.breakfastRight {  }
div.breakfastRight div.roomImage { float:left;width:464px; }
div.breakfastRight div.roomImage div.image { width:302px;margin:0 auto 0 auto;margin-bottom:5px; }
div.breakfastRight div.roomImage div.link { text-align:right;padding-right:80px; }
div.breakfastRight div.roomImage div.image img { border:1px solid #9B8C93; }

/* AVAILABILITY-BOOKING.css */
div.availabilityBooking div.availabilityTop { width:590px;margin:0px auto 0 auto; }
div.availabilityBooking div.availabilityTop div.introText { float:left;width:375px; }
div.availabilityBooking div.availabilityTop div.enterDate { float:left;margin-top:-37px; }

/* ENQUIRIES.css */

#Enquiry {
/*	width: 640px; */	
	width:635px;
	margin:0px auto 0px auto;
}

#Enquiry div.formLeft {
	float:left;
	border-right:1px dashed #444;
	padding-right:10px;
	width:307px;
}
#Enquiry div.formRight
{
	float:left;
	padding-left:10px;
	width:307px;
}

#Enquiry div.label p {
	font-size:10px;
	margin-bottom:1px;
}


/* title */
div.title {
	float:left;
	padding-right:4px;
	width:59px;
}
div.title div.label {
	width:59px;
}
div.title div.value {
	width:59px;
}
div.title div.value input {
	width:55px;
}

/* forename */
div.forename {
	float:left;
	padding-right:4px;
	width:120px;
}
div.forename div.label {
	width:120px;
}
div.forename div.value {
	width:120px;
}
div.forename div.value input {
	width:116px;
}

/* surname */
div.surname {
	float:left;
	width:120px;
	clear:right
}
div.surname div.label {
	width:120px;
}
div.surname div.value {
	width:120px;
}
div.surname div.value input {
	width:116px;
}

/* organisation */
div.organisation {
	margin-top:5px;
	width:307px;
}
div.organisation div.label, div.organisation div.value {
	width:307px;
}
div.organisation div.value input {
	width:303px;
}

/* address 1 */
div.address1 {
	margin-top:5px;
	width:307px;
	float:left;
}
div.address1 div.label, div.address1 div.value {
	width:307px;
}
div.address1 div.value input {
	width:303px;
}

/* address 2 & address 3 & address 4 */
div.address2, div.address3, div.address4 {
	width:307px;
	float:left;
	margin-top:2px;
}
div.address2 div.label, div.address3 div.label, div.address4 div.label {
	display:none;
}
div.address2 div.value, div.address3 div.value, div.address4 div.value {
	width:307px;
}
div.address2 div.value input, div.address3 div.value input, div.address4 div.value input {
	width:303px;
}

/* address 5 */
div.address5 {
	float:left;
	padding-right:5px;
	width:151px;
	margin-top:2px;
}
div.address5 div.label {
	display:none;
}
div.address5 div.value {
	width:151px;
}
div.address5 div.value input {
	width:147px;
}


/* postcode */
div.postcode {
	float:left;
	width:151px;
	margin-top:2px;
}

div.postcode div.label {
	float:left;
	margin-top:3px;
	margin-right:6px;
	text-align:right;
	width:61px;
}
div.postcode div.value {
	float:left;
	width:84px;
}
div.postcode div.value input {
	width:80px;
}

/* telephoneLeft / telephoneRight */
div.telephoneLeft {
	float:left;
	margin-top:5px;
	padding-right:5px;
	width:151px;
}
div.telephoneRight {
	float:left;
	margin-top:5px;
	width:151px;
}
div.telephoneLeft div.label, div.telephoneRight div.label {
	width:151px;
}
div.telephoneLeft div.value, div.telephoneRight div.value {
	width:151px;
}
div.telephoneLeft div.value input, div.telephoneRight div.value input {
	width:147px;
}


/* email */
div.email {
	margin-top:5px;
	width:307px;
	float:left;
}
div.email div.label, div.email div.value {
	width:307px;
}
div.email div.value input {
	width:303px;
}



/* subject */
div.subject {
	width:307px;
}
div.subject div.label {
	width:307px;
}
div.subject div.value {
	width:307px;
}
div.subject div.value input {
	width:303px;
}

/* comments */
div.comments {
	margin-top:5px;
	width:307px;
}
div.comments div.label {
	width:307px;
}
div.comments div.value {
	width:307px;
}
div.comments div.value textarea
{
	height:190px;
	width:303px;
}

*:first-child+html div.comments div.value textarea
{
	height:205px;
	width:303px;
}

* html div.comments div.value textarea
{
	height:205px;
	width:303px;
}

/* security */
div.security {
	margin-top:10px;
	width:307px;
}
div.security div.swzImgSec
{
	}
div.security div.swzImgSec div.textandinput {
	float:right;
	width:177px;
}
div.security div.swzImgSec div.description {
	font-size:10px;
	line-height:1em;
	padding:2px 0 4px 0;
}
div.security div.swzImgSec div.value  {
}
div.security div.swzImgSec div.value input {
	width:100px;
}
div.security div.swzImgSec div.image  {
	float:left;
	padding-right:10px;
	width:120px;
}





/* submit */
div.submit {
	margin-top:8px;
	text-align:center;
	width:635px;
}


/* ===================================== */
/* CSS for Error Message */
div.errorText
{
	color:#F00;
	border:1px solid #F00;
	padding:10px 10px 4px 10px;
	margin:0 auto 14px auto;
	width:613px;
	background-color:#FFFFFF;
}
div.errorText p {
	font-size:12px;
	margin-bottom:10px;
}
div.errorText ul {
	margin-bottom:8px;
}
div.errorText li {
	font-size:12px;
	line-height:1.3em;
	margin-bottom:0;
}

/* GALLERY.CSS */
div.gallery div.galleryImage { float:left;width:187px;margin-right:37px;margin-bottom:37px; }
div.gallery div.noRightMargin { margin-right:0px; }
div.gallery div.galleryImage img { border:1px solid #000; }

/* REVIEWS.CSS */
div.reviewsAndTripAdvisor div.externalReviews  { float:left;width:590px;margin-right:30px; }
div.reviewsAndTripAdvisor div.tripAdvisorSection  { float:left; }

/* LINKS.CSS */
div.video { float:left;margin-top:-142px; }
div.video div.videoImage { float:left;margin-right:15px; }
div.video div.videoText { float:left; }

/* ENQUIRIES.css */

#BookingForm {
/*	width: 640px; */	
	width:635px;
	margin:0px auto 0px auto;
	font-size:10px;
}

#BookingForm div.formLeft {
	float:left;
	border-right:1px dashed #444;
	padding-right:10px;
	width:307px;
}
#BookingForm div.formRight
{
	float:left;
	padding-left:10px;
	width:307px;
}

#BookingForm div.label p {
	font-size:10px;
	margin-bottom:1px;
}

/* GUESTS/NIGHTS */
div.guestsNights { margin-bottom:14px; }
div.guestsNights div.noOfGuests { float:left; }
div.guestsNights div.noOfGuests div.label { float:left;margin-right:10px; }
div.guestsNights div.noOfGuests div.value { float:left;margin-right:10px; }
div.guestsNights div.noOfGuests div.value input { width:30px; }
div.guestsNights div.noOfNights { float:left; }
div.guestsNights div.noOfNights div.label { float:left;margin-right:10px; }
div.guestsNights div.noOfNights div.value { float:left; }
div.guestsNights div.noOfNights div.value input { width:30px; }

/* ROOM TYPES */
div.roomTypes { margin-bottom:14px; }
div.roomTypes div.label, div.arrivalDepartureDates div.label { margin-top:4px; }
div.roomTypes div.twin { float:left;margin-right:30px; }
div.roomTypes div.twin div.label { float:left;margin-right:10px; }
div.roomTypes div.twin div.value { float:left; }
div.roomTypes div.double { float:left;margin-right:30px; }
div.roomTypes div.double div.label { float:left;margin-right:10px; }
div.roomTypes div.double div.value { float:left; }
div.roomTypes div.superiorDouble { float:left; }
div.roomTypes div.superiorDouble div.label { float:left;margin-right:10px; }
div.roomTypes div.superiorDouble div.value { float:left; }

/* ARRIVAL/DEPARTURE DATES */
div.arrivalDepartureDates { margin-bottom:14px; }
div.arrivalDepartureDates div.arrivalDate { float:left;margin-right:20px; }
div.arrivalDepartureDates div.arrivalDate div.arrivalDateLabel { float:left;margin-right:10px; }
div.arrivalDepartureDates div.arrivalDate div.arrivalDay { float:left;margin-right:10px; }
div.arrivalDepartureDates div.arrivalDate div.arrivalMonth { float:left;margin-right:10px; }
div.arrivalDepartureDates div.arrivalDate div.arrivalYear { float:left; }
div.arrivalDepartureDates div.departureDate { float:left; }
div.arrivalDepartureDates div.departureDate div.departureDateLabel { float:left;margin-right:10px; }
div.arrivalDepartureDates div.departureDate div.departureDay { float:left;margin-right:10px; }
div.arrivalDepartureDates div.departureDate div.departureMonth { float:left;margin-right:10px; }
div.arrivalDepartureDates div.departureDate div.departureYear { float:left; }

/* title */
div.title {
	float:left;
	padding-right:4px;
	width:59px;
}
div.title div.label {
	width:59px;
}
div.title div.value {
	width:59px;
}
div.title div.value input {
	width:55px;
}

/* forename */
div.forename {
	float:left;
	padding-right:4px;
	width:120px;
}
div.forename div.label {
	width:120px;
}
div.forename div.value {
	width:120px;
}
div.forename div.value input {
	width:116px;
}

/* surname */
div.surname {
	float:left;
	width:120px;
	clear:right
}
div.surname div.label {
	width:120px;
}
div.surname div.value {
	width:120px;
}
div.surname div.value input {
	width:116px;
}

/* organisation */
div.organisation {
	margin-top:5px;
	width:307px;
}
div.organisation div.label, div.organisation div.value {
	width:307px;
}
div.organisation div.value input {
	width:303px;
}

/* address 1 */
div.address1 {
	margin-top:5px;
	width:307px;
	float:left;
}
div.address1 div.label, div.address1 div.value {
	width:307px;
}
div.address1 div.value input {
	width:303px;
}

/* address 2 & address 3 & address 4 */
div.address2, div.address3, div.address4 {
	width:307px;
	float:left;
	margin-top:2px;
}
div.address2 div.label, div.address3 div.label, div.address4 div.label {
	display:none;
}
div.address2 div.value, div.address3 div.value, div.address4 div.value {
	width:307px;
}
div.address2 div.value input, div.address3 div.value input, div.address4 div.value input {
	width:303px;
}

/* address 5 */
div.address5 {
	float:left;
	padding-right:5px;
	width:151px;
	margin-top:2px;
}
div.address5 div.label {
	display:none;
}
div.address5 div.value {
	width:151px;
}
div.address5 div.value input {
	width:147px;
}


/* postcode */
div.postcode {
	float:left;
	width:151px;
	margin-top:2px;
}

div.postcode div.label {
	float:left;
	margin-top:3px;
	margin-right:6px;
	text-align:right;
	width:61px;
}
div.postcode div.value {
	float:left;
	width:84px;
}
div.postcode div.value input {
	width:80px;
}

/* telephoneLeft / telephoneRight */
div.telephoneLeft {
	float:left;
	margin-top:5px;
	padding-right:5px;
	width:151px;
}
div.telephoneRight {
	float:left;
	margin-top:5px;
	width:151px;
}
div.telephoneLeft div.label, div.telephoneRight div.label {
	width:151px;
}
div.telephoneLeft div.value, div.telephoneRight div.value {
	width:151px;
}
div.telephoneLeft div.value input, div.telephoneRight div.value input {
	width:147px;
}


/* email */
div.email {
	margin-top:5px;
	width:307px;
	float:left;
}
div.email div.label, div.email div.value {
	width:307px;
}
div.email div.value input {
	width:303px;
}



/* subject */
div.subject {
	width:307px;
}
div.subject div.label {
	width:307px;
}
div.subject div.value {
	width:307px;
}
div.subject div.value input {
	width:303px;
}

/* comments */
div.comments {
	margin-top:5px;
	width:307px;
}
div.comments div.label {
	width:307px;
}
div.comments div.value {
	width:307px;
}
div.comments div.value textarea
{
	height:190px;
	width:303px;
}

*:first-child+html div.comments div.value textarea
{
	height:205px;
	width:303px;
}

* html div.comments div.value textarea
{
	height:205px;
	width:303px;
}

/* security */
div.security {
	margin-top:10px;
	width:307px;
}
div.security div.swzImgSec
{
	}
div.security div.swzImgSec div.textandinput {
	float:right;
	width:177px;
}
div.security div.swzImgSec div.description {
	font-size:10px;
	line-height:1em;
	padding:2px 0 4px 0;
}
div.security div.swzImgSec div.value  {
}
div.security div.swzImgSec div.value input {
	width:100px;
}
div.security div.swzImgSec div.image  {
	float:left;
	padding-right:10px;
	width:120px;
}





/* submit */
div.submit {
	margin-top:8px;
	text-align:center;
	width:635px;
}


/* ===================================== */
/* CSS for Error Message */
div.errorText
{
	color:#F00;
	border:1px solid #F00;
	padding:10px 10px 4px 10px;
	margin:0 auto 14px auto;
	width:613px;
	background-color:#FFFFFF;
}
div.errorText p {
	font-size:12px;
	margin-bottom:10px;
}
div.errorText ul {
	margin-bottom:8px;
}
div.errorText li {
	font-size:12px;
	line-height:1.3em;
	margin-bottom:0;
}

/* RESTAURANT.CSS */
div.restaurantPage { width:668px;margin:0 auto 0 auto; }
div.restaurantPage div.row { margin-bottom:14px; }
div.restaurantPage div.homeButton { float:left;margin-right:64px; }
div.restaurantPage div.homeButton div.image { margin-bottom:5px; }
div.restaurantPage div.homeButton div.clickToEnlarge { text-align:right; }
div.restaurantPage div.homeButton div.image img { border:1px solid #757575; }
div.restaurantPage div.noRightMargin { margin-right:0px; }
