@charset "utf-8";
/* //////////////////////////////////////////// */
/* /// Tangent-One CSS Document /////////////// */
/* /// Marstons /////////////////////////////// */
/* ////London 2009 //////////////////////////// */
/* ////andrew.nartey@tangentone.co.uk ///////// */
/* //////////////////////////////////////////// */

/* //////////////////////// */  
/* ///// CSS GENERAL ////// */
/* //////////////////////// */

/*RECURRING STYLES BEGIN*/

.background {
    background: #222223;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 955px;
}

.clear {
    clear: both;
    height: 1px;
}

.pub_title {
    font-size: 16px;
}

/*\Menu Items Style Begins/*/
.menu_left {
    float:left;
    width:440px;
    overflow:hidden;
    position:relative;
}

div.menu_left p {
    margin-top:5px;
    margin-bottom: 20px;
}

div.module2 a {
    color:#ddd6c9;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
}

div.module2 a:hover{
    color: #FFFFFF;    
}

div.module2 a.AllergyMenu {
	display: block;
	padding-top: 16px;
	font-size: 18px;
}

.menu_right {
    float: left;
    width: 40px;
    text-align: right;
}

div.menu_right p {
    margin-top: 0em;
}

.dishname {
    font-weight:bold;
    border-bottom:2px dotted;
    padding-bottom:3px;
    position:relative;
    width:455px;
}

.dishdescription {
    padding-top:5px;
    width:455px;
}

.swc_List li {
    border-bottom:none !important;
    padding:10px 0 !important;
}

.swc_List li:hover {
    background-color:transparent !important;
}

/*\Menu Items Style Ends/*/

/*\Calender and Events Begin/*/

#whatson {
  margin-bottom: 20px
}

#whatson h2 {
  width: 313px;
  }

#whatson ul {
  list-style: none;
  margin: 0 30px 0 0;
  padding: 15px;
  background: #2B2B2C;
}

#whatson ul li {
  margin: 0;
  padding: 5px 0;
}

#eventdetails h3 {
    font-size: 16px;
    font-style:normal;
    color:#ddd6c9;
}

#eventdetails h4 {
    font-size: 16px;
    font-family: "Georgia", "Times New Roman", Times, serif;
    font-style:normal;
    font-weight: normal;
    color:#ddd6c9;
}

.calendar   {
  margin: 0 30px 0 0;
  padding: 15px;
  background: #2B2B2C;
}

.calendar_nav {
    text-align:center; 
    border-bottom:1px solid #7e7c6f;
    }

.event {
    float: left;
    width:215px;
    margin-left:10px;
}

div.calendar table {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none !important;
    color:#ddd6c9;
    text-align: center;
    background-color: none !important;
}

div.calendar tr {
    text-align:center;
    background-color: none !important;
}

div.calendar tr, div.calendar td {
    background: none !important;
    background-color: none !important;
    border: 0px;}

div.calendar h4, div.calendar p {
  margin: 0;
}

acronym {
    border-bottom:none;
}

.month {
    margin: 0 25px;
    font-size: 16px;
}

td.dates  {
    padding:5px;
}

td.dates a {
    padding:1px 8px 5px;
}

td.Event {padding:0px !important;}

#calendar_nav td {border-bottom:1px solid #817970 !important;}

td.dates a:link {
    background:transparent url(../images/calendar_circle3.png) no-repeat 50% 0%;
    color:#FFFFFF;
    font-size:12px;
    font-weight:normal;
 }
 
td.dates a:active {
    background:transparent url(../images/calendar_circle_bg3.png) no-repeat 50% 0%;
    color:#FFFFFF;
    font-size:12px;
    font-size:12px;
    font-weight:normal;
 }
 
td.dates a:visited {
    background:transparent url(../images/calendar_circle3.png) no-repeat 50% 0%;
    color:#FFFFFF;
    font-size:12px;
    font-size:12px;
    font-weight:normal;
 }
 
