html, body
{
  background-color: #1A1A1A;
  margin: 0px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
body
{
  font-size: 62.5%;
}
.important
{
  color: #9CA65A;
}
#wrapper
{
  border-top: solid 10px #161616;
  padding: 0px;
  background: transparent url("images/background/BP-background.jpg") scroll top center repeat;
  font-family: Arial, Helvetica, sans-serif;
}
#inner-wrapper
{
  width: 978px;
  margin: 0px auto;
  text-align: left;
  padding: 0px 17px;
  background: transparent url("images/background/wrapper-shadow.png") scroll center center repeat-y;
}
#header
{
  margin-top: -10px;
  border-top: solid 10px #262626;
  background: #5F624C url("images/background/nav.gif") scroll top right no-repeat;
  min-height: 139px;
  position: relative;
  z-index: 50;
}
#header #BPlogo
{
  background: #5F624C url("images/background/Bath-Priory-logo.gif") scroll center center no-repeat;
  width: 217px;
  height: 139px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9999px;
  overflow: hidden;
}
#body
{
  background: #404040 none scroll top right no-repeat;
  position: relative;
  width: 760px;
  padding-left: 218px;
  padding-top: 260px;
  z-index: 40;
}
#actions
{
  width: 218px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#footer
{
  background-color: #262626;
  min-height: 150px;
  width: 978px;
  margin: 0px auto;
  padding: 0px;
}
#content
{
  border: solid 25px #EAEAEA;
  background: transparent none scroll top right no-repeat;
  min-height: 646px;
}
#body.home
{
  padding-top: 0px;
}
#body.home #content
{
  min-height: 370px;
}
#body.home .flash
{
  height: 396px;
  background-color: transparent;
}
#body.flash-page .flash
{
  background-color: #ECE9D8;
  padding: 25px 65px;
}
#body.flash-page #content
{
  padding-right: 0px;
  background-image: none;
}
#content, #actions li#booking-form, #content, #actions li#newsletter-form
{
  background-color: #EAEAEA;
}

body.spa #content, body.spa #actions li#booking-form
{
  background-color: #EAEAEA;
}
body.spa #header #BPlogo
{
  background-image: url("images/background/Bath-Priory-Spa-logo.gif");
  background-color: #80A3B7;
}
body.spa #header
{
  background-image: url("images/background/nav-spa.gif");
  background-color: #80A3B7;
}
body.restaurant #content, body.restaurant #actions li#booking-form
{
  background-color: #EAEAEA;
}
body.restaurant #header #BPlogo
{
  background-image: url("images/background/Bath-Priory-Restaurant-logo.gif");
  background-color: #B9AD97;
}
body.restaurant #header
{
  background-image: url("images/background/nav-restaurant.gif");
  background-color: #B9AD97;
}
/********NAV********/
#nav
{
  text-align: right;
  padding-right: 30px;
  padding-left: 248px;
  padding-top: 85px;
  width: 700px;
}
#nav li
{
  font: normal 1.1em Arial, Helvetica, sans-serif;
  padding: 2px 3px;
  display: inline;
  position: relative;
  z-index: 50;
  white-space: nowrap;
}
#nav li.main
{
  font-size: 1.4em;
  padding: 2px 8px;
  border-left: solid 1px #FFFFFF;
  position: relative;
  top: -7px;
  z-index: 60;
}
#nav li.first
{
  margin-left: 360px;
  border-left-width: 0px;
}
#nav li.last, #nav li.last a, #nav li.last h2
{
  padding-right: 1px;
}
#nav li a, #nav li h2
{
  color: #FFFFFF;
  padding: 0px 2px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  z-index: 50;
}
#nav li a:link, #subnav li a:link {color: #FFFFFF;}
#nav li a:visited, #subnav li a:visited {color: #FFFFFF;}
#nav li a:active, #subnav li a:active {color: #FFFFFF;}
#nav li h2, #nav li a:hover, #subnav li a:hover, #subnav li a:hover {color: #7B8347;}
body.restaurant #nav li a:link, body.spa #nav li a:link, body.restaurant #subnav li a:link, body.spa #subnav li a:link {color: #FFFFFF;}
body.restaurant #nav li a:link, body.spa #nav li a:visited, body.restaurant #subnav li a:link, body.spa #subnav li a:visited {color: #FFFFFF;}
body.restaurant #nav li a:link, body.spa #nav li a:active, body.restaurant #subnav li a:link, body.spa #subnav li a:active {color: #FFFFFF;}
body.restaurant #nav li h2, body.restaurant #nav li a:hover, body.spa #nav li h2, body.spa #nav li a:hover, body.restaurant #subnav li h2, body.restaurant #subnav li a:hover, body.spa #subnav li h2, body.spa #subnav li a:hover {color: #000000;}
#nav li h2
{
  text-decoration: underline;
}

#nav li:hover
{
  background-color: #393B2E;
}
#nav li ul.sub
{
  position: absolute;
  min-width: 100%;
  top: 16px;
  right: 0px;
  background-color: #393B2E;
  display: none;
  z-index: 60;
  border-top: solid 1px #5F624C;
}
body.restaurant #nav li ul.sub {background-color: #9D9380;border-top-color: #B9AD97}
body.restaurant #nav li ul.sub li {border-bottom-color: #B9AD97;}
body.restaurant #nav li:hover {background-color: #9D9380;}
body.spa #nav li ul.sub {background-color: #6D8B9C;border-top-color: #80A3B7;}
body.spa #nav li ul.sub li {border-bottom-color: #80A3B7;}
body.spa #nav li:hover {background-color: #6D8B9C;}
#nav li.main ul.sub
{
  top: 20px;
}
#nav li:hover .sub
{
  display: block;
}
#nav li ul.sub li
{
  display: block;
  font-size: 0.9em;
  padding: 3px 3px 2px;
  border-bottom: solid 1px #5F624C;
}
#nav li.main ul.sub li
{
  font-size: 0.7em;
  padding: 2px 8px 2px 3px;
}
#nav li.rowstart
{
  clear: left;
}
body.restaurant #subnav {background-color: #B9AD97;}
body.spa #subnav {background-color: #80A3B7;}
#subnav
{
  background-color: #5F624C;
  padding: 7px 25px 6px;
  border-bottom: solid 1px #404040;
  display: none;
}
#subnav li
{
  display: inline;
  padding: 4px 18px 4px 0px;
}
#subnav li a
{
  text-decoration: none;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
  line-height: 1.4em;
}
/********nav********/
/********ACTIONS********/
#actions li
{
  color: #FFFFFF;
  margin: 20px 0px;
  background: transparent none scroll top left no-repeat;
  position: relative;
  padding: 0px;
  padding-left: 77px;
  padding-right: 5px;
  min-height: 70px;
}
#actions li#booking-form, #actions li#newsletter-form
{
  color: #000000;
  min-height: 0px;
  padding: 22px 12px;
  font-size: 1.2em;
  margin-top: 0px;
}
#actions li#booking-form #fromyear
{
  width: 6em;
}

#actions li#booking-form #frommonth
{
  width: 5em;
}
#actions li#booking-form #fromday
{
  width: 4.5em;
}

#actions li h3
{
  color: #9CA65A;
  font: normal 1.9em "Lucida sans", Lucida, Arial, sans-serif;
  margin: 0px 0px 10px;
}
#actions li#newsletter-form
{
  border-right: solid 1px #404040;
}
#actions li h3 a {color: #9CA65A;text-decoration: none;}
#actions li h3 a:link {color: #9CA65A;}
#actions li h3 a:visited {color: #9CA65A;}
#actions li h3 a:active {color: #9CA65A;}
#actions li h3 a:hover {color: #FFFFFF;}
body.restaurant #actions li h3 a {color: #D6CEBE;text-decoration: none;}
body.restaurant #actions li h3 a:link {color: #D6CEBE;}
body.restaurant #actions li h3 a:visited {color: #D6CEBE;}
body.restaurant #actions li h3 a:active {color: #D6CEBE;}
body.restaurant #actions li h3 a:hover {color: #FFFFFF;}
body.spa #actions li h3 a {color: #AEC7D7;text-decoration: none;}
body.spa #actions li h3 a:link {color: #AEC7D7;}
body.spa #actions li h3 a:visited {color: #AEC7D7;}
body.spa #actions li h3 a:active {color: #AEC7D7;}
body.spa #actions li h3 a:hover {color: #FFFFFF;}
#actions li p
{
  font: normal 1.2em Arial, Helvetica, sans-serif;
}
#actions li form
{
  margin-top: 8px;
}
#actions li form input, #actions li form select, #actions li form label
{
  font-size: 0.8em;
  margin: 4px 0px;
}
#actions li form label
{
  font-size: 0.9em;
  display: inline-block;
  width: 35px;
}
#actions li form label.children
{
  width: 46px;
  padding-left: 20px;
}
#actions li form div.submit, #content form .submit
{
  text-align: right;
  margin-top: 6px;
}
#actions li form div.submit input, #content form .submit input
{
  background-color: #000000;
  border-width: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  width: auto;
  padding: 2px 13px;
  cursor: pointer;
  margin: 0px;
}
/********actions********/

/********FOOTER********/
#footer
{
  padding: 0px;
  overflow: auto;
  color: #FFFFFF;
  xposition: relative;
}
#footer ul
{
  display: block;
  float: left;
  margin-top: 20px;
}
#footer ul li
{
  display: inline
}
#footer ul#i18n
{
  font: normal 1em Arial, Helvetica, sans-serif;
  width: 218px;
  text-align: center;
}
#footer ul#i18n li
{
  border-left: solid 1px #FFFFFF;
  padding: 0px 3px;
}
#footer ul#i18n li.first
{
  border-left-width: 0px;
}
#footer ul#i18n li a
{
  color: #FFFFFF;
  text-decoration: none;
}
#footer ul#i18n li a:link {color: #FFFFFF;}
#footer ul#i18n li a:visited {color: #FFFFFF;}
#footer ul#i18n li a:active {color: #FFFFFF;}
#footer ul#i18n li a:hover {color: #9CA65A;}
body.restaurant #footer ul#i18n li a:link {color: #FFFFFF;}
body.restaurant #footer ul#i18n li a:visited {color: #FFFFFF;}
body.restaurant #footer ul#i18n li a:active {color: #FFFFFF;}
body.restaurant #footer ul#i18n li a:hover {color: #D6CEBE;}
body.spa #footer ul#i18n li a:link {color: #FFFFFF;}
body.spa #footer ul#i18n li a:visited {color: #FFFFFF;}
body.spa #footer ul#i18n li a:active {color: #FFFFFF;}
body.spa #footer ul#i18n li a:hover {color: #AEC7D7;}
#footer ul#endorsements
{
  width: 450px;
  text-align: center;
}
#footer ul#endorsements li
{
  padding: 0px 8px;
}
#footer div#contact
{
  font: normal 1.1em Arial, Helvetica, sans-serif;
  line-height: 1.4em;
  width: 285px;
  padding-right: 25px;
  text-align: right;
  float: left;
  margin-top: 20px;
}
#footer div#contact span.fn, #footer div#contact span.org, #footer div#contact span.street-address, #footer div#contact span.locality, #footer div#contact span.postal-code
{
  text-transform: uppercase;
}
#footer div#contact a
{
  color: #FFFFFF;
  text-decoration: none;
}
#footer div#contact a:link {color: #FFFFFF;}
#footer div#contact a:visited {color: #FFFFFF;}
#footer div#contact a:active {color: #FFFFFF;}
#footer div#contact a:hover {color: #9CA65A;}
body.restaurant #footer div#contact a:link {color: #FFFFFF;}
body.restaurant #footer div#contact a:visited {color: #FFFFFF;}
body.restaurant #footer div#contact a:active {color: #FFFFFF;}
body.restaurant #footer div#contact a:hover {color: #D6CEBE;}
body.spa #footer div#contact a:link {color: #FFFFFF;}
body.spa #footer div#contact a:visited {color: #FFFFFF;}
body.spa #footer div#contact a:active {color: #FFFFFF;}
body.spa #footer div#contact a:hover {color: #AEC7D7;}

#footer .left ul
{
  float: none;
  margin-top: 0px;
}
#footer .left
{
  float: left;
  width: 218px;
  margin-top: 20px;
  text-align: center;
}
#footer .left a#twitter-link
{
  margin-top: 15px;
  display: block;
  text-decoration: none;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  margin-left: 10px;
}
#footer .left a#twitter-link:hover {color: #9CA65A;}
body.restaurant #footer .left a#twitter-link:hover {color: #D6CEBE;}
body.spa #footer .left a#twitter-link:hover{color: #AEC7D7;}



#footer .left a#facebook-link
{
  margin-top: 15px;
  display: block;
  text-decoration: none;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  margin-left: 10px;
}
#footer .left a#facebook-link:hover {color: #9CA65A;}
body.restaurant #footer .left a#facebook-link:hover {color: #D6CEBE;}
body.spa #footer .left a#facebook-link:hover{color: #AEC7D7;}



/********footer********/

/********CONTENT********/

#content
{
  padding-right: 260px;
  background: #EAEAEA url("images/background/content/montage/montage1.jpg") scroll top right no-repeat;
}
#body.home #content, #body.gallery #content
{
  padding-right: 0px;
  background-image: none;
}
#body.gallery div#content img
{
  padding-right: 10px;
}
#body.gallery div#content h3
{
  padding-top: 20px;
}
#content h1, #content h2
{
  font: normal 1.9em "Lucida sans", Lucida, Arial, sans-serif;
  margin-bottom: 1em;
}
#content h1
{
  text-transform: uppercase;
}
#content p, #content li, #content h3, #content h4, #content h5, #content h6
{
  margin: 0.65em 0em;
  font: normal 1.2em Arial, Helvetica, sans-serif;
}
#content h3
{
  margin-top: 1em;
  font-size: 1.3em;
  text-transform: uppercase;
}
#content h4
{
  margin-top: 1em;
  font-weight: bold;
}
#content h5
{
  margin-top: 1em;
  text-transform: uppercase;
}
#content h6
{
  margin-top: 1em;
  font-style: italic;
}
#content ul
{
  margin-left: 1.5em;
  list-style-type: disc;
}
#content ol
{
  margin-left: 1.6em;
  list-style-type: decimal;
}
#content .footnote
{
  font-size: 1.1em;
  font-style: italic;
}

#content .pdf-list
{
  list-style-type: none;
  margin: 10px 0px 20px;
}
#content .pdf-list li
{
  margin: 0px 0px 8px;
  border-bottom: solid 1px #FFFFFF;
}
#content .pdf-list li a
{
  padding: 8px 0px 0px;
  padding-left: 45px;
  display: block;
  background: transparent url("images/background/pdf.gif") scroll top left no-repeat;
  min-height: 32px;
}

#content blockquote
{
  padding-left: 30px;
  margin: 20px 0px 0px;
  background: transparent url("images/background/quote.gif") scroll top left no-repeat;
}
#content p.quote-credit
{
  padding-left: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}


#content .boxout, #content ul.offers li a
{
  padding: 7px 15px 8px;
  border: solid 3px #404040;
  margin: 8px 0px 20px;
}
#content ul.offers
{
  list-style-type: none;
  margin-left: 0px;
}
#content ul.offers li a
{
  margin: 20px 0px;
  padding-top: 15px;
  overflow: auto;
  display: block;
}
#content ul.offers li a:link {border-color: #000000;}
#content ul.offers li a:visited {border-color: #000000;}
#content ul.offers li a:active {border-color: #000000;}
#content ul.offers li a:hover {border-color: #5F624C;}
body.restaurant  #content ul.offers li a:hover {border-color: #B9AD97;}
body.spa  #content ul.offers li a:hover {border-color: #80A3B7;}

#content ul.offers li a img
{
  float: left;
  margin: 0px 15px 7px 0px;
}
#content ul.offers li a strong 
{
  display: block;
  text-transform: uppercase;
  color: #000000;
  font: normal 1.2em Arial, Helvetica, sans-serif;
}
#content ul.offers li a span
{
  display: block;
  color: #000000;
  margin-bottom: 7px;
}

#content a {text-decoration: none;}
#content a:link {color: #5F624C;}
#content a:visited {color: #5F624C;}
#content a:active {color: #5F624C;}
#content a:hover {color: #000000;}
body.restaurant #content a:link {color: #B9AD97;}
body.restaurant #content a:visited {color: #B9AD97;}
body.restaurant #content a:active {color: #B9AD97;}
body.restaurant #content a:hover {color: #000000;}
body.spa #content a:link {color: #80A3B7;}
body.spa #content a:visited {color: #80A3B7;}
body.spa #content a:active {color: #80A3B7;}
body.spa #content a:hover {color: #000000;}

#content ul.our-team
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul.our-team li
{
  width: 130px;
  padding: 0px;
  padding-right: 18px;
  float: left;
  font-size: 0.8em;
}
ul.our-team li.empty
{
  float: none;
  width: 100%;
  clear: left;
  padding: 0px;
}
ul.our-team li strong
{
  display: block;
  font-weight: bold;
}
ul.our-team li a
{
  display: block;
}
#content table
{
  font-size:1.2em;
  width:100%;
}
#content form label
{
  display: inline-block;
  width: 150px;
}
#content form label.info
{
  width: 300px;
}
#actions li.endorsement
{
  text-align: center;
  padding: 22px 12px;
}
ul.offers li a span.more-info
{
 display:block;
 text-align:right;
 color:#5F624C;
}
/********content********/


/********LIGHTBOX********/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/********lightbox********/