/* base styles for tags */

body {
  padding: 0px;
  margin: 0px;
}

.container {
  background-image: url(/images/orange_header_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 110px;
  width: 982px;
}

.container-inner {padding: 0px 16px;}

.container-inner .page-body {
  padding-top: 10px;
}

.sidebar-component {
  margin-bottom: 15px;
}
.sidebar-right {
  padding-left: 15px;
}
.sidebar-right h2, 
.sidebar-left h2 {
  background-color: #eee;
  padding: 5px;
  margin: 0px 0px 5px 0px;
}
.accordion-sidebar .ui-accordion-content {
  padding: 5px 5px 5px 5px !important;
}
.sidebar-list li,
.accordion-sidebar div.li {
  display:block;
  float: left;
  clear:both;
  padding-bottom: 2px;
  margin-bottom: 2px;
  border-bottom: 1px dotted #666;
}
.accordion-sidebar div.li {
  border-bottom: none;
  padding-bottom: 4px;
  margin-bottom: 4px;
  background-color: white;
  border-bottom: 1px solid #aaa;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
.sidebar-list li .imgwrapper, 
.accordion-sidebar div.li .imgwrapper {
  width:32px;
  height:32px;
  float:left;
  margin-right:3px;
  text-align:center;
  cursor: pointer;
}
.sidebar-list li .description {
  width:180px;
  float:left;
  font-size: 10px;
}
.accordion-sidebar div.li .description {
  width:170px;
  float:left;
  font-size: 10px;
}
.sidebar-list li .imgwrapper img {
  
}
.outlet-short-intros li {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #ddd;
  float: left;
  display: block;
}
.outlet-short-intros li a {
  text-decoration: none;
}
.outlet-short-intros li img {
  float: left;
  margin-right: 3px;
}
.outlet-page {
  
}
.outlet-map {
  overflow: hidden;
  border: 2px solid #FFAB00;
  margin-bottom: 10px;
}
.outlet-page h1 {
  color: #A90200;
  text-shadow: 0px 1px 1px #fff;
  margin-bottom: 3px;
  font-size: 24px;
  float: left;
}
.outlet-page h1 span {
  font-size:0.7em;
  font-weight:lighter;
  line-height: 1.4em;
}
.outlet-page-inner {

}
.outlet-oo-buttons {
  height: 40px;
  float: left;
  clear: both;
}
.outlet-tags-container {
  overflow: auto;
  width: 100%;
  height: auto;
}
.outlet-tags-container h5 {
  text-shadow: 0px 1px 1px #fff;
  padding: 0px 3px;
  margin-right: 2px;
  background-color: #DAD999;
  display: inline;
}
.outlet-tags-container .tags {
  float: left;
  width: 210px;
}
.outlet-tags-container .tags-left {
  margin-right: 20px;
}
.outlet-tags {
  display: inline;
  margin: 0px 2px;
}
.outlet-tags li {
  display: inline;
  color: black;
  font-size: 11px;
  line-height: 17px;
}

#topareapanel2middle {
  padding-top: 5px;
  padding-left: 8px;
}

#topareapanel2 .middle {
  height: 49px;
  width: 940px;
  float: left;
  background-image:url(/images/roundedbox/toppanel_middle.png);
  background-repeat: repeat-x;
}

#topareapanel-container {
    height: 190px;
}

#topareapanel2 .left, #topareapanel2 .right {
  height: 49px;
  width: 5px;
  float: left;
  background-repeat: no-repeat;
}
#topareapanel2 .left {background-image:url(/images/roundedbox/toppanel_left.png);}
#topareapanel2 .right {background-image:url(/images/roundedbox/toppanel_right.png);}

.outlet-section-header {
  color: #000;
  background-color: #FFAB00;
  text-shadow: 0px 1px 1px #fff;
  padding: 5px 10px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 3px;
}
.outlet-section-header .links {
  list-style: none;
  float: right;
}
.outlet-section-header .links li {
  display: block;
  float: left;
  padding: 0px 7px;
  line-height: 0.8em;
}
.outlet-section-header .links li a {
  font-size: 12px;
  text-shadow: none;
  color: white;
}
.outlet-section-header .links li a:hover {
  color: red;
}
#topareapanel2middleright {
  float: right;
  width: 220px;
  padding-top: 10px;
  padding-right: 20px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}

#ofolabel span {display:none;}
#ofolabel {
  background-image: url(/images/order_food_online_arrow.gif);
  background-repeat: no-repeat;
  width: 195px;
  height: 29px;
  margin-right: 15px;
  margin-top: 7px;
}

.breadcrumbs {list-style: none;padding:0px;margin:0px;}
.breadcrumbs li {display:inline;}
.breadcrumbs a {text-decoration: none;}
.breadcrumb-first {}
.breadcrumbs .arr {position: relative; top: -1px;}

#logo {
  /* margin-top: 7px; */
}
#logo img {/* margin-left: 8px; */}

#abovenav {
  padding-bottom: 5px;
}

.container #topbanner {
  height: 65px; 
  clear: both;
  width: 495px;
}

#topnav {
  height: 31px;
}
#hidden-login-box a {color: blue !important;font-size:12px !important;font-weight:normal !important;}

