/* ================================
    Empire Grill styles
   ================================
*/   

/* ================================ 
	Navigation
   ================================
*/

/* ================================ 
	Design
	font-family: 'Lato', sans-serif;
   ================================
*/

@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

#fsp-frame {
	height:100%;
	position: relative;
	width: 100%;
}
#fsp-main
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
   z-index: 0;
	margin-bottom: 10px;
}
.fsp-header {
	height: 80px;
	background-color: #FFFFFF;
	background-image: url(images/RestaurantBarLine.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.fsp-header-body {
	width: 860px;
	margin: 0 auto;
	text-align: center;
}
.fsp-header-logo {
	float:left;
	padding-left:269px;
}
.fsp-header-reservation {
	float:right;
}
.LeftPaneLogo {
	position: relative;
	width: 170px;
	height: 142px;
}
.LeftPaneAddressWrapper {
	padding-top:14px;
	padding-bottom:10px;
	width:165px;
	text-align:center!important;
}
.LeftPaneAddress {
	position: relative;
	width: 165px;
	margin-top:10px;
	text-align: center;
}
.LeftPaneSeparator {
	margin-top:10px;
	position: relative;
	width: 170px;
	height: 33px;
	background-image: url('images/LeftPaneSeparator.png');
	background-repeat: no-repeat;
}
.singlePaneLogoBlock {
	position:relative;
	width:765px;
	height: 148px;
	border-bottom: 2px #7E592B solid;
}
.singlePaneLogoLeft {
	position:relative;
	float:left;
	padding-left:150px;
	background-image: url('images/logoLeft.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 122px;
	height: 142px;
}
.singlePaneLogo {
	position:relative;
	float:left;
	width: 170px;
	height: 142px;
	margin-left:35px;
	margin-right:35px;
}
.singlePaneLogoRight {
	position:relative;
	float:left;
	padding-left:100px;
	background-image: url('images/logoRight.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 122px;
	height: 142px;
}
#fsp-frame-footer {
	background-color: #7B7B7B;;
	border-top: 5px #2B0600 solid;
	height:250px;
	width:100%;
}
.footerInfo {
	width: 847px;
	height: 50px;
	margin: 0 auto;
}
.footerAddress {
	position: relative;
	float: left;
	top:6px;
   font-size: 15px;
	color: #000000;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
}
.footerCredit {
	position:relative;
	float: right;
	top:6px;
	height: 15px;
	width: 450px;
	line-height: 15px;
	text-align: right;
	padding-right:5px;
}
.socialFacebook {
	position: relative;
	float: left;
	padding-left: 10px;
	width: 150px;
	height: 40px;
}
.socialTwitter {
	position: relative;
	float: left;
	padding-left: 10px;
	width: 150px;
	height: 40px;
}
/* socialLink Styles */
a.facebookLink { padding:0; display: block; float: right; background: url(images/facebook.jpg) no-repeat right; text-indent: -9999px; width: 150px; height: 40px; }
a.facebookLink:hover { background-image: url(Images/facebook_over.jpg); }
a.twitterLink { padding:0; display: block; float: left; background: url(images/twitter.jpg) no-repeat right; text-indent: -9999px; width: 150px; height: 40px; }
a.twitterLink:hover { background-image: url(Images/twitter_over.jpg); }


.footerRestaurants {
	background-image: url(images/RestaurantLinks.jpg);
	background-repeat: no-repeat;
	width: 820px;
	height:150px;
	margin: 0 auto;
	margin-top:15px;
}
.restaurantLinks {
	width:612px;
	height:80px;
	padding-top:33px;
	margin: 0 auto;
}

.restaurantGrand {
	position: relative;
	float: left;
	width: 173px;
	height: 80px;
}
.restaurantMet {
	position: relative;
	float: left;
	width: 273px;
	height: 80px;
}
.restaurantEmpire {
	position: relative;
	float: left;
	width: 166px;
	height: 80px;
}
/* restaurantLink Styles */
a.grandLink { padding:0; display: block; float: right; background: url(images/footerGrand.jpg) no-repeat right; text-indent: -9999px; width: 173px; height: 80px; }
a.grandLink:hover { background-image: url(Images/footerGrand_over.jpg); }
a.metLink { padding:0; display: block; float: left; background: url(images/footerMet.jpg) no-repeat right; text-indent: -9999px; width: 273px; height: 80px; }
a.metLink:hover { background-image: url(Images/footerMet_over.jpg); }
a.empireLink { padding:0; display: block; float: left; background: url(images/footerEmpire.jpg) no-repeat right; text-indent: -9999px; width: 166px; height: 80px; }
a.empireLink:hover { background-image: url(Images/footerEmpire_over.jpg); }

#Address {
	float:left;;
	width:340px;
}
#Phone {
	float:left;;
	width:100px;
	text-align: center;
}
#BusinessHours {
	float:right;
	width:340px;
	text-align: right;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 860px;
   color: #1D3A59;
   background-color: #7B7B7B;
   background-image: url('images/EmpireOttawaBg.jpg');
   background-size: cover;
  	background-attachment: fixed;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}
