/* Link Styles - Generic Site-wide
-------------------------------------------------*/

a:link    {color: #00a0c6;font-weight:bold;text-decoration:none;}
a:visited {color: #00a0c6;font-weight:bold;text-decoration:none;}
a:hover   {color: #10bfe8;font-weight:bold;text-decoration:underline;}
a:active  {color: #10bfe8;font-weight:bold;text-decoration:none;}
a img {margin:0;padding:0;border:underline;}


div#LivebookingsDirect {display:none;position:absolute;top:0px;left:0px;}
div#bookOnline {position:absolute;top:0px;left:0px;}
div#bookingContainer {position:relative;width:275px;}

/* Container
------------------------------------------------ */

 
body {
 	margin: 0;
	padding:0;
 	background-color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size:1em;
}

#wrapper {
   margin: 0;
   width: 100%;
   padding: 0px;
   height:auto;
   background:#191919;
}
#all {
   margin: 0 auto 0 auto;
   width: 100%;
   padding: 23px 0 0 0;
   height:auto;
}
#home {
  height:560px;
  width: 790px;
  text-align: left;
  margin: 0px auto 26px auto;
  padding:0;
}
#homeSlide {
  position:relative;
  height:auto;
  width: 790px;
  height:522px;
  text-align: left;
  padding:0;
}
#homeSlide img {
  float:left;
  position:absolute;
  left:0px;
  padding:0;
  margin:0;
}
#gallery img.show {
  z-index:500;
}
div#promoFeature div.show {z-index:100;}
div#panelLinks {position:absolute;top:30px;left:15px;}

div.contentContainer {
  height:auto;
  width: 845px;
  text-align: left;
  margin: 0px auto 26px auto;
  padding:18px 0 40px 55px;
}
#contentAbout {
  padding:18px 0 40px 55px;
  background:url(../images/94.jpg) no-repeat;
}

#contentLocations {
  padding:18px 0 40px 55px;
  background:url(../images/95.jpg) no-repeat;
}
#contentPiccadilly {
  background:url(../images/96.jpg) no-repeat;
}
#contentBar {
  background:url(../images/97.jpg) no-repeat;
}
#contentTwo {
  background:url(../images/98.jpg) no-repeat;
}

#contentAbbey {
  background:url(../images/99.jpg) no-repeat;
}

#contentHeaton {
  background:url(../images/99.jpg) no-repeat;
}
#contentTrafford {
  background:url(../images/99.jpg) no-repeat;
}
#contentSocial {
  background:url(../images/100.jpg) no-repeat;
}
#contentSitemap {
  height:auto;
  background:url(../images/101.jpg) no-repeat;
}
#contentSitedocs {
  padding:18px 0 40px 55px;
  background:url(../images/94.jpg) no-repeat;
}

/* Content Windows
------------------------------------------------ */
div.contentWindow {
  width:782px;
  height:659px;
  background:#fff;
  font-size:0.8em;
  padding:23px 0 0 0;
}


div.window-content-lhs {width:440px;float:left;padding:15px 0 20px 18px;font-size:0.9em;}
div.window-content-rhs {width:276px;float:right;padding:13px 18px 20px 0;text-align:right;font-size:1em;}


div.window-location-lhs {width:336px;float:left;padding:15px 0 20px 18px;font-size:0.9em;}
div.window-location-lhs p {margin:0;padding:0;}
div.window-location-rhs {width:416px;float:right;padding:60px 12px 20px 0;text-align:right;font-size:1em;}

div#socialNewsBlock {text-align:left;margin:0 0 15px 0;}
div#socialNewsBlock h3 {border-bottom:6px solid #3f403f;color:#3f403f;text-transform:uppercase;}

