@charset "UTF-8";
/*
  Global layout stylesheet
  Rules in this file are applied to every section of the site.
  Rules that affect ONLY the public section should go in public.scss.
  Rules that affect ONLY the merchant section should go in merchant.scss.
  Rules that affect ONLY the admin section should go in admin.scss.
  You probably shouldn't be editing this file, but if you must:
  Please leave a comment explaining what exactly your rules do!

  “Always code as if the guy who ends up maintaining your code will be
   a violent psychopath who knows where you live.” - Brad Bowman

*/
/* Base Colors & Fonts ---------------------------------------------------- */
body {
  background: #64594d;
  color: black;
  font: 75%/1.5 helvetica, arial, sans-serif; }
  body.admin_body {
    background-color: #64594d; }
  body.merchant_body {
    background-color: #64594d; }
  body.user_body {
    background-color: #f6ee6d; }

a,
a:link,
a:visited {
  color: #004276; }

a:hover,
a:focus,
a:active {
  color: #007bdc; }

/* Page ------------------------------------------------------------------- */
#page {
  position: relative;
  z-index: 1;
  width: 980px;
  margin: 8px auto 50px; }

#loading_div {
  background-color: #FFF1A8;
  font-weight: bold;
  max-width: 100px;
  padding: 2px 5px;
  margin: 10px 0 0 0;
  position: absolute;
  right: 50%;
  top: 0; }

/* Header ----------------------------------------------------------------- */
#header {
  width: 964px;
  background: #000;
  color: #fff;
  position: relative;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  margin: 0 8px;
  height: 140px; }
  #header * {
    margin: 0; }
  #header h1 {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99; }
    #header h1 a {
      display: block;
      width: 124px;
      height: 120px;
      text-indent: -9999em;
      background: url("../../images/logo-cityeats-color.png") no-repeat;
      opacity: 1;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #header h1 a:hover, #header h1 a:focus {
        outline: none;
        opacity: .9; }
  #header .city {
    position: absolute;
    top: 64px;
    left: 140px;
    z-index: 99; }
    #header .city a {
      color: #cc9;
      text-decoration: none;
      -webkit-border-top-right-radius: 8px;
      -moz-border-radius-topright: 8px;
      border-top-right-radius: 8px;
      font-size: 1.17em;
      font-family: "ProximaNova", arial, sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: .3em;
      height: 17px;
      width: 187px;
      padding: 6px 23px 7px 5px;
      display: block; }
      #header .city a.twisty {
        background: url("https://secure.cityeats.com/images/arrow-metro-select-down.png") no-repeat 192px 9px; }
      #header .city a.toggle {
        border-bottom: none;
        color: #cdc6a5;
        background-color: #9f1c12; }

#skip-link {
  position: absolute;
  left: -10000px; }

/* Primary Navigation ----------------------------------------------------- */
#navigation {
  width: 0;
  height: 140px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 8px;
  font-family: "ProximaNova", arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold; }
  #navigation a {
    text-decoration: none;
    color: white; }
    #navigation a:hover, #navigation a:focus {
      color: #f29150; }
  #navigation ul {
    margin: 0;
    list-style: none; }
    #navigation ul li {
      margin: 0;
      display: inline;
      float: left;
      position: relative; }
      #navigation ul li a {
        display: block; }
      #navigation ul li:hover ul, #navigation ul li:focus ul {
        display: block; }
      #navigation ul li ul {
        display: none;
        z-index: 2;
        position: absolute;
        top: 1em;
        left: 0;
        background: #9f1c12;
        background: rgba(159, 28, 18, 0.94);
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
        -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
        #navigation ul li ul li {
          display: block;
          float: none; }
          #navigation ul li ul li:last-child {
            padding-bottom: 4px; }
          #navigation ul li ul li a {
            white-space: nowrap;
            padding: 8px 10px;
            color: #fff;
            min-width: 100px; }
            #navigation ul li ul li a:hover, #navigation ul li ul li a:focus {
              background: #c78985;
              background: rgba(234, 234, 234, 0.5);
              color: #fff; }
          #navigation ul li ul li ul {
            position: static;
            background: none;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none; }
            #navigation ul li ul li ul:after {
              content: "";
              position: static;
              margin-left: 0;
              width: 0;
              height: 0;
              background: none; }
            #navigation ul li ul li ul li:first-child {
              padding-top: 0; }
            #navigation ul li ul li ul li:last-child {
              padding-bottom: 0; }
            #navigation ul li ul li ul li a {
              font-weight: normal;
              padding-left: 15px; }
  #navigation #choose-metro {
    position: absolute;
    left: 140px;
    top: 94px;
    list-style-type: none;
    display: none;
    z-index: 999999; }
    #navigation #choose-metro ul {
      margin: 0;
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
    #navigation #choose-metro li {
      float: none; }
      #navigation #choose-metro li a {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        font-size: 1.167em;
        font-family: "ProximaNovaSemiBold", arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: .3em;
        color: #cdc6a5;
        width: 205px;
        opacity: 1;
        padding: 7px 5px;
        display: block;
        background-color: #9f1c12; }
        #navigation #choose-metro li a:hover, #navigation #choose-metro li a:focus {
          background: #c37f7a;
          color: #cdc6a5; }
        #navigation #choose-metro li a.unpublished {
          background-color: #73423e;
          color: #b9b9b9; }
  #navigation #primary-nav {
    width: 610px;
    position: absolute;
    bottom: 0;
    left: 350px;
    /* select the first level only */ }
    #navigation #primary-nav > ul > li > a {
      background: white;
      background: #e5e5e5;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, #cccccc 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #cccccc));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #cccccc 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #cccccc 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, white 0%, #cccccc 100%);
      /* IE10+ */
      background: linear-gradient(top, white 0%, #cccccc 100%);
      /* W3C */
      color: #544b41;
      line-height: 35px;
      padding: 0 10px;
      margin-right: 2px;
      font-size: 1.167em;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      border-top-right-radius: 4px; }
    #navigation #primary-nav > ul > li.active > a, #navigation #primary-nav > ul > li:hover > a, #navigation #primary-nav > ul > li:focus > a {
      background: #932117;
      background: #9e1e14;
      /* Old browsers */
      background: -moz-linear-gradient(top, #aa1c12 0%, #932117 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa1c12), color-stop(100%, #932117));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #aa1c12 0%, #932117 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #aa1c12 0%, #932117 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #aa1c12 0%, #932117 100%);
      /* IE10+ */
      background: linear-gradient(top, #aa1c12 0%, #932117 100%);
      /* W3C */
      color: #fff;
      outline: 0; }
    #navigation #primary-nav ul ul {
      top: 35px; }
  #navigation .restaurants, #navigation .cities {
    width: 600px;
    position: absolute;
    top: 75px;
    left: 150px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    color: #fff; }
  #navigation .login {
    width: 800px;
    position: absolute;
    top: 10px;
    z-index: 999;
    right: -954px;
    color: white;
    /* select the first level only */ }
    #navigation .login ul {
      float: right; }
    #navigation .login > ul > li > a {
      line-height: 22px;
      padding: 0 10px;
      border-right: 1px solid #999;
      color: white; }
    #navigation .login > ul > li:hover > a, #navigation .login > ul > li:focus > a {
      background: #9f1c12;
      background: rgba(159, 28, 18, 0.94);
      color: #fff; }
    #navigation .login > ul > li:last-child > a {
      border-right: 0; }
    #navigation .login > ul > li.hello {
      line-height: 22px;
      padding: 0 10px; }
      #navigation .login > ul > li.hello a {
        line-height: 1;
        padding: 0;
        margin-left: .25em;
        border: 0;
        display: inline; }
    #navigation .login > ul > li.fn {
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
      font-weight: normal;
      text-transform: none;
      top: -18px;
      padding-left: 5px; }
      #navigation .login > ul > li.fn img {
        position: relative;
        top: 11px;
        padding-left: 5px;
        padding-right: 3px; }
    #navigation .login > ul > li.accept > a {
      background: #ede7d8 url("https://secure.cityeats.com/images/icon-check.png") no-repeat 5px center;
      padding-left: 25px;
      color: #2d0f0a;
      border: 0;
      margin-right: 2px;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
      font-weight: normal;
      text-transform: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
      #navigation .login > ul > li.accept > a:hover, #navigation .login > ul > li.accept > a:focus {
        background-color: #fff; }
    #navigation .login > ul > li.invite > a {
      background: #ede7d8 url("https://secure.cityeats.com/images/icon-plus.png") no-repeat 5px center;
      padding-left: 25px;
      color: #2d0f0a;
      border: 0;
      margin-right: 2px;
      font-family: Georgia, "Times New Roman", serif;
      font-style: italic;
      font-weight: normal;
      text-transform: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
      #navigation .login > ul > li.invite > a:hover, #navigation .login > ul > li.invite > a:focus {
        background-color: #fff; }
    #navigation .login ul ul {
      top: 22px; }

