/***********************************************************************

HEADINGS

***********************************************************************/

h1,h2,h3,h4 {
font-family: Rockwell, Courier, 'Arial black', sans-serif;
font-weight:bold;
color:#f2e29e;

}

#header h1 {
  color:#ffffff;
}

.courier {
font-family:Rockwell, Courier, 'Courier New', monospace;
}

/***********************************************************************

LAYOUT 

***********************************************************************/
body {
background:#636363 url(../images/version1/vertical_grey.gif) top left repeat-x;
}

#wrapper {
  background:url(../images/version1/eee9de_Wrapper_bg.png) top left repeat-y;
  padding: 0 0 2px 0;
}

#wrapper {
  _background:url(../images/version1/wrapper_bg.jpg) 20px 0 repeat-y;
}

/***********************************************************************

FOOTER

***********************************************************************/

#footer {
  border:1px solid #929292;
  width: 830px!important;
  display:block;
  margin-bottom: 20px;
}

div.footer_content {
  width: auto!important;
}

#footer a {
  color:#4d4d4d; 
  text-shadow: 1px 1px 1px #FFFFFF;
}

div.footer_content {
  background:#d9d9d9 url(../images/footer-bg.jpg) bottom center repeat-x;
}

#content div.footer_content a {
  text-decoration:underline;
}
/***********************************************************************

HEADER

***********************************************************************/
div#header h1 {
  position:absolute;
  background:url(../images/version1/h1_bg.png) top left repeat-x;
  padding:5px 40px 5px 19px;
  top:15px;
  left:7px;
  width:500px;
}

div#header div.pub_image{
 /*background:url(../images/version1/pub_image_shadow.jpg) top left no-repeat;*/
 background: transparent;
}

/***********************************************************************

WELCOME

***********************************************************************/

#welcome {
  margin-left:4px;
  line-height:2em;
}

#welcome div.map{
  background:#0C61A2 url(../images/version1/lilbox.gif) top left repeat-x;
  width:276px;
  height:236px;
  float:right;
  margin-right:3px;
}

#welcome div.map a{
  float:right;
  margin-right:10px;
  text-decoration:underline;
  color:#81d4f6;
}

#welcome div.blurb{
  background:transparent;
  width:560px;
  min-height:223px;
  margin-left:2px;
}

#welcome div.blurb h1, #welcome div.blurb p{
  padding:0 0 5px 20px;
}

#welcome div.blurb h1.welcome{
  /*padding-top:10px;*/
}

#welcome h2 {
  margin-bottom:5px;
}

#welcome h2 span.courier {
  font-size:0.8em;
  text-transform:none;
  display:block;
}

#welcome p {
  font-size:1.3em;
  width:520px;
  margin-bottom:4px;
}

#welcome div.team {
  width:520px;
}

#welcome div.team p {
  width:520px;
  font-style:italic;
  font-weight: bold;
}

#welcome h1{
  line-height:1.3em;
  color:#008156;
}

#welcome  h1.welcome{
  font-size:3em;
  text-transform:none;
  display:block;
}

.pubBreadrumb a, .pubBreadrumb  {
  color: #797979 !important;
  margin: 10px 0 0 11px;
}


/***********************************************************************

content over-rides

***********************************************************************/
body #content {
  color: #000;
}

body #right-col {
  width: 285px;
  text-align: left;
}

body #right-col div {
  float: none!important;
}

div#header div.pub_image img.main_image {
    height: 289px!important;
}
/***********************************************************************

bookmark

***********************************************************************/
.bookmark {
  background: transparent url(../images/version2/bookmark_bg_blue.jpg) 0 12px no-repeat;
  padding: 0;
  height: 20px;
  width: 500px !important;
}


.bookmark .right {
  padding-right: 10px;
}

.bookmark h1 {
  display: inline-block !important;
  color: #fff !important;
  font-size: 1.4em !important;
  float: left !important;
  margin: 0 0 0 30px;
}
/***********************************************************************

TAB BOX

***********************************************************************/
.tab_content {
  background-color: #f7f3eb;
  border: 1px solid #aea07f;
  margin: 0;
}

.tab_content div.popular_menu  h1.few {
  font-family: Rockwell, Courier, 'Arial black', sans-serif;
  font-weight:bold;
  font-size: 1.3em;
  margin-bottom:5px;
  color:#989898;
  text-transform: none;
}