.reset-box
{
   overflow:hidden;
   display:table;
}

/* Start Box */
.fsp-box, .fsp-box-body {
   margin:0 auto;
   position:relative;
}
.fsp-box:before, .fsp-box:after, .fsp-box-body:before, .fsp-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.fsp-box:before,.fsp-box-body:before{
   left:0;
}
.fsp-box:after,.fsp-box-body:after{
   right:0;
}
.fsp-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.fsp-box:after {
   background-position: bottom right;
   z-index:-3;
}
.fsp-box-body:before, .fsp-box-body:after {
   background-repeat:repeat-y;
}
.fsp-box-body:before {
   background-position: top left;
   z-index:-3;
}
.fsp-box-body:after {
   background-position: top right;
   z-index:-3;
}

.fsp-box .fsp-box:before, .fsp-box .fsp-box:after, .fsp-box-body .fsp-box-body:before, .fsp-box-body .fsp-box-body:after {
   z-index:-2;
}
.fsp-box .fsp-box .fsp-box:before, .fsp-box .fsp-box .fsp-box:after, .fsp-box-body .fsp-box-body .fsp-box-body:before, .fsp-box-body .fsp-box-body .fsp-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.fsp-bar {
   position:relative;
   border-bottom: 2px solid #7E592B;
}
.fsp-bar:before, .fsp-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.fsp-bar:before {
   left:0;
   background-position: top left;
}
.fsp-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

/* begin Menu */
/* menu structure */

ul.FSPMenu a, ul.FSPMenu a:link, ul.FSPMenu a:visited, ul.FSPMenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.FSPMenu, ul.FSPMenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.FSPMenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.FSPMenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.FSPMenu li li{
   float: none;
   width: auto;
}
ul.FSPMenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.FSPMenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.FSPMenu:after, ul.FSPMenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.FSPMenu, ul.FSPMenu ul {
   min-height: 0;
}

ul.FSPMenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.FSPMenu ul.FSPMenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.FSPMenu ul.FSPMenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.FSPMenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

ul.FSPMenu ul ul.FSPMenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

ul.FSPMenu ul ul.FSPMenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

ul.FSPMenu li li:hover>ul.FSPMenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.FSPMenu li li:hover>ul.FSPMenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.FSPMenu{
   position:relative;
   padding: 0 0 0 0;
   float: left;
}

/* end menu structure */

/* menu bar */

.fsp-nav
{
   width:100%;
   margin:0 auto;
   min-height: 44px;
   z-index: 100;
   margin-top: 0;
   margin-bottom: 0;
}

.fsp-nav:before, .fsp-nav:after{
   background-color: #FFFFFF;
}
.fsp-nav:before{
   right: 0;
}
.fsp-nav:after{
   width: 0;
}
/* end menu bar */
.fsp-nav-outer{
   position:absolute;
   width:100%;
}
.fsp-nav-wrapper 
{
   position: relative;
   width:860px;
   margin:0 auto;
}

