@import url("facebox.css");
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */ 


body{
			font-size:62.5%;
			font-family:Helvetica, Arial,  sans-serif;
			background:url(../img/body-bg.gif) repeat;
		
}

.home-news-item{width:310px; float:left; margin-right:20px; margin-bottom:20px;}
#home-news-items .last{margin-right:0;}
div#wrapper{
			width:960px;
			margin:0 auto;
	}
div#branding{ margin-bottom:10px; height:140px; position:relative; padding:0;}

a#logo{
			width:265px;
			height:135px; 
			float:left;
			margin-top:5px;
			background:url(../img/ohlogo.png) no-repeat;
			text-indent:-9999px;
	}
ul#top-nav{
			float:right; 
			width:540px; 
			list-style-type:none;
}
#changeFont{width:auto; height:20px; position:absolute; right:0; top:50px; color:#FFF; font-size:1.2em;}
#changeFont a{color:#FFFFFF; text-decoration:underline; cursor:pointer; }
ul#top-nav li{ float:right; margin:5px 0 0 0;}

ul#top-nav li a{
			color:#FFF;
			padding:0 10px;
			border-right:1px solid #FFF; 
			margin-left:5px;
			font-size:1.2em;
			display:block;
		
			}
ul#top-nav li#book-now{			
			background:url(../img/transparent-white.png) repeat;
				margin:0 0 0 5px;
			
			}
			ul#top-nav li#book-now a{	
			padding:5px 5px;
			text-align:center;
		
			}
			ul#top-nav li#book-now a:hover{	
				color:#8F9194;
			}
			
ul#top-nav li a.last{
			border-right:none;
			padding-right:0;
	}
div#navigation{
			background:url(../img/transparent-white.png) repeat;
			height:20px; width:920px;
			padding:20px 20px; 
			margin-bottom:5px;
	}
	
	
ul#menu{
			list-style-type:none;
			padding:0; margin:0;
	}
	
ul#menu li{ 
			margin-top:10px;
			float:left;
			
				}
				
				
ul#menu li a{
			color:#FFF; 
			padding:2px 22px 2px 0; 
			text-decoration:none;
			border-right:1px solid #FFF;
			font-size:1.6em;
			text-transform:uppercase; 
			margin-right:22px;
			float:left;
			
}
ul#menu li a.last{
			border-right:none;
			padding-right:0; 
			margin-right:0;
	}

ul#menu li a:hover{
text-decoration:underline;
}


div#content{
			background:#FFF; 
			padding:20px;
			position:relative;
			top:-10px;
	}
	#content-inner{height:auto; width:920px;}
	
#services{margin-bottom:20px; width:920px; height:345px;}

div#welcome{width:450px; float:left; min-height:200px; margin-right:10px; height:auto;}
div#booking-form{ border:1px solid #300007; width:450px; float:left; }
div#internal-booking-form{ border:1px solid #300007; width:450px; float:left; }

div.news-headline{
			padding:20px 0 10px 0;
			border-top:1px solid #CCC;
			width:450px; float:left;
			margin-right:20px; margin-top:20px;
	}
	
.news-headline img{
			float:right; margin:0 0 10px 10px;
}
div#footer{color:#FFF; background:url(../img/transparent-white.png) repeat; height:60px; padding:10px; margin-top:-10px; position:relative;clear:both;}
div#footer p{margin-bottom:0;}

.fltlt{float:left;}
.flrt{float:right;}
.clearboth{clear:both; height:1px;}
#alacarte{width:600px; float:left; margin-right:10px;}

