/* @group main */

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: 1em/1.6em Helvetica, Arial, Geneva, sans-serif;
	/*background: #000;*/
}

iframe {
	margin: 0px;
	padding: 0px;
	border: 0px;
}



body#home {
	background: #000 url(../images/bg_home.gif) no-repeat 70px -5px;
}

body#venues {
	background: #000 url(../images/bg_venues.jpg) no-repeat 0 -70px;
}

body#fallen {
	background: #fff url(../images/bg_fallen.jpg) no-repeat 0 0;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

#wrapper {
	text-align: left;
	width: 880px;
	margin-right: auto;
	margin-left: 50px;
	position: relative;
}

#homeFooter {
	width: 744px;
	height: 15px;
	position: absolute;
	top: 560px;
	left: 0;
	/*text-indent: 378px;*/
	margin-left: 378px;
	font-size: 0.6em;
	color: #fff;
	line-height: 1.4em;
}

#homeFooter a {
	color: #fff;
}

#footerLight {
	width: 729px;
	height: 15px;
	position: absolute;
	top: 560px;
	left: 0;
	/*text-indent: 378px;*/
	margin-left: 378px;
	font-size: 0.55em;
	color: #000;
	line-height: 1.4em;
}

#footerLight a {
	color: #000;
}

#midbar {
	width: 744px;
	height: 200px;
	position: absolute;
	top: 334px;
	left: 0;
	background: url(../images/h1_deckers.gif) no-repeat;
}

#midbar ul {
	position: absolute;
	top: 0px;
	left: 25px;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 48px;
}

#midbar li {
	display: inline;
	float: left;
	margin-right: 15px;
	font-size: 0.8em;
	line-height: 1.2em;
	line-height: 48px;
}

#midbar li a {
	color: #fff;
	text-decoration: none;
}

#midbar li a:hover {
	color: #fff;
	text-decoration: underline;
}

#midbar h1 {
	text-indent: -5000px;
	font-size: 1px;
	padding: 0px;
	margin: 0px;
	display: none;
}

#midbarCopy {
	margin: 66px 0px 0px 378px;
}

#midbar p {
	/*
	padding: 0;
	margin: 0;
	margin-top: 40px;
	padding-left: 378px;
	*/
	margin: 0px 0px 1.5em 0px;
	color: #b6b8ba;
	font-weight: normal;
	font-style: normal;
	font-size: 0.75em;
	line-height: 1.6em;
}

#contactDetails {
	width: 355px;
	height: 100px;
	position: absolute;
	background: url(../images/contact.gif) no-repeat 140px 17px;
	color: #000;
}

#contactDetails p {
	position: absolute;
}
#contactDetails p.tel {
	top: 20px;
	left: 215px;
}
#contactDetails p.fax {
	top: 40px;
	left: 210px;
}
#contactDetails p.email {
	top: 60px;
	left: 189px;
}

#contactDetails a {
	color: #000;
	text-decoration: none;
}

#contactDetails h2 {
	text-align: right;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-bottom: 3px;
}

#contactDetails h3 {
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: normal;
	font-style: normal;
	font-size: 0.75em;
	line-height: 1.6em;
	text-align: right;
}



#venueDetailsWrapper {
	position: absolute;
	top: 356px;
	left: 0;
	width: 914px;
}

#reservationBlock {
	position: absolute;
	top: 15px;
	right: 0;
}

#reservationBlock img {
	border: 0;
}

#venueDetails {
	position: relative;
	width: 729px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.70em;
	line-height: 1.8em;
	height: 200px;
	overflow: visible;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}



body#toby #venueDetails {
	height: 145px;
}

#venueDetails h1 {
	font-size: 1px;
	padding: 0;
	margin: 0;
}

#venueDetails .pane {
	display: none;
	position: absolute;
}

#venueDetails #pane-about {
	display: block;
}

h1 {
	position: absolute;
}

.telephone {
	margin-bottom: -11px;
}

.fax {
	margin-bottom: -1px;
	margin-right: 2px;
}

