/*
  PAGE LAYOUT
  ---------------------------------------------------------- */
  #olo .main-content table.content-table {
          margin: 0px;
  }
  #olo table.content-table td.content-column {
          padding-right: 10px;
  }


/*
  TOP ROW
  ---------------------------------------------------------- */
  div#left-col {
    float: left;
    display: inline;
    margin-left: 0px;
    margin-top: 1px;
  }
  div#right-col {
    float: right;
    display: inline;
    width: 295px;
    height: 175px;
    margin-right: 2px;
  }


/*
  FEAST PIZZA ITEMS
  ---------------------------------------------------------- */
  div.box-feast-pizza, div.box-pizza-crusts {
          width: 594px;
          background: url(../images/body_select_feast.gif) no-repeat bottom left;
          padding: 0;
          clear: both;
  }
  div.box-feast-pizza h3, div.box-pizza-crusts h3 {
          background: #fff url(../images/heading_select_feast_pizza-v2.gif) no-repeat top left;
          margin: 0;
          padding: 0;
          height: 30px;
          color: #333;
          text-indent: -9999px;
  }
  div.box-feast-pizza h3 {
          background: #fff url(../images/heading_select_feast_pizza-v1.gif) no-repeat top left;
  }
  div.box-feast-pizza li {
          font-size: 12px;
          font-weight: bold;
  }
  table.feastPizzas {
          border-collapse: collapse;
  }
  table.feastPizzas td {
          padding: 10px 0px;
          width: 25%;
  }
  .feast-item, .feast-item-oos {
          position: relative;
  }
  .feast-item img, .feast-item-oos img {
          margin: 0px 0 9px 8px;
  }
  .feast-item a, .feast-item-oos a {
          width: 130px;
          height: 119px;
          display: block;
          text-indent: -9999px;
          position: absolute;
          z-index: 1000;
          top: 0;
          left: 0;
          line-height: 1;
          background: transparent url(../images/menu-item-a-v3.png) no-repeat top left;
  }
  .feast-item a:hover, .feast-item-oos a:hover  {
          cursor: hand;
          background-position: bottom left;
  }
  .feast-item-oos a {
          background: transparent url(../images/menu-item-a-v3-oos.png) no-repeat top left;
  }
  div.feast-label {
          color: #069;
          font: bold 12px arial,geneva,helvetica,sans-serif;
  }
  table.feastPizzas div.desc, div.feast-label {
          margin-left: 2px;
	      padding:4px 8px;
  }
  div.page-top-links {
	      margin: 0 0 -6px 6px;
  }
  div.page-top-links a {
          margin-right: 20px;
  }

/*
  PIZZA CRUSTS
  ---------------------------------------------------------- */
  div.box-pizza-crusts h3 {
      background: #fff url(../images/heading_build_your_own_lg.gif) no-repeat top left;
  }
  table.pizza-crusts {
          border-collapse: collapse;
          margin-left: 20px;
  }
  table.pizza-crusts td {
          padding: 10px 0px;
          width: 25%;
  }
  .crust-item {
          position: relative;
  }
  .crust-item img {
          margin: 0px 0 9px 8px;
  }
  .crust-item a {
          width: 130px;
          height: 119px;
          display: block;
          text-indent: -9999px;
          position: absolute;
          z-index: 1000;
          top: 0;
          left: 0;
          line-height: 1;
          background: transparent url(../images/menu-item-a-v3.png) no-repeat top left;
  }
  .crust-item a:hover {
          cursor: hand;
          background-position: bottom left;
  }
  div.crust-label a {
          color: #069 !important;
          font: bold 12px arial,geneva,helvetica,sans-serif;
          margin-left: 2px;
          padding-right: 8px;
          text-decoration: none;
  }


/*
  SAVED ORDERS
  ---------------------------------------------------------- */
  div.saved-orders {
      width: 270px;
      background: url(../images/bg_bottom_saved_orders.gif) bottom no-repeat;
  }
  div.saved-orders div {
      padding: 15px 10px;
  }
  .dd-fast-favorites {
      width: 225px;
      font: 13px arial,geneva,helvetica,arial,sans-serif;
  }
  div.saved-orders div.btn-order-now {
      padding-top: 10px;
  }

  div.saved-orders {
        background: url(../images/bg_saved_orders-v1.gif) no-repeat;
        width: 290px;
        height: 186px;
  }
  div.saved-orders div {
        padding: 0px;
  }
  div.saved-orders div.so-content {
        padding: 30px 10px 5px 10px;
  }
  div.saved-orders-summary {
        padding: 5px 0px;
        overflow: auto;
        overflow-y: auto;
        overflow-x: hidden;
        height: 80px;
        border: none;
  }
  div.saved-orders select {
          width: 245px;
          margin: 5px 0px;
          font-size: 12px;
  }
  ul.order-history-steps {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      font: 12px arial,geneva,helvetica,arial,sans-serif;
      color: #069;
      overflow: auto; 
      overflow-y: auto;
      overflow-x: hidden;
      height: 60px;
  }
  ul.order-history-steps li {
      margin: 0;
  }