.tab_content div.popular_menu  em {
  font-family: Rockwell, Courier, 'Arial black', sans-serif;
  font-weight:bold;
  font-size: 2.5em!important;
  margin-bottom:5px;
  color:#008156;
}

.tab_content div.popular_menu h5 {
  font-weight:bold;
  color:#f2e29e;
  width:200px;
}

.tab_content h4.special,
.tab_content h4.meal_deal {
  position:relative;
  top:15px;
  left:15px;
  width:220px;
}

ul#tabs li a {
  height:38px;
}

ul#tabs li a.food {
  background: url(../images/version1/food_off1.jpg) top left no-repeat;
  width:74px;
}

ul#tabs li a.wine {
  background: url(../images/version1/wine_off.jpg) top left no-repeat;
  width:75px;
}


ul#tabs li a.events {
  background: url(../images/version1/events_off1.jpg) top left no-repeat;
  width:75px;
}

#food a.menu-descr {
  font-size:1.3em;
  float:left;
  clear:left;
  margin:10px 0 10px 0;
  font-weight:bold;
  color:#f2e29e;
  background:#21547c;
  width:235px;
  height:25px;
  padding: 0 0 0 10px;
}

.tab_content div.popular_menu  p.few {
  font-family:Impact,Charcoal,'Arial black',sans-serif;
  font-size:2.5em;
  font-weight:bold;
  margin-bottom:25px;
  color:#f2e29e;
}

.tab_content div.popular_menu ul li p {
  color:#0c77ba;
  font-family: Rockwell, Courier, 'Arial black', sans-serif;
  font-weight:bold;
}

.tab_content p.served {
  margin-top:50px;
  font-weight: bold;
  display: block;
  clear: left;
  white-space: nowrap;
}

.event_title {text-transform:uppercase; font-weight:bold;}

.event_date {margin-left: 10px;}

.event_description {line-height: 1.8em; float:left; clear:left;}

#current_special_menu {
  padding: 4px 10px 0 0;
}

/***********************************************************************

FACILITIES

***********************************************************************/
#facilities {
  background-color:transparent;
}

#facilities h3,
#facilities h4 {
  color: #008156;
  text-transform: none;
}

#facilities .tv {
  float:right;
  width:155px;
}

/***********************************************************************

CONTACT DETAILS

***********************************************************************/

#contact_details {
  float:right;
  clear:right;
  margin:0 0 17px;
}

#contact_details .fullSizeMapLink {
  font-size:1.3em;
  float: left;
  height:21px;
  margin-top:5px;
}

#contact_details .contact-us {
  background:#3F92D2;
  color:#fff;
  float:right;
  font-size:1.5em;
  height:21px;
  margin-top:5px;
  width:144px;
  text-align:center;
  line-height:21px;
}

#contact_details p {
  font-size:1em;
}

#contact_details h3, 
.nearbyPubs h2 {
  color: #008156;
  text-transform: none;
}

.nearbyPubs ol {
  margin: 10px 0 0 0;
}

.nearbyPubs a {
  color: #0069a9!important;
  text-decoration: underline!important;
}

.nearbyPubs a:hover {
  text-decoration: none!important;
}


#contact_details ul {
  clear:left;
  float:left !important;
  margin:15px 10px 0 0;
  width:100px;
  font-size:1.2em;
}

#contact_details ul li.call_us {
  margin-top: 0;
}

#contact_details table {
  float:left;
  font-size:1.2em;
  margin:15px 0 10px 10px;
  text-align:left;
}

#contact_details table td {
  padding-bottom:3px;
}

#divPopup div.small_contact form ul li {
  margin-bottom:1em;
}

#divPopup div.small_contact form a {
  background:url(../images/version1/message.gif) center center no-repeat;
  width:176px;
  height:23px;
  display:block;
  text-align:center;
  padding:3px 0 0 0;
  color:#ffffff;
  float:right;
  font-size:1.3em;
}

#divPopup div.small_contact {
  width:400px;
  color:#ffffff;
}

#divPopup div.small_contact  input,
#divPopup div.small_contact  textarea{
  float:right;
  width:240px;
}

#divPopup div.small_contact label {
  width:140px;
}

/***********************************************************************

SIGN UP FORM

***********************************************************************/