#venueTitle {
	height: 26px;
	width: 290px;
	background-color: #363636;
	position: absolute;
	left: 377px;
	top: 147px;
	color: #fff;
	font-size: 0.8em;
	line-height: 2.2em;
	text-indent: 10px;
}

#venueTitle a.close {
	position: absolute;
	right: 10px;
	top: 0;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
}
#venueTitle a.close:hover {
	color: #fff;
	text-decoration: underline;
}

#venueMain {
	height: 180px;
	width: 915px;
	background-color: #363636;
	position: absolute;
	left: 0;
	top: 172px;
}

#venueMain p {
	color: #fff;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	padding-top: 150px;
}


#venueMainMenu {
	height: 180px;
	width: 185px;
	background-color: #555555;
	position: absolute;
	right: 0;
	top: 0;
}

#venueGallery {
	height: 130px;
	width: 724px;
	position: absolute;
	top: 15px;
	left: 3px;
	overflow: hidden;
}

#venueGallery ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#venueGallery li {
	height: 128px;
	margin-right: 5px;
	float: left;
	display: inline;
	background-color: black;
}

#venueGallery a img {
	border: 1px solid #363636;
}
#venueGallery a:hover img {
	border: 1px solid #fff;
}

#venueMainMenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 185px;
	margin-top: 15px;
	font-size: 0.8em;
	line-height: 1em;
}

#venueMainMenu li {
	padding-bottom: 5px;
}

#venueMainMenu li a {
	padding-left: 23px;
	color: #A7A9AC;
	text-decoration: none;
}

#venueMainMenu li a:hover {
	color: #fff;
	background: url(../images/bg_venuemenu.gif) no-repeat 7px 3px;
}

#breadcrumb {
	height: 20px;
	position: absolute;
	margin-left: 25px;
	top: 364px;
	font-size: 0.7em;
}

#breadcrumb ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: bold;
}

#breadcrumb li {
	display: inline;
	padding-right: 1px;
	background: url(../images/bg_breadcrumb.png) no-repeat 0 center;
	padding-left: 13px;
}

#breadcrumb a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#breadcrumb li.first {
	background: none;
	padding-left: 0px;
}

#breadcrumb li a:hover {
	color: #000;
	text-decoration: underline;
}

#estMenu, #estMenuLight {
	width: 365px;
	height: 135px;
	position: absolute;
	top: 187px;
	left: 0;
}

#estMenuLight {
	top: 30px;
}

#estMenu ul, #estMenuLight ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#estMenu li, #estMenuLight li {
	margin: 0;
	padding: 0;
	text-indent: 25px;
	font-size: 0.8em;
	margin-bottom: 3px;
}

#estMenu a {
	width: 100%;
	display: block;
	line-height: 30px;
	border: 1px solid #fff;
	color: #989898;
	text-decoration: none;
	background-image: url(../images/blank.png);
}

#estMenuLight a {
	width: 100%;
	display: block;
	line-height: 30px;
	border: 1px solid #fff;
	color: #989898;
	text-decoration: none;
	background-image: url(../images/blank.gif);
}

#estMenuLight li a {
	color: #000;
	border: 1px solid #636467;
}

#estMenu a:hover, #estMenu a.selected {
	border: 1px solid #555555;
	color: #fff;
	background-color: #555555;
}

#estMenuLight li a:hover {
	border: 1px solid #555555;
	color: #fff;
	background-color: #555555;
}

#estMenuLight li a.selected {
	border: 1px solid #555555;
	color: #fff;
	background: #555555 url(../images/li_select.gif) no-repeat 10px 11px;
}


#estVenues {
	width: 650px;
	height: 137px;
	position: absolute;
	top: 187px;
	left: 377px;
}

#estVenues ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#estVenues li {
	width: 125px;
	height: 137px;
	float: left;
	margin-right: 5px;
	position: relative;
}


#estVenues li.blank {
	width: 125px;
	height: 137px;
	float: left;
	margin-right: 5px;
	position: relative;
}

#estVenues #pubs-and-winebars li.blank {
	background: url(../images/venue_thumb_white.png) left bottom no-repeat;
}

#estVenues #speciality-venues li.blank {
	background: url(../images/venue_thumb_white.gif) left bottom no-repeat;
}


