/* --- General --- */
* {
   font-family: Verdana, Helvetica, Arial, sans-serif;
}
body {background-color: #0074BF;}
*.Bold {font-weight: bold;}

h1 { color: #990000; font-weight:bold; font-size: 14px; padding-top: 14px; }
h2 { color: #000000; font-weight:bold; font-size: 12px;}
h3 { color: #000000; font-weight:bold; font-size: 11px;}
h4 { color: #000000; font-weight:bold; font-size: 10px;}
hr { color: #990000;}

#mainFullPageContainer{
	margin: 0px;
	padding: 0px; 
	width: 600px;
	border-width: 0px; 
}

#mainFullPageContainerMobile{
	margin: 0px;
	padding: 0px; 
	border-width: 0px; 
}

#mainContainer{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 20px;
}

#mainContainerMobile{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 20px;
}

#mainAdminContainer{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 20px 20px;
}
#mainFooterContainer{
	margin: 0px 0px 0px 0px;
	padding: 0;
	background-color:Transparent;
}

/* --- Drop Down Menu --- */
*.navHdr {
  width: 120px; 
  text-align: left; 
  text-indent: -2px; 
  padding: 4px; 
  background-color: #CECD4E; color: #990000; 
  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;
}
*.navHdr2 {
  width: 150px; 
  height: 22px; 
  text-align: left; 
  text-indent: -2px; 
  background-color: #CECD4E; color: #990000; 
  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight:bold;
  padding: 4px 0px 4px 4px; 
  border-color: #F6F49D; border-style: solid; 
  border-top-width: 1px; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; 
}
*.navHdrHover {
   background-image: url(images/marker_arrow.gif); background-repeat: no-repeat; background-position: center left; 
}