div.sign_up_form {
  font-family:Arial,Helvetica,Verdana,sans-serif !important;
  background:#033e6b url(../images/version1/vertical.gif) bottom left repeat-x;
}

div.sign_up_form h4 {
  color:#ffffff;
}

div.sign_up_form p.long,
div.sign_up_form p.long_first {
  color:#ffffff;
}

div.sign_up_form label {
  color:#ffffff;
}

div.sign_up_form div.contact_details {
  border-left:1px solid #ffffff;
}

div.sign_up_form p.terms,
div.sign_up_form p.terms a {
  color:#ffffff;
}

/***********************************************************************

TAB FUNCTION BEGINS

***********************************************************************/

#pub_details {
  margin-top:-10px;
}

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {
  display:none !important;
}

/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav {
  margin:0;
  clear:right;
  padding: 3px 0;
  font-size: 14px;
  font-family: Rockwell, Courier, 'Arial black', sans-serif;
  font-weight:bold;
  width: 100px;
  text-align:left;
}

ul.tabbernav li {
  list-style: none;
  margin: 0 3px 0px 0px; 
  display: inline;
}

ul.tabbernav li a {
 padding: 4px 6px;
 text-decoration: none;
 margin-right: 3px;
 white-space:nowrap;
 background: #072d43 url(../images/version2/normal_tab.gif) left bottom no-repeat; 
}

ul.tabbernav #food_WorldCup {
  background-color: #fad330 !important;
  color: #000 !important;
}

ul.tabbernav li.tabberactive #food_WorldCup {
 color: #fff !important;
 background-color: #000 !important;
}

ul.tabbernav li a:active { 
  color: #fff !important; 
  font-size:14px;
}

ul.tabbernav li a:link { 
  color: #fff !important; 
  font-size:14px;
}

ul.tabbernav li a:visited { 
  color: #fff !important; 
  font-size:14px;
}

ul.tabbernav li a:hover {
 color: #fff;
 background: #21547C;
 font-size:14px;
 font-weight:bold;
 text-decoration: none !important;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover  {
  color: #fff !important;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 14px;
  background: transparent url(../images/version2/active_tab.gif) 50% bottom no-repeat;  
}

/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {
  padding:20px;
  float:left;
  clear:left;
}
/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
  display:none;
}

.tabberlive .tabbertab h3 {
  display:none;
}

a.fullSizeMapLink {
  background:none!important;
	font-size:1.2em!important;
	color:#597B7C!important;
	text-align:right!important;
	display: block;
	float: none;
}

.contactButton {
  background:url(../images/version1/contact_blue.jpg) 0 0 repeat-x !important;
  display: block;
  clear: both; 
  color: #ffffff !important;
  padding: 12px 0 11px 0; 
  font-size: 1.7em; 
  text-align: center !important;
  font-family:Arial, Helvetica, sans-serif !important;
}


.nearbyPubs {
	clear: left;
}
/* ie 6 fix */
.tabbernav .tabberactive a {
  z-index:20;
  position:relative;
}

.tabbernav { 
  width:auto;
}
.footeraera {
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px !important;
    width: 884px;
}


.footerBg {
   width:872px;
   color: #fff;
}

.footerpad {
  padding: 20px 10px;
  background: #464646 url('../images/version2/footer_bg.jpg') top left repeat-x;
}

#full-menu-button {
    background-image: url('../images/full-menu-buttons/full-menu-btn-value.gif');
}

/* Father's Day:  VALUE */
div.sign_up_form {border: 0; border-top: 15px solid #002F5B; border-bottom: 3px solid #BEAE97;}
div.sign_up_form h3 {color: #231F20; text-transform: uppercase;}
div.sign_up_form h3 span {display: block; color: #002F5B; text-transform: uppercase;}
div.sign_up_form #SubmitRegistration,
div.sign_up_form #SubmitFriends {background-image: url('../images/campaigns/fathersday/regbtn_value_submit.gif'); width: 148px; height: 51px; text-indent: -999em; overflow: hidden;}
div.sign_up_form {background: none;}
div.sign_up_form p.long, div.sign_up_form p.long_first {color: #000;}
div.sign_up_form label {color: #000;}
div.sign_up_form h4 {color: #000;}
div.sign_up_form p.terms, div.sign_up_form p.terms a {color: #000;} 