#estVenues #grill-restaurants li.blank {
	background: url(../images/venue_thumb_white.png) left bottom no-repeat;
}


#estVenues #hotels li.blank {
	background: url(../images/venue_thumb_white.png) no-repeat left bottom;
}


#estVenues h4 {
	margin: 0;
	color: #fff;
	padding: 0;
	background-color: #252525;
	
	text-indent: 5px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.75em;
	line-height: 2.8em;
	line-height: 32px;
	margin-bottom: 5px;
}

#estVenues a, #estVenues img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: 0px;
	width: 125px;
	height: 100px;
}

#estVenues a:hover img.opacity {
	display: none;
}

/* @end */

#bgflash {
	width: 1024px;
	height: 652px;
	position: absolute;
	top: 5px;
	left: 10px;
	top: 0px;
	left: 0px;
	/*
	width: 1000px;
	overflow: hidden;
	*/
}

#estVenues div {
	height: 137px;
	width: 650px;
	overflow: hidden;
	position: relative;
}



/* Popup Lightbox */

#popupOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#popupCenter {
	position: absolute;
	left: 50%;
	top: 100px;
	overflow: hidden;
	background-color: #fff;
}

.popupLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}



.christmasContainer {
	position: absolute;
	top: 540px;
}

.christmasLink {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
}

.christmas-rth-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:126px;
}

.christmas-rt-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:126px;
}

.christmas-ph-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:80px;
}

.christmas-crimble-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:140px;
}

.christmas-sale-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:158px;
}

.christmas-pf-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:61px;
}

.christmas-ra-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:104px;
}

.christmas-fa-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:61px;
}

.christmas-p-Link {
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top:156px;
}

#midbar .christmasLink {
	position: absolute;
	top: 66px;
}



/* @group venue specifics */

/* The Royal Toby Hotel */
body#theRoyalTobyHotel #venueDetails {
	height: 150px;
}
body#toby h1, body#theRoyalTobyHotel h1 {
	left: 257px;
	top: 10px;
}
body#theRoyalTobyHotel .pane {
	top: 20px;
	left: 450px;
}
body#theRoyalTobyHotel .christmasContainer {
	top: 510px;
}

/* The Pennine Manor Hotel */
body#pennineManorHotel #contactDetails {
	background-position: 150px 17px
}
body#pennineManorHotel #contactDetails p.tel {
	left: 225px;
}
body#pennineManorHotel #contactDetails p.fax {
	left: 220px;
}
body#pennineManorHotel #contactDetails p.email {
	left: 199px;
}

body#pennineManorHotel #venueDetails {
	height: 104px;
}
body#pennineManorHotel h1 {
	top: 12px;
}
body#pennineManorHotel .pane {
	top: 110px;
}
body#pennineManorHotel h1,
body#pennineManorHotel .pane {
	left: 377px;
}
body#pennineManorHotel .christmasContainer {
	top: 470px;
}

/* The Crimble */
body#theCrimble #venueDetails {
	height: 122px;
}
body#theCrimble h1 {
	top: 44px;
	left: 142px;
}
body#theCrimble .pane {
	top: 30px;
	left: 377px;
}
body#theCrimble .christmasContainer {
	top: 550px;
}

/* The Royal Toby */
body#theRoyalToby #venueDetails {
	height: 150px;
}
body#toby h1, body#theRoyalToby h1 {
	left: 257px;
	top: 10px;
}
body#theRoyalToby .pane {
	top: 20px;
	left: 450px;
}
body#theRoyalToby .christmasContainer {
	top: 510px;
}

/* Deckers on the Water */
body#deckersOnTheWater #venueDetails {
	height: 182px;
}
body#deckersOnTheWater h1 {
	top: 30px;
	left: 258px;
}
body#deckersOnTheWater .pane {
	top: 15px;
	left: 495px;
}

/* Plough and Flail */
body#ploughFlail #venueDetails {
	height: 85px;
}
body#ploughFlail h1 {
	left: 377px;
	top: 13px;
}
body#ploughFlail .pane {
	top: 95px;
	left: 377px;
}
body#ploughFlail .christmasContainer {
	top: 450px;
}