/* --- Header --- */
*.Header {color: #FFFFFF;  font-size: 24px; font-weight: bold;} /* page title */
*.HeaderSmallLabel {color: #FFFFFF;  font-size: 10px; font-weight:bold;} /* small text for header */
*.HeaderMediumLabel {color: #000000;  font-size: 10px; font-weight: bold;} /* page title */

a.HeaderLarge:link {TEXT-DECORATION: none; color: #990000;  font-size: 12px; font-weight:bold;}
a.HeaderLarge:visited {TEXT-DECORATION: none; color: #990000;  font-size: 12px; font-weight:bold;}
a.HeaderLarge:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 12px; font-weight:bold;}
a.HeaderLarge:active {TEXT-DECORATION: none; color: #990000;  font-size: 12px; font-weight:bold;}

 
a.HeaderSmall:link {TEXT-DECORATION: none; color: #000000;  font-size: 8px; font-weight:bold;}
a.HeaderSmall:hover {TEXT-DECORATION: underline; color: #cecd4e;  font-size: 9px; font-weight:bold;}
a.HeaderSmall:active {TEXT-DECORATION: none; color: #cecd4e;  font-size: 9px; font-weight:bold;}
a.HeaderSmall:visited {TEXT-DECORATION: none; color: #cecd4e;  font-size: 9px; font-weight:bold;} 
a.HeaderSmall2:link {TEXT-DECORATION: none; color: #000000;  font-size: 8px; font-weight:bold;}
a.HeaderSmall2:visited {TEXT-DECORATION: none; color: #990000;  font-size: 9px; font-weight:bold;}
a.HeaderSmall2:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 9px; font-weight:bold;}
a.HeaderSmall2:active {TEXT-DECORATION: none; color: #990000;  font-size: 9px; font-weight:bold;}

a.HeaderLoginSmall {TEXT-DECORATION: none; color: #ffffff; font-size: 10px; font-weight:bold;}
a.HeaderLoginSmall:hover {TEXT-DECORATION: underline; color: #cecd4e; font-size: 10px; font-weight:bold;}
a.HeaderLoginSmall:active {TEXT-DECORATION: underline; color: #cecd4e; font-size: 10px; font-weight:bold;}

*.HeaderBarLabel {color: #FFFFFF;  font-size: 10px; font-weight:bold;} /* small text for header */

*.HeaderBarInput {font-size: x-small;}

a.HeaderLabel {TEXT-DECORATION: none; color: #000000;  font-size: 10px; font-weight: bold;}
a.HeaderMenu:link {TEXT-DECORATION: none; color: #000000;  font-size: 12px; font-weight: bold;}
a.HeaderMenu:visited {TEXT-DECORATION: none; color: #000000;  font-size: 12px; font-weight: bold;}
a.HeaderMenu:hover {TEXT-DECORATION: underline; color: #0074bf;  font-size: 12px; font-weight: bold;}
a.HeaderMenu:active {TEXT-DECORATION: underline; color: #0074bf;  font-size: 12px; font-weight: bold;}

/* --- Wizard Steps --- */
*.BreadCrumb {color: #7FB9DF; font-size: 10px; font-weight:bold;}
*.BreadCrumbOn {color: #0074BF; font-size: 10px; font-weight:bold;}
a.BreadCrumb {TEXT-DECORATION: none; color: #0074BF;  font-size: 10px; font-weight:bold;}
a.BreadCrumb:hover {color: #0074BF;}

/* --- Site Trail (aka "true" bread crumbs) --- */
*.SiteTrail {color: #990000;  font-size: 10px; font-weight: bold; padding: 2px; }

/* --- Side Bar --- */
*.SideMargin {margin-left: 35px;}
*.SideMargin2 {margin-left: 20px;}
*.SideMenu {color: #990000;  font-size: 12px; }
*.SideMenuSection {font-size: 14px; color: #0074bf; font-weight: bold;}
*.SideMenuSelected {color: #990000;  font-size: 12px; font-weight:bold;
      background-repeat: no-repeat; background-position: center left;
      display: block; text-indent: -20px; padding: 2px 0 2px 40px;
      }
a.SideMenuSelected:hover {
      background-image: url(images/marker_arrow.gif);
      }
a.SideMenu {TEXT-DECORATION: none; color: #990000;  font-size: 12px;
      display: block; text-indent: -20px; padding: 2px 0 2px 40px;
      }
a.SideMenu:hover {
      background-image: url(images/marker_arrow.gif); background-repeat: no-repeat; background-position: center left;
      text-indent: -20px; padding: 2px 0 2px 40px;
      }
*.SideMenuDisabled {color: #D5D5D5;  font-size: 12px;
      text-indent: 0px; padding: 2px 0 2px 20px;
      }  /* text indent doesn't work for 'disabled' link in IE or Firefox - ideally this style should be the same as the others */

*.ContentGood {font-size: 12px; font-weight: bold; color: #009900;}
*.ContentBad {font-size: 12px; font-weight: bold; color: #990000;}

a.ContentMenu:link {TEXT-DECORATION: underline; color: #000000;  font-size: 14px; font-weight: bold;}
a.ContentMenu:visited {TEXT-DECORATION: underline; color: #000000;  font-size: 14px; font-weight: bold;}
a.ContentMenu:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 14px; font-weight: bold;}
a.ContentMenu:active {TEXT-DECORATION: underline; color: #990000;  font-size: 14px; font-weight: bold;}

/* --- Content --- */
*.Content {font-size: 12px;}
*.ContentTitle {font-size: 16px; font-weight: bold; color: #990000;}
*.ContentTitleNoBold {font-size: 16px; color: #990000;}
*.ContentTitleNoBoldWhite {font-size: 16px; color: #FFFFFF;}

*.ContentSubTitle {font-size: 14px; font-weight: bold; color: #000000; padding: 6px 0px 6px 0px;}
*.ContentSmallTitle {font-size: 12px; font-weight: bold; color: #000000;}
*.ContentInstructions {font-size: 12px; color: #000000;}
*.ContentInstructionsRed {font-size: 12px; color:  Red;}
*.ContentInstructionsRedBold {font-size: 12px; color:  Red; font-weight: bold}
*.ContentInstructionsSmall {font-size: 10px; color: #000000;}
*.ContentInstructionsSmallRed {font-size: 10px; color: Red;}
*.ContentInstructionsDisabled {font-size: 12px; color: #999999;}

/* Customer Table Definitions */
*.TableLayout {border-width:0;  background-color:Transparent; border-color:#000000; padding: 0px; margin: 0px;}

/* Restaurant Table Definitions */
/* Deleted classes restored and re-integrated from VSS version 20: ZLA 2006-07-16 */
*.ContentTableMargin {border-width:0; border-color:#000000; padding:0; margin: 10px 10px 10px 10px}
*.ContentTableHeader {font-size: 14px; font-weight: bold; color: #990000; background-color: #F6F59E;} /* old vss version 20 value was #eae997 */
*.ContentTableFooter {font-size: 12px; font-weight: bold; color: #990000; background-color: #F6F59E;} /* old vss version 20 value was #eae997 */
*.ContentTableItem {background-color: #FFFFFF;} /* old vss version 20 value included border: solid 1px #fff195; */
*.ContentTableAlternateItem {background-color: #FBF7DC;} /* used by Admin Pages and OrderListingControl - old vss version 20 value included border: solid 1px #fff195; */




*.ContentTableSelectedItem {background-color: #eae997;} /* used by OrderListingControl - old vss version 20 value included border: solid 1px #fff195; */
*.ContentTableSelectedItemUser { font-weight: bold;}



a.ContentTable:link {TEXT-DECORATION: underline; color: #990000;  font-size: 10px; font-weight:normal; padding-right: 3px; }
a.ContentTable:visited {TEXT-DECORATION: underline; color: #990000;  font-size: 10px; font-weight:normal; padding-right: 3px; }
a.ContentTable:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 10px; font-weight:normal; padding-right: 3px; }
a.ContentTable:active {TEXT-DECORATION: underline; color: #990000;  font-size: 10px; font-weight:normal; padding-right: 3px; }

*.ContentLinkLarge {TEXT-DECORATION: underline; color: #990000;  font-size: 12px; font-weight:bold;}
*.ContentLinkLarge:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 12px; font-weight:bold;}
*.ContentLinkLarge:active {TEXT-DECORATION: underline; color: #990000;  font-size: 12px; font-weight:bold;}
*.ContentLinkLargeNoLine:link {TEXT-DECORATION: none; color: #990000;  font-size: 12px; font-weight:bold;}
*.ContentLinkLargeNoLine:visited {TEXT-DECORATION: none; color: #990000;  font-size: 12px; font-weight:bold;}
*.ContentLinkLargeNoLine:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 12px; font-weight:bold;}
*.ContentLinkLargeNoLine:active {TEXT-DECORATION: none; color: #990000;  font-size: 12px; font-weight:bold;}
#ContentLinkMargin {
   padding: 0px 0px 6px 20px;
}

*.ContentLabel {font-size: 12px; text-align: right; color: #990000;}
*.ContentLabelLeft {font-size: 12px; color: #990000;}
*.ContentLabelDisabled {font-size: 12px; text-align: right; color: #999999;}
*.ContentInput {font-size: 12px; border-color: #000000; border-style: solid; border-width: 1px;}
*.ContentInputSmall {font-size: 10px; border-color: #000000; border-style: solid; border-width: 1px;}
*.ContentInputNoBorder {font-size: 12px; color: Black; font-style: normal; padding-left: 10px; }
*.ContentInputError {font-size: 12px; color: #990000;}
*.ContentInputErrorItalic {font-size: 12px; color: #990000; font-style: italic}
*.ContentInputNoBorderDisabled {font-size: 12px; color: #999999;}
*.ContentScroll {font-size: 12px; border-color: #000000; border-style: solid; border-width: 1px;
      overflow: auto; padding: 5px; margin-bottom: 6px; }
*.ContentItem {font-size: 12px; font-style: italic; color: #990000;}
*.ContentGapSmall {font-size: 2px;}

a.ContentButtonLeft:link {display: block; background-color: transparent; background-image: url(images/btnBlank_left.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonLeft:visited {display: block; background-color: transparent; background-image: url(images/btnBlank_left.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonLeft:hover {display: block; background-color: transparent; background-image: url(images/btnBlank_left.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonLeft:active {display: block; background-color: transparent; background-image: url(images/btnBlank_left.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButton:link {display: block; background-color: transparent; background-image: url(images/btnBlank_mid.gif); background-repeat: repeat-x; width:auto; height:32px; margin: 0px auto; padding: 7px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButton:visited {display: block; background-color: transparent; background-image: url(images/btnBlank_mid.gif); background-repeat: repeat-x; width:auto; height:32px; margin: 0px auto; padding: 7px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButton:hover {display: block; background-color: transparent; background-image: url(images/btnBlank_mid.gif); background-repeat: repeat-x; width:auto; height:32px; margin: 0px auto; padding: 7px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButton:active {display: block; background-color: transparent; background-image: url(images/btnBlank_mid.gif); background-repeat: repeat-x; width:auto; height:32px; margin: 0px auto; padding: 7px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonRight:link {display: block; background-color: transparent; background-image: url(images/btnBlank_right.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonRight:visited {display: block; background-color: transparent; background-image: url(images/btnBlank_right.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonRight:hover {display: block; background-color: transparent; background-image: url(images/btnBlank_right.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.ContentButtonRight:active {display: block; background-color: transparent; background-image: url(images/btnBlank_right.gif); background-repeat: no-repeat; width:24px; height:32px; margin: 0px auto; padding: 0px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
*.ContentButtonDis:link, a.ContentButtonDis:visited, a.ContentButtonDis:hover, a.ContentButtonDis:active {background-position: 0 -72px; color: #5F5F5F; cursor: default;}

.button, a.buttonDis, a.button:link, a.button:visited, a.button:hover, a.button:active{display: block; background-color: transparent; background-image: url(images/btnBlank_02.gif); background-repeat:no-repeat; width: 89px; height: 28px; margin: 5px auto; padding: 5px 0 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {background-position: 0 -72px; color: #5F5F5F; cursor: default;}
.icon {background-repeat: no-repeat; padding: 0 0 0px 0px; }

/* --- Order Summary --- */
*.OrderSummaryTable {background-color:#F6F59E; border-color:#990000; border-style:  solid; border-width: 0px; }
*.OrderLabel {color: #990000;  font-size: 13px;}
*.OrderContent {color: #000000;  font-size: 12px; font-weight:bold; padding-right: 10px; }
*.OrderSummarySmallTitle {color: #990000;  font-size: 12px; font-weight: bold;}

/* --- Order Confirmation --- */
*.OrderConfirmation {color: #990000;  font-size: 13px;}

/* --- Menu --- */
*.Menu {color: #990000;  font-size: 14px; font-weight: bold;}
*.MenuDesc {color: #0074bf;  font-size: 11px; font-weight: bold;}
*.MenuSectionHeader {color: #990000;  font-size: 13px; font-weight: bold;}
*.MenuSectionHeaderSelected {color: #0074bf;  font-size: 13px; font-weight: bold;}
*.MenuSection {color: #990000;  font-size: 13px; font-weight: bold;}
*.MenuSectionDesc {color: #000000;  font-size: 11px;}
*.MenuItem {color: #0074bf;  font-size: 11px; font-weight: bold;}
*.MenuItemDesc {color: #000000;  font-size: 11px;}
*.MenuLink:link {text-decoration: underline; color: #990000;  font-size: 11px; font-weight:bold;}
*.MenuLink:visited {text-decoration: underline; color: #990000;  font-size: 11px; font-weight:bold;}
*.MenuLink:hover {text-decoration: underline; color: #990000;  font-size: 11px; font-weight:bold;}
*.MenuLink:active {text-decoration: underline; color: #990000;  font-size: 11px; font-weight:bold;}

/* --- Menu Div Tags ---*/
*.ItemSeparator { margin:0; padding:10px 0px 10px 0px; border-bottom:1px dashed #0074bf;}
*.MenuBuilderSeparator { margin:0; padding:10px 0px 10px 0px; border:1px dashed;}
#SectionSeparator { margin:0; border-bottom:3px solid #c3cd4e;}

/* --- Footer --- */
*.FooterLabel {color: #FFFFFF;  font-size: 10px; font-weight:bold;}
*.FooterHomeTagline {font-size: 14px; color: #990000;}
a.Footer {TEXT-DECORATION: none; color: #FFFFFF;  font-size: 10px; font-weight:bold;}
a.Footer:hover {TEXT-DECORATION: underline; color: #FFFFFF;  font-size: 10px; font-weight:bold;}
a.Footer:active {TEXT-DECORATION: underline; color: #FFFFFF;  font-size: 10px; font-weight:bold;}

/* --- Login --- */
*.Login { font-size: 16px; font-weight: bold; } 
*.LoginInput {border-color: #A0A0A0; border-style: solid; border-width: 1px;}
a.Login:link {TEXT-DECORATION: underline; color: #000000;  font-size: 8px; font-weight:bold;}
a.Login:visited {TEXT-DECORATION: underline; color: #000000;  font-size: 8px; font-weight:bold;}
a.Login:hover {TEXT-DECORATION: underline; color: #990000;  font-size: 8px; font-weight:bold;}
a.Login:active {TEXT-DECORATION: underline; color: #000000;  font-size: 8px; font-weight:bold;}

/** --- Restaurant Marketing Content --- */
*.RestaurantContentTitle {font-size: 14px; color: #0074bf; font-weight: bold;}
*.RestaurantContentInlineTitle {font-size: 12px; color: #000000; font-weight: bold;}
*.RestaurantContent {font-size: 12px; color: #000000;}

/* --- ZLA Restaurant Info - used by customer and admin --- */
*.RestaurantInfo {color: #990000;  font-size: 12px;}
*.RestaurantContent {background-color: #FFFFFF;}
*.RestaurantTable {border-color:#990000; border-style: solid; border-width: 1px; }

/* 
   old version
*/

*.ContentDataEdit {background-color: #FFFF80;}        /* a light yellow */
*.ContentDataListColor {background-color: #E0E0E0;}   /* a lighter gray than table header */
*.ContentDataListNoColor {background-color: #FFFFFF;} /* white */
*.ContentDataSelect {background-color: #FF80FF;}      /* a light blue */

/* --- background color on table cells = #fbf7dc, header - #F6F59E, 14px; ---*/

/* --- Call Center */
*.CallCenterQuestion {color: Green;  font-size: 14px;; font-weight:bold}

*.CallCenterInstruction {color: Red;  font-size: 14px;; font-weight:bold}