td.dates a:hover {
    background:transparent url(../images/calendar_circle_bg3.png) no-repeat 50% 0%;
    color:#232323;
    font-size:12px;
    font-weight:normal;
 } 
 
td.dates a:focus {
    font-size:12px;
    font-weight:normal;
 } 
 
 .next {
    background: url(../images/next_3.png) no-repeat 0% 0%; padding:1px;
 }
 
 .previous {
    background: url(../images/previous_3.png) no-repeat 0% 0%; padding:1px;
 }
 
a.previous {
    text-decoration:none !important;
 }
 
a.next {
    text-decoration:none !important;
 }
 
a.previous:focus {
    font-size:12px!important;
 }
 
a.next:focus {
    font-size:12px!important;
 } 

/*\Calender and Events End/*/

/*RECURRING STYLES END*/

/*HTML ELEMENT STYLES BEGIN*/

body {
    font-size: 12px;
    font-family: "Arial", Helvetica, sans-serif;
    background: #4d4d4d;
    color:#ddd6c9;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 0em;
}

h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0em;
    width: 440px;
    line-height:10.5px;
}

h1 {
    margin: 0em;
    background: #6b2b6d;
    color:#ddd6c9;
    font-size: 60px;
    white-space:nowrap;
    font-family: "Georgia", Times New Roman, Times, serif;
    padding: 0px 20px 0px 5px;
}

h2 {
    margin: 0em;
    color:#ddd6c9;
    font-size: 30px;
    font-family: "Georgia", Times New Roman, Times, serif;
    padding: 0 0px 8px 0px;
}

h3 {
    margin: 0em;
    color:#ddd6c9;
    font-size: 18px;
    font-family: "Georgia", Times New Roman, Times, serif;
}

.contact_details h3 {
    color: #5b2124 !important;
    font-family: "Arial", "Helvetica", sans-serif;
    padding:0 5px 15px;
}

p {
    font-weight: normal;
}

address {
    font-family: "Georgia", Times New Roman, Times, serif;
    font-style: normal;
    color:#ddd6c9;
}

address a:link, address a:visited, address a:active {
    color:#ddd6c9;
    font-weight: bold;
}

address a:hover {
    color:#ffffff;
    font-weight: bold;
}

address a:focus 
{font-size:12px;}

a img {
    border: none;
    text-decoration: none;
}

/*HTML ELEMENT STYLES END*/


/*MAIN CONTENT REGIONS BEGIN*/

/*Banner Region Begins*/
#banner_region {
    width: 955px;
}

div.pub_name {
  float: left;
  max-width: 650px;
  _width: 650px;
}

.coming_soon {
    position: absolute; 
    left:6px; 
    top:69px;
    background:url(../images/coming_soon.png);
    width:393px;
    height:210px;
    }
.coming_soon p {display: none;}
    /*Coming Soon = cs*/
    .cs_banner {padding:0 !important;}
    .cs_text {padding: 0 0 0 15px !important;}

.banner_left {
    float: left;
    width: 489px;   
}

.banner_left img {
    border-left: 6px solid #ffffff;
    border-top: 6px solid #ffffff;
    border-bottom: 6px solid #ffffff;
}

.banner_right {
    float: left;
    width: 465px;
}

.share_this {
    margin-top: 25px;
    float: right;
}

.share_this ul {
  margin: 0;
  padding: 0;
}

.share_this li {
  display: inline;
  margin: 0 15px 0 0;
}

div.share_this a:link, div.share_this a:active {
    color: #41a93e;
    text-decoration: none;
    font-size: 12px;
}

div.share_this a:visited {
    text-decoration: none;
    color: #41a93e;
    font-size: 12px;
}

div.share_this a:hover {
    color: #41a93e;
    text-decoration:underline;
    font-size: 12px;
}

div.share_this a:focus {
    background: #ffffff;
    font-size: 12px;
}