.fsp-nav-inner{
   margin: 0 38px;
}

/* end Menu */

/* begin MenuItem */
ul.FSPMenu>li>a
{
   position: relative;
   display: block;
   height: 44px;
   cursor: pointer;
   text-decoration: none;
   color: #2B0600;
   padding: 0 5px;
   line-height: 44px;
   text-align: center;
}

ul.FSPMenu>li>a:before, ul.FSPMenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}

ul.FSPMenu>li>a:before
{
   left: 0;
   right: 0;
   background-position: top left;
}

ul.FSPMenu>li>a:after
{
   width: 0;
   right: 0;
   background-position: top right;
}

.FSPMenu a, .FSPMenu a:link, .FSPMenu a:visited, .FSPMenu a:hover
{
   font-family: 'Lato', sans-serif;;
   font-style: normal;
   font-weight: 700;
   font-size: 16px;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
}

ul.FSPMenu>li>a.active:before {
   background-position: bottom left;
} 
ul.FSPMenu>li>a.active:after {
   background-position: bottom right;
}
ul.FSPMenu>li>a.active {
   color: #2B0600;
}

ul.FSPMenu>li>a:hover:before, ul.FSPMenu>li:hover>a:before {
   background-position: center left;
}
ul.FSPMenu>li>a:hover:after, ul.FSPMenu>li:hover>a:after {
   background-position: center right;
}
ul.FSPMenu>li>a:hover, ul.FSPMenu>li:hover>a{
   color: #2B0600;
}

/* end MenuItem */

/* begin MenuSeparator */
ul.FSPMenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -16px;
   width:16px;
   height: 44px;
   background: url('images/menuseparator.png') center center no-repeat;
}

ul.FSPMenu>li {
   margin-left:16px;
}
ul.FSPMenu>li:first-child {
   margin-left:0;
}

ul.FSPMenu>li:first-child:before{
   display:none;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.FSPMenu ul a
{
   display: block;
   white-space: nowrap;
   height: 38px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 0;
   border-style: solid;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 38px;
   color: #2B0600;
   font-family: 'Lato', sans-serif;
   font-weight: 700;
   font-size: 16px;
   text-transform: uppercase;
   margin:0;
   padding: 0 8px;
}

.FSPMenu ul>li:first-child>a
{
   border-top-width: 0;
}

.FSPMenu ul a:link, .FSPMenu ul a:visited, .FSPMenu ul a:hover, .FSPMenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 38px;
   color: #2B0600;
   font-family: 'Lato', sans-serif;
   font-weight: 700;
   font-size: 16px;
   text-transform: uppercase;
   margin:0;
   padding: 0 8px;
}

.FSPMenu ul li a:hover
{
   color: #F4F1E2;
   background-position: left bottom;
   border-top-width: 0 !important;
}

.FSPMenu ul li:hover>a
{
   color: #F4F1E2;
   background-position: left bottom;
   border-top-width: 0 !important;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.fsp-sheet
{
   max-width:860px;
   margin-top: 0;
   margin-bottom: -7px;
   cursor:auto;
   width: 860px;
	background-color: #FEFFFA;
}
.fsp-sheet-body 
{
   padding:38px;
   padding-left:25px;
   padding-top:0;
   padding-bottom:38px;
   margin-bottom:30px;
}
.fsp-sheet:before, .fsp-sheet:after 
{
   font-size: 0;
}
.fsp-sheet:after{
   clip:rect(auto, auto, auto, 831px);
}
.fsp-sheet:before,.fsp-sheet-body:before{
   right:29px;
}
.fsp-sheet-body:after{
   width: 29px;
   top:29px;
   bottom:29px;
}
.fsp-sheet-body:before{
   top:29px;
   bottom:29px;
}

/* end Box, Sheet */

/* begin Layout */
.fsp-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
	padding-top:10px;
}

.fsp-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.fsp-content-layout-row {
   display: table-row;
}