/* Main ------------------------------------------------------------------- */
.spinner-empty {
  height: 16px;
  width: 16px;
  display: inline-block; }

.spinner, .loading_content {
  background: transparent url("https://secure.cityeats.com/images/busy.gif") no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block; }

.spinner-red {
  background: transparent url("https://secure.cityeats.com/images/busy-red.gif") no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block; }

#main {
  position: relative;
  padding: 20px 25px;
  border-top: 35px solid #932117;
  background: #eaeaec url("https://secure.cityeats.com/images/bg-page-inner.png") repeat-y right top;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  zoom: 1; }
  #main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.two-column #main,
.three-column #main {
  padding: 20px; }

/* Breadcrumb Trail ------------------------------------------------------- */
.breadcrumbs {
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1; }
  .breadcrumbs a {
    text-decoration: none;
    color: black; }
    .breadcrumbs a:hover, .breadcrumbs a:focus {
      text-decoration: underline; }
    .breadcrumbs a:last-child {
      color: #004276; }

/* Flash Messages --------------------------------------------------------- */
.flash,
#error_explanation {
  padding: 10px 20px;
  margin: .25em 0 20px;
  background: #f7f3f0;
  border: 2px solid #ada8a2; }
  .flash.error, .flash.errorlist,
  #error_explanation.error,
  #error_explanation.errorlist {
    border-color: #c00;
    color: #c00;
    background-color: #fcc; }
  .flash.warning, .flash.alert,
  #error_explanation.warning,
  #error_explanation.alert {
    border-color: #c90;
    background-color: #ffc; }
  .flash.notice, .flash.info,
  #error_explanation.notice,
  #error_explanation.info {
    border-color: #090;
    background-color: #cfc; }
  .flash h1, .flash h2, .flash h3, .flash h4,
  #error_explanation h1,
  #error_explanation h2,
  #error_explanation h3,
  #error_explanation h4 {
    border: 0;
    margin: .5em 0 .75em;
    padding: 0;
    font-size: 1em;
    text-transform: none; }
  .flash ul,
  #error_explanation ul {
    margin: 0; }
  .flash label,
  #error_explanation label {
    float: none;
    width: auto;
    text-align: left;
    font-weight: normal;
    margin: 0;
    color: inherit; }

#error_explanation {
  border-color: #c00;
  color: #c00;
  background: rgba(255, 0, 0, 0.1); }

.attn {
  color: #bc1f14;
  font-weight: normal; }
  .attn strong {
    font-weight: bold; }

#notice {
  color: green; }

/* Content ---------------------------------------------------------------- */
.two-column #content,
.three-column #content {
  float: left;
  width: 620px; }

.wrapper {
  margin: 0 -5px;
  zoom: 1; }
  .wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .wrapper .primary {
    float: left;
    width: 620px; }
  .wrapper .sidebar {
    float: right;
    width: 300px; }
  .wrapper section {
    margin: 0 0 20px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "ProximaNova", arial, sans-serif;
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 5px; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.5em; }

h4 {
  font-size: 1.167em; }

h5, h6 {
  font-size: 1em; }

.page-title {
  font-family: "ProximaNovaBold", arial, sans-serif;
  color: #666;
  font-size: 3.667em;
  padding-bottom: .25em;
  margin: 0 0 20px;
  border-bottom: 1px solid #a8a39d;
  line-height: 1; }

.section-title {
  border-bottom: 1px solid #a8a39d; }

strong, b {
  font-weight: bold; }

em, i, cite {
  font-style: italic; }

#content hr {
  border: 1px solid #ada8a2;
  border-width: 1px 0 0;
  margin: 1.5em 0; }

