@charset "utf-8";
/* CSS Document */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 16px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }


body{
	background:#000000;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
}
a, a:hover, a:active , a:focus  {outline: none;}
:-moz-any-link:focus { outline: none;}
	/*body#home{background:#000000 url(../images/ThornthwaiteGrangeHome.jpg) no-repeat 0 0 scroll;}
	body#rooms{background:#000000 url(../images/ThornthwaiteGrangeAboutUs.jpg) no-repeat 0 0 scroll;}
	body#keswick{background:#000000 url(../images/ThornthwaiteGrangeKeswick.jpg) no-repeat 0 0 scroll; }
	body#aboutUs{background:#000000 url(../images/ThornthwaiteGrangeAboutUs.jpg) no-repeat 0 0 scroll;} 
	body#contactUs{background:#000000 url(../images/ThornthwaiteGrangeContactUs.jpg) no-repeat 0 0 scroll;}*/

#background-wrap img {
    position: fixed;
	top:0;
	left:0;
    width: 100%;
    z-index: 0;
}
/* Facebook */
.fb_iframe_widget{
	padding:5px 0 5px 15px;
}

.clear{clear:both;}
.allWrap{position:absolute; top:0; left:0; width:100%}
		

div.contentWrap{margin:0 auto; width:980px; z-index:1; text-align:left; background: transparent; 
/*-moz-box-shadow:1px 1px 10px #333; -webkit-box-shadow: 1px 1px 10px #333; box-shadow: 1px 1px 10px #333; */
}
 /* @-moz-document url-prefix() {
    div.contentWrap {padding:20px 0 30px 0;}
	}*/
              
div.contentWrap div.contentBg {	margin:0 auto; height:auto; position:relative; }
	