.fsp-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Footer */
.fsp-footer
{
   position: fixed;
   bottom:0;
   left:0;
   right:0;
   margin-bottom:0;
   height: 55px;
	width: 100%;  
   background-color: #363636;;
	border-top: 3px solid #1A1A1A;
}
.fsp-footer-body
{
   position:relative;
	width: 860px;
	margin: 0 auto;
	height: 60px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 11px;
	text-align:center;
	padding-top: 8px;
}

/* end Footer */


/* begin LayoutCell, sidebar1 */
.fsp-content-layout .fsp-sidebar1
{
	width: 195px;
	background-color: #FEFFFA;
	min-height: 500px;
	margin-right:10px;
}
.fsp-sidebar1 {
	padding-right: 20px;
}
.fsp-quickblocks {
	background-color: #FEFFFA;
}
.fsp-content-single {
	background-color: #FEFFFA;
}
.fsp-content {
	background-color: #FEFFFA;
	margin-left:35px;
	border-left: 1px #363636 solid;
}
/* end LayoutCell, sidebar1 */

/* ================================ 
	Framework
   ================================
*/

A:link {
    text-decoration:    none;
    color: #7E592B;
}
A:visited  {
    text-decoration:    none;
    color: #7E592B;
}
A.active  {
    text-decoration:    none;
    color: #7E592B;
}
A:hover {
    text-decoration:    none;
    color: #363636;
}
.CommandButton     {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	 color: @@c-co-tx@@;
}
    
A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active {
    text-decoration:    underline;
	 color: #7E592B;
}
A.CommandButton:hover  {
    text-decoration:    underline;
	 color: #363636;
}

/* Background and Zone Settings */

H1, H2, H3 {
	color: #7E592B;
}

/* style for module titles */
.Head   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #7E592B;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #7E592B;
}
A.SubHead:link;A.SubHead:visited;A.SubHead:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #7E592B;
	TEXT-DECORATION: none
}
A.SubHead:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #363636;
	TEXT-DECORATION: none;
}

.HeadL   {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  18px;
    font-weight:    normal;
    color: #592623;
}