blockquote {
  background: rgba(197, 178, 155, 0.3);
  padding: .75em 1em;
  margin: 1em 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  blockquote p {
    margin: .75em 0 0; }
    blockquote p:first-child {
      margin: 0; }
  blockquote.overflow {
    overflow: auto; }

section,
aside,
.ui-tabs-panel {
  background: white;
  border: 1px solid #ddd6cf;
  padding: 20px;
  margin: 20px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }
  section section,
  aside section,
  .ui-tabs-panel section {
    background: none;
    border: 0;
    padding: 0;
    margin: 0; }
  section.narrow,
  aside.narrow,
  .ui-tabs-panel.narrow {
    width: 620px; }

.inline_help {
  clear: both;
  font-style: italic;
  font-size: 0.8em;
  color: #555; }

/* Forms ------------------------------------------------------------------ */
form {
  zoom: 1;
  /* placeholder text - these need to be separate rules for some reason */ }
  form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  form legend, form h1, form h2, form h3, form h4 {
    display: block;
    width: 100%;
    border-top: 1px dotted #ada8a2;
    font-weight: bold;
    line-height: 1;
    padding: .75em 0;
    margin-top: .75em;
    font-family: "ProximaNova", arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.5em; }
  form label {
    float: left;
    text-align: right;
    font-weight: bold;
    width: 115px;
    margin: 2px 10px .5em 0; }
    form label.error {
      color: #c00; }
  form textarea,
  form input[type="date"],
  form input[type="datetime"],
  form input[type="datetime-local"],
  form input[type="email"],
  form input[type="month"],
  form input[type="number"],
  form input[type="password"],
  form input[type="search"],
  form input[type="tel"],
  form input[type="text"],
  form input[type="time"],
  form input[type="url"],
  form input[type="week"] {
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #000;
    outline: 0;
    padding: 2px 3px;
    font-family: helvetica, arial, sans-serif;
    font-size: 1em;
    height: 1.8em;
    /* IE7 */
    *padding-top: 2px;
    *padding-bottom: 1px;
    *height: auto; }
  form input {
    width: 400px; }
    form input.error {
      border-color: #c00;
      color: #c00; }
    form input.small {
      width: 110px; }
    form input.medium {
      width: 200px; }
    form input[type=submit], form input[type=button], form input[type=radio], form input[type=checkbox] {
      width: auto; }
  form textarea {
    width: 400px;
    min-height: 50px;
    overflow: auto;
    resize: vertical; }
    form textarea.error {
      border-color: #c00;
      color: #c00; }
  form input.hasPlaceholder, form textarea.hasPlaceholder {
    color: #999; }
  form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    color: #999; }
  form input:-moz-placeholder, form textarea:-moz-placeholder {
    color: #999; }
  form .field {
    clear: both;
    margin: .5em 0; }
    form .field .field {
      display: inline;
      clear: none;
      padding: 0;
      margin: 0 10px 0 0; }
      form .field .field:last-child {
        margin-right: 0; }
      form .field .field label {
        float: none;
        text-align: left;
        width: auto;
        margin: 0 5px 0 0;
        font-weight: normal; }
    form .field.error {
      background: rgba(255, 0, 0, 0.1);
      color: #c00; }
    form .field.required:after {
      content: "";
      display: inline-block;
      width: 9px;
      height: 9px;
      background: url("https://secure.cityeats.com/images/icon-form-required.png") no-repeat;
      margin-left: .5em; }
  form .radio,
  form .radios,
  form .check,
  form .checks {
    padding-left: 125px; }
    form .radio label,
    form .radios label,
    form .check label,
    form .checks label {
      float: none;
      text-align: left;
      width: auto;
      margin-left: 5px;
      margin-right: 0; }
  form .radio,
  form .check {
    margin: 1em 0;
    padding-left: 15px; }
  form .inline_help {
    margin: .5em 0 .5em 125px; }
  form .inline_help_full {
    margin: .5em 0 .5em 0; }
    form .inline_help_full li {
      margin: 0; }
  form .actions {
    margin-top: 1.5em;
    text-align: center; }
  form .field_with_errors {
    display: inline;
    color: #c00; }
    form .field_with_errors input,
    form .field_with_errors textarea {
      border-color: #c00;
      color: #c00; }
  form input.datepicker {
    width: 85px; }

/* Reservation Timeslots -------------------------------------------------- */
.timeslots {
  font-style: normal;
  display: inline-block;
  vertical-align: bottom;
  list-style: none;
  width: auto;
  margin: 0;
  zoom: 1;
  background: #ccc;
  background: #dadadb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e8e8ea 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8ea), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e8e8ea 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e8e8ea 0%, #cccccc 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e8e8ea 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(top, #e8e8ea 0%, #cccccc 100%);
  /* W3C */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #666; }
  .timeslots:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .timeslots.alternate {
    background: none; }
  .timeslots li {
    float: left;
    margin: 0;
    width: 45px;
    line-height: 1;
    text-align: center;
    font-size: 1em;
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset, -1px 0 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset, -1px 0 0 rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset, -1px 0 0 rgba(0, 0, 0, 0.25); }
    .timeslots li:hover, .timeslots li:focus, .timeslots li.selected {
      background: #eee; }
    .timeslots li:first-child {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .timeslots li.disabled {
      font-style: italic;
      padding: 5px 0; }
      .timeslots li.disabled:hover, .timeslots li.disabled:focus, .timeslots li.disabled.selected {
        background: none; }
    .timeslots li a {
      padding: 5px 0;
      display: block;
      outline: 0 !important;
      text-decoration: none;
      font-weight: bold; }
    .timeslots li.prev, .timeslots li.next {
      width: 15px; }
      .timeslots li.prev.disabled, .timeslots li.next.disabled {
        height: 10px;
        background-repeat: no-repeat;
        background-position: center 6px; }
      .timeslots li.prev a, .timeslots li.next a {
        height: 11px;
        text-indent: -9999em;
        background-repeat: no-repeat;
        background-position: center 6px; }
    .timeslots li.prev {
      -webkit-border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      border-top-left-radius: 3px;
      -webkit-border-bottom-left-radius: 3px;
      -moz-border-radius-bottomleft: 3px;
      border-bottom-left-radius: 3px; }
      .timeslots li.prev a {
        background-image: url("https://secure.cityeats.com/images/arrow-reservation-prev.png"); }
      .timeslots li.prev.disabled {
        background-image: url("https://secure.cityeats.com/images/arrow-reservation-prev-off.png"); }
    .timeslots li.next {
      float: right;
      -webkit-border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      border-top-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      border-bottom-right-radius: 3px; }
      .timeslots li.next a {
        background-image: url("https://secure.cityeats.com/images/arrow-reservation-next.png"); }
      .timeslots li.next.disabled {
        background-image: url("https://secure.cityeats.com/images/arrow-reservation-next-off.png"); }
    .timeslots li.alternate {
      width: auto;
      margin: 2px;
      border: 2px solid #8B1913;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      .timeslots li.alternate a {
        font-family: inherit;
        font-size: 1em;
        text-align: center;
        font-weight: bold;
        color: #8B1913;
        padding: 4px; }

/* Star ratings ----------------------------------------------------------- */
.rating_stars {
  width: 80px;
  background: url("https://secure.cityeats.com/images/star-gray.png") 0 0 repeat-x; }
  .rating_stars div {
    height: 20px;
    background: url("https://secure.cityeats.com/images/star-red.png") 0 0 repeat-x; }

/* Fancy Selects ---------------------------------------------------------- */
.yaselect-anchor {
  display: inline-block; }
  .yaselect-anchor .yaselect-wrap,
  .yaselect-anchor .yaselect-current {
    cursor: pointer;
    display: block; }
  .yaselect-anchor .yaselect-wrap {
    background: #4b433a url("https://secure.cityeats.com/images/bg-select-close.png") no-repeat 100% 50%;
    padding: 6px 40px 6px 6px;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4) inset;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4) inset;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .yaselect-anchor .yaselect-current {
    color: white;
    font-family: helvetica, arial, sans-serif;
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden; }
  .yaselect-anchor .yaselect-select {
    margin-top: 0;
    padding-top: 0; }
  .yaselect-anchor .yaselect-open {
    background-image: url("https://secure.cityeats.com/images/bg-select-open.png"); }
  .yaselect-anchor:focus,
  .yaselect-anchor .yaselect-wrap:focus,
  .yaselect-anchor .yaselect-current:focus,
  .yaselect-anchor .yaselect-select:focus {
    outline: 0; }

/* Buttons ---------------------------------------------------------------- */
a.button,
a.sq_button,
input[type="reset"],
input[type="submit"],
input[type="button"],
button {
  display: inline-block;
  border: 0;
  padding: 0 1em;
  text-decoration: none;
  font-family: "ProximaNova", arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.083em;
  height: 2em;
  line-height: 2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #bc1f14;
  background: #ccc;
  background: #cecfcf;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e8), color-stop(100%, #b8b8b7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
  /* IE10+ */
  background: linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
  /* W3C */
  -moz-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset; }
  a.button:hover, a.button:focus,
  a.sq_button:hover,
  a.sq_button:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  button:hover,
  button:focus {
    cursor: pointer;
    outline: none;
    background: #cecfcf;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b8b8b7 0%, #e5e6e8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8b8b7), color-stop(100%, #e5e6e8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b8b8b7 0%, #e5e6e8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b8b8b7 0%, #e5e6e8 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #b8b8b7 0%, #e5e6e8 100%);
    /* IE10+ */
    background: linear-gradient(top, #b8b8b7 0%, #e5e6e8 100%);
    /* W3C */
    -moz-box-shadow: -1px -1px 2px rgba(255, 255, 255, 0.4) inset, 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: -1px -1px 2px rgba(255, 255, 255, 0.4) inset, 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: -1px -1px 2px rgba(255, 255, 255, 0.4) inset, 1px 1px 1px rgba(0, 0, 0, 0.2) inset; }
  a.button[disabled],
  a.sq_button[disabled],
  input[type="reset"][disabled],
  input[type="submit"][disabled],
  input[type="button"][disabled],
  button[disabled] {
    color: #999; }
    a.button[disabled]:hover, a.button[disabled]:focus,
    a.sq_button[disabled]:hover,
    a.sq_button[disabled]:focus,
    input[type="reset"][disabled]:hover,
    input[type="reset"][disabled]:focus,
    input[type="submit"][disabled]:hover,
    input[type="submit"][disabled]:focus,
    input[type="button"][disabled]:hover,
    input[type="button"][disabled]:focus,
    button[disabled]:hover,
    button[disabled]:focus {
      cursor: default;
      background: #cecfcf;
      /* Old browsers */
      background: -moz-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e8), color-stop(100%, #b8b8b7));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
      /* IE10+ */
      background: linear-gradient(top, #e5e6e8 0%, #b8b8b7 100%);
      /* W3C */
      -moz-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
      -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
      box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset; }
  a.button.dark,
  a.sq_button.dark,
  input[type="reset"].dark,
  input[type="submit"].dark,
  input[type="button"].dark,
  button.dark {
    color: #fff;
    background: #404040;
    background: #606060;
    /* Old browsers */
    background: -moz-linear-gradient(top, gray 0%, #414141 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gray), color-stop(100%, #414141));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, gray 0%, #414141 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, gray 0%, #414141 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, gray 0%, #414141 100%);
    /* IE10+ */
    background: linear-gradient(top, gray 0%, #414141 100%);
    /* W3C */ }
    a.button.dark:hover, a.button.dark:focus,
    a.sq_button.dark:hover,
    a.sq_button.dark:focus,
    input[type="reset"].dark:hover,
    input[type="reset"].dark:focus,
    input[type="submit"].dark:hover,
    input[type="submit"].dark:focus,
    input[type="button"].dark:hover,
    input[type="button"].dark:focus,
    button.dark:hover,
    button.dark:focus {
      background: #606060;
      /* Old browsers */
      background: -moz-linear-gradient(top, #414141 0%, gray 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #414141), color-stop(100%, gray));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #414141 0%, gray 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #414141 0%, gray 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #414141 0%, gray 100%);
      /* IE10+ */
      background: linear-gradient(top, #414141 0%, gray 100%);
      /* W3C */ }
  a.button.light,
  a.sq_button.light,
  input[type="reset"].light,
  input[type="submit"].light,
  input[type="button"].light,
  button.light {
    color: #930;
    background: #fff;
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dddddd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #dddddd 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, white 0%, #dddddd 100%);
    /* IE10+ */
    background: linear-gradient(top, white 0%, #dddddd 100%);
    /* W3C */ }
    a.button.light:hover, a.button.light:focus,
    a.sq_button.light:hover,
    a.sq_button.light:focus,
    input[type="reset"].light:hover,
    input[type="reset"].light:focus,
    input[type="submit"].light:hover,
    input[type="submit"].light:focus,
    input[type="button"].light:hover,
    input[type="button"].light:focus,
    button.light:hover,
    button.light:focus {
      background: #eeeeee;
      /* Old browsers */
      background: -moz-linear-gradient(top, #dddddd 0%, white 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, white));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #dddddd 0%, white 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #dddddd 0%, white 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #dddddd 0%, white 100%);
      /* IE10+ */
      background: linear-gradient(top, #dddddd 0%, white 100%);
      /* W3C */ }
  a.button.bright,
  a.sq_button.bright,
  input[type="reset"].bright,
  input[type="submit"].bright,
  input[type="button"].bright,
  button.bright {
    color: #fff;
    background: #ff9000;
    background: #ffa32b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffb556 0%, #ff9101 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb556), color-stop(100%, #ff9101));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb556 0%, #ff9101 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb556 0%, #ff9101 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffb556 0%, #ff9101 100%);
    /* IE10+ */
    background: linear-gradient(top, #ffb556 0%, #ff9101 100%);
    /* W3C */ }
    a.button.bright:hover, a.button.bright:focus,
    a.sq_button.bright:hover,
    a.sq_button.bright:focus,
    input[type="reset"].bright:hover,
    input[type="reset"].bright:focus,
    input[type="submit"].bright:hover,
    input[type="submit"].bright:focus,
    input[type="button"].bright:hover,
    input[type="button"].bright:focus,
    button.bright:hover,
    button.bright:focus {
      background: #ffa32b;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ff9101 0%, #ffb556 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9101), color-stop(100%, #ffb556));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ff9101 0%, #ffb556 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ff9101 0%, #ffb556 100%);
      /* Opera11.10+ */
      background: -ms-linear-gradient(top, #ff9101 0%, #ffb556 100%);
      /* IE10+ */
      background: linear-gradient(top, #ff9101 0%, #ffb556 100%);
      /* W3C */ }
  a.button.small,
  a.sq_button.small,
  input[type="reset"].small,
  input[type="submit"].small,
  input[type="button"].small,
  button.small {
    padding: 0 .66em;
    font-size: 1em;
    height: 1.66em;
    line-height: 1.66em; }

/* Tables ----------------------------------------------------------------- */
table {
  width: 100%; }
  table th,
  table td {
    padding: .5em 1.25em;
    text-align: left;
    vertical-align: top;
    line-height: 1.25;
    border: 1px solid #d6c9ba;
    border-width: 1px 0 0 1px; }
  table th {
    font-weight: bold; }
  table tr:first-child th,
  table tr:first-child td {
    border-top: 0; }
  table th:first-child,
  table td:first-child {
    border-left: 0; }
  table .even th,
  table .even td,
  table tr:nth-child(even) th,
  table tr:nth-child(even) td {
    background: #f3efea; }
  table .odd th,
  table .odd td,
  table tr:nth-child(odd) th,
  table tr:nth-child(odd) td {
    background: none; }

/* Sidebar ---------------------------------------------------------------- */
#sidebar {
  float: right;
  width: 300px; }

/* Footer ----------------------------------------------------------------- */
#footer {
  clear: both;
  position: relative;
  z-index: 1;
  line-height: 1;
  width: 964px;
  background: #000;
  color: #fff;
  position: relative;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  margin: 0 8px;
  height: 80px; }
  #footer * {
    margin: 0; }
  #footer .legal {
    position: absolute;
    bottom: -1.75em;
    right: 10px;
    color: #ccc; }
    #footer .legal * {
      display: inline; }
    #footer .legal li a {
      display: inline-block;
      margin-left: 4px;
      padding-left: 7px;
      border-left: 1px solid #ccc;
      color: #ccc;
      text-decoration: none; }
      #footer .legal li a:hover, #footer .legal li a:focus {
        text-decoration: underline; }
  #footer .follow {
    position: absolute;
    top: 20px;
    left: 15px; }
    #footer .follow ul {
      margin: 0;
      list-style: none; }
      #footer .follow ul li {
        margin: 0;
        display: inline;
        float: left;
        position: relative; }
        #footer .follow ul li a {
          display: block;
          width: 22px;
          height: 22px;
          text-indent: -9999px;
          margin-left: 4px;
          overflow: hidden;
          outline: 0;
          background: transparent url("https://secure.cityeats.com/images/icons-follow.png") no-repeat; }
        #footer .follow ul li.facebook a {
          background-position: 0 0; }
          #footer .follow ul li.facebook a:hover, #footer .follow ul li.facebook a:focus {
            background-position: 0 -22px; }
        #footer .follow ul li.twitter a {
          background-position: -22px 0; }
          #footer .follow ul li.twitter a:hover, #footer .follow ul li.twitter a:focus {
            background-position: -22px -22px; }
        #footer .follow ul li.rss a {
          background-position: -44px 0; }
          #footer .follow ul li.rss a:hover, #footer .follow ul li.rss a:focus {
            background-position: -44px -22px; }
        #footer .follow ul li.email a {
          background-position: -66px 0; }
          #footer .follow ul li.email a:hover, #footer .follow ul li.email a:focus {
            background-position: -66px -22px; }
  #footer .links {
    width: 350px;
    text-align: center;
    position: absolute;
    bottom: 12px;
    left: 0; }
    #footer .links ul {
      list-style: none; }
      #footer .links ul li {
        margin: 0;
        display: inline; }
        #footer .links ul li a {
          display: inline-block;
          color: #999;
          text-decoration: none;
          margin-left: 10px;
          padding-left: 10px;
          border-left: 1px solid #932117; }
          #footer .links ul li a:hover, #footer .links ul li a:focus {
            color: #004276;
            text-decoration: underline; }
        #footer .links ul li:first-child a {
          margin-left: 0;
          border-left: 0;
          padding-left: 0; }
  #footer .feedback {
    width: 612px;
    height: 80px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #932117;
    background: #80140c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #580d07 0%, #a91c12 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #580d07), color-stop(100%, #a91c12));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #580d07 0%, #a91c12 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #580d07 0%, #a91c12 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #580d07 0%, #a91c12 100%);
    /* IE10+ */
    background: linear-gradient(top, #580d07 0%, #a91c12 100%);
    /* W3C */
    color: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    /* placeholder text - these need to be separate rules for some reason */ }
    #footer .feedback h4 {
      position: absolute;
      left: 25px;
      top: 25px;
      font-size: 2.25em;
      text-transform: uppercase;
      line-height: 1; }
    #footer .feedback #feedback_name,
    #footer .feedback #feedback_email {
      font-family: helvetica, arial, sans-serif;
      font-size: 1em;
      position: absolute;
      top: 10px;
      right: 300px;
      width: 125px;
      height: auto;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      border: 0;
      padding: 5px; }
    #footer .feedback #feedback_email {
      top: 45px; }
    #footer .feedback #feedback_message {
      font-family: helvetica, arial, sans-serif;
      font-size: 1em;
      position: absolute;
      top: 10px;
      right: 100px;
      width: 175px;
      height: 50px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      border: 0;
      padding: 5px; }
    #footer .feedback input.hasPlaceholder, #footer .feedback textarea.hasPlaceholder {
      color: #777; }
    #footer .feedback input::-webkit-input-placeholder, #footer .feedback textarea::-webkit-input-placeholder {
      color: #777; }
    #footer .feedback input:-moz-placeholder, #footer .feedback textarea:-moz-placeholder {
      color: #777; }
    #footer .feedback .actions {
      position: absolute;
      top: 30px;
      right: 25px; }