div.contentWrap div.contentBg div.headerWrap{ background: rgba(0, 0, 0, 0.6); position:relative; padding:0 0 5px 0 margin: 0; text-align:left; width:100%; height:auto; -moz-box-shadow:1px 1px 10px #333; -webkit-box-shadow: 1px 1px 10px #333; box-shadow: 1px 1px 10px #333;}
.ie8 div.contentWrap div.contentBg div.headerWrap, .ie8 div.contentWrap div.content, .ie8 div.contentWrap div.footer{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
.ie7 div.contentWrap div.contentBg div.headerWrap, .ie7 div.contentWrap div.content, .ie7 div.contentWrap div.footer{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
div.contentWrap div.contentBg div.headerWrap div.header {float:left; width:280px; }
div.contentWrap div.contentBg div.headerWrap div.header h1{float:left; padding:10px 0 0 15px; margin:0; color: #ffffff; font-size: 1.5em; line-height: 1.25em;}
div.contentWrap div.contentBg div.headerWrap div.header h2{float:left; width:350px; padding:5px 0 0 15px; margin:0; color: #ffffff; font-size: 0.9em; line-height: 1.1em;}
div.contentWrap div.contentBg div.headerWrap div.header h3{float:left; padding:3px 0 0 15px; margin:0; color: #ffffff; font-size: 0.8em; line-height: 1.4em;}
div.contentWrap div.contentBg div.headerWrap div.header span.phoneNo{float:left; width:350px; padding:5px 0 10px 15px; margin:0; color: #ffffff; font-size: 0.7em; line-height: 1em;}
/***************
 *** Navigation ***
****************/
div.contentWrap div.contentBg div.headerWrap div.navigation{float:left; width:700px; margin:45px 0 0 0; padding: 12px 0 0;}
div.contentWrap div.contentBg div.headerWrap div.navigation ul{width: 603px; list-style:none; margin:auto; padding:0;}
div.contentWrap div.contentBg div.headerWrap div.navigation ul li{display:inline; height:30px; }

div.contentWrap div.contentBg div.headerWrap div.navigation ul li {display: inline; height: 30px;}

div.contentWrap div.contentBg div.headerWrap div.navigation ul li a {float:left; background:url(../images/btnNav.jpg) 0 0 repeat-x; display:block; line-height:30px; height:30px; padding:0 8px 0 8px; font-weight:bold; font-size:0.85em; margin:0;  text-decoration:none; color:#ffffff;} 
div.contentWrap div.contentBg div.headerWrap div.navigation ul li a.active {text-decoration:none; color: #ffffff; background:url(../images/btnNav.jpg) 0 -62px repeat-x; cursor: default; display:block; line-height:30px; height:30px; padding:0 8px 0 8px;  }
div.contentWrap div.contentBg div.headerWrap div.navigation ul li a:hover {text-decoration:none; color: #ffffff; background:url(../images/btnNav.jpg) 0 -62px repeat-x; display:block; line-height:30px; height:30px; padding:0 8px 0 8px; }

/*******************
 *** Main Content ***
********************/
div.welcome{position:relative; clear:both; padding:10px 15px;}
div.welcome h1{width:850px; padding:0; margin:0; font-size: 1.5em; line-height: 1.25em;}
div.welcome h2{width:850px; padding:0; margin:0; font-size: 0.9em; line-height: 1.1em;}
div.welcome div.awards{height:74px; position:absolute; top:0; right:15px;}
div.welcome div.awards img.enjoyEng{width:49px; height:74px;}
/*div.welcome div.awards img.enjoyEng:hover{width:88px; height:132px;}*/
div.contentWrap div.content{_background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); width:100%; position:relative; top:460px; margin:0; padding:10px 0;}
div.contentWrap div.content h2.cHeader{ padding:5px 0 0 15px; margin:0; color: #ffffff; font-size: 1.1em; line-height: 1.2em;}
div.contentWrap div.content p{padding: 5px 15px;  color:#FFF; font-size:0.9em; line-height:1.2em; text-align: justify; }
div.contentWrap div.content p a, div.contentWrap div.content ul li a{ color: #FFFFCC; font-size:0.9em; text-decoration:none; font-weight:bold; line-height:1.1em; text-align: justify; }
div.contentWrap div.content p a:hover, div.contentWrap div.content ul li a:hover{text-decoration:underline;}
div.contentWrap div.content ul{padding: 5px 15px 0 45px;}
div.contentWrap div.content ul li{font-size:0.9em; line-height:1.2em;}
table.rooms tr td{vertical-align:top; padding: 5px 15px; margin:0; color:#FFF; font-size:0.9em; line-height:1.1em; text-align: justify;}
table.rooms tr td.data1{ }
table.rooms tr td.data2{}
table.rooms tr td.image2{padding-bottom:25px;}
table.rooms tr td.image a img, table.rooms tr td.image2 a img{border:none;}
table.rooms tr td ul{padding:5px 0 5px 15px; margin:0;}

/*************
 *** Footer ***
**************/

div.contentWrap div.footer{_background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6);  float:left;  top:510px; width:980px; color:#ffffff; position:relative; padding:15px 0;    }
div.contentWrap div.footer ul.footerLabel{float:left; list-style:none; margin: 0; *padding:0; padding: 0 0 0 5px; }
div.contentWrap div.footer ul.footerNav {float:right; list-style:none; margin: 0; *padding:0; padding: 0 5px 0 0 ; }
div.contentWrap div.footer ul.footerLabel li, div.contentWrap div.footer ul.footerNav li{display:inline; float:left; font-size:0.7em; }
div.contentWrap div.footer ul.footerNav li a{text-decoration:none; color:#ffffff; padding-right:10px; font-weight:bold;}
div.contentWrap div.footer ul.footerNav li a.active, div.contentWrap div.footer ul.footerNav li a:hover{text-decoration:underline; padding-right:10px; font-weight:bold; color:#ffffff;}


/*****************
 *** About Us ***
*****************/
div.contentWrap div.content p.sign{float:right;}

/*****************
 *** Guest Book ***
*****************/
#guestComments p{ width:920px; margin:10px 15px 10px 20px; padding: 0 15px;}
p.sign2{float:left; text-align:right!important; margin:0 20px 30px 15px!important; border-bottom:solid 1px #fff;}
/*****************
 *** Contact Us ***
*****************/

fieldset.info_fieldset{
	float:left;
	color:#999;
	width:465px;
	border:solid 1px #cccccc;
	padding:2px 5px!important;
}

div.map{float:left; margin: 0 0 20px 10px;}
#tabs ul li a{color: #666; font-size: 0.9em; text-decoration:none;}
div.tabContent{float:left; color:#FFF; font-size:0.9em; line-height:1em; text-align: justify;}
div.tabContent ul.listContent{padding:10px 0 0 0!important; margin:0!important;}
div.tabContent ul.listContent li { list-style-type:none; font-size:0.9em; }
div.tabContent ul.listContent li a{color:#FFFFCC!important;}
div.tabContent ul.listContent li a:hover{color:#FFFFCC!important; text-decoration:underline!important;}
div.tabContentRight{float:left; padding: 0 0 0 75px; width:300px;  color:#FFF; font-size:0.9em; line-height:1em; text-align: justify;}
div.tabContentRightWide {float:left; padding: 0 0 0 45px; width:510px;  color:#FFF; font-size:0.9em; line-height:1em; text-align: justify;}
#tabs h3{font-size:0.9em; margin:0; padding:10px 0 5px 0; line-height:1em;}
#tabs p {margin:0; padding:0 0 5px 0; font-size:0.9em; line-height:1.2em;}
#tabs ol {margin:0; padding:0 0 5px 25px;  font-size:0.9em; line-height:1.2em;}





#contact-form { text-align:left; font-size: 0.9em;}
#contact-form label{float:left; color:#fff; padding:8px 0 0 0; width:220px;}

#contact-form label.error{display:none; width:100%; color: #F60; font-size: 0.8em; padding: 2px 10px 0 0; float: right; text-align: right; } 

#contact-form input {float:left; width:230px; margin: 5px 0 0;}
#contact-form textarea {float:left; width:230px; margin: 5px 0 0;}
#contact-form select.noRooms{float:left; margin: 5px 0 0 0;}
#contact-form p.radioWrap {position:relative; overflow:hidden;}
#contact-form p.radioWrap span.radio{float:left; margin: 8px 0 0 15px;}
#contact-form p.radioWrap input.radio{float:left; width:20px; *margin: 5px 0 0 2px; margin: 10px 0 0 2px;}

#contact-form p.inputBtns{ float: left; margin: 10px 0 0 0; padding:0; width: 450px; font-size: 0.9em;}
#contact-form p.inputBtns input.reset{float:left; width:60px;  }
#contact-form p.inputBtns input.submit{float:right; width:100px; cursor:pointer;}

p.thanks{float:left; width:460px; padding:10px; color:#FFF; font-size:0.9em; line-height:1em; text-align: justify;}


/*AJAX CONTACT STYLES*/
.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: transparent;
text-align: left;
-moz-border-radius: 5px;
color:#F60;
-webkit-border-radius: 5px;
background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
}

.notification_ok
{
height: auto;
width: 90%
padding: 8px;
background: transparent;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#cccccc;
padding:15px 0;
}

/*******************
******DATE PICKER****
*******************/
/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
div.webites{ position:relative; padding: 0 0 0 5px; float:left; width: 980px; height: 15px; top: 520px; margin:auto 0;}
div.webites a{width: 250px; height:21px; background:url(../images/LogoWebitesH.png) 0 -20px no-repeat; display:block; float:left;  clear:both; color: #FFFFCC; font-size:0.7em; text-decoration:none; font-weight:bold; line-height:1em;}
div.webites a:hover{background:url(../images/LogoWebitesH.png) 0 0 no-repeat;}