/* The Pennine Manor */
body#pennineManor #contactDetails {
	background-position: 150px 17px
}
body#pennineManor #contactDetails p.tel {
	left: 225px;
}
body#pennineManor #contactDetails p.fax {
	left: 220px;
}
body#pennineManor #contactDetails p.email {
	left: 199px;
}

body#pennineManor #venueDetails {
	height: 104px;
}
body#pennineManor h1 {
	top: 12px;
}
body#pennineManor .pane {
	top: 110px;
}
body#pennineManor h1,
body#pennineManor .pane {
	left: 377px;
}
body#pennineManor .christmasContainer {
	top: 470px;
}

/* Fallen Angel */
body#fallenAngels #venueDetails {
	height: 85px;
}
body#fallenAngels h1 {
	left: 377px;
	top: 13px;
}
body#fallenAngels .pane {
	top: 95px;
	left: 377px;
}
body#fallenAngels .christmasContainer {
	top: 450px;
}

/* Peacock Room */
body#thePeacockRoom #venueDetails {
	height: 180px;
}
body#thePeacockRoom h1 {
	top: 0;
	left: 0;
}
body#thePeacockRoom .pane {
	top: 15px;
	left: 455px;
}

/* The Rope And Anchor */
body#theRopeAnchor #venueDetails {
	height: 128px;
}
body#theRopeAnchor h1 {
	left: 377px;
	top: 13px;
}
body#theRopeAnchor .pane {
	top: 138px;
	left: 377px;
}
body#theRopeAnchor .christmasContainer {
	top: 490px;
}
body#theRopeAnchor #footerLight {
	top: 610px;
}

/* Christmas section */
body#christmasSection #venueDetails {
	height: 162px;
}
body#christmasSection h1 {
	top: 30px;
	left: 0px;
}
body#christmasSection .pane {
	top: 30px;
	left: 377px;
}


/* @end group venue specifics */



/* Rope and Anchor Wireless Login Page */

#footerWireless {
	width: 729px;
	height: 15px;
	position: absolute;
	top: 675px;
	left: 0;
	/*text-indent: 378px;*/
	margin-left: 378px;
	font-size: 0.55em;
	color: #000;
	line-height: 1.4em;
}

#footerWireless a {
	color: #000;
}


/* Deckers Sale Wireless Login Page */

#venueDetailsSale {
	position: relative;
	width: 729px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.70em;
	line-height: 1.8em;
	height: 200px;
	overflow: visible;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


#venueDetailsSale h1 {
	font-size: 1px;
	padding: 0;
	margin: 25px 0 0 -125px;
}


#venueDetailsSale .pane {
	display: none;
	position: absolute;
	margin: 0 0 0 -100px;
}

#venueDetailsSale #pane-about {
	display: block;
}

/* The Crimble Wireless Login Page */

#venueDetailsCrimble {
	position: relative;
	width: 729px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.70em;
	line-height: 1.8em;
	height: 200px;
	overflow: visible;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


#venueDetailsCrimble h1 {
	font-size: 1px;
	padding: 0;
	margin: 0;
}


#venueDetailsCrimble .pane {
	display: none;
	position: absolute;
	margin: 0;
}

#venueDetailsCrimble #pane-about {
	display: block;
}


/* The Plough Wireless Login Page */

#venueDetailsPlough {
	position: relative;
	width: 729px;
	font-weight: normal;
	font-style: normal;
	font-size: 0.70em;
	line-height: 1.8em;
	height: 275px;
	overflow: visible;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


#venueDetailsPlough h1 {
	font-size: 1px;
	padding: 0;
	margin: 0;
}


#venueDetailsPlough .pane {
	display: none;
	position: absolute;
	margin: 0;
}

#venueDetailsPlough #pane-about {
	display: block;
}

#footerPlough {
	width: 729px;
	height: 15px;
	position: absolute;
	top: 645px;
	left: 0;
	/*text-indent: 378px;*/
	margin-left: 378px;
	font-size: 0.55em;
	color: #000;
	line-height: 1.4em;
}

#footerPlough a {
	color: #000;
}