/* jQuery UI Styles ----------------------------------------------------------
   These styles were lifted from smoothness/jquery-ui-1.8.5.custom.css */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px; }

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ui-helper-clearfix {
  display: inline-block; }

* html .ui-helper-clearfix {
  height: 1%; }

.ui-helper-clearfix {
  display: block; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-state-disabled {
  cursor: default !important; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-autocomplete-category {
  font-weight: bold; }

.ui-widget :active {
  outline: none; }

.ui-effects-transfer {
  border: 2px dotted gray; }

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaaaaa;
  opacity: .30;
  filter: Alpha(Opacity=30); }

/* jQuery Dialog & Datepicker Popups -------------------------------------- */
.ui-dialog,
.ui-datepicker {
  display: none;
  position: absolute;
  z-index: 999;
  background: #666;
  background: transparent url("https://secure.cityeats.com/images/bg-00000050.png");
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  /* dialogClass: 'no-titlebar-x-close' to remove the 'x' from dialog titlebar */ }
  .ui-dialog *,
  .ui-datepicker * {
    margin: 0; }
  .ui-dialog .ui-dialog-titlebar,
  .ui-dialog .ui-datepicker-header,
  .ui-datepicker .ui-dialog-titlebar,
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    background: #d72a1c;
    color: #fff;
    font-family: "ProximaNova", arial, sans-serif;
    font-size: 2em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    line-height: 55px;
    padding: 0 15px;
    height: 55px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
    .ui-dialog .ui-datepicker-header .ui-dialog-titlebar-close,
    .ui-datepicker .ui-dialog-titlebar .ui-dialog-titlebar-close,
    .ui-datepicker .ui-datepicker-header .ui-dialog-titlebar-close {
      position: absolute;
      top: 8px;
      right: 15px;
      display: block;
      width: 39px;
      height: 39px;
      text-indent: -9999em;
      background: transparent url("https://secure.cityeats.com/images/icon-popup-close.png") no-repeat; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus,
      .ui-dialog .ui-datepicker-header .ui-dialog-titlebar-close:hover,
      .ui-dialog .ui-datepicker-header .ui-dialog-titlebar-close:focus,
      .ui-datepicker .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
      .ui-datepicker .ui-dialog-titlebar .ui-dialog-titlebar-close:focus,
      .ui-datepicker .ui-datepicker-header .ui-dialog-titlebar-close:hover,
      .ui-datepicker .ui-datepicker-header .ui-dialog-titlebar-close:focus {
        background-position: bottom;
        cursor: pointer;
        outline: 0; }
  .ui-dialog .ui-datepicker-header,
  .ui-datepicker .ui-datepicker-header {
    text-align: center; }
    .ui-dialog .ui-datepicker-header .ui-datepicker-title,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      display: inline; }
    .ui-dialog .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      background: transparent url("https://secure.cityeats.com/images/icon-popup-next.png") no-repeat;
      right: 15px; }
    .ui-dialog .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      left: 15px;
      background: transparent url("https://secure.cityeats.com/images/icon-popup-prev.png") no-repeat; }
    .ui-dialog .ui-datepicker-header .ui-datepicker-prev,
    .ui-dialog .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      position: absolute;
      top: 8px;
      display: block;
      width: 39px;
      height: 39px;
      text-indent: -9999em; }
      .ui-dialog .ui-datepicker-header .ui-datepicker-prev:hover, .ui-dialog .ui-datepicker-header .ui-datepicker-prev:focus,
      .ui-dialog .ui-datepicker-header .ui-datepicker-next:hover,
      .ui-dialog .ui-datepicker-header .ui-datepicker-next:focus,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus {
        background-position: center;
        cursor: pointer;
        outline: 0; }
      .ui-dialog .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
      .ui-dialog .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
      .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
        background-position: bottom; }
  .ui-dialog .ui-dialog-content,
  .ui-datepicker .ui-dialog-content {
    padding: 15px; }
    .ui-dialog .ui-dialog-content ul li,
    .ui-datepicker .ui-dialog-content ul li {
      margin-left: 1.5em; }
  .ui-dialog .ui-dialog-buttonpane,
  .ui-dialog .ui-datepicker-buttonpane,
  .ui-datepicker .ui-dialog-buttonpane,
  .ui-datepicker .ui-datepicker-buttonpane {
    padding: 0 15px 15px;
    text-align: right; }
    .ui-dialog .ui-dialog-buttonpane button,
    .ui-dialog .ui-datepicker-buttonpane button,
    .ui-datepicker .ui-dialog-buttonpane button,
    .ui-datepicker .ui-datepicker-buttonpane button {
      display: inline-block;
      margin-left: 10px; }
  .ui-dialog .ui-widget-content,
  .ui-datepicker .ui-widget-content {
    background: #fff; }
    .ui-dialog .ui-widget-content:last-child,
    .ui-datepicker .ui-widget-content:last-child {
      -webkit-border-bottom-right-radius: 15px;
      -moz-border-radius-bottomright: 15px;
      border-bottom-right-radius: 15px; }
  .ui-dialog .ui-datepicker-calendar,
  .ui-datepicker .ui-datepicker-calendar {
    padding: 15px;
    background: #fff;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px; }
    .ui-dialog .ui-datepicker-calendar td, .ui-dialog .ui-datepicker-calendar th,
    .ui-datepicker .ui-datepicker-calendar td,
    .ui-datepicker .ui-datepicker-calendar th {
      text-align: center; }
      .ui-dialog .ui-datepicker-calendar td.ui-datepicker-current-day, .ui-dialog .ui-datepicker-calendar th.ui-datepicker-current-day,
      .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day,
      .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-current-day {
        background: #ddd; }
    .ui-dialog .ui-datepicker-calendar th,
    .ui-datepicker .ui-datepicker-calendar th {
      text-transform: uppercase; }
  .ui-dialog .ui-dialog,
  .ui-dialog .ui-datepicker,
  .ui-datepicker .ui-dialog,
  .ui-datepicker .ui-datepicker {
    position: static;
    background: none;
    padding: 0;
    margin: 15px 0; }
    .ui-dialog .ui-dialog .ui-dialog-titlebar,
    .ui-dialog .ui-dialog .ui-datepicker-header,
    .ui-dialog .ui-datepicker .ui-dialog-titlebar,
    .ui-dialog .ui-datepicker .ui-datepicker-header,
    .ui-datepicker .ui-dialog .ui-dialog-titlebar,
    .ui-datepicker .ui-dialog .ui-datepicker-header,
    .ui-datepicker .ui-datepicker .ui-dialog-titlebar,
    .ui-datepicker .ui-datepicker .ui-datepicker-header {
      background: #666;
      background: transparent url("https://secure.cityeats.com/images/bg-00000050.png");
      background: rgba(0, 0, 0, 0.5);
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topleft: 0;
      border-top-left-radius: 0;
      -webkit-border-top-right-radius: 0;
      -moz-border-radius-topright: 0;
      border-top-right-radius: 0;
      font-size: 1.5em;
      height: 41px;
      line-height: 41px; }
    .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-next,
    .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      background: transparent url("https://secure.cityeats.com/images/icon-popup-next-small.png") no-repeat; }
    .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-prev,
    .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      background: transparent url("https://secure.cityeats.com/images/icon-popup-prev-small.png") no-repeat; }
    .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-prev,
    .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-next,
    .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      width: 31px;
      height: 31px;
      top: 5px; }
      .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-prev:hover, .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-prev:focus,
      .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-next:hover,
      .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-next:focus,
      .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
      .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
      .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
      .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,
      .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-prev:hover,
      .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-prev:focus,
      .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-next:hover,
      .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-next:focus,
      .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
      .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
      .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
      .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus {
        background-position: center;
        cursor: pointer;
        outline: 0; }
      .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
      .ui-dialog .ui-dialog .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
      .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
      .ui-dialog .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
      .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
      .ui-datepicker .ui-dialog .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
      .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
      .ui-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
        background-position: bottom; }
  .ui-dialog .no-titlebar-x-close .ui-dialog-titlebar-close,
  .ui-datepicker .no-titlebar-x-close .ui-dialog-titlebar-close {
    display: none; }

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }
.ui-timepicker-div dl {
  text-align: left; }