span.sectionTitle {color:#fff;font-size:1.3em;width:auto;font-weight:bold;padding:4px 10px 3px 18px;}

div#tabs {width:870px;height:38px;}
div.activeTab {
  text-transform:uppercase;
  color:#fff;
  font-size:0.9em;
  font-weight:bold;
  width:150px;
  height:32px;
  padding:6px 0 0 8px;
  margin:0 0 0 191px;
  float:left;
}
div.subTab {
  float:left;
  width:103px;
  height:24px;
  margin:14px 0 0 13px;
  padding:0 0 0 7px;
  background:url(../images/10.jpg) no-repeat;
}
div.subTabTwo {
  float:left;
  width:103px;
  height:24px;
  margin:14px 0 0 0px;
  padding:0 0 0 7px;
  background:url(../images/11.jpg) no-repeat;
}

div.subTab a:link, div.subTab a:visited, div.subTabTwo a:link, div.subTabTwo a:visited {text-transform:uppercase;font-size:0.7em;font-weight:bold;color:#000;text-decoration:none;display:block;padding:6px 0 4px 0;}


/* Section Colours/Borders
------------------------------------------------ */
.aboutColour {background:#2baae1;}
.piccadillyColour {background:#f26721;}
.barColour {background:#ed1f24;}
.twoColour {background:#7fc241;}
.abbeyColour {background:#febf0f;}
.heatonColour {background:#278f45;}
.traffordColour {background:#00b1b0;}
.socialColour {background:#e90a8a;}


div.aboutWindow {
  border:5px solid #2baae1;
  min-height:500px;
  height:auto !important;
  height:500px;
  padding:23px 0 20px 0;
}
div.piccadillyWindow {
  border:5px solid #f26721;
  height:620px;
}
div.barWindow {
  border:5px solid #ed1f24;
  height:730px;
}
div.twoWindow {
  border:5px solid #7fc241;
  height:820px;
}
div.abbeyWindow {
  border:5px solid #febf0f;
  height:730px;
}
div.heatonWindow {
  border:5px solid #278f45;
  height:620px;
}
div.traffordWindow {
  border:5px solid #00b1b0;
  height:600px;
}
div.socialWindow {
  border:5px solid #e90a8a;
  height:auto;
  padding:23px 0 10px 0;
}
div.sitemapWindow {
  border:5px solid #ed1f24;
  height:auto;
  padding:23px 0 30px 0;
}
div.wideContent {
  padding:10px 30px 0 30px;
}

div.aboutWindow h3 {font-size:1em;color:#2baae1;}
div.piccadillyWindow h3 {font-size:1em;color:#f26721;}
div.barWindow h3 {font-size:1em;color:#ed1f24;}
div.twoWindow h3 {font-size:1em;color:#7fc241;}
div.abbeyWindow h3 {font-size:1em;color:#febf0f;}
div.heatonWindow h3 {font-size:1em;color:#278f45;}
div.traffordWindow h3 {font-size:1em;color:#00b1b0;}

div.window-location-lhs h3 {color:#000;}
div.mapDiv {display:none;}

div.barAddress {width:160px;padding:0 0 18px 0;}
div.barAddress h3 {font-size:1.1em;}

div.piccadillyLoc h3 a {color:#f26721;}
div.barLoc h3 a  {color:#ed1f24;}
div.twoLoc h3 a{color:#7fc241;}
div.abbeyLoc h3 a {color:#febf0f;}
div.heatonLoc h3 a{color:#278f45;}
div.traffordLoc h3 a  {color:#00b1b0;}
div.cateringLoc h3 a {color:#c3268d;}
div.floatedLoc {float:right;}

div.window-content-rhs h3 {font-size:0.9em;}

div#registration-details {padding:0 0 0 20px;}

/* Header
------------------------------------------------ */
#header {
  width:758px;
  height:91px;
  padding:0px 0 0 0;
  margin:0px auto;
  background:url(../images/3.jpg) no-repeat top right;
}
#masthead {
  float:left;
  height:91px;
  width:184px;
  padding:0px 0 0 0;
  margin:0;
}
#header-nav {
  float:left;
  width:328px;
  height:72px;
  margin:20px 0 0 68px;
  padding:0;
  color:#fff;
}

/* Navigation & Lists
------------------------------------------------ */
#navigation {
  width:100%;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color:#fff;
  height:30px;
  margin:0;
  padding:0;
}
#navigation ul {
  width:auto;
  height:91px;
  margin:0;
  padding:0;
}
#navigation li {
  float:left;
  list-style-type:none;
  width:164px;
  margin:0;
  padding:0;
  border:none;
}

#navigation a:link, #navigation a:visited {
  border:none;
  margin:0;
  display:block;
  padding: 0;
  text-decoration:none;
  color:#fff;
  font-size:0.7em;
  text-transform:uppercase;
  font-weight:normal;
}

#navigation a:hover, #navigation a:active {
  border:none;
  margin:0;
  display:block;
  padding: 0;
  text-decoration:none;
  color:#888;
  font-size:0.7em;
  text-transform:uppercase;
  font-weight:normal;
}

div.promoListItem {width:440px ;height:125px;float:left;margin:12px 0 0 0;}
div.promoListImage {width:133px;height:125px;float:left;margin:0;}
div.promoListExcerpt {width:307px;height:125px;float:left;}
div.promoListExcerpt h3 {text-transform:uppercase;font-size:1em;}
div.promoListExcerpt p {padding:0;margin:0;}

div.newslistFeaturedItem {margin:5px 0;font-size:0.9em;}
div.newslistFeaturedImage {width:115px;height:115px;float:left;}
div.newslistFeaturedExcerpt {width:148px;height:auto;float:left;margin:0 0 0 10px;}
div.newslistFeaturedExcerpt p {margin:0;padding:0;}
div#socialNewsBlock div.newslistFeaturedExcerpt h3 {border-bottom:0;font-size:1em;}

div#socialPromoLinks {padding:0 0 0 18px;font-size:0.9em;}
div#socialPromoLinks a {text-transform:uppercase;}

/* Home Link Panel
------------------------------------------------ */

ul.kwicks {
  list-style:none;
  margin:0 11px 0 0;
  padding:0;
  width:143px;
  height:39px;
  float:left;
}
ul.kwicks li{
  width: 143px;
  height: 39px;
  margin-bottom: 0px;
  overflow:hidden;
  list-style:none;
}

div.homeLinkBlockTitle {
  width:135px;
  height:41px;
  padding:2px 0 0 8px;
}
div.homeLinkBlockTitle a:link,div.homeLinkBlockTitle a:visited {color:#fff;font-size:0.8em;text-transform:uppercase;font-weight:bold;text-decoration:none;display:block;padding:2px 0 21px 0;}


div.homeLinkText {
  font-size:0.7em;
  background:#fff;
  padding:6px 9px 15px 9px;
  margin:-5px 5px 0 0;
  width:125px;
  height:auto;
  line-height:1.2em;
}
div.homeLinkText p {margin:0;padding:0;}
div.homeLinkText a:link,div.homeLinkText a:visited {color:#00a0c6;font-weight:bold;text-decoration:none;text-transform:uppercase;}
div.homeLinkText a:hover,div.homeLinkText a:active {color:#00a0c6;font-weight:bold;text-decoration:underline;text-transform:uppercase;}
div.homeLinkText ul {padding:0;margin:0;}
div.homeLinkText ul li {padding:0;margin:0;list-style:none;height:auto; width:auto;}

div.homeLinkAbout {background:#2baae1;}
div#aboutBlock {width:156px;height:229px;}
div#aboutBlock img {
  border-right:6px solid #2baae1;
  border-left:7px solid #2baae1;
  border-bottom:6px solid #2baae1;
  margin:0;
  padding:0;
  float:none;
  position:relative;
}

div.homeLinkBars {background:#ef4523;}
div#barsBlock {width:156px;height:229px;}
div#barsBlock img {
  border-right:6px solid #ef4523;
  border-left:7px solid #ef4523;
  border-bottom:6px solid #ef4523;
  margin:0;
  padding:0;
  float:none;
  position:relative;
}

div.homeLinkSocial {background:#e9098a;}
div#socialBlock {width:156px;height:229px;}
div#socialBlock img {
  border-right:6px solid #e9098a;
  border-left:7px solid #e9098a;
  border-bottom:6px solid #e9098a;
  margin:0;
  padding:0;
  float:none;
  position:relative;
}

div.homeLinkFind {background:#80c241;}
div#findBlock {width:156px;height:229px;}
div#findBlock img {
  border-right:6px solid #80c241;
  border-left:7px solid #80c241;
  border-bottom:6px solid #80c241;
  margin:0;
  padding:0;
  float:none;
  position:relative;
}

div.homeLinkCatering {background:#90298c;}
div#cateringBlock {width:156px;height:229px;}
div#cateringBlock img {
  border-right:6px solid #90298c;
  border-left:7px solid #90298c;
  border-bottom:6px solid #90298c;
  margin:0;
  padding:0;
  float:none;
  position:relative;
}
div#promoFeature {
  position:relative;
  height:249px;
  width:439px;
}

div.promoGallery {
  float:left;
  position:absolute;
  left:0;
  top:0;
  height:249px;
  width:439px;
}

/* BARS
------------------------------------------------ */

div#barImage {
  width:121px;
  height:121px;
  float:left;
  padding:2px 10px 10px 0;
}
div#barExcerpt {

}
div#barGallery {
  height:116px;
  width:276px;
  overflow:hidden;
  position:relative;
}
div.barGalleryThumb {
  width:66px;
  height:55px;
  float:left;
  margin:0 0 3px 3px;
}
div.barGalleryThumb img {
  width:66px;
  height:55px;
}


/* Footer
------------------------------------------------ */
#footer {
  width:758px;
  margin:0px auto 0px auto;
  color:#000;
  padding:0 0 0 0;
  background-color: #191919;
}

#footer ul.colourLinks li.footLinkHome a:link, #footer ul.colourLinks li.footLinkHome a:visited {color:#e9098a;}
#footer ul.colourLinks li.footLinkHome a:hover, #footer ul.colourLinks li.footLinkHome a:active {color:#fff;}

#footer ul.colourLinks li.footLinkAbout a:link, #footer ul.colourLinks li.footLinkAbout a:visited {color:#2baae1;}
#footer ul.colourLinks li.footLinkAbout a:hover, #footer ul.colourLinks li.footLinkAbout a:active {color:#fff;}

#footer ul.colourLinks li.footLinkPic a:link, #footer ul.colourLinks li.footLinkPic a:visited {color:#f26721;}
#footer ul.colourLinks li.footLinkPic a:hover, #footer ul.colourLinks li.footLinkPic a:active {color:#fff;}

#footer ul.colourLinks li.footLinkBar a:link, #footer ul.colourLinks li.footLinkBar a:visited {color:#ed2024;}
#footer ul.colourLinks li.footLinkBar a:hover, #footer ul.colourLinks li.footLinkBar a:active {color:#fff;}

#footer ul.colourLinks li.footLinkTwo a:link, #footer ul.colourLinks li.footLinkTwo a:visited {color:#80c241;}
#footer ul.colourLinks li.footLinkTwo a:hover, #footer ul.colourLinks li.footLinkTwo a:active {color:#fff;}

#footer ul.colourLinks li.footLinkTwo sup {font-size:0.6em;}

#footer ul.colourLinks li.footLinkAbbey a:link, #footer ul.colourLinks li.footLinkAbbey a:visited {color:#ffc427;}
#footer ul.colourLinks li.footLinkAbbey a:hover, #footer ul.colourLinks li.footLinkAbbey a:active {color:#fff;}

#footer ul.colourLinks li.footLinkHeaton a:link, #footer ul.colourLinks li.footLinkHeaton a:visited {color:#268f44;}
#footer ul.colourLinks li.footLinkHeaton a:hover, #footer ul.colourLinks li.footLinkHeaton a:active {color:#fff;}

#footer ul.colourLinks li.footLinkTrafford a:link, #footer ul.colourLinks li.footLinkTrafford a:visited {color:#00b1b0;}
#footer ul.colourLinks li.footLinkTrafford a:hover, #footer ul.colourLinks li.footLinkTrafford a:active {color:#fff;}

#footer ul.colourLinks li.footLinkCatering a:link, #footer ul.colourLinks li.footLinkCatering a:visited {color:#bb3c96;}
#footer ul.colourLinks li.footLinkCatering a:hover, #footer ul.colourLinks li.footLinkCatering a:active {color:#fff;}


#footer ul.colourLinks a:link, #footer ul.colourLinks a:visited {text-transform:uppercase;text-decoration:none;font-family:Helvetica,Arial,Verdana,Sans-serif;font-size:20px;}
#footer ul.colourLinks a:hover, #footer ul.colourLinks a:active {text-transform:uppercase;text-decoration:none;font-family:Helvetica,Arial,Verdana,Sans-serif;font-size:20px;}

#footer ul.colourLinks a {padding:0 6px 0 0;font-weight:normal;}
#footer ul.colourLinks {color:#958b74;width:600px;}
#footer ul.colourLinks li {display:inline;width:auto;padding:0;margin:0;font-size:24px;}


#footer ul#footLinkWhite li {display:inline;width:auto;padding:0;margin:0;font-size:14px;font-weight:bold;color:#e8e7e8;}
#footer ul#footLinkWhite li a {padding:0 6px 0 0;}

#footer ul#footLinkWhite a:link, #footer ul#footLinkWhite a:visited {text-transform:uppercase;font-size:12px;text-decoration:none;font-family:Helvetica,Arial,Verdana,Sans-serif;color:#e8e7e8;}
#footer ul#footLinkWhite a:hover, #footer ul#footLinkWhite a:active {text-transform:uppercase;font-size:12px;text-decoration:none;font-family:Helvetica,Arial,Verdana,Sans-serif;color:#666;}

#footer ul li {
  display:inline;
  list-style-type:none;
  padding:0 50px 0 0;
}
#footer ul {
  padding:0px;
  margin:0;
}

#footer-copy {width:758px;margin:0px auto;padding:26px 0 80px 0;}
.footer-left {float:left;color:#3f3f3f;font-size:0.6em;}
.footer-right {float:right;}

#footer div#footLocationsBar {width:750px;background:#e9098a;font-size:0.7em;color:#fff;text-transform:uppercase;font-weight:bold;margin:26px 0 14px 0;padding:2px 0 2px 6px;}

#footer table a:link, #footer table a:visited {color:#fff;text-decoration:none;font-weight:normal;}
#footer table a:hover, #footer table a:active {color:#fff;text-decoration:underline;font-weight:normal;}

#footer table {color:#e8e7e8;}
#footer table td.locationName {text-transform:uppercase;font-weight:bold;}
#footer table td.locationAddress {font-size:0.7em;text-align:right;}

#footer-copy ul li {
  display:inline;
  list-style-type:none;
  padding:0 0px 0 0;
}
#footer-copy ul {
  padding:0px;
  margin:0;
}
#footer-copy ul a:link,#footer-copy ul a:visited {color:#3f3f3f;text-decoration:none;padding:0 4px 0 0;}
#footer-copy ul a:hover,#footer-copy ul a:active {color:#666;text-decoration:none;}

#footer-image {float:right;margin:10px 0 0 0;}

.footer-left a:link, .footer-left a:visited {color:#666;text-decoration:none;}
.footer-left a:hover, .footer-left a:active {color:#666;text-decoration:underline;}

/* Layout
------------------------------------------------ */

.first-float-rigid
{
    float: left;    
    width: 170px;
    padding: 0;
    margin: 0;
}

.second-float-rigid
{
    width: 880px;
    padding: 0;
    margin: 0 0 0 0px;
}



#lhscontainer
{
    height: auto;
    position: relative;
    margin:0px;
    padding:0px;
    text-align: left;
    background: #F38630;
    height:300px; /* Temporary for Display */
}


#rhscontainer {
    height: auto;
    position: relative;
    margin:0px;
    padding:0px;
    text-align: left;
    height:auto;
}

/* SITEMAP
------------------------------------------------ */
div.sitemapCol {
  float:left;
  width:230px;
  padding:20px 0 0 20px;
  font-size:0.9em;
}
div.sitemapCol h2 {font-size:1em;text-transform:uppercase;color:#ed1f24;}
div.sitemapCol h3 {font-size:1em;text-transform:uppercase;color:#000;}

/* PANELS
------------------------------------------------ */
ul.pagination {margin:10px 0 10px 0;padding:0 0 0 0;}
ul.pagination a {}
li.pagination {
  display:inline;
  padding:5px;
  background:#ececec;
}

div#gamesPanel {font-size:0.9em;padding:20px 0 0 18px;}
div#gamesPanel h3 {color:#e90a8a;text-transform:uppercase;font-size:1em;padding:0 0 5px 0;}

div.gameBlock {width:181px;float:left;margin:0 6px 0 0;}
div.gameBlock h4 {text-transform:uppercase;padding:5px 0 0 0;}
div.gameBlock a {text-decoration:underline;}

div#blogBar {width:736px;text-transform:uppercase;color:#fff;background:#e90a8a;margin:20px 0 0 18px;padding:5px 0 5px 10px;font-weight:bold;}

div#wallpapers {position:relative;}
div.wallpaper {position:absolute;z-index:10;display:none;}

/* PANELS
------------------------------------------------ */
div#newslistContainer, div#socialNewsBlock {
  text-align:left;
}
div#newslistContainer ul, div#socialNewsBlock ul {
  padding:0;
  margin:0;
}
div#newslistContainer ul li, div#socialNewsBlock ul li {list-style:none;padding:0;}
div#newslistContainer ul a, div#socialNewsBlock ul a {text-transform:uppercase;font-size:0.9em;}


/* FORMS
----------------------------------------*/
div#newsletterSignup {
  width:268px;
  height:auto;
  background:#3f4040;
  color:#fff;
  font-size:0.9em;
  text-align:left;
  padding:20px 0 0px 8px;
  position:relative;
  left:0px
}
div#newsletterSignup div.form-row {
  margin:4px 0 8px 0;
}
div#newsletterSignup label {
  float:none;
}
div#newsletterSignup input {
  float:none;
  width:239px;
  height:17px;
  border:none;
  background:#fff;
  padding:2px 0 0 4px;
  cursor:pointer;
}
div#newsletterSignup input#zemSubmit {
  text-transform:uppercase;
  font-weight:bold;
  width:80px;
  height:25px;
  padding:5px 16px 8px 16px;
  background:url(../images/28.jpg) no-repeat;
  margin:21px 0 0 80px;
}
div.contact-thanks {padding:0 0 10px 0;}
div.contact-thanks h2 {color:#fff;margin:0;padding:0;}
.form-row {
   clear:both;
   padding-bottom:5px;
}
.form-row-checkboxes {
   clear:both;
   padding:10px 0 10px 0;
}
#contact-form .form-row-checkboxes label{width:auto;padding-left:10px;}
#contact-form {
   font-size:1em;
   color:#fff;
   padding-left:10px;
}
#contact-form label {
   float:left;
   width:120px;
   font-size:0.9em;
   margin-top:8px;
}
#contact-form input {
  float:left;
  margin-top:4px;
}
#contact-form textarea {
  float:left;
  margin-top:4px;
}
#contact-form .zemSubmit {
  float:right;
}
fieldset {
  border:none;
}
ul.zemError {
  font-size:0.9em;
  margin:0px;
  color:#fff;
  padding:0 0 0 10px;
}
#contact-form .zemCheckbox input {
  margin:0px;
  border:0;
  padding:0;
}

.signup .zemText {width:100px;}
.signup .zemSubmit {margin-right:5px;}

.form-row-checkbox {clear:both;}
.form-row-checkbox label{width:200px;padding-left:10px;margin-top:0;}
.form-row-checkbox .zemCheckbox {margin-top:20px;}



/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1 {color:#000;margin:0;padding:0;}
h2 {color:#000;margin:0;padding:0;}
h3 {color:#000;margin:0;padding:0;}
h4 {color:#000;margin:0;padding:0;}
h5 {color:#000;margin:0;padding:0;}
h6 {color:#000;margin:0;padding:0;}



/* Miscellaneous Conveniences
---------------------------------------------------------------- */

form label
{cursor: pointer;}

.bold {font-weight:bold;}

input, select, td
{font-size: 90%;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

img{border: 0;margin:0;padding:0;}


li {margin:0;padding:0;}


#error-default {
  width:500px;
  margin:10px 0 50px 0;
}
#error-default h2 {
  color:#304c9f;
}

/* Form Styles
---------------------------------------------------------------- */

.form-row {padding: 0px; margin: 0px; text-align:left;clear:both;}

label
{
      float:left;
      width:auto;
      margin: 0px;

}
select, input, textarea

{
      float:left;
      margin:0px 0px 0px 0px;
}



.zemError li
{
        padding: 2px 0px;
	list-style: none;
	margin: 0px;
	color: #fff;
}