.welcome_message {
    height: 260px;
    background: #222223;
    padding-left: 14px;
    padding-right: 20px;
    border-top: 6px solid #FFFFFF;
    border-bottom: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
    text-align: center;
}

.welcome_message h3 {
    padding-top: 10px;
}

.names {
    font-size: 16px; 
    margin: 0em 0em 1em;; 
    color:#ddd6c9;
}
/*Banner Region Ends*/

/*Two Columns Begin*/

#left_column    {
    float: left;
    width: 477px;
    margin-top:25px;
}

#right_column   {
    float: left;
    width: 478px;
    margin-top:25px;
}

/*Two Columns End*/

/*Left Column Modules*/

.module1 {
    /*clear:right;
    float:left;*/
    position:relative;
    margin-bottom:25px;
}

div.module1 h2 {
    width: 200px;
}

.heading {
    border-bottom: 3px solid #6b2b6d;
}

.module2 {
    margin-bottom:25px;
    position:relative;
    /*clear:right;
    float:left;*/
}

.module2 strong {font-size:14px;}

div.module2 h2 {
    width: 70px;
    margin-bottom:15px;
}

.module3 {
    /*clear:right;
    float:left;*/
    margin-bottom:25px;
}

div.module3 h2 {
    width: 190px;
}


/*Left Column Modules End*/

/*Right Column Modules Begin*/

.module4 {
    background:#FFF;
    /*clear:left;
    float:right;*/
    height:98px;
    margin-bottom:25px;
    right:0;
}

.module5 {
    /*clear:right;
    float:left;*/
    right:0;
    margin-bottom:25px;
    padding-left:10px;
}

div.module5 h2 {
    width: 190px;
    margin-bottom:15px;
}

.module6 {
    /*clear:right;
    float:left;*/
    right:0;
    margin-bottom:25px;
}

.module6 h2 {
    width: 170px;
}

.module7 {
    /*clear:right;
    float:left;*/
    right:0;
    margin-bottom:25px;
    padding-left:10px;
}

.module7 img {
    border: 5px solid #FFFFFF;
}

.module7 h2 {
    width: 170px;
}

.specials_left {
    float: left;
    width: 220px;
    /*margin-right:10px;*/
}

.specials_right {
    float: left;
    width: 220px;
}

.specials_left img {
    margin: 0 0 12px 12px;
    clear: both;
}

.specials_right img {
    margin: 12px 12px 0 0;
    clear: both;
}

img.sat_nav {
    border: 0px;
}

.promo, .christmas {
    margin-bottom: 15px;
    padding-left: 10px;
}


div.directions {
    padding-top: 10px;
}

div.directions p {
background: url(../images/sat_nav3b.png) no-repeat 0 -5%;
height: 44px;
text-indent: 55px;
padding-top:5px;
} 

div.directions a:link, div.directions a:active {
    color:#ddd6c9;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
}

div.directions a:visited {
    color:#ddd6c9;
    font-size: 16px;
    text-decoration: none;
}

div.directions a:hover{
    color:#FFFFFF;
    font-size: 16px;
    text-decoration: underline;
    
}

div.directions a:focus {
    background: #5B2124;
}

/*Right Column modules End*/

/*MAIN CONTENT REGIONS END*/


/*FOOTER STYLES BEGIN*/

#footer {
    background: #4e4e4e;
    /*height: 168px;*/
    margin-top: 2em;
    position: relative;
}

.footer_container {
    width:955px;
    margin: 0 auto;
}

.footer_left {
    float:left;
    left:0;
    padding:3.5em 0;
    font-weight:normal;
    }
    
.footer_left p {
    margin: 0em;
    }   
    
.footer_center {
    float:left;
    margin-left:165px;
    text-align: center;
    }

div.footer_center ul {
    margin: 10px 0 0;
    padding:0;
    }       
    
div.footer_center li {
    list-style: none;
    display: inline;
    padding: 0 5px 0 5px;
    border-right: 1px solid;
}

.footer_center li.last {
    border-right: none;
}

div.footer_center p {
  margin: 5px 0;
}

.footer_right {
    float: right;
    text-align: right;
    padding: 10px 0 0;
    }
    
#footer a:link {
    color: #ffffff;
    font-size:12px;
    font-weight:normal;
    text-decoration: underline;
}

#footer a:active {
    color: #ffffff;
    font-size:12px;
    font-weight:normal;
    text-decoration: underline;
}

#footer a:visited {
    color: #ffffff;
    font-size:12px;
    font-weight:normal;
    text-decoration: underline;
}

#footer a:hover{
    text-decoration: none;
    font-size:12px;
    font-weight:normal;
}

#footer a:focus {
    background: #000000;
    font-size:12px;
    font-weight: normal;
}

/*FOOTER STYLES END*/

/*TAB NAVIGATION BEGINS*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: normal 20px Georgia, sans-serif;
 width: 435px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 border: 1px solid #716e68;
 border-bottom: none;
 background: none;
 text-decoration: none;
}

ul.tabbernav li a:active { color: #000000; font-size:20px; }
ul.tabbernav li a:link { color: #6B2B6D; font-size:20px; }
ul.tabbernav li a:visited { color: #6B2B6D; font-size:120px; }

ul.tabbernav li a:hover
{
 color: #d5cbc3;
 background: #6B2B6D;
 border-color: #716e68;
 font-size:20px;
 font-weight:normal;
}

ul.tabbernav li.tabberactive a
{
 color: #d5cbc3;
 background-color: #6B2B6D;
 border-bottom: 1px solid #716e68;
 border-top: 1px solid #598918a;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #d5cbc3;
 background: #6B2B6D;
 border-bottom: 1px solid #716e68;
 font-size:20px;
 font-weight:normal;
 border-top: 1px solid #598918a;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-left:1px solid #716e68;
 border-right:1px solid #716e68;
 border-top: 1px solid #716e68;
 width:435px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}*/

/*Gallery*/

#gallery {
    height:282px;
    margin:0 0 2px 2px;
    overflow:hidden;
    position:relative;
    width:475px;
}
#gallery .gallery_slider {
    position:absolute;
    white-space:nowrap;
}
#gallery a {
    background:transparent url(../images/gallery-btns.gif) no-repeat scroll 5px -46px;
    cursor:pointer;
    height:262px;
    position:absolute;
    width:46px;
}
#gallery img {
    border: 6px solid #ffffff;
    width: 465px;
}
#gallery img:hover {
    opacity:1;
}
#gallery a:hover {
    background-color:#FFFFFF;
    opacity:0.8;
}
#gallery a.prev {
    background-position:2px center;
    left:0;
    top:0;
}
#gallery a.next {
    background-position:-48px center;
    right:0;
    top:0;
}

/*Pop up Style Begins*/

#divPopupContainer {
    border: 4px solid #343434 !important;
    background:white none repeat scroll 0 0 !important;
    font-family:Verdana,Arial,Tahoma,serif !important;
    font-size:8pt !important;
    left:25% !important;
    margin-left:0 !important;
    margin-top:0 !important;
    padding-left:0 !important;
    position:absolute !important;
    top:5% !important;
    width:50% !important;
    z-index:1200 !important;
}

.form_wrapper {
    background: #dcd3c1;
    border: 1px solid #c2bbab;

}

/*Pop up style ends*/

/*Special offers*/
.special_offers {
    overflow:auto;
}
.special_offers img {
    float:left;
    margin:7px 7px 0px 0px;
    width: 222px;
    height: 211px;
}

div.offerDetails h2 img {
margin-right:10px;
}

div.offerDetails p {color:#000000;font-size:12px;}

.findus_link {text-align: right; font-family: "Georgia",Times New Roman,Times,serif; margin: 1em 0 0;}
.findus_link a {padding: 3px 8px; font-weight: bold; color: #DDD6C9; background: #6B2B6D; text-decoration: none;}