.ui-timepicker-div dl dt {
  height: 25px; }
.ui-timepicker-div dd {
  margin: -25px 0 10px 65px; }
.ui-timepicker-div td {
  font-size: 90%; }

/* jQuery Tabs ------------------------------------------------------------ */
.ui-tabs {
  position: relative;
  z-index: 0; }
  .ui-tabs .ui-tabs-nav {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    zoom: 1; }
    .ui-tabs .ui-tabs-nav:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .ui-tabs .ui-tabs-nav li {
      margin: 0;
      float: left;
      position: relative;
      top: 1px;
      z-index: 1; }
      .ui-tabs .ui-tabs-nav li a {
        cursor: pointer;
        float: left;
        padding: 8px 15px 6px;
        text-decoration: none;
        background: #eeeae1;
        color: black;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 1;
        border: 1px solid #ddd6cf;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        border-top-right-radius: 6px; }
      .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        z-index: 3; }
        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
          background: #fff;
          border-bottom-color: #fff; }
  .ui-tabs .ui-tabs-panel {
    position: relative;
    z-index: 2;
    margin: 0; }
  .ui-tabs .ui-tabs-hide {
    display: none !important; }

/* Alternate Tabs Nav Style ----------------------------------------------- */
.ui-tabs.alternate {
  position: relative;
  z-index: 0; }
  .ui-tabs.alternate .ui-tabs-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1; }
    .ui-tabs.alternate .ui-tabs-nav:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .ui-tabs.alternate .ui-tabs-nav li {
      margin: 0;
      float: none;
      position: relative;
      top: 0;
      z-index: 1; }
      .ui-tabs.alternate .ui-tabs-nav li a {
        cursor: pointer;
        float: none;
        text-transform: none;
        font-weight: normal;
        line-height: 1;
        background: none;
        border: none;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        border: none;
        padding: 0;
        text-decoration: auto; }
        .ui-tabs.alternate .ui-tabs-nav li a:focus {
          outline: 0; }
      .ui-tabs.alternate .ui-tabs-nav li.ui-tabs-selected {
        z-index: 3; }
        .ui-tabs.alternate .ui-tabs-nav li.ui-tabs-selected a {
          background: none; }
  .ui-tabs.alternate .ui-tabs-panel {
    position: relative;
    z-index: 2;
    margin: 0;
    border: none;
    padding: 0;
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  .ui-tabs.alternate .ui-tabs-hide {
    display: none !important; }

#tabs.alternate #tabs-nav {
  margin: 0;
  zoom: 1;
  background: #b8622b;
  background: #8c2827;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a83737 0%, #711918 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a83737), color-stop(100%, #711918));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a83737 0%, #711918 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a83737 0%, #711918 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #a83737 0%, #711918 100%);
  /* IE10+ */
  background: linear-gradient(top, #a83737 0%, #711918 100%);
  /* W3C */
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px; }
  #tabs.alternate #tabs-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #tabs.alternate #tabs-nav li {
    display: inline; }
    #tabs.alternate #tabs-nav li a {
      float: left;
      padding: 7px 0 10px;
      margin-left: 20px;
      font-size: 1.333em;
      font-family: "ProximaNova", arial, sans-serif;
      color: #fff;
      text-decoration: none; }
    #tabs.alternate #tabs-nav li.ui-state-active a {
      font-weight: bold;
      background: transparent url("https://secure.cityeats.com/images/arrow-tabs-current.png") no-repeat center bottom;
      color: #fff; }