/*
  BUILD OWN
  ---------------------------------------------------------- */
  div.build-pizza-top {
  width: 270px;
  background: url(../images/bg_bottom_build_your_own.gif) bottom no-repeat;
  margin: 10px 0px 15px 0px;
  }
  div.build-pizza-top div {
      padding: 15px 10px;
  }
  ul.build-pizza-steps {
      margin: 0px 0px 10px 7px;
      padding: 0px 0px 10px 7px;
      list-style-type: none;
      font: 12px arial,geneva,helvetica,arial,sans-serif;
      color: #069;
      text-decoration: none;
  }
  div.build-pizza-top div.btn-start-now {
      padding: 5px 10px 35px 15px;
  }
  div.build-your-own {
        background:url(../images/bg_build_pizza-v2.gif) no-repeat;
        width: 300px;
        height: 185px;
        cursor: hand;
  }
  div.build-your-own div.byo-content {
    padding: 40px 10px 10px 10px;
  }
  ul.build-pizza-steps {
          padding-left: 0px;
          margin-left: 0px;
          margin-bottom: 3px;
  }

/*
  GET SANDWICH
  ---------------------------------------------------------- */
  ul.get-sandwich-steps {
      margin: 0px 0px 10px 7px;
      padding: 0px 0px 10px 7px;
      list-style-type: none;
      font: 12px arial,geneva,helvetica,arial,sans-serif;
      color: #069;
      text-decoration: none;
  }
  div.get-sandwich {
        background:url(../images/bg_get_sandwich_2.gif) no-repeat;
        width: 300px;
        height: 180px;
        cursor: hand;
  }
  div.get-sandwich div.byo-content {
    padding: 40px 10px 10px 10px;
  }
  ul.get-sandwich-steps {
          padding-left: 0px;
          margin-left: 0px;
          margin-bottom: 3px;
  }
/*
  GET PASTA
  ---------------------------------------------------------- */
  ul.get-pasta-steps {
      margin: 0px 0px 10px 7px;
      padding: 0px 0px 10px 7px;
      list-style-type: none;
      font: 12px arial,geneva,helvetica,arial,sans-serif;
      color: #069;
      text-decoration: none;
  }
  div.get-pasta {
        background:url(../images/bg_get_pasta_2.gif) no-repeat;
        width: 300px;
        height: 180px;
        cursor: hand;
  }
  div.get-pasta div.byo-content {
    padding: 40px 10px 10px 10px;
  }
  ul.get-pasta-steps {
          padding-left: 0px;
          margin-left: 0px;
          margin-bottom: 3px;
  }

/*
  START WITH A COUPON - FULL WIDTH
  ---------------------------------------------------------- */
  div.box-online-coupons {
          width: 594px;
          background: url('../images/body_select_feast.gif') no-repeat bottom left;
          padding: 0;
          clear: both;
          height: 110px
  }
  div.box-online-coupons h3 {
          background: #fff url('../images/heading_start_coupon-v1.gif') no-repeat top left;
          margin: 0;
          padding: 0;
          height: 30px;
          color: #333;
          text-indent: -9999px
  }
  table.enter-coupon-table-inline td {
          vertical-align: middle;
  }
  input.enterCouponCode {
          color: #597C8F;
          font: bold 11px arial,geneva,helvetica,sans-serif;
          margin-left: 5px;
  }
  input.btn-go {
          vertical-align: middle;
  }
  div#have-coupon {
           float: left;
           padding-left: 30px;
  }
  div#have-coupon h4 {
          text-indent: -999px;
          background: url('../images/section_heading_already_have-v1.gif') no-repeat;
          height: 30px;
          width: 220px
  }
  div#dont-have-coupon {
           float: right;
           padding-right: 80px;
  }
  div#dont-have-coupon h4 {
          text-indent: -999px;
          background: url('../images/section_heading_dont_have_one-v1.gif') no-repeat;
          height: 30px;
          width: 180px
  }
/*
  START WITH A COUPON - HALF-WIDTH
  ---------------------------------------------------------- */

  div.start-with-coupons {
         background: url('../images/bg_start_with_coupon_wide.gif') no-repeat;
          width: 295px;
          height: 175px;
          margin-top: -2px;
  }
  div.start-with-coupons-options {
          padding-top: 30px;
          text-align: center;
  }
  table.enter-coupon-table {
          margin: 0px auto;
          border-collapse: collapse;
  }
  table.enter-coupon-table td {
          vertical-align: middle;
  }
  div.start-with-coupons div#have-coupon-v {
          text-align: center;
  }
  div.start-with-coupons div#have-coupon-v h4 {
          text-indent: -9999px;
          background: url('../images/section_heading_already_have-v1.gif') no-repeat 50% 50%;
          height: 30px;
          width: 280px
  }
  div.start-with-coupons div#dont-have-coupon-v {
          text-align: center;
          margin: 5px auto;
          border-top: 1px dotted #ccc;
          width: 260px;
  }
  div.start-with-coupons div#dont-have-coupon-v h4 {
          text-indent: -9999px;
          background: url('../images/section_heading_dont_have_one-v1.gif') no-repeat 60% 50%;
          height: 30px;
          width: 260px
  }
/*
  9.2.2.3 STEP 2 (MAIN) - WHAT'S HOT
  -------------------------------------- */
  div.whats-hot {
          margin: 0px 0px;
          width: 235px;
          /* background: url(../images/olo/bg_bottom_whats_hot.gif) bottom left no-repeat; */
  }
  div.whats-hot img {
          display: block;
  }
  div.whats-hot a {
          text-decoration: none;
  }