img.floatr{float:right; margin:0 0 10px 10px;}
h1{font-size:1.6em; line-height:1em;color:#64383D; margin:0 0 10px 0;}
h2{font-size:1.6em; line-height:1em;color:#64383D;}
h3{font-size:1.4em; line-height:1em;}
h4{font-size:1.3em; line-height:1em;}
h5{font-size:1.2em; line-height:1em;}

ul#dining-options{padding-left:0;}
ul#dining-options li{font-size:1.2em; line-height:145%; margin-bottom:10px; list-style:none; }
h2#strapline{background:url(../img/strapline.png) no-repeat; float:right; width:605px; height:44px; text-indent:-9999px; margin-top:50px;}
img#xmas-banner{ float:right; width:464px; height:95px; border:none; margin-top:10px;}

#welcome h1{color:#64383D; margin-top:0;}
.news-headline h2{color:#64383D; margin-top:0;}
#booking-form h3{background:#8f9194; color:#FFF; display:block; padding-left:10px; margin:0 0 10px 0;}
#text-holder #internal-booking-form h3{background:#8f9194; color:#FFF; display:block; padding-left:10px; margin:0 0 10px 0;}
#reservation-callto h5{color:#64383D; margin-top:0; font-weight:normal; letter-spacing:1px;}

p, #main ul, blockquote{font-size:1.2em; line-height:1.5em; margin-top:0;}
blockquote{margin-left:0;}
#booking-form p{padding:10px;}

#footer a{color:#FFF;}

/** homepage slider **/

/*--Main Image Preview--*/

.main_image {
	width: 670px; height: 345px;
	float: left;
	background: #FFF;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 15px;
	line-height:15px;
	text-transform:uppercase;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px 10px 0 10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	display:none;
}

.main_image a{color:#D2A75D;}
.main_image p {
	font-size: 1.3em;
	padding: 10px;	margin: 0;
	line-height: 16px;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(../images/icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
	padding:10px 0;
}

.main_image a.collapse {
	background: url(../images/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	float: left;
	width: 245px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	float:right;
	border:1px solid #FFF;
	margin-top:2px;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 5px 10px;
	width: 225px;
	float: left;
	border-right: 1px solid #ccc;
}

.image_thumb ul li#dining{
background: #56262e url(../img/home-slider/dining-bg.gif) repeat-x;
}

.image_thumb ul li#business{
background: #56262e url(../img/home-slider/business-bg.gif) repeat-x;
}

.image_thumb ul li#bedrooms{
background: #56262e url(../img/home-slider/bedrooms-bg.gif) repeat-x;
}

.image_thumb ul li#wedding{
background: #56262e url(../img/home-slider/weddings-bg.gif) repeat-x;
}


.image_thumb ul li.hover {
	
	cursor: pointer;
}

html .image_thumb ul li h2 {
	font-size: 1.8em;  line-height:2em; 
	 font-family:Helvetica, Arial, Verdana,  sans-serif; font-weight:normal;
	margin: 20px 0; padding: 0;
	color:#FFF;
}
html .image_thumb ul li h2:hover{text-decoration:underline;}

#design h2, #design a{color:#F089B6;}
#print h2, #print a{color:#2CC4F5;}
#websites h2, #websites a{color:#89C881;}
#copywriting h2, #copywriting a{color:#F59565;}
#email h2, #email a{color:#A6A0CE;}
#marketing h2, #marketing a{color:#E8D821;}

.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 90px;
}	
.image_thumb ul li p{display: none;}

form#booking-form{}
form#booking-form div{margin-bottom:5px; border:1px dotted #CCC; padding:5px;}
form#booking-form fieldset{border:none;}
form#booking-form label{width:200px; float:left; font-size:1.4em;}
form#booking-form input{}
form#booking-form input#submit{}

div#rhs-booking-form{width:300px; float:right; margin-right:10px; border:1px solid #300007;}
#rhs-booking-form h3{background:#8f9194; color:#FFF; display:block; padding-left:10px; margin:0 0 10px 0;}
form#rhs-booking-form{}
form#rhs-booking-form div{margin-bottom:5px; border:1px dotted #CCC; padding:5px;}
form#rhs-booking-form fieldset{border:none;}
form#rhs-booking-form label{width:200px; float:left; font-size:1.4em;}
form#rhs-booking-form input{}
form#rhs-booking-form input#submit{}



/** Dining page styles**/
#calltos{width:920px; height:auto;}
.dining-callto{width:210px; height:470px; margin-right:26px; border-top:1px solid #64383D; border-bottom:1px solid #64383D;  padding:10px 0; float:left; margin-top:20px; margin-bottom:10px;}
.dining-callto img{margin-bottom:20px;}
.dining-callto h2{color:#64383D; margin-top:0;}
div.last{margin-right:0;}

/** Location page styles**/
#location-feature{background:#56292e;}
#location-feature h1{color:#FFF; float:left; font-weight:normal; padding-left:10px; margin-bottom:10px;}
#location-feature p{color:#FFF; font-size:1.2em; width:400px; float:left; padding-left:10px;}
#location-feature a{color:#FFC345; }
#location-feature img{float:right; margin-left:10px;}


#directions{float:left; width:430px; margin-right:60px; margin-top:20px;}
#directions h2{color:#64383D; font-weight:normal;}
#directions h3{color:#64383D; margin-bottom:5px; font-weight:normal;}
#map{float:right; width:425px; margin-top:20px;}

/** normal page styles**/

#main-content{width:920px; height:auto; }
#text-holder{width:920px; height:auto; padding:10px 0; float:left; margin-top:20px; border-top:1px solid #64383D; border-bottom:1px solid #64383D;}
#text-holder h2, #weddings h2, #menus h2, #directions h1{color:#64383D; margin-top:0; border-left:3px solid #64383D; padding-left:10px;}
#text-holder h3, #weddings h3, #menus h3{color:#64383D; margin-bottom:5px; font-weight:700; border-bottom:1px dotted #CCC; padding-bottom:0;}
#text-holder .accordion h3{padding-left:30px; outline:none;}
#action{ margin-bottom:20px;}
#action img{margin-bottom:20px;}
#action h4{background:#8F9194; color:#FFF; margin-bottom:5px; font-weight:normal; margin-top:20px; padding:5px;}

#weddings{width:450px; float:left; margin-right:20px; margin-top:20px;}
#weddings img{float:left; margin-right:10px;}
#menus{width:450px; float:right; margin-top:20px;}
#menus img{float:left; margin-right:10px;}

#latest-events{ float:left; }
#latest-events img{float:left; margin-right:10px;}
#opera-house img{float:left; clear:both; margin-right:10px;}
.opera-event{margin-top:10px;}


#reservation-callto{margin-top:10px;}
#reservation-callto img{border:none;}

/* Contact Form Styles*/
		form.contact, form#signup{ background:#f9f9f9; border:2px solid #CCC; padding:10px;}
		form.contact label, form#signup label{width:230px;float:left; color:#606060; font-size:1.2em; padding-top:10px;}
		form.contact div, form#signup div{margin-bottom:5px; border:1px dotted #CCC; padding:10px;}
		form.contact input, form#signup input{ border:1px solid #CCC; float:left; padding:5px; height:20px; width:240px; margin-bottom:5px;}
		form.contact select, form.contact textarea, form#signup textarea{width:250px; float:left; margin-bottom:5px;}
		form.contact textarea, form#signup textarea{border:1px solid #CCC; }
		form.contact input#submit, form#signup input#submit{ width:100px; height:40px; padding:10px; clear:both; margin-bottom:20px; background:#300007; color:#FFF;}
		span.blue{color:#6392C0; font-weight:700;}
		
		#alert h4.warning{background:#FEEFB3; color:#D2AC5F; border:1px solid #D2AC5F; padding:5px; width:90%; margin-bottom:5px; font-size:14px; font-weight:normal;}
#alert h4.success{background:#CEE6C3; color:#1E9145; border:1px solid #1E9145; padding:5px; width:90%; margin-bottom:5px; font-size:14px; font-weight:normal;}

em.disclaimer{color:#666; font-size:1.2em; line-height:1.8em;}
em.quote{color:#666; font-size:1.3em; line-height:1em;}

#contact-form{ width:100%;}

div.callto-maroon{padding:10px; background:#310107; color:#FFF;}
div.callto-callback{padding:10px; background:#736D55; color:#FFF; border:1px solid #CCC;}
div.third img{float:right; margin-left:20px;}

div.callto-pdf{padding:10px; background:#957E53; color:#FFF; border:1px solid #CCC;}

#thirds{margin:10px 0; width:100%;clear:both;}
.third{width:28%; margin-right:3%; float:left; height:100px;}
.third a{color:#FFF;}


.left img{float:left; margin-right:20px;}
.left h3, .left p, .left ul{float:right;}
.right img{float:right; margin-left:20px;}
.right h3, .right p, .right ul{float:left;}

div.wrapper
{
  margin-bottom: 1em;
}

ul#castles
{
  width: 30em;
  margin: 0;
  padding: 0;
}
ul#castles li
{
  /* list item dimensions */

  width: 10em;
  height: 2em;

  /* Clear the default margins & padding 
  for cross-browser efficiency */
  margin: 0;
  padding: 0;

  /* suppress item markers */
  list-style-type: none;
  float:left;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a.download{ font-size:11px;}
a.download-button{color:#FFFFFF; font-size:1.4em; text-align:center; float:left; font-weight:700; padding:10px; background:#300007; width:200px; height:30px; margin-right:20px; margin-bottom:20px;}

#wedding-gallery img{float:left; padding:2px; background:#FFF; border:1px solid #CCC; margin:0 10px 10px 0;}
#gallery-container{width:210px; float:left; margin:0 10px 10px 0;}
div#gallery-thumbs img{ margin-left:0; float:left; padding:1px; margin-right:3px; border:none;margin-top:5px;}

/**xmas page styles**/

div#xmas-border-top{display:block; height:158px; width:920px; background:url(http://www.oldhallhotelbuxton.co.uk/assets/images/xmas-border-top.gif) no-repeat;}
div#xmas-border-top p, div#xmas-border-bottom p{display:none;}
div#xmas-border-middle{display:block; height:158px; width:800px; background:url(http://www.oldhallhotelbuxton.co.uk/assets/images/xmas-border-middle.gif) repeat-y; padding-left:60px; padding-right:100px; min-height:750px; height:auto; position:relative; z-index:1}
div#xmas-border-bottom{display:block; height:106px; width:920px; background:url(http://www.oldhallhotelbuxton.co.uk/assets/images/xmas-border-bottom.gif) no-repeat;}

#christmas-breaks-header{position:relative; margin-top:-60px;z-index:3;}
#party-nights-header{position:relative; margin-top:-20px;z-index:3;}
#two-dots{position:absolute; top:-110px; left:330px; z-index:5;}
#one-dot{position:absolute; top:-20px; left:280px; z-index:5;}

/***V2 styles**/

#main{width:650px; float:left;}
#sidebar{width:230px; padding:8px; background:#EDEDED; float:right; margin-bottom:20px;}
.home-news-item, .dining-room, .business-item, .wedding-item, .offer{border-bottom:1px solid #EEEEEE; padding-bottom:10px; margin-bottom:10px;}
.wedding-room{border:1px solid #CCC; padding:8px; margin:0 20px 10px 0; width:290px; float:left;}
div.last{margin-right:0;}
.wedding-room img{float:left; margin:0 10px 0 10px;}
.home-news-item img, .dining-room img, .offer img{float:left; margin-right:8px; margin-bottom:8px;}
#main h1{font-size:1.6em; font-weight:700; line-height:1em; margin-bottom:20px;}
.home-news-item h2, .home-news-item p{}
.home-news-item h2{line-height:1em; font-size:1.4em; color:#310208;}
.room{border:1px solid #CCC; padding:5px; margin-bottom:10px;}
/** css3 for fun **/

.rounded-small{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.rounded-large{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}

.floatl{float:left;}
.floatr{float:right;}
.offer-item, .event-item, .home-item{padding-bottom:20px; border-bottom:1px dotted #CCC; margin-bottom:20px;}
.offer-item div, .event-item div, .home-item div{width:480px;}
.offer-item img.floatl, .event-item img.floatl, .home-item img.floatl{margin-right:20px; padding:3px; background:#FFF; border:1px solid #CCC; clear:both;}
.offer-item.last, .event-item.last, .home-item.last{padding-bottom:0; margin-bottom:0; border-bottom:0;}


#booking-form-container h3, #sidebar h2, #home-news-signup h3, #sidebar h3{background:#310208; padding:10px; margin:0 0 10px 0; color:#FFF; line-height:1em;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
#footer-links{}
#footer-nav{padding:0; margin:0;position:relative; height:20px; border-top:3px solid #CCC; padding-top:5px; margin-top:10px;}
#footer-nav li{}
#footer-nav a{color:#FFF; font-size:1.2em; padding:5px 0; margin-right:10px;}

#book-now-triangle{right:0;top:0;cursor:pointer;position:fixed !important;z-index:9999999;}
#book-now-triangle img{border:none;}


#changeFontSize{width:auto; height:20px; position:absolute; right:0; top:120px; color:#FFF; font-size:1.2em;}
#changeFontSize a{color:#FFFFFF; text-decoration:underline; cursor:pointer; }
#banner{margin-bottom:20px;}

.event{border-bottom:1px solid #EEEEEE;padding-bottom:10px; margin-bottom:10px;}
.event img{float:left; margin:0 8px 8px 0;}
#main h2{margin:0 0 10px 0; line-height:1em;}
#sidebar h4{margin:0 0 10px 0; line-height:1em;}
#main h3{margin:0 0 10px 0; line-height:1em;}
#sidebar img{margin-bottom:10px;}

 /**Jquery dropdown menu**/
	#menu{position:relative;}
	#menu li a{ }
	#menu, #menu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; font-weight:normal;}
	#menu a {display:block;  color:#FFF;  text-decoration:none; }
	#menu a:hover { cursor:pointer;}
	#menu ul li{margin-left:0; }
	#menu li {float:left; position:relative;}
	#menu li ul {position:absolute; display:none; width:200px; top:15px; left:-1px; background:#50272D; }
	#menu li ul a {width:178px; color:#FFF;   padding:5px 10px;  height:auto; float:left;  border-bottom:1px dotted #c8c8c8; font-size:95%; border-right:0;}
	#menu li ul a:hover{text-decoration:none;}
	#menu ul ul {top:auto;}
	#menu li ul ul {left:130px; margin:0px 0 0 10px;}
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;}
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {display:block;}