#tabs.alternate > div {
  padding: 20px;
  background: white;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px; }
  #tabs.alternate > div section {
    background: none;
    border: 0;
    padding: 0;
    margin: 0; }

/* jQuery Accordion ------------------------------------------------------- */
#accordion_container, #accordion {
  display: none; }

.ui-accordion {
  width: 100%;
  margin: 20px 0;
  background: #fff;
  border-bottom: 1px solid #ddd6cf; }
  .ui-accordion .ui-accordion-header {
    margin: 0;
    cursor: pointer;
    position: relative;
    zoom: 1;
    background: #eeeae1;
    color: black;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    border: 1px solid #ddd6cf;
    border-width: 1px 1px 0; }
    .ui-accordion .ui-accordion-header:focus {
      outline: 0; }
    .ui-accordion .ui-accordion-header a {
      color: black;
      display: block;
      text-decoration: none;
      padding: 15px 25px;
      outline: 0; }
    .ui-accordion .ui-accordion-header .ui-icon {
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 20px;
      height: 20px;
      background: transparent url("https://secure.cityeats.com/images/icon-accordion-actions.png") no-repeat; }
    .ui-accordion .ui-accordion-header.ui-state-active {
      background: #d72a1c; }
      .ui-accordion .ui-accordion-header.ui-state-active a {
        color: #fff; }
      .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
        background-position: bottom; }
  .ui-accordion .ui-accordion-content {
    display: none;
    padding: 25px;
    background: #fff;
    border: 1px solid #ddd6cf;
    border-width: 0 1px; }
  .ui-accordion .ui-accordion-content-active {
    display: block; }
  .ui-accordion a.fpo {
    outline: 0; }

/* Alternate Collapsing Styles -------------------------------------------- */
.collapsible.expanded:before {
  content: url("https://secure.cityeats.com/images/expanded.png"); }
.collapsible.closed:before {
  content: url("https://secure.cityeats.com/images/collapsed.png"); }

/* jQuery AutoComplete ---------------------------------------------------- */
.ui-autocomplete {
  position: absolute;
  cursor: default;
  list-style: none;
  margin: 0;
  padding: 2px;
  float: left;
  border: 1px solid #aaaaaa;
  background: #fff;
  color: #222222;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .ui-autocomplete .ui-menu-item {
    margin: 0;
    float: left;
    clear: left;
    width: 100%; }
    .ui-autocomplete .ui-menu-item a {
      display: block;
      padding: .2em .4em;
      line-height: 1.5;
      text-decoration: none;
      border: 1px solid #fff;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      .ui-autocomplete .ui-menu-item a.ui-state-hover {
        border-color: #999999;
        background: #dadada;
        color: #212121; }

/* jQuery Slider ---------------------------------------------------------- */
.ui-slider {
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  background: #fff;
  color: #222222;
  position: relative;
  text-align: left;
  height: .8em; }
  .ui-slider .ui-slider-handle {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
    width: .75em;
    height: 1.3em;
    line-height: 1.3;
    cursor: default;
    top: -0.3em;
    margin-left: -0.6em;
    border: 0;
    background: #6f5a43;
    color: #fff;
    background: #887663;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a09283 0%, #705b44 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a09283), color-stop(100%, #705b44));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a09283 0%, #705b44 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a09283 0%, #705b44 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #a09283 0%, #705b44 100%);
    /* IE10+ */
    background: linear-gradient(top, #a09283 0%, #705b44 100%);
    /* W3C */
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    text-decoration: none; }
  .ui-slider .ui-state-hover, .ui-slider .ui-state-focus {
    outline: 0; }
  .ui-slider a.fpo {
    outline: 0; }

/* Colorbox Styles -----------------------------------------------------------
   These are the default colorbox styles - don't edit! */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* Colorbox Popups -----------------------------------------------------------
   These are the colorbox theme styles -- edit these */
#cboxOverlay {
  background: #aaa; }

#colorbox {
  overflow: visible; }
  #colorbox #cboxWrapper {
    overflow: visible; }
  #colorbox #cboxContent {
    background: #fff;
    padding: 10px;
    overflow: hidden;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  #colorbox #cboxError {
    padding: 50px;
    border: 1px solid #ccc; }
  #colorbox #cboxLoadedContent {
    margin-bottom: 20px; }
  #colorbox #cboxTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 7px 120px 7px 10px;
    color: #333;
    background: #fff;
    background: rgba(255, 255, 255, 0.9); }
  #colorbox #cboxCurrent {
    position: absolute;
    bottom: 7px;
    right: 40px;
    color: #999; }
  #colorbox #cboxSlideshow, #colorbox #cboxPrevious, #colorbox #cboxNext, #colorbox #cboxClose {
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    background: url("https://secure.cityeats.com/images/cb-controls.png") no-repeat 0 0; }
  #colorbox #cboxPrevious, #colorbox #cboxNext {
    width: 33px;
    height: 50px;
    background: transparent url("https://secure.cityeats.com/images/arrow-carousel.png") no-repeat;
    z-index: 999; }
  #colorbox #cboxPrevious {
    top: 144px;
    left: 10px;
    background-position: left top; }
  #colorbox #cboxPrevious.hover {
    background-position: left bottom; }
  #colorbox #cboxNext {
    top: 144px;
    right: 10px;
    background-position: right top; }
  #colorbox #cboxNext.hover {
    background-position: right bottom; }
  #colorbox #cboxLoadingOverlay {
    background: white url("https://secure.cityeats.com/images/cb-loading.gif") no-repeat 5px 5px; }
  #colorbox #cboxClose {
    position: absolute;
    bottom: 7px;
    right: 10px;
    display: block;
    color: #444;
    background-position: -50px 0px; }
  #colorbox #cboxClose.hover {
    background-position: -50px -25px; }
  #colorbox #cboxSlideshow {
    position: absolute;
    bottom: 7px;
    right: 35px;
    color: #444; }
  #colorbox.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px; }
  #colorbox.cboxSlideshow_on #cboxSlideshow.hover {
    background-position: -100px -25px; }
  #colorbox.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px; }
  #colorbox.cboxSlideshow_off #cboxSlideshow.hover {
    background-position: -75px -25px; }

/* Developer Styles ------------------------------------------------------- */
.development .fpo {
  outline: 1px solid #ff0; }
.development .akiko_notes {
  padding: .5em 1em;
  margin: 20px 0;
  background: #f7f3f0;
  border: 2px solid #cf0;
  font-style: italic; }
.development .editing {
  border: 3px solid yellow; }

#env_info {
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  background-color: #333;
  color: white;
  margin: 0;
  width: 100%;
  font-size: 10px;
  text-align: center;
  position: static;
  bottom: 0;
  z-index: 15; }
  #env_info a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #999;
    border-color: rgba(255, 255, 255, 0.33); }
    #env_info a:hover, #env_info a:focus {
      border-color: #fff; }
  #env_info div {
    padding: .5em; }
  #env_info .development {
    background-color: #600; }
  #env_info .staging, #env_info .build {
    background-color: #030; }
  #env_info .qa {
    background-color: #025; }