/* style of item titles on edit and admin pages */
.SubHeadL    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #592623;
}
A.SubHeadL:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #451D1B!important;
	TEXT-DECORATION: none
}
A.SubHeadL:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #451D1B!important;
	TEXT-DECORATION: none
}
A.SubHeadL:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #451D1B!important;
	TEXT-DECORATION: none
}
A.SubHeadL:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #575546!important;
	TEXT-DECORATION: none;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #7E592B;
}

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #575546;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: #575546;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	 color: #7E592B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}
A.NormalBold:link; A.NormalBold:visited; A.NormalBold:active
{
	 color: #7E592B!important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}
A.NormalBold:hover
{
	 color: #363636!important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1px;
    font-weight: bold;
    color: #8B0000}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color:@@c-co-tx@@;
}

.NormalL,.NormalDisabledL
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #575546;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabledL
{
    color: #575546;
}

A.NormalL:link
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalL:visited
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalL:active
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalL:hover
{
	 color: #575546!important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}

/* text style used for rendered text which requires emphasis */
.NormalBoldL
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalBoldL:link
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalBoldL:visited
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalBoldL:active
{
	 color: #451D1B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}
A.NormalBoldL:hover
{
	 color: #575546;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRedL
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #8B0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBoxL
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color:@@c-co-tx@@;
}

/* Skin Objects */

.SkinObject {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px; 
	color: #FFFFFF!important;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	padding: 2px 2px 2px 2px;
}
A.SkinObject:link; {
	color: #FFFFFF!important;
	TEXT-DECORATION: none
}
A.SkinObject:visited {
	color: #FFFFFF!important;
	TEXT-DECORATION: none
}
A.SkinObject:active {
	color: #FFFFFF!important;
	TEXT-DECORATION: none
}
A.SkinObject:hover {
	COLOR: #FFFFFF!important;
	TEXT-DECORATION: none;
}


/*___________________________________________________________________________________________*/
/*   The new dependancies for the Reservation Module                                         */
/*___________________________________________________________________________________________*/
.GridHeader
{
	white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
	 color: #7E592B;
}
.GridItem
{
	white-space: nowrap;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
	color: #FFFFFF;
}
.HSS_FSPAdminContent td.GridItem {
	overflow: hidden;
	display: block; 
	float: left; 
}
.GridItemWrap
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
	color: #FFFFFF;
}
.GridItemError
{
	white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #FFFFFF;
	overflow: hidden;
	display: block; 
	float: left; 
}
.GridItemCancel
{
	white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
	 color: @@c-co-t2@@;
}
.GridItemChange
{
	white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
	 color: #FFFFFF;
}
/* text style for buttons and link buttons used in the portal admin pages */
.WizCommandButton     {
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.WizCommandButton:link {
    text-decoration:    underline;
    color: #7E592B;
}
A.WizCommandButton:visited  {
    text-decoration:    underline;
    color: #7E592B;
}
A.WizCommandButton:active   {
    text-decoration:    underline;
    color: #7E592B;
}
A.WizCommandButton:hover    {
    text-decoration:    underline;
    color: #363636;
}
/* styles used in the Wizard Framework */
.Wizard
{
	border-right: #7E592B 1px solid;
	border-top: #7E592B 1px solid;
	border-left: #7E592B 1px solid;
	border-bottom: #7E592B 1px solid;
	height:400px;
	width:650px;
}
.WizardMessage
{
   font-size:  12px;
   font-weight:    bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.WizardHeader
{
	background: #363636;
	border-bottom: #7E592B 1px solid;
	height:40px;
}
.WizardHeader .Head
{
	color: #FFFFFF;
}
.WizardFooter .Normal
{
	color: #FFFFFF;
}
.WizardFooter
{
	border-top: #7E592B 1px solid;
	background: #363636;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
	background: #FEFFFA;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: #7E592B 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #363636;
}
.WizardHelpTextHeader
{
   font-size:  13px;
   font-weight:    bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.CalRes
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #575546;
	border: 1px solid #7E592B;
	width:370px;
}
.CalResOtherMonthDay
{
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalResOldDate
{
	background: Transparent;
	border: 1px solid #7E592B;
}
.CalResDay
{
	background: Transparent;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalResDayAvailable
{
	color: @@c-co-t2@@;
	background: #D8D8D8;
	font-weight: bold;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalResSelectedDay
{
	font-weight: bold;
	background: transparent;
	border: 1px solid #7E592B;
	cursor: pointer;
	color: #575546;
}
.CalResSelectedDayAvailable
{
	color: #FFFFFF;
	background: #7E592B;
	font-weight: bold;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalResToday
{
	font-weight: bold;
	background: transparent;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalResTodayAvailable
{
	color: @@c-co-t2@@;
	background: #D8D8D8;
	font-weight: bold;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalResSelector
{
	color: #575546;
	background: transparent;
}
.CalResSelector A:link,.CalResSelector A:Visited,.CalResSelector A:active
{
	color: #575546!important;
	text-decoration: none;
}
.CalResSelector A:hover
{
	color: #575546!important;
	text-decoration: none;
}
.CalResNextPrev
{
	font-family: Arial, Helvetica, sans-serif;
	color: #575546;
	font-size: 12px;
	width: 15%;
}
.CalResNextPrev A:link,.CalResNextPrev A:Visited,.CalResNextPrev A:active
{
	color: #575546!important;
	text-decoration: none;
}
.CalResNextPrev A:hover
{
	color: #575546!important;
	text-decoration: none;
}
.CalResDayHeader
{
	color: #575546;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	border: 1px solid #7E592B;
	width: 40px;
	text-align: center;
}
.CalResTitle
{
	color: #575546;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	width: 100%;
}

/* Menu Display tags */

.MenuHeader {
   font-family: Arial, Helvetica, sans-serif;
   font-size:  13px;
   font-weight:    normal;
	color: #575546;
	text-align: center;
}
.MenuFooter {
   font-family: Arial, Helvetica, sans-serif;
   font-size:  13px;
   font-weight:    normal;
	color: #575546;
}
.MenDisplayHeading
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:  20px;
   font-weight:    normal;
	color: #7E592B;
}
.MenDisplayHeadingDesc
{
   font-family: Arial, Helvetica, sans-serif;
   font-size:  13px;
   font-weight:    normal;
   color: #7E592B;
}

/* New Menu Editting tags */

.MenItemsList 
{
	width: 100%;
	height: 215px;
	border: dimgray 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
}
.MenHeading, A.MenHeading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	 color:Black;
	 
}
A.MenHeading:hover
{
	 color:red!important;
}

.MenHeadingSelected, A.MenHeadingSelected:link, A.MenHeadingSelected:visited, A.MenHeadingSelected:active,
{
	 color: white;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.MenHeadingSelected:hover
{
	 color: white!important;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.MenItem, A.MenItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	 color:Black;
	padding-left: 10px;
}
A.MenItem:hover
{
	 color:red!important;
}
.MenItemSelected, A.MenItemSelected:link, A.MenItemSelected:visited, A.MenItemSelected:active
{
	 color: white;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
	padding-left: 10px;
}
A.MenItemSelected:hover
{
	 color: white!important;
	 background-color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	padding-left: 10px;
}
/* styles used in the Admin Template Framework */
.PageHeader
{
	height:400px;
}
.PageHeaderMessage
{
   font-size:  12px;
   font-weight:    bold;
	color: #7E592B;
	font-family: Arial, Helvetica, sans-serif;
}
.PageHeaderButton
{
	border-right: dimgray 1px solid;
	padding-right: 2px;
	border-top: dimgray 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: dimgray 1px solid;
	padding-top: 2px;
	border-bottom: dimgray 1px solid;
	background-color: gainsboro;
}
.PageHeaderHeader
{
	padding: 3px 3px 3px 3px;
	height: 35px;
}
.PageHeaderBody
{
	height: 325px;
}
.PageHeaderHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: #7E592B 1px solid;
	border-right: #7E592B 1px solid;
	border-bottom: #7E592B 1px solid;
	border-top: #7E592B 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #363636;
}
.PageHeaderHelpTextHeader
{
   font-size:  13px;
   font-weight:    bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.PageHeaderHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 300px;
}
.PageHeaderText
{
	font-size: 9pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.BusinessAddress {
   font-size:  13px;
   font-weight:    bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
A.BusinessAddress:link, A.BusinessAddress:visited, A.BusinessAddress:active {
   font-size:  13px;
   font-weight:    bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
A.BusinessAddress:hover {
   font-size:  13px;
   font-weight:    bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.LocationSwitch {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px; 
	color: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	padding: 2px 2px 2px 2px;
	border: 0px;
}
A.LocationSwitch:link,A.LocationSwitch:visited,A.LocationSwitch:active,A.LocationSwitch:hover {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px; 
	color: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	padding: 2px 2px 2px 2px;
	border: 0px;
} 

/* Calendar inteface for Admin */

.CalARes
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
	color: #575546;
	border: 1px solid #7E592B;
}
.CalAResOtherMonthDay
{
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResDay,
{
	background: Transparent;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResOldDate
{
	background: Transparent;
	border: 1px solid #7E592B;
}
.CalAResDayAvailable
{
	color: @@c-co-t2@@;
	background: #D8D8D8;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResSelectedDay
{
   font-weight: bold;
	background: transparent;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResSelectedDayAvailable
{
	color: #FFFFFF;
   font-weight: bold;
	background: #7E592B;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResToday
{
	background: transparent;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResTodayAvailable
{
	color: @@c-co-t2@@;
	background: #D8D8D8;
	border: 1px solid #7E592B;
	cursor: pointer;
}
.CalAResSelector
{
	color: #575546;
	background: transparent;
}
.CalAResSelector A.link,.CalAResSelector A:Visited,.CalAResSelector A:active
{
	color: #575546!important;
	text-decoration: none;
}
.CalAResSelector A:hover
{
	color: #575546!important;
	text-decoration: none;
}
.CalAResNextPrev
{
   font-family: Arial, Helvetica, sans-serif;
	color: #575546;
   font-size: 12px;
	width: 15%;
}
.CalAResNextPrev a:hover
{
	color: #575546!important;
	text-decoration: none;
}
.CalAResDayHeader
{
	color: #575546;
	background: transparent;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	width: 65px;
	border: 1px solid #7E592B;
}
.CalAResTitle
{
	color: #575546;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
	background: transparent;
	width: 100%;
}
.LookupItem
{
	cursor: pointer;
	background-color: #363636;
}
.LookupItemAlt
{
	cursor: pointer;
	background-color: #363636;
}
.LookupItemSelected
{
	cursor: pointer;
	background-color: #363636;
	border: 2px solid #7E592B;
}
.LookupItemAltSelected
{
	cursor: pointer;
	background-color: #363636;
	border: 2px solid #7E592B;
}
.LookupItemBreak
{
	cursor: pointer;
	background-color: #363636;
	border-top: thin double #7E592B;
}
.LookupItemAltBreak
{
	cursor: pointer;
	background-color: #363636;
	border-top: thin double #7E592B;
}
.MealSelected
{
	border-top: 1px solid #461E1E;
	border-right: none;
	border-bottom: 1px solid #461E1E;
	border-left: 1px solid #461E1E;
	padding: 3px 3px 3px 0px;
}
A.MealEntrySelected:link, A.MealEntrySelected:visited, A.MealEntrySelected:active, A.MealEntrySelected:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
	color: black;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
.Meal
{
	border-top: none;
	border-right: 1px solid #461E1E;
	border-bottom: none;
	border-left: none;
	padding: 3px 3px 3px 3px;
}
A.MealEntry:link, A.MealEntry:visited, A.MealEntry:active
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
	color: black;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
.MealEntry:hover
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
	padding: 3px 3px 3px 3px;
	color: red;
}
.MealTimes
{
	border-top: 1px solid #461E1E;
	border-right: 1px solid #461E1E;
	border-bottom: 1px solid #461E1E;
	border-left: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
	color: black;
}
.WaitList
{
	border: 2px solid #7E592B;
	background-color: #D8D8D8;
}
.WaitListOff
{
	background-color: transparent;
}
A.Navbar:link, A.Navbar:visited, A.Navbar:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #7E592B!important;
}
A.Navbar:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #363636!important;
}
A.NavbarSel:link, A.NavbarSel:visited, A.NavbarSel:hover, A.NavbarSel:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #363636!important;
}
A.NavbarL:link, A.NavbarL:visited, A.NavbarL:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #451D1B;
}
A.NavbarL:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #575546!important;
}
A.NavbarSelL:link, A.NavbarSelL:visited, A.NavbarSelL:hover, A.NavbarSelL:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
	 color: #575546!important;
}
.TutorialVideo {
	border: thin groove black;
	background: black;
}
.WizardHeader .Head {
	color: #FFFFFF;
}
.WizardFooter .Normal {
	color: #FFFFFF;
}
A.WizardMessage:link, A.WizardMessage:visited, A.WizardMessage:active  {
	color: #FFFFFF;
}
A.WizardMessage:hover  {
	color: #FFFFFF;
}
.GridItem A.CommandButton {
	color: #FFFFFF!important;
}
.LookupItem A.CommandButton {
	color: #FFFFFF!important;
}
.LookupItemAlt A.CommandButton {
	color: #FFFFFF!important;
}
.LookupItem .Normal {
	color: #FFFFFF;
}
.LookupItem .NormalBold {
	color: #FFFFFF;
}
.LookupItemAlt .Normal {
	color: #FFFFFF;
}
.LookupItemAlt .NormalBold {
	color: #FFFFFF;
}
td.GridItem span.GridItem A {color:#FFFFFF;}
td.GridItem span.GridItem A.GridHeader {color:#7E592B;}
td.ProfileTop span.ProfileNN {
	color: #7E592B;
	background-image: url(images/ProfileNN.jpg);
	background-repeat: repeat-x;
}

/* ================================ 
	Custom
   ================================
*/
.PageHeaderBody .SubHead {
   color:#7E592B;
}
#container {
	overflow: hidden;
	width: 767px;
	margin: 0 auto;
	height:185px;
	padding-top: 5px;
	}
#leftcolumn { 
 	float: left;
	width: 189px;
	height: 185px
	margin-top: 5px;
}
#centercolumn { 
 	float: left;
 	width:189px;
 	height: 185px;
	margin-left:100px;
	margin-top: 5px;
}
#rightcolumn{
 	float: left;
 	width:189px;
 	height: 185px;
	margin-left:100px;
	margin-top: 5px;
}
.HSS_FSPNewsletterContent { width:180px;}
.HSS_ReservationSummaryContent {width:180px;}
.HSS_CustomPageHomeContent {width:765px;}
.HSS_CustomPageHomeContent table {width:auto;}
.BusinessAddress,.businessAddress {
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:13px;
	text-align: center;
}
A.BusinessAddress:link, A.BusinessAddress:visited, A.BusinessAddress:active,A.businessAddress:link, A.businessAddress:visited, A.businessAddress:active {
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:13px;
	text-align: center;
   color: #451D1B;
}
A.BusinessAddress:hover,A.businessAddress:hover {
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:13px;
   text-align: center;
   color: #575546;
}
.HSS_FSPCertificateQuickContent {width:178px;}

input.CommandButton {
	margin: 2px; padding: 0px 25px 0px 15px; border: 0px #7E592B; height: 26px; color: #FFFFFF; text-decoration: none; cursor: pointer; background-color: #7E592B;
}
input.CommandButton:hover {
	background-color: #FFD702;
	color: #000000;
}
.Head, .HeadL {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size:18px;
}
.RotatorBlock {
	position:relative;
	border:2px solid #7E592B;
}
.RotatorTextBlock {
	color: #7E592B;; 
	font-weight: 400;
	width:800x;
	background-color: #FEFFFA;
	opacity: 0.7;
	padding:16px;
   font-family: 'Lato', sans-serif;
	font-size:18px;
	line-height:1.3em;
	text-align: center;
	overflow:hidden;
	z-index:6000;
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
}
.SQBW, .SQB {width:850px!important;}

.SQB .title {display:block;color:#FFFFFF;;float:left;width:150px;font-family: 'Lato', sans-serif;
    font-weight: 700;text-transform: uppercase;font-size: 20px;}
.SQB .groupSize, .SQB .day,.SQB .time, .submit {width:145px;float:left;margin-right:25px;margin-bottom:3px;height:25px;margin-top:3px;}
.SQB .CommandButton {height:22px;background-color: #FFD702;color:#000000;}
.SQB .NormalTextBox{padding:3px;height:25px;}
.pleaseContact .NormalL {
	color:#FFFFFF;
}

.QuickIntros {position:relative;width:780px;height:160px;margin-top:5px;margin-bottom:25px;overflow:hidden;}
.QuickIntroBlock {float:left;width:242px;height:160px;margin-right:27px;}
.QuickIntroImage {margin-top:8px;margin-bottom:8px;border:1px solid #7E592B;}

.SQBW, .SQB {width:200px!important;}
.SQB .title {display:none;}
.SQB .groupSize, .SQB .day,.SQB .time, .submit {width:145px;float:left;margin-right:25px;margin-bottom:3px;height:25px;margin-top:3px;margin-left:0px;}
.SQB .CommandButton {margin: 2px; padding: 0px 25px 0px 15px; border: 0px #7E592B; height: 26px; color: #FFFFFF; text-decoration: none; cursor: pointer; background-color: #7E592B;}
.SQB .CommandButton:hover {background-color: #FFD702;color: #000000;}
.SQB .NormalTextBox{padding:3px;height:25px;}
.pleaseContact .NormalL {color:#000000;}