.roundedbtn-medium-mocca {
  display: block;
  background-image: url(/images/roundedbtn_medium_mocca.png);
  background-repeat: no-repeat;
  width: 170px;
  height: 53px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

.roundedbtn-medium-mocca:hover {
  background-image: url(/images/roundedbtn_medium_mocca_highlight.png);
}

.green-btn {
  padding-left: 10px;
  background-image: url(/images/buttons/green_left.png);
  background-repeat: no-repeat;
}
.green-btn div {
  background-image: url(/images/buttons/green_right.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 8px;
}
.green-btn input {
  background: none;
  border: none;
  color:white;
  font-size:16px;
  font-weight:bold;
  height: 35px;
  background-image: url(/images/buttons/green_middle.png);
  background-repeat: repeat-x;
  margin:0px;
}

a .bigger-dark-red { color: #ce1111; }
a:hover .bigger-dark-red { color: red; }

p {margin-bottom:7px;}

ul {list-style: none; padding: 0px; margin: 0px;}

a { color: #004eb2; }
a:hover { color: red; }

.lightgreen-header-box h4,
.lightgreen-on-f6ffd5-header-box h4 { padding: 0px; margin: 0px; font-size: 20px; color: white; text-align: center; font-weight: bold; }
h5 { padding: 0px; margin: 0px;}
h2 {
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #000;
  text-shadow: 0px 1px 1px #fff;
}
td, th { vertical-align: top; }

.headerbg {background-image:url(/images/headerbg_1.jpg);background-repeat:no-repeat;}

#header-top {height:180px;}

select {background-color:white;}

/* END base styles for tags */

/* List to drop down */

  ul.dropdown {margin: 0; padding: 0;}
  ul.dropdown li { float: left; list-style: none; font: 12px Tahoma, Arial; }

  ul.dropdown li a {
    display: block;
    background: #20548E;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: 70px;
    color: #EAFFED;
    white-space: nowrap;
  }

  ul.dropdown li a:hover { background: #1A4473; }

  ul.dropdown li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; }

  ul.dropdown li ul li { float: none; display: inline; }

  ul.dropdown li ul li a { width: auto; background: #9F1B1B; }

  ul.dropdown li ul li a:hover { background: #7F1616; }

/* End of List to drop down */

li.separator { height: 3px; }

#layout-content {min-height: 600px;}
#layout-content-inner {padding-right: 15px; padding-bottom: 10px; }
#layout-content-inner h2 {
  border-bottom: 1px dotted #dddddd;
}
.outlet-introductions h2 {
  background-color: #eee;
  padding: 3px;
}

ul.topmenu { list-style: none; margin: 0px; padding: 0px; }
ul.topmenu li { height: 41px; }
ul.topmenu li div { padding-top: 10px; padding-right: 8px; padding-left: 8px; }
ul.topmenu li div a { text-decoration: none; color: #E3F7B3; font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;; font-size: 16px; }
ul.topmenu li.active div a { color: white; }
ul.topmenu li div a:hover { color: #FAE667; }

#footer {
  border-top: 1px solid #BDE3F8;
  padding:10px 0px;
  text-align:center;
  background-color: white;
}

#topads {background-image: url(/images/examples/topad.jpg);background-repeat: no-repeat;
  height: 100px; background-color: #f6ffd5; color: red; font-size: 16px; font-weight: bold;}

#dinein_logo { margin:4px 0px 0px 32px; }

.inline {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.left { float: left; }
.right { float: right; }

/*
 Green background tab with rounded corner on top left and top right
 no gap between each tab element
 example usage:
   <div class="tabgreen1">
     <div class="left"></div>
     <div class="content></div>
     <div class="right"></div>
   </div>
 */
.tabgreen1 {background-color: #A1C54B; height: 41px;}
/*.tabgreen1 .left {background-image: url(/images/tabgreen1/round_top_left.gif); background-repeat: no-repeat; background-position: top left; height: 41px; width: 27px; } */
/*.tabgreen1 .right {background-image: url(/images/tabgreen1/round_top_right.gif); background-repeat: no-repeat; background-position: top right; height: 41px; width: 27px; } */
.tabgreen1 .content {float: left;}

/* ROUNDED BOXES */

  .lightgreen-round-box { background-color: #b9e64e; }
  .lightgreen-round-box .top,
  .lightgreen-round-box .bottom,
  .lightgreen-round-box .content,
  .lightgreen-round-box .content .inner {background-image: url(/images/roundedbox/lightgreen_border_px.gif);}
  .lightgreen-round-box .top { height: 11px; background-position: top;  background-repeat: repeat-x; }
  .lightgreen-round-box .bottom { height: 11px; background-position: bottom; background-repeat: repeat-x; }
  .lightgreen-round-box .left,
  .lightgreen-round-box .right { width: 11px; height: 11px; background-image: url(/images/roundedbox/lightgreen_sprite.gif); background-repeat: no-repeat; }
  .lightgreen-round-box .top .left { background-position: top left; }
  .lightgreen-round-box .top .right { background-position: top right; }
  .lightgreen-round-box .bottom .left { background-position: bottom left; }
  .lightgreen-round-box .bottom .right { background-position: bottom right; }
  .lightgreen-round-box .content { background-position: left; background-repeat: repeat-y; }
  .lightgreen-round-box .content .inner { background-position: right; background-repeat: repeat-y; padding-left: 11px; padding-right: 11px; }

  .lightgreen-header-box {background-color: #A1C54B; background-image: url(/images/roundedbox/lightgreen_border_px.gif);background-position: top;background-repeat: repeat-x; }
  .lightgreen-header-box .content .inner {height: 36px; background-image: url(/images/roundedbox/lightgreen_sprite_right.gif); background-repeat: no-repeat; background-position: right; }
  .lightgreen-header-box .content {background-image: url(/images/roundedbox/lightgreen_border_px.gif);background-position: bottom;background-repeat: repeat-x; }
  .lightgreen-header-box .left {width: 11px; height: 36px; background-image: url(/images/roundedbox/lightgreen_sprite.gif); background-repeat: no-repeat; background-position: left; }
  .lightgreen-header-box .content .inner h4 { padding-top: 4px; }

  .lightgreen-on-f6ffd5-header-box {background-color: #A1C54B; background-image: url(/images/roundedbox/lightgreen_border_px.gif);background-position: top;background-repeat: repeat-x; }
  .lightgreen-on-f6ffd5-header-box .content .inner {height: 36px; background-image: url(/images/roundedbox/lightgreen_on_A1C54B_sprite_right.gif); background-repeat: no-repeat; background-position: right; }
  .lightgreen-on-f6ffd5-header-box .content {background-image: url(/images/roundedbox/lightgreen_border_px.gif);background-position: bottom;background-repeat: repeat-x; }
  .lightgreen-on-f6ffd5-header-box .left {width: 11px; height: 36px; background-image: url(/images/roundedbox/lightgreen_on_A1C54B_sprite.gif); background-repeat: no-repeat; background-position: left; }
  .lightgreen-on-f6ffd5-header-box .content .inner h4 { padding-top: 4px; }

  /* White inside on very light greenish yellowish layout (the middle layout) */
  .white-on-f6ffd5-round-box { background-color: white; }
  .white-on-f6ffd5-round-box .top,
  .white-on-f6ffd5-round-box .bottom,
  .white-on-f6ffd5-round-box .top { height: 4px; background-position: top;  background-repeat: repeat-x; }
  .white-on-f6ffd5-round-box .bottom { height: 4px; background-position: bottom; background-repeat: repeat-x; }
  .white-on-f6ffd5-round-box .left,
  .white-on-f6ffd5-round-box .right { width: 4px; height: 4px; background-image: url(/images/roundedbox/white_on_f6ffd5_8x8_circle.gif); background-repeat: no-repeat; }
  .white-on-f6ffd5-round-box .top .left { background-position: top left; }
  .white-on-f6ffd5-round-box .top .right { background-position: top right; }
  .white-on-f6ffd5-round-box .bottom .left { background-position: bottom left; }
  .white-on-f6ffd5-round-box .bottom .right { background-position: bottom right; }

/* END ROUNDED BOXES */

/* FORM STYLES */
  input.text { padding: 2px; margin: 0px; width: auto; }
  select { padding: 2px; margin: 0px; }

  /* base styles for form */
  .formRow {margin-bottom: 5px;}
  .formButtons {text-align: right;}
  .formLabel {width: 100px;}
  .formLabel label {padding-right:5px;}
  .formField {width: 200px;}
  em.required { color: red; font-size: 14px; padding-top: 4px; font-style: normal; }
  .formTextareaRow .formField { display: block; width: auto; text-align: right; }
  .formRow .fieldHelp, .fieldHelpCustom {margin: 0 0 5px 0;}
  .fieldHelp em { color: #057dd0; font-size: 16px; font-weight: bold; }
  .formField .recaptcha {height:132px;}

  /* small forms, like side login form */
  .smallForm { font-size: 12px; }
  .smallForm .formLabel { width: 80px; text-align: right; }
  .smallForm .formField { width: 125px; margin: 0px; }
  .smallForm .formField input.sfWidgetFormInput {width: 120px; }
  .smallForm .formField select {width: 120px; }

  /* facebox login forms */
  .faceboxLoginForm { font-size: 12px; padding: 10px 50px; }
  .faceboxLoginForm .formLabel { width: 80px; text-align: left; }
  .faceboxLoginForm .formField { width: 185px; margin: 0px; }
  .faceboxLoginForm .formField input {width: 180px; }
  .faceboxLoginForm .formField select {width: 180px; }

  /* user profile form */
  .userForm .formLabel { width: 160px; text-align: left; }

  /* outlet form */
  .outletForm .formLabel { width: 140px; text-align: right; }
  .outletForm .formField { width: 270px; }
  .outletForm .formTextareaRow .formField { width: 270px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .outletForm .formTextareaRow .formField textarea { width: 260px; height: 200px; padding: 0px; margin: 0px; }
  .outletForm .invoice .formTextareaRow .formField { width: 126px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .outletForm .invoice .formTextareaRow .formField textarea { width: 126px; height: 80px; padding: 0px; margin: 0px; }

  /* operator customise outlet form */
  .customiseOutletForm .formLabel { text-align: left; }
  .customiseOutletForm .formTopNote { text-align: left; }

  /* change password form */
  .changePassword .formLabel { width: 200px; }

  /* outlet owner form */
  .outletOwnerForm .formLabel { width: 140px; text-align: right; }

  /* menu item form */
  .menuItemForm {font-size:12px;}
  .menuItemForm .formTextareaRow .formField { width: 200px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .menuItemForm .formTextareaRow .formField textarea { height: 60px; padding: 0px; margin: 0px; width: 180px; }
  .menuItemForm .size-label { width: 44px; }
  .menuItemForm .price { width: 38px; }
  .menuItemForm table {width: 300px !important;}
  .menuItemForm th {text-align:left;padding:0px;vertical-align: middle;}

  /* booking form */
  .bookingForm .formLabel {width:120px;text-align:right;}
  .bookingForm textarea {width:180px;height:auto;}
  .bookingForm .formTextareaRow .formLabel {padding-top:5px;}
  .bookingForm .formTextareaRow .formField {text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline;}

  /* inquiry form */
  .inquiryForm textarea {width:180px;height:auto;}
  .inquiryForm .formTextareaRow .formLabel {padding-top:5px;}
  .inquiryForm .formTextareaRow .formField {text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline;}

  /* outlet alert form */
  .outletAlertForm textarea {width:180px;height:auto;}
  .outletAlertForm .formTextareaRow .formLabel {padding-top:5px;}
  .outletAlertForm .formTextareaRow .formField {text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline;}

  /* feedback form */
  .outletFeedbackForm textarea {width:180px;height:auto;}
  .outletFeedbackForm .formTextareaRow .formLabel {padding-top:5px;}
  .outletFeedbackForm .formTextareaRow .formField {text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline;}

  /* outlet slot form */
  .outletSlotForm .formField {width:270px;}
  .outletSlotForm .formCheckboxRow .formField {width:40px;}
  .outletSlotForm .formTextareaRow .formField { width: 200px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .outletSlotForm .formTextareaRow .formField textarea { height: auto; padding: 0px; margin: 0px; width: 180px; }

  /* order item form */
  .orderItemForm .sfWidgetFormChoice {width:240px;}
  .orderItemForm .formBigRow .formLabel {width: 240px;}
  .orderItemForm .formTextareaRow .formField { text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .orderItemForm .formTextareaRow .formField textarea { height: auto; padding: 0px; margin: 0px; width: 240px; }
  .orderItemForm label.sfWidgetFormChoiceMany {font-weight:normal;}
  .orderItemForm .sfWidgetFormInput {width:auto;}
  .orderItemForm .group-5,
  .orderItemForm .group-6 {margin-left:20px;width: 600px;margin-bottom:10px;}
  .orderItemForm .formCheckboxRow {margin-bottom: 0px;}
  .orderItemForm .formCheckboxRow label {font-weight: normal;}

  /* menu item option form */
  .menuItemOptionForm h4 {margin:0px;}
  .menuItemOptionForm label {font-weight:normal;margin:0px;padding:0px;}
  .menuItemOptionForm input.text {font-size:10px;}
  .menuItemOptionForm table tr.header {background-color: #eee;}
  .menuItemOptionForm table tr.option td {padding-top:3px !important;}

  /* order checkout form */
  .checkoutForm .formField {width:300px;}
  .checkoutForm textarea {width:180px;height:auto;}
  .checkoutForm .formTextareaRow .formField { text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }

  .onlineOrderSettingsForm .formField {width:200px;}
  .onlineOrderSettingsForm .formLabel {width:120px;}
  .onlineOrderSettingsForm textarea {width:180px;height:auto;}
  .onlineOrderSettingsForm .formTextareaRow .formField { text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }

  #addMenuItemForm .formCheckboxRow {padding-top:10px;}
  #addMenuItemForm .formCheckboxRow .formLabel,
  #addMenuItemForm .formCheckboxRow .formField {display: -moz-inline-stack; display: inline-block; *display: inline;}
  #addMenuItemForm .inner-checkbox {width:25px;}
  #addMenuItemForm .inner-label {width:170px;}

  .deputyForm .formLabel { width: 140px; }

  /* 2 cols outlet form */
  .outlet2cols input.text,
  .outlet2cols select {width:120px;font-size:11px;padding:2px;}
  .outlet2cols .formField {width:120px;}
  .outlet2cols .formLabel {width:120px;}
  .outlet2cols .formLabel label {font-size:11px;}
  .outlet2cols .fieldHelp {font-size:11px;}
  .outlet2cols .col {float:left;width:270px;padding:0px;margin-right:10px;border-right:1px dashed #95B728;}
  .outlet2cols .colx2 {float:left;width:564px;margin-right:10px;}
  .outlet2cols .lastCol {margin-right:0px;border-right:none;}

  .newOutletLoginForm .formLabel {width:80px;}

  .newOutletSignupForm .formLabel {width:120px;}

  .wholesaleForm .formTextareaRow .formField { text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .wholesaleForm .formLabel {width:160px;}

  /* Order for later form */
  .orderForLaterForm .formLabel {width:70px;}
  .orderForLaterForm label.order-later-type {
    position: relative;
    top: 2px;
  }

  /* order online guide */
  .orderOnlineGuideForm .formLabel {width:80px;}
  .orderOnlineGuideForm ul.list
  {
    list-style: disc;
    padding-left: 15px;
  }

  .orderHourForm .formField {text-align: left;}

  .sendUserFeedbackForm .formLabel {width:120px;}
  .sendUserFeedbackForm textarea {height:auto;}
  .sendUserFeedbackForm .formTextareaRow .formField { width: 200px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .sendUserFeedbackForm .formTextareaRow .formField textarea { height: 60px; padding: 0px; margin: 0px; width: 180px; }

  .contactUsForm .formLabel {width:120px;}
  .contactUsForm textarea {height:auto;}
  .contactUsForm .formTextareaRow .formField { width: 200px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .contactUsForm .formTextareaRow .formField textarea { height: 60px; padding: 0px; margin: 0px; width: 180px; }

  .reviewForm .formLabel {width:80px;text-align: right;}
  .reviewForm .formField { width: 110px; }
  .reviewForm .sfWidgetFormTextarea {width:270px;height:40px;}

  .specialHourForm h4 {padding:0px;margin:0px;}

  .quickRegistrationForm .formLabel {width:160px;}

  .subscribeForm .formLabel {width:120px;}
  .subscribeForm textarea {height:auto;}
  .subscribeForm .formTextareaRow .formField { width: 200px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .subscribeForm .formTextareaRow .formField textarea { height: 60px; padding: 0px; margin: 0px; width: 180px; }
  
  #divOrderSigninForm .login-form input.text {width:190px;}
  
  
  .textarea-left .formTextareaRow .formField { width: 200px; text-align: left; display: -moz-inline-stack; display: inline-block; *display: inline; }
  .textarea-left .formTextareaRow .formField textarea { height: 60px; padding: 0px; margin: 0px; width: 180px; }
  
  .error button {display:none;}

  .leadForm {
      clear: both;
      margin-top: 10px;
  }

  #memberRegistrationDiv input.text {width: 200px;}
/* END FORM STYLES */

.section-content { padding: 0px 10px; }

.section-list li { margin-bottom: 5px; }

.formTopNote { text-align: center; color: #08a000; margin-bottom: 10px; }

.introbox {margin-bottom: 15px;}
.introbox ul { list-style:disc; }
.intro-link { text-align: center; margin-top:5px;}

.button1 {background-image: url(/images/buttons/button1_right.gif); background-repeat: no-repeat; padding-right: 10px; background-position: top right; height: 32px; }
.button1 input {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; color: white; padding: 0px; padding-left: 10px ; text-align: center; background-image: url(/images/buttons/button1_left.gif); background-repeat: no-repeat; border-style: none; background-color: transparent; height: 32px; }
.button1 input:hover { color: #ffd478; }

.photo-right {float: right; margin-left: 10px; padding: 5px; background-color: white; border: 1px solid #aaa;}

.photo {float: left; margin: 2px; padding: 3px; background-color: white; border: 1px solid #aaa;}
.photo a { border: none; }

.sideSponsorBox { text-align: center; }

/* TREE STYLES */
  ul.jqueryFileTree li div.inner { border-bottom: 1px solid #e7f8ae; }
  ul.jqueryFileTree a.jqueryFileTreeLink {overflow:hidden;}
  ul.jqueryFileTreeEditMode li a.jqueryFileTreeLink {float:left; width:280px;}
  ul.jqueryFileTreeEditMode li input.menugroup-checkbox {float:left;}
  ul.jqueryFileTreeEditMode li div.inner {height:20px; margin-top:2px;}
  ul.jqueryFileTreeViewMode .menu-item-label {float:left;width:80%;overflow:hidden;}
  ul.jqueryFileTree li {clear:both;}

  span.tree-action-menu { float: right; }
  span.tree-action-menu a,
  span.tree-action-menu input { float: right; display: inline; border: none; margin: 0px; padding: 0px; }
  span.tree-action-menu a:hover { background: transparent; }

  .menugroup-checkbox,
  .menuitem-checkbox { margin: 0px; padding: 0px; display: inline; float: left; }
/* END TREE STYLES */

.price {
  font-family: serif;
}

.node-name {color: #4185ad;}

.outlet-header {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 5px;
}
.outlet-name { font-size: 20px; font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
.outlet-short-descr {
  float:left;
  width: 580px;
  /* clear: left; */
}
.outlet-logo {float:right;}
.outlet-logo .content .inner { height: 120px; width: 120px; text-align: center; }
.outlet-logo-small .content .inner { height: 60px; width: 60px; }
.outlet-logo-medium .content .inner { height: 100px; width: 100px; }

.inline-buttons .inline { margin-right: 5px;}
.checkbox_tree li label { font-weight: normal; }

.outlet-shortcuts {height: 30px; margin-bottom: 5px; font-weight: bold; }
.outlet-shortcuts li { display: inline; }
.outlet-shortcuts a { text-decoration: none; color: white; background-color: #8da731; padding: 5px 10px 5px 10px; }
.outlet-shortcuts a:hover { background-color: #6e8e00; }

.overlay-warning { color: #c11700; font-size: 13px; font-family: serif; }
.overlay-subbox {margin: 5px 10px 5px 10px; padding: 3px 10px 3px 10px; background-color: #f8f6d3; max-height: 80px; overflow: auto;}

.linkbuttonslist .inline { margin-right: 5px; }
.linkbuttonslist a { padding: 5px 5px 5px 18px; background-repeat: no-repeat; background-position: center left; }
.linkbuttonslist li {margin-top: 5px;}

.icon-add { background-image: url(/images/fam/icons/add.png); }
.icon-copy { background-image: url(/images/fam/icons/page_white_copy.png); }
.icon-paste { background-image: url(/images/fam/icons/paste_plain.png); }
.icon-cut { background-image: url(/images/fam/icons/cut_red.png); }
.icon-cross { background-image: url(/images/fam/icons/cross.png); }
.icon-reorder { background-image: url(/images/arrow_up_down.png); }
.icon-tick {background-image: url(/images/fam/icons/accept);}

.form-flash-msg
{
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 36px;
}

.menu-item-info { padding: 5px; background-color: #E7F8AE; margin-bottom: 10px; width:90%; float:left;}
.menu-item-info .description { margin: 0px; padding: 0px; color: #728267; font-family: serif; white-space: normal; width: 100%; }
.menu-item-info-toggle { font-size: 10px; color: #a6b386; }

a.hide-menu-item-info {float:right;text-decoration:none;color:#4ca6bd!important;}
a.hide-menu-item-info:hover {color:#fbab00!important;}

.page-nav {
  background-color: #CE1111;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 3px;
}

.page-nav a {
  border: 1px solid white;
  padding: 2px;
  text-decoration: none;
  color: white;
}

.page-nav a:hover {
  background-color: #FF4814;
}

.page-nav span {
  text-decoration: none;
  color: white;
  background-color: #6C0B0B;
  font-weight: bold;
  padding: 3px;
}

.outlet-white-list .header {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.outlet-white-list ul.results li {
  display: block;
  margin-bottom: 3px;
  padding: 10px;
  border-bottom: 1px solid #aaa;
}

.outlet-white-list ul.results li.first {
  margin-top: 3px;
}

.map-link-small { font-size: 10px; }
.map-link-small a { text-decoration:none; }

.back-to-search-result { text-align: center; }

.outlet-quick-links {margin-top:5px;}
.outlet-quick-links .text {position:relative;top:-4px;}
.outlet-quick-links .item {margin-right:5px;}

.outlet-feedback-list {padding-left:10px;}
.outlet-feedback-list li {border-bottom:1px dotted black;padding:5px;}
.outlet-feedback-list li .comments {font-style:italic;}

.tick-list li {
	background-image:url(/images/tick_small.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
	padding-left:18px;
}

#search-tags-labels .tick-list {margin-left: 40px;}

.sortable-menu li { margin:2px; cursor:move; height:20px; }
.product-list li {height: 65px;}
.sortable-menu li:HOVER { background-color: #eee; }

.outletslots-container {padding: 0px 10px;}
.outletslots p {margin-bottom:5px;}
.outletslots .slot {text-align:center;}
.outletslots .slot-editable {margin:5px 0px;padding-bottom:5px;}
.outletslots .slot-empty {height:120px;border:2px dotted #ddd;margin:5px 0px;}
.outletslots .slot-empty a.add {display:block;margin-top:50px;color:#aaa;}
.outletslots .slot-empty a.add:hover {color:red;}
.outletslots-help {margin: 5px 0px;}

.outlet-menu-tab-div {}
.outlet-long-description {padding: 10px 20px;text-align:justify;max-height:200px;overflow:auto;}
.outlet-long-description p {margin-bottom:5px;}

.blog-post { text-align:justify; }
.cuisine-links {text-align:justify;padding-bottom: 15px;}

.news-date {font-size:11px;color:#a1b371;text-align:right;}

.three-cols {
  background-image: url(/images/3cols_splitter.jpg);
}
.two-cols-left {
  background-image: url(/images/2cols_left_splitter.jpg);
}
.two-cols-right {
  background-image: url(/images/2cols_right_splitter.jpg);
}


.new-outlets-list {padding:10px 20px;}
.new-outlet-item {width:104px;text-align:center;}
.new-outlet-item .suburb-city {font-size:11px;}

.ui-tabs .ui-tabs .ui-tabs-nav li {margin-bottom: 10px;}
.ui-tabs .ui-tabs .ui-tabs-nav li a {padding: 3px 5px;}
.ui-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:0px;}

.tags-preview {width:180px;height:12px; overflow: hidden; color:#555;font-weight:normal;font-size:10px;display:block;}


/* NEWS */

.news-item ul {list-style-type: disc;}
.news-item ul,
.news-item ol {margin:0 1.5em 1.5em;padding-left:10px;}

.outlet-rating {clear:both;float:right;text-align:right;margin-bottom:5px;margin-top:5px;}
.feedback-rating {text-align:right;font-size:10px;color:#555;}

#submenu {
  margin-right:0px;
  margin-top: 10px;
}
#submenu .inner {padding-left:60px;}
#submenu .inner2 {background-color: #e9f5c1;}
#submenu .header {
  background-image: url(/images/submenu/topleft.gif);
  background-repeat: no-repeat;
  background-position: top left;
  height: 15px;
  width: 100%;
}
#submenu .footer {
  height: 14px;
  width: 100%;
  background-color: white;
  background-image: url(/images/submenu/bottomright.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
#submenu li.default {padding-left:10px;}
#submenu li.active {color:red;font-weight:normal;}
#submenu li.active strong {font-weight:normal;}

#hidden-login-box {
  position: fixed;
  top: 100px;
  right: 40%;
  background-color: white;
  border: 3px solid black;
  padding: 10px;
  z-index: 1000;
}
#hidden-login-box .formRow {padding:0px;}
#hidden-login-box .formButtons {padding:0px;}
#hidden-login-box form {padding:0px;}
#hidden-login-box a {font-size:12px;color:blue;text-decoration: underline;}

#facebox .footer {text-align:center;}

#myorder hr {margin-bottom:5px;}
#myorder .item_options {padding-left:15px;}
#myorder .item_price_total {padding-left:15px;text-align:right;clear:both;}
#myorder .item_price_total a { float:left;color:#777;margin-right:10px; }
#myorder .item_price_total a:last-child { float:left;color:#777;margin-right: 0; }
#myorder .price {font-family:sans-serif;}
#myorder .order_total {text-align:center;background-color:#FAFBC2;}
#myorder .order_item_comments {padding-left:15px;font-style:italic;}
#myorder .order_item li {
  color:#084;
}
#myorder .order_item li .price {
  font-weight: bold;
}
#myorder .order_item li .pxc {
  color: #506689;
  font-size: 0.9em;
}

ul.order_total {clear:both;width:100%;display:block;}
div.order_total {clear:both;width:100%;height:20px;display:block;}
ul.order_total li {clear:both;height:20px;display:block;}
.order_total strong {float:left;}
.order_total .price {float:right;}

.yellow-note {
  margin-bottom:10px;
}

.yellow-note .online-ordering-header {
  width:233px;
  height:60px;
  background-repeat: no-repeat;
}
.yellow-note-myorder .header {
  background-image:url(/images/notes/header_your_order.gif);
  height:50px;
}

.online-ordering-open {background-image:url(/images/notes/header_online_order_green.gif);}
.online-ordering-closed {background-image:url(/images/notes/header_online_order_grey.gif);}

#onlineOrderingNote .content {width: 212px;}

.yellow-note .content {
  background-color: #FCFF6A;
  background-image: url(/images/notes/content_bottom_right.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.yellow-note .content .inner {
  padding: 10px 20px 0 20px;
  text-align: left;
}
.yellow-note .footer {
  height: 8px;
  background-repeat: no-repeat;
  background-position: bottom left;
}
.yellow-note-whitebg .footer {background-image: url(/images/notes/footer_whitebg.jpg);}

.information {
  font-size: 12px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-image: url(/images/fam/icons/information.png);
}

/* numeric controls */

ol#controls{
        margin:10px 0px 0px 10px;
        padding:0px;
        height:28px;
        }
ol#controls li{
        margin:0 10px 0 0;
        padding:0;
        float:left;
        list-style:none;
        height:28px;
        line-height:28px;
        }
ol#controls li a{
        float:left;
        height:28px;
        line-height:28px;
        border:1px solid #ccc;
        background:#DAF3F8;
        color:#555;
        padding:0 10px;
        text-decoration:none;
        }
ol#controls li.current a{
        background:#5DC9E1;
        color:#fff;
        }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* slideshow */
.slideshow .other {display:none;}
.slideshow .text {color:#e35630;font-size:14px;font-weight:bold;}

/* front page slides */
#frontpageSlides .slide .content {
  background-repeat: no-repeat;
  width:470px;
  height:200px;
  overflow: auto;
}
#frontpageSlides .slide-1 .content {background-image:url(/images/slides/welcome.jpg);}
#frontpageSlides .slide-2 .content {background-image:url(/images/slides/order.jpg);}
#frontpageSlides .slide-3 .content {background-image:url(/images/slides/menus.jpg);}
#frontpageSlides .slide-4 .content {background-image:url(/images/slides/reservation.jpg);}
#frontpageSlides .slide-5 .content {background-image:url(/images/slides/feedback.jpg);}
#frontpageSlides .slide-6 .content {background-image:url(/images/slides/more.jpg);}

.frontpage-info {margin-top:10px;}
.frontpage-info .content {padding:10px 10px 10px 20px;color:#2b7f90;margin-left:5px;}
.frontpage-info .content h4 {text-align:center; color:#5fa4c1; margin-bottom:10px; font-size: 16px; font-weight: bold;}
.frontpage-info .content p {text-align:justify; font-size: 12px; margin-bottom: 10px;}
.frontpage-info .content ul {
  list-style: disc;
  list-style-position: outside;
  margin-left: 15px;
  margin-bottom: 10px;
}

.submenu-notice {font-size:12px; margin-right:10px; border-width: 1px;}
.submenu-notice a {color:blue;}

.payment-method-cc p,
.payment-method-cash p {padding-left:26px;text-align:justify;}

.currency-statement {
  font-size: 9px;
  color: #456C8B;
}

.services-page-header {
  background-image: url(/images/owner_smiling.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 313px;
}

.services-page-header .inner {
  background-color: black;
  text-align: center;
  float: right;
  width: 200px;
  padding: 5px;
  opacity:0.65;
  filter:alpha(opacity=65);
}

.services-page-header .inner h1 {font-size:18px; font-weight:bold; color: white;}
.services-page-header .inner h3 {font-size:14px;color: white;}

.ico-link-printer {
  background-image: url(/images/fam/icons/printer.png);
}
.ico-link-edit {
  background-image: url(/images/fam/icons/page_white_edit.png);
}
.ico-link-delete {
  background-image: url(/images/fam/icons/page_white_delete.png);
}
.ico-link {
  background-repeat: no-repeat;
  background-position: 0px 2px;
  height: 20px;
}
.ico-link a {
  padding-left: 20px;
}

.order-confirm-details .label
{
  font-weight: bold;
  width: 75px;
}


/* horizontal accordion */
#orderingSteps
{
  clear:both;
  background-color:#79A315;
  float:left;
  width:100%;
  margin-bottom:20px;
}
ul.haccord
{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.haccord li
{
  float: left;
  padding: 5px;
  display: block;
}
ul.haccord li p
{
  margin: 0;
  padding: 0;
  width: 145px;
  display: block;
}
ul.haccord li a
{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 65px;
  text-decoration: none;
  color:#eee;
  cursor: default;
}
ul.haccord li.inactive a p {color:#A2B574;}
ul.haccord li.inactive a p strong {color:white;}
ul.haccord li.inactive a:hover p {color:#E6EBDA;}
ul.haccord li a:hover
{
  color:#eee;
}
ul.haccord #a1
{
  width: 150px;
  color: black;
}
ul.haccord #a1:hover
{
  color: black;
}
ul.haccord li.active
{
  background-color:#F6FFD5;
}
ul.haccord li.inactive-alt
{
  background-color:#698A1A;
}

.sideSponsors ul li
{
  margin-bottom: 30px;
  text-align: center;
}

.outlet-long-description ul
{
  padding-left: 13px;
}

.outlet-long-description ul li
{
  list-style: disc outside;
}
.outlet-long-description ol li
{
  list-style: decimal outside;
}

.info-only-outlet {
  padding: 3px 10px;
  background-color: #ffdb31;
  margin-bottom: 3px;
  font-size: 10px;
  text-align: justify;
}

.claim-invitation
{
  padding: 3px 20px;
  background-color: #FFFD75;
  margin-bottom: 3px;
  text-align: center;
}

.delivery-info span.image
{
  width: 16px;
}
.delivery-info span.info
{
  width: 180px;
}

.the-menu-wrapper
{
  position:relative;
  z-index:1;
  width: 100%;
  overflow: auto;
}

.flat-menu .the-menu
{

}
.flat-menu .the-menu-group-comments
{
  padding: 5px;
}
.flat-menu .the-quick-links
{
  padding: 5px 10px;
  background-color: #e6ff91;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #666666;
}
.flat-menu .outlet-menu-tab-div
{
  padding: 0px!important;
  font-size: 12px;
}
.flat-menu .menu-group
{
  margin-top: 14px;
  background-color: #9FAA88;
  color: white;
  padding-left: 10px;
}
.flat-menu .menu-group-label
{
  font-size: 1.3em;
}
.flat-menu .menu-group-path
{
  padding: 2px 0px 0px 0px;
}
.flat-menu .menu-item
{
  padding-left: 10px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #9FAA88;
}
.flat-menu .menu-item-label
{
  font-size: 1.2em;
}
.flat-menu .menu-item-price
{
  float: right;
  margin: 0px 3px;
}
.flat-menu .menu-item-price ins
{
  text-decoration: none;
  color: #004eb2;
}
.flat-menu .menu-item-price del
{
  color: #CC0000;
}

.flat-menu .menu-item-cart-btn
{
  float: right;
  margin: 2px 3px 0px 3px;
}
.flat-menu .menu-item-descr
{
  font-size: 1.1em;
  padding-left: 5px;
}
.flat-menu .menu-item-image
{
  float: left;
  margin: 5px;
}

.large-outlet-menu {
  clear: both;
  border-bottom: 4px solid #9FAA88;
  margin-bottom: 20px;
}

#flyingmenu {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 100%;
}
#flyingmenucontainer {
  margin: 0 auto;
  width: 1002px;
}
#flyingmenuinner {
  padding: 5px 10px;
  background-color: #e6ff91;
  border-bottom: 3px solid #666666;
  border-left: 1px solid #666666;
}
#flyingmenu .backtotop {
  font-size:12px;
}

.nzmap-bottom-right
{
  background-image: url(/images/new_zealand_map.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

/* myOverlay */

.myOverlay
{
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;

  margin-left: -250px;
  width: 500px;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .myOverlay {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.myOverlay
{
  color: black;
  font-size: 12px;
}
.myOverlay .ajaxSection
{
  overflow: auto;
}
.myOverlay .jqmClose
{
  text-decoration: none;
  font-size: 10px;
  padding-right: 10px;
}

/* End myOverlay */

.nb-other-outlets-notice
{
  background-color: #FBFA9F;
  font-style: italic;
  margin: 5px 0px;
  background-image: url(/images/information_green.png);
  background-repeat: no-repeat;
  padding-left: 20px;
}

.outlet-website-url
{
  background-image: url(/images/fam/icons/world_link.png);
  background-repeat: no-repeat;
  padding-left: 20px;
}

.outletorder-index .orderSideBarNoOrderNoArrow {display:none;}
.outletorder-checkout .orderSideBarNoOrderArrow {display:none;}

/* Twitter */
.twitter li
{
  padding: 3px 10px;
}
.twitter li .date
{
  font-weight: bold;
  padding-right: 3px;
}

#ui-datepicker-div {z-index: 101;}

body.outlet-order-fax table.has-border
{
  border: 1px solid black;
}
body.outlet-order-fax table.has-border td
{
  border: 1px solid black;
}

.oo-hours th,
.oo-hours td {
  padding:0px 2px 0px 2px;
  font-size:9px;
  border-left:1px solid black;
}
.oo-hours h4 {
  margin: 0px 0px 5px 0px;
  text-shadow: 1px 1px 3px #fff;
  font-weight: bold;
}

.specials li
{
  color: #ce1111;
  font-weight: bold;
  padding: 3px;
  border: 1px solid #ce1111;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.outlet-special-discount {
  background-color: red;
  color: white;
  padding: 3px;
  margin-bottom: 5px;
  font-weight: bold;
  text-shadow: 0px 1px 1px black;
  text-align: center;
}

select.expand {
    width: auto !important;
}

#slot_contents_tbl {
  border-bottom:1px solid #CCCCCC;
  margin-bottom:5px;
}

/* iPhone / mobile webkit */
.mobile-webkit-display-block { display: none; }
@media screen and (max-device-width: 480px) {
  .mobile-webkit-display-block { display: block;  }
}

.side-box {
  background-color: #cfebf9;
}

.side-box .box-header {
  background-image: url(/images/box/sidebox_head_left.png);
  background-repeat: no-repeat;
  padding-left:2px;
}

.side-box .box-content {
  padding: 5px 10px;
}

.side-box .box-description {
  padding: 5px 10px;
  text-align: justify;
  color: black;
  font-size: 11px;
  font-weight: bold;
}

.side-box .box-section {
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #dcf3ff;
}

.side-box .box-header h2 {
  background-image: url(/images/box/sidebox_head_right.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0px 2px 0px 0px;
  margin: 0px;
}

.side-box .box-header h2 div {
  background-image: url(/images/box/sidebox_head_middle.png);
  background-repeat: repeat-x;
  height: 38px;
  text-align: center;
}

.side-box .box-header h2 div span {
  display: block;
  padding-top: 7px;
  font-size: 12px;
}

.twitter-timeline .box-section {
  background-color:white;
  border: none;
  margin: 5px 0px;
  padding: 5px;
}

.outlet-tabs-container {
  float:right;
  height:31px;
  width:430px;
}
.outlet-tabs {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: left;
}
.outlet-tabs li {
  float:left;
  padding-left: 5px;
  background-image: url(/images/tabs/outlet_tab_left.gif);
  background-repeat: no-repeat;
}
.outlet-tabs li span {
  float:left;
  padding-right: 5px;
  background-image: url(/images/tabs/outlet_tab_right.gif);
  background-repeat: no-repeat;
  background-position: top right;
}
.outlet-tabs li.first {
  padding-left: 18px;
  background-image: url(/images/tabs/outlet_tab_first_left.gif);
  background-repeat: no-repeat;
}
.outlet-tabs li.last span {
  padding-right: 23px;
  background-image: url(/images/tabs/outlet_tab_last_right.gif);
  background-position: top right;
}
.outlet-tabs li a {
  display: block;
  float: left;
  width: 110px;
  height: 31px;
  text-align: center;
  text-decoration: none;
  background-repeat: repeat-x;
  font-size: 12px;
  font-weight: bold;
  padding-top: 7px;
}
.outlet-tabs-container .tabs-nb-4 li a {
  width: 80px;
}
.outlet-tabs li.active a {
  color: black;
}
.outlet-tabs li.active a {
  background-image: url(/images/tabs/outlet_tab_middle_active.png);
}
.outlet-tabs li.inactive a {
  background-image: url(/images/tabs/outlet_tab_middle_inactive.png);
}

#facebox #item_picture {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

.oo-search-sidebar {
  padding-left: 10px;
}

.padded-cells th,
.padded-cells td,
#facebox .padded-cells th,
#facebox .padded-cells td
{
  padding: 0px 3px;
  border-right: 1px solid white;
}

.outlet-review-summary h4 {
  text-align: center;
}

.rating-summary-label {
  float:left;
  width:150px;
  text-align:right;
  padding-right:5px;
}

#individual_reviews .rating-summary-label {
  width: 70px;
}

.rating-summary-outof {
  float: left;
  padding-left: 5px;
  color: #777;
}

.outlet-review {
  border-top: 1px dotted #888;
  margin-bottom: 15px;
}

.review-comments span {
  font-style: italic;
}

.slide-out-div {
  padding: 20px;
  width: 320px;
  background: #FDCF15;
  border: #CE1111 2px solid;
}

.outlet-review-form-disabled {
  background-image: url(/images/review_form_disabled.jpg);
  background-repeat: no-repeat;
  width: 308px;
  height: 264px;
  border: 1px solid #CCCCCC;
}

.links-without-underline a {
  text-decoration: none;
}

.tr-bottom-line td {
  border-bottom: 1px solid #888;
}

.thankyou-extra {
  clear: both;
  padding-top: 20px;
}

.sidebar-photo-area {
  background-color:#ddf1fa;
}

.sidebar-photo-area .inner {
  padding:7px 5px 5px 7px;
  min-height:82px;
}

.sidebar-photo-area .photo-container {
  margin:0px 5px 15px 0px;
  float:left;
  background-image:url(/images/user/photo_frame.png);
  background-repeat:no-repeat;
  height:68px;
  width:68px;
}

.my-sidebar-nav {
  list-style: none;
  padding-top: 15px;
  padding-left: 15px;
}
.my-sidebar-nav li {
  padding-left: 15px;
}
.my-sidebar-nav li.active {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #888;
}
.my-sidebar-nav li a {
  font-size: 16px;
  text-decoration: none;
  color: #333333;
}
.my-sidebar-nav li a:hover {
  color: #0034ab;
}
.my-sidebar-nav li.active a, .my-sidebar-nav li.active sup {
  color: white;
  text-decoration: none;
}

.profile-nav li a {
  font-size: 14px;
}

.dashboard-section {
  padding-bottom: 5px;
  padding-left: 5px;
  background-image: url(/images/divider.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom: 15px;
}
.dashboard-section h4 {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}

.rounded-with-shadow {
  border: 1px solid #ADADAD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: -1px 1px 1px 1px #eee;
  box-shadow: -1px 1px 1px 1px #eee;
}

.dashboard-list,
.order-list,
.outlet-list {
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
}
.dashboard-list > li,
.order-list li,
.outlet-list li {
  width: 218px;
  min-height: 50px;
  clear:both;
  padding: 1px;
  margin-right: 1px;
  margin-bottom: 3px;
  border: 1px solid #ADADAD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: -1px 1px 1px 1px #eee;
  box-shadow: -1px 1px 1px 1px #eee;
}
.dashboard-list > li .imgwrapper,
.order-list li .imgwrapper,
.outlet-list li .imgwrapper,
.order .imgwrapper {
  width:36px;
  height:32px;
  float:left;
  margin-top: 3px;
  margin-right: 3px;
  text-align:center;
  cursor: pointer;
}
.dashboard-list > li .description,
.order-list li .description,
.outlet-list li .description,
.order .description {
  width:170px;
  float:left;
  font-size: 10px;
}

.log-order {
  float:left;
}

.log-order h3 {
  background-color:#fbcb09;
  padding:5px;
  border-bottom: 1px solid #999;
}

.log-order h4 {
  margin-bottom: 5px;
}

.log-order p.description {
  margin-bottom: 15px;
  font-size:1.1em;
}

.latest-blog-posts li {
  padding: 3px 10px;
  border-bottom: 1px dotted #eee;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#menu-top-navigation, #top-menu.nav{
	list-style:none;
        text-align: right;
}
#menu-top-navigation li, #top-menu.nav li{
        display: inline;
	position:relative;
        background-color: #eee;
}
#menu-top-navigation li a, #top-menu.nav li a {
	padding:5px 5px;
	color:#0E63A7;
/*	background:#ae0909;*/
	text-decoration:none;

/*	text-shadow:1px 1px 1px rgba(0,0,0,0.75); Text shadow to lift it a little 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;*/
}
#menu-top-navigation li a:hover, #top-menu.nav li a:hover{
	color:#ff4b04;
	/* background:#fe560c; Solid colour fall-back */
	/* background:rgba(254,86,12,0.90); It'll look nice semi-transparent */

	text-decoration:none;
}

.coupon-applied-inner {
  background-color:#F6FFD5;
  padding:5px;
  border:1px dashed darkgreen;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.cms-content ul {
  list-style: disc outside;
  padding-left: 18px;
}

.tc-box {
  padding: 5px;
  border-style: inset;
  border-width: 2px;
  height: 200px;
  overflow: auto;
  background-color: #E6EBDA;
  text-shadow:1px 1px 1px white; /* Text shadow to lift it a little */
}

.referral-buttons-list li {
  height: 80px;
  width: 80px;
  margin: 3px;
  padding: 3px;
}

.dropdown-list-toggle {
  display: block;
  float: left;
  clear: both;
  margin-bottom:2px;
  padding:2px 8px;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  background-color: #eee;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.dropdown-list-toggle a {
  text-decoration: none;
}
.dropdown-list-toggle a:hover {
  color: #eb8f00;
}

.dropdown-list-items {
  padding: 10px;
  clear: both;
  border: 1px solid #999;
}

.operator-form-info {
  width:300px;
  height:300px;
  float:right;
  border: 1px solid #999;
  padding: 15px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

h1.outlet-name { margin-top:0px; }

.great-deals .deal {
  float: left;
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #999;
  height: 100px;
  width:160px;
  overflow: visible;
  text-align: center;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.great-deals .deal .the-discount {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  height: 24px;
}

.great-deals .deal .the-title {
  text-align: center;
  font-weight: bold;
  height: 66px;
}

.great-deals .deal .the-button {
  text-align: center;
  margin-top: 5px;
}

.great-deals .deal .the-button .buttonPro {
  text-align: center;
}

.great-deals .deal .the-button .small {
  margin-bottom: 0px;
}

.sfWidgetFormDineInSelectDeal input {
  margin: 0px;
  vertical-align: bottom;
}

.sfWidgetFormDineInSelectDeal label,
.sfWidgetFormDineInSelectDeal label a {
  line-height: normal;
  vertical-align: bottom;
}

.option-panel h2 {
  font-size:16px;
  margin-bottom: 10px;
  border-bottom: none !important;
}

.option-panel p {
  font-size: 14px;
  margin-bottom: 10px;
}

#toploginlinks {
  text-align: right;
  padding-top: 15px;
  padding-right: 15px;
  color: white;
}

#toploginlinks a {
  color: white;
}

.di2-box-header {
  background-color: #ea830a;
  border-bottom: 1px solid #bf6b08;
  text-align: center;
  margin-bottom: 1px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -khtml-border-top-left-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.di2-box-header h2 div {
  padding-top:8px;
}
.di2-box-header h2 div span {
  color: white;
  text-shadow: 0px 1px 1px #7a4404;
  font-size: 13px;
}

.di2-box-content {
  border-bottom: 1px solid #b46405;
  background-color: #f6d061;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -khtml-border-bottom-left-radius: 10px;
  -khtml-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7d260), to(#ea8209));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f7d260, #ea8209);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f7d260, #ea8209);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #f7d260, #ea8209);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f7d260, #ea8209);
}

.di2-box-content form {
  padding: 10px;
}

.di2-box-content form input,
.di2-box-content form select {
  border: 1px solid #eb870d;
}
#publicstats ul {
  list-style: square;
}
#publicstats ul li {
  font-weight: bold;
  font-size: 13px;
  color: #A5A5A5;
}

.order-sidebar-separator {
  clear:both;
  border-bottom:1px solid black;
}

.loyalty-card {
  
}
.loyalty-card ul {
  list-style: none;
}
.loyalty-card ul li {
  float: left;
  text-align: center;
  border: 1px solid #ce1111;
  line-height: 16px;
  margin-right: 1px;
  margin-bottom: 2px;
  font-size: 10px;
}
.loyalty-card ul li span {
  padding: 0px 3px;
}
.loyalty-card ul li.stamped {
  height: 16px;
  width: 16px;
  border: 1px dashed olivedrab;
  background-color: olivedrab;
  background-image: url(/images/loyalty-tick.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.loyalty-card ul li.stamped span {
  display: none;
}
.loyalty-card ul li.loyalty-prize {
  color: white;
  background-color: #ce1111;
}
.loyalty-card ul li.loyalty-prize span a {
  color: white;
}
.loyalty-card ul li.loyalty-prize span a:hover {
  color: white;
  font-weight: bold;
}

.calendar-legend {
  list-style: none;
}
.calendar-legend li {
  display: block;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 310px;
  height: 60px;
  border: 1px solid #eee;
  padding: 5px;
}
.calendar-legend .color-box {
  height: 15px;
  width: 15px;
  margin-right: 5px;
  margin-bottom: 40px;
  float: left;
  border: 1px solid black;
}

#facebox #divBookingForm table,
#facebox #divInquiryForm table
{
  width: 440px;
  margin-bottom: 5px;
}
#facebox #divBookingForm .other-type-fields input.text,
#facebox #divBookingForm .other-type-fields select,
#facebox #divInquiryForm .other-type-fields input.text,
#facebox #divInquiryForm .other-type-fields select
{
  width: 90%;
}
#facebox #divBookingForm .other-type-fields select,
#facebox #divInquiryForm .other-type-fields select
{
  height: 22px;
}
#facebox #divBookingForm input.captcha, 
#facebox #divInquiryForm input.captcha 
{
  display: block;
  clear:both;
}
#facebox #divBookingForm table input.sfWidgetFormInputCheckbox, 
#facebox #divInquiryForm table input.sfWidgetFormInputCheckbox 
{
  width: auto;
}
#facebox #divBookingForm .checkbox-label, 
#facebox #divInquiryForm .checkbox-label 
{
  width: 200px;
}


.order-comm {
  list-style: none;
}
.order-comm .order-comm-item {
  display: block;
  float: left;
  margin-right:2px;
  margin-bottom: 2px;
  padding: 0 2px;
  cursor: default;
}
.order-comm .fax-pending {
  background-color: #FF4A00;
  color: white;
}
.order-comm .fax-failed {
  background-color: red;
  color: black;
}
.order-comm .fax-success {
  background-color: #00AE3E;
  color: black;
}
.order-comm .txt-sent {
  background-color: black;
  color: white;
}

.order-comm .txt-Delivered {
    background-color: #006400;
    color: white;
}

/* Printing screen styles */
body.printing {
  color: black;
}
body.printing h2, 
body.printing h3
{
  margin-top: 10px;
  margin-bottom: 5px;
}
body.printing h2 {
  font-size: 1.3em;
  font-weight: bold;
  color: black;
}
body.printing p {
  padding-left: 15px;
}
body.printing h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: black;
}
/* End of Printing screen styles */

.online-ordering-banner {
  border: 1px solid #0078a5;
  background-color: white;
  padding: 5px;
  margin-bottom: 20px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.61);
  -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.61);
  box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.61);

  display: block;
  width: 100%;
  text-decoration: none;
  text-align: center;
}

.outlet-announcements {
  border-color: #FA7300;
}

.inline-error {
  color: red;
}

.delivery-zone.inactive td {
  text-decoration: line-through;
}