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

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

/*RECURRING STYLES BEGIN*/

.background {
	background: #902329;
}

.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;
	overflow:hidden;
	position:relative;
}

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

div.module2 a:link {
	color: #FCA702;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

div.module2 a:active {
	color: #FCA702;
	text-decoration: none;
	font-size:16px;
	font-weight: bold;
}

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

div.module2 a:hover{
	font-size: 16px;
	text-decoration: underline;
	
}

div.module2 a:focus {
	font-size: 16px;
	background: #5B2124;
}


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

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

.dishname {
	font-weight:bold;
	font-size:12px;
	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/*/

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

#eventdetails h4 {
	font-size: 16px;
	font-family:"Arial", Helvetica, sans-serif;
	font-style:normal;
	font-weight: normal;
	color:#ffffff;
}

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

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

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

acronym {
	border-bottom:none;
}

div.calendar table {
	width: 215px;
	height: 215px;
	padding: 0;
	margin: 0;
	border: none !important;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
	color: #fff;
	text-align: center;
	background-color: none !important;
}

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

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

.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_circle1.png) no-repeat 50% 0%;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
 }
 
td.dates a:active {
 	background:transparent url(../images/calendar_circle_bg1.png) no-repeat 50% 0%;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
 }
 
td.dates a:visited {
 	background:transparent url(../images/calendar_circle1.png) no-repeat 50% 0%;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
 }
 
td.dates a:hover {
 	background:transparent url(../images/calendar_circle_bg1.png) no-repeat 50% 0%;
	color:#b60b14;
	font-size:12px;
	font-weight:normal;
 } 
 
td.dates a:focus {
 	font-size:12px;
	font-weight:normal;
 } 
 
.next {
 	background: url(../images/next_1.gif) no-repeat 0% 0%; padding:1px;
 }
 
.previous {
 	background: url(../images/previous_1.gif) 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: #fff;
	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;
	line-height:10.5px;
}

h1 {
	margin: 0em;
	background: #fca702;
	color: #5b2124;
	font-size: 60px;
	white-space:nowrap;
	font-family: "Impact", Helvetica, sans-serif;
	padding: 0px 20px 0px 5px;
}

h2 {
	margin: 0em;
	color: #5b2124;
	font-size: 36px;
	font-family: "Impact", Helvetica, sans-serif;
	padding: 0px 0px 0px 5px;
}

h3 {
	margin: 0em;
	color: #5b2124;
	font-size: 20px;
	font-family: "Impact", Helvetica, sans-serif;
}

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

p {
	font-weight: normal;
}

address {
	font-style: normal;
	color: #000000;
}

address a:link, a:visited, a:active {
	color: #5b2124;
	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 {
    position: absolute;
    height: auto;
    width: auto;
    left: 0px;
    top: 0px;
}

.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 {
	margin-top: 58px;
	border-left: 6px solid #ffffff;
	border-top: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
}

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

.share_this {
	width: 130px;
	margin-top: 16px;
	margin-bottom: 26px;
	float: right;
}

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

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

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

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

.welcome_message {
	height: 272px;
	background: #fca702;
	padding-left: 14px;
	padding-right: 20px;
}

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

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

/*Two Columns Begin*/

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

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

/*Two Columns End*/

/*Left Column Modules*/

.module1 {
	overlfow:auto;
	margin-bottom:25px;
}

div.module1 h2 {
	width: 112px;
	margin-bottom:15px;
}

.heading {
	background: #fca702;
}

.module2 {
	clear:both;
	margin-bottom:25px;
}

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

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

.module3 {
	overlfow:auto;
	margin-bottom:25px;
}

div.module3 h2 {
	width: 206px;
}


/*Left Column Modules End*/

/*Right Column Modules Begin*/

.module4 {
	margin-bottom:25px;
	overlfow:auto;
	
}

.module5 {
	padding-left:10px;
}

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

.module6 {
	margin-bottom:25px;
	overlfow:auto;
	padding-left:10px;
}

.module6 h2 {
	width: 170px;
}

.module7 {
	overlfow:auto;
	margin-bottom:25px;
	padding-left:10px;
}

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

.module7 h2 {
	width: 170px;
}

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

.specials_right {
	clear:right;
	float:left;
	height:220px;
}

.specials_left img {
	margin-left:-5px;
	padding:7px;
	clear:both;
}

.specials_right img {
	margin-left:-5px;
	padding:7px;
	clear:both;
}

img.sat_nav {
	border: 0px;
}

.promo {
	margin-bottom: 25px;
	padding-left: 10px;
}

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

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

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

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

div.directions a:hover{
	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: #4d4d4d;
	/*height: 168px;*/
	margin-top: 2em;
	position: relative;
}

.footer_container {
	max-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 {
	clear:right;
	float:left;
	margin-left:180px;
	text-align:right;
	}

.footer_right {
	float: left;
	text-align: right;
	padding: 3.5em 0;
	font-weight:normal;
	}
	
div.footer_right ul,li {
	list-style: none;
	margin:0;
	padding-left:0;
	}	
	
div.footer_right li {
	display: inline;
	}		
	
.footer_right li {	
	padding: 0 5px 0 5px;
	border-right: 1px solid;
}

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

#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 {
	padding-top:25px;
}

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

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

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

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

ul.tabbernav li a:hover
{
 color: #5B2124;
 background: #FCA702;
 border-color: #bf5c19;
 font-size:20px;
 font-weight:normal;
}

ul.tabbernav li.tabberactive a
{
 color: #5B2124;
 background-color: #FCA702;
 border-bottom: 1px solid #bf5c19;
 border-top: 1px solid #598918a;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #5B2124;
 background: #FCA702;
 border-bottom: 1px solid #bf5c19;
 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 #bf5c19;
 border-right:1px solid #bf5c19;
 border-top: 1px solid #bf5c19;
 width:435px;

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

 /* height:90px; */

 /* 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:900 !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;
}

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

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