/* -----------------------------------------------------
0.0 RESKIN RESETS
1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 LAYOUTreturn-to-order-link
4.0 HEADER
5.0 PARTNER HEADER
6.0 PAGE HEADINGS
7.0 PAGE CONTENTmain-content
8.0 ORDER SUMMARYbuild-pizza-top
9.0 PAGE SPECIFIC STYLES
	9.1 SPECIALTY PIZZA
	9.2 ORDER ONLINE STEPS
		9.2.1 STEP 1 - DELIVERY OR PICK-UP
		9.2.2 STEP 2 - (MAIN) CHOOSE PIZZA
		9.2.3 STEP 2 - (BUILD MY OWN) CHOOSE PIZZA
		9.2.4 STEP 3 - CHOOSE SIDES/DRINKS
		9.2.5 STEP 4 - PLACE ORDER
		9.2.6 CONFIRMATION
	9.3 MY ACCOUNT
		9.3.1 REDEMPTION - PIZZA POINTS
	9.4 REGISTRATION
	9.5 FIND STORE
		9.5.1 PRE-ORDER
	9.6 ONLINE COUPONS
		9.6.1 OLD DESIGN
		9.6.2 NEW DESIGN
	9.7 OPT-OUT
		9.7.1 OPT-OUT CONFIRMATION
	9.8 ST. JUDE CONTRIBUTION
10.0 DHTML POP-UP
11.0 UNKNOWNS

--------------------------------------------------------- */

/*
*********************************************
0.0 RESKIN RESETS:
*/
	/*
	0.1 SITE-CONTENT
	--------------------------------------------------*/
  .site-content {
      overflow: visible;
      min-height:360px;
      height:auto;
  }
  .site-content-olo-sides {
          z-index:3;
  }
/* for Internet Explorer */
/*\*/
  * html .site-content
	{
  	height: 360px;
	}
/**/

	/*
	0.2 MAIN-CONTENT
	--------------------------------------------------*/
	.main-content {
        overflow: visible;
	}
	#olo-sides {
		background: transparent url(../images/main-content-olo-sides-v2-lowertabs.png) no-repeat left top;
	}
	#olo-sides-top {
		background: transparent url(../images/main-content-olo-sides-v2-toptab.png) no-repeat left top;
	}
#order-confirmation-pizza-tracker a
	{
    background: url(../images/olo-confirmation-pizza-tracker-v2.png) top left no-repeat;
    margin-left: 14px;
    width: 739px;
    height: 166px;
    display: block
	}

  #order-confirmation-pizza-tracker a em
	{
  	display: none;
	}

	/*
	0.3 SUB-CONTENT
	--------------------------------------------------*/
	.sub-content {
		display: none;
	}

	/*
	0.4 FOOTER
	--------------------------------------------------*/
	.content-table td.main {
		width: 100%;
		padding: 10px 10px 10px 0px;
	}


/*
*********************************************
1.0 UNIVERSAL RESETS:
*/
	#olo {
		font-family: arial,geneva,helvetica,sans-serif;
		font-size: 12px;
	}
 #olo p img {
      float: none;
      margin: 0px;
  }
  #olo a.btn-select img {
      float: none;
      margin: 0px;
  }
	form {
		margin: 0px;
	}
	textarea, button {
		font: 11px arial,helvetica,arial,sans-serif;
	}
	table {
		border-collapse: collapse;
	}

/*
*********************************************
2.0 GENERIC CLASSES:
*/
	.read-only {	
		color: #777;	
	}
	.clear-line {
		clear: both;
	}
	div.align-right {
		float: right;
	}
	.hide {
		visibility: hidden;
	}
	.lblDisabled {
		color: #999;
	}
	.lblEnabled {
		color: #000;
	}
	tr.even {
		background: #E7F0F7;
	}
  a.btn-select img, a.btn-select-disabled img {
    vertical-align: top;
    border: 0px;
    white-space: nowrap;
  }
	.btn-add {
		white-space: nowrap;
	}
  p.ini-prompt, .left-indent {
    margin-left: 20px;
  }
  #olo .main-content div.left-indent .content-table {
    margin-left: 0px;
    width: 810px;
  }

	/*
		2.1 TOOL TIP
		-------------------------------------- */
		.tip-icon {
			color: #fff;
			border: 1px solid #99f;
			padding: 0px 2px;
			background: #069;
			font-size: 9px;
		}
		#tooltipCover {
			position: absolute;
			top: 100px;
			left: 100px;
			background: #fff;
			z-index: 10;
			border: 1px solid #fff;
			visibility: hidden;
			width: 200px;
		}
		#tooltip {
			position: absolute;
			top: -100px;
			left: -100px;
			background: #ffd;
			width: 200px;
			border: 1px solid #ffcc66;
			padding: 5px;
			visibility: hidden;
			font: 11px arial,geneva,helvetica,arial,sans-serif;
			z-index: 20;
		}

	/*
		2.2 PROMPTS & INSTRUCTIONS
		-------------------------------------- */
		.instruction {
			font: bold 14px arial,geneva,helvetica,arial,sans-serif;
		}
		.biginstruction {
			font: 18px/22px arial,geneva,helvetica,arial,sans-serif;
			color: #069;
		}
  .ini-prompt {
    font-size: 12px;
    color: #000;
  }


	/*
		2.3 ERRORS
		-------------------------------------- */
		.bigerror {
			font: 14px/19px arial,geneva,helvetica,arial,sans-serif;
			color: red;
		}
		.mediumerror {
			font: 13px/15px arial,geneva,helvetica,arial,sans-serif;
			color: red;
		}
		.smallerror {
			font: 11px/15px arial,geneva,helvetica,arial,sans-serif;
			color: red;
		}

	/*
		ENABLE & DISABLE FUTURE DATE
		Q: Where are these used?
		-------------------------------------- */
		.disabled {
			color: #ccc;
			cursor: default;
		}
		.enabled {
			color: #000000;
			cursor: text;
		}

/*
*********************************************
3.0 LAYOUT:
	Notes:
	1. Content table contains main-content and order summary sections inside it.
*/
	#olo .main-content {
		background: none;
	}
  #olo .main-content h1 {
    position: relative;
    width: auto;
    height: 40px;
    top: 5px;
    text-indent: 20px;
    margin-top: 0px;
    background: transparent;
    font: 30px "arial narrow", arial,geneva,helvetica,arial,sans-serif;
    color: #069;
  }
  #olo .main-content h2.olo-heading-2 {
    text-indent: 0px;
    height: auto;
    background: transparent;
    color: #069;
    font: bold 13px arial,geneva,helvetica,sans-serif;
    padding: 5px;
    margin: 5px 0px;
  }
  #olo .content-table {
    margin: 0;
  }
	.content-table td {
		vertical-align: top;
		padding: 0px;
		font: 12px arial,helvetica,arial,sans-serif;
	}
	.content-table td h3 {
		font: 16px arial,geneva,helvetica,arial,sans-serif;
	}
	.content-table td h4 {
		font: 14px arial,geneva,helvetica,arial,sans-serif;
		margin: 5px 0px;
	}
	.content-table td h5 {
		font: 13px arial,geneva,helvetica,arial,sans-serif;
		margin: 5px 0px;
	}
	.content-table td.main {
		width: 100%;
		padding: 0px 10px 10px 0px;
	}
	.content-table td.main-no-width {
		padding: 10px 10px 10px 0px;
	}

/*
*********************************************
4.0 HEADER:
*/


/*
*********************************************
5.0 PARTNER HEADER:
*/

	/*
	  5.1 PARTNER LOGO
	  ----------------------------------- */
	li#partner-logo
		{
		float: right;
		display: inline;
		margin: 12px 12px 0px 0px;
	}

/*
*********************************************
6.0 PAGE HEADINGS:
	Q. Do we need these for now?
*/
	a h1 {
		text-decoration: none;
	}
	h1.order-page {
		font: bold 16px arial,geneva,helvetica,arial,sans-serif;
		color: #069;
		text-transform: none;
		border-bottom: 0px;
	}

/*
*********************************************
7.0 PAGE CONTENT:
/*
		7.1 FORM STYLES
		----------------------------------- */
		td.form-label, span.form-label {
			text-align: right;
			color: #666;
			vertical-align: middle;
		}
		td.form-label {
			width: 115px;
		}
		/* Q: Making this inline is same as span? --- */
		div.form-label {
			color: #666;
			display: inline;
			vertical-align: middle;
		}
		/* FROM REGISTRATION PAGE (Q: Is this on a separate page?) ------------ */
		.form-table table {
			margin: 0px;
		}
		.form-table table td {
			padding: 0px;
		}
		.form-table td.form-label-name {
		/* This can be changed to form-label -- */
			color: #666;
			text-align: right;
			vertical-align: middle;
		}
		.form-table td.notes {
			border-left: 5px solid #069;
			padding-left: 6px !important;
		}

		/* ------------------------------ */
		.reqd-info {
			color: #c30;
		}
		.form-notes {
			color: #666;
		}
		button.btn-select {
			font: bold 16px 'Trebuchet MS',geneva,helvetica,arial,sans-serif;
			color: #036;
			text-transform: uppercase;
			border: 0px;
			background: transparent;
			margin-right: 15px;
			cursor: pointer;
			text-align: left;
		}
		a.btn-select {
			font: bold 14px 'Trebuchet MS',geneva,helvetica,arial,sans-serif;
			color: #036;
			text-decoration: none;
			text-transform: uppercase;
		}
		a.btn-select-disabled {
			font: bold 14px 'Trebuchet MS',geneva,helvetica,arial,sans-serif;
			color: #bbb;
			text-decoration: none;
			text-transform: uppercase;
			cursor: default;
		}
		.btn-coupon {
			border: 2px dotted #c30;
			padding: 0px 10px;
			margin-right: 5px;
		}
		.disabled-img {
			filter: alpha (opacity=30);
			-moz-opacity: 0.3;
		}

/*
		7.2 MAIN CONTENT STYLES
		----------------------------------- */
		.main-content table {
			margin: 0px;
		}
		.main-content table td {
			padding: 3px;
		}
		.indent {
			margin-left: 20px;
		}
		.main-content .btn-table {
			width: 500px;
		}
		.main-content .btn-table td.back-btn {
			text-align: left;
		}
		.main-content .btn-table td.next-btn {
			text-align: right;
		}
    .main-content td.next-btn {
      text-align: right;
      white-space: nowrap;
      padding: 10px 22px 20px 0px;
    }

/*
*********************************************
8.0 ORDER SUMMARY:
*/

	/*
		8.2 SELECTED STORE
		----------------------------------- */
		div.your-store {
			margin: 3px 7px 7px 7px;
			padding: 3px;
			border: 0px;
			background: #fff;
			border: 2px solid #ccc;
		}
		div.your-store strong {
			display: block;
			background: #ddd;
			padding: 2px;
                        font-size: 11px;
		}
		div.store-address {
			font-size: 11px;
			padding: 5px 2px 2px 2px;
		}

	/*
		8.3 ORDER ITEMS
		-------------------------------- */
    table.order-items-table {
      margin: 5px auto 5px auto;
      width: 210px;
    }
    table.order-items-table td {
      padding: 10px 6px 0 0;
      border-bottom: 1px solid #98BACF;
      vertical-align: top;
      font: 11px arial,geneva,helvetica,arial,sans-serif;
    }
    table.order-items-table td:first-child {
      width: 20px;
    }
    table.order-items-table td.waiting {
      text-align: center;
    }
		table.order-items-table td td {
			padding: 0px;
			border: 0px;
		}
		table.order-items-table .order-item {
			font-weight: bold;
		}
		#olo a.links {
			color: #069;
			font-size: 11px;
		}
		.sides {
			color: #555;
                        font-size: 11px;
		}
		div.note {
			clear: left;
			color: #555;
			margin: 0px 10px;
			font-family: arial,geneva,helvetica,sans-serif;
		}
	/*
		8.4 COUPONS
		-------------------------------- */
		td.order-summary h4 {
			margin: 2px 7px;
			font: bold 13px arial,geneva,helvetica,sans-serif;
		}
div.coupon a.incomplete {
 color:#c30;
 font-size: 11px;
}
#olo a.incomplete {
 color:#c30;
 font-size: 11px;
}

div.coupon {
      border: 2px dashed #fff;
      text-align: left;
      margin: 0 8px 16px 6px;
      background: #80adcb;
}
div.coupon a {
            display: block;
            padding: 5px;
        }
div.coupon-item {
       padding: 5px;
      color: #4a4a4a;
      font-size: 12px;
        }
    div.coupon-item a{
      color: #fff !important;
    }

		#olo div.links a {
			font-size: 11px;
			color: #069;
		}
    table.coupon-items-table td {
      vertical-align: top;
      font: 11px arial,geneva,helvetica,arial,sans-serif;
    }

	/*
		8.5 ORDER TOTAL
		-------------------------------- */
		div.total-amt {
			margin: 10px;
		}

	/*
		8.6 ACTION BUTTONS / LINKS
		-------------------------------- */
		#olo p.order-links a {
			font-size: 12px;
			font-weight: bold;
			color: #069;
			margin: 0px 3px;
		}

	/*
		8.7 PIZZA POINTS
		-------------------------------- */
		#pizza-points {
			position: relative;
		}
		#pizza-points-feature {
			background: #fff;
			font-size: 11px;
			margin: 7px 6px;
		}
		#pizza-points-feature .feature-details {
			padding: 0px 5px 10px 5px;
		}
		#pizza-points-feature .points-balance {
			font-weight: bold;
			margin: 5px 0px;
		}
		#pizza-points-feature .feature-links {
			margin: 5px 0px;
		}
		/* Maybe remove if not needed ---- */
		.content-table td.order-summary-coupons {
			padding-top: 10px;
			margin: 7px;
			vertical-align: top;
		}
		.coupons {
			padding-top: 0px;
		}
		div.order-summary-data button {
			width: 175px;
			text-align: left;
			padding-left: 10px;
			margin-left: 10px;
		}
		div.no-coupon {
			border: 0px;
			width: 200px;
			margin-left: 10px;
			padding: 5px;
			text-align: left;
			color: #cc6600;
		}
		.qty {
			width: 20px;
		}
	/*
		8.8 No-Fee Delivery
		-------------------------------- */
                .no-fee-message {
                        font: bold 11px arial,geneva,helvetica,sans-serif;
                        color: #0078ae;
                }

		/* NOT SURE IF THE FOLLOWING ARE FOR ORDER SUMMARY - NEED TO CONFIRM --- */
		#pizza-item, #drink-item, #place-order {
			display: none;
		}
		.update-btn {
			margin-top: 0px;
		}
		.topping-amount {
			visibility: hidden;
		}
		span.order-item {
			color: #4B4A4A;
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
		}
		.order-items-table .orderSummaryPrice {
			font-weight: bold;
		}
		span.amount {
			text-align: right;
		}
		span.discount {
			color: red;
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
		}
		span.discount-black {
			color: black;
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
		}

/*
*********************************************
9.0 PAGE SPECIFIC STYLES:
*/
	/*
		9.1 SPECIALTY PIZZA
		-------------------------------------- */
		.main-content .specialty-table {
			border-collapse: collapse;
			margin: 10px 0px 5px 0px;
		}
		.main-content .specialty-table td {
			vertical-align: top;
			padding: 3px 5px;
		}

	/*
		9.2 ORDER ONLINE STEPS
		-------------------------------------- */
		#changeStoreLink, #noAddress, #tAddress2 {
			display: none;
		}
		#order-total {
			display: none;
		}
		#newLocationLink, #changeStoreLink {
			margin-left: 20px;
		}
		.noBorder {
			border: 1px solid #ffffff;
		}

	/*
		9.2.1 STEP 1 - 	DELIVERY OR PICK-UP
		-------------------------------------- */
		.main-content .store-list-table {
			margin-left: 0px;
		}
		.main-content .store-list-table td {
			padding: 10px 5px;
			vertical-align: top;
			font: 11px/16px arial,geneva,helvetica,arial,sans-serif;
			padding-right: 10px;
		}
	/*
		9.2.2.4 STEP 2 (MAIN) - FEAST PIZZAS
		-------------------------------------- */
		div.pizza-list {
			width: 235px;
			background: url(../images/bg_bottom_feast_pizza.gif) bottom no-repeat;
		}
		ul.pizza-list {
			list-style-type: none;
			margin: 20px 20px 15px 20px;
			padding-left: 0px;
		}
    ul.pizza-list li {
      color: #069;
      border-bottom: 1px dotted #bbbbbb;
      font-size: 12px;
      line-height: 22px;
    }
		div.btn-pick-pizza {
			padding: 10px 10px 15px 25px;
		}
		table.wrapper-table {

		}
		table.wrapper-table td {
			padding: 0px;
		}

	/*
		9.2.2.5 STEP 2 - FEATURES (Q: Are these still used?)
		-------------------------------------- */
		.features-table {
			margin: 0px auto;
		}
		.features-table td {
			padding: 0px;
		}
		div.featured-item {
			margin: 7px;
			text-align: center;
		}
		div.select-btn {
			margin: 0px 10px 10px 10px;
		}
		.features-table td fieldset {
			margin: 5px;
		}
		.features-table td fieldset legend {
			padding-right: 10px;
			padding-left: 5px;
			font: bold 14px arial,geneva,helvetica,arial,sans-serif;
			color: #069;
		}
		.features-table td fieldset .meals-table {
			margin: 10px 0px 0px 10px;
			width: 96%;
		}

	/*
		9.2.2.6 STEP 2 - MEAL LIST  (Q: Is this still used?)
		-------------------------------------- */
		select.meal-list {
			color: #000;
			font: bold 13px arial,geneva,helvetica,arial,sans-serif;
			background: #ffc;
		}
		ul.meal-list {
			padding-left: 15px;
			margin-left: 15px;
		}
		ul.meal-list li {
			font: bold 12px/18px arial,geneva,helvetica,arial,sans-serif;
			color: #069;
		}
		.step2-order-btns {
			text-align: right;
			padding: 5px 8px 3px 0px;
		}
		#step2-order-section {
			width: 30px;
		}

	/*  9.2.2.7 STEP 2 (MAIN) - FAST FAVORITES (LEFT COLUMN)
		-------------------------------------- */
		div.fast-favorites-left {
			 width: 270px;
			 margin-bottom: 15px;
			 background: url(../images/bg_bottom_saved_orders.gif) bottom no-repeat;
		}
		div.fast-favorites-left div {
			 padding: 15px;
		}

	/*  9.2.2.8 STEP 2 (MAIN) - FAST FAVORITES (RIGHT COLUMN)
		-------------------------------------- */
		div.fast-favorites-right {
			width: 245px;
			margin: 15px 0px;
			background: url(../images/bg_bottom_feast_pizza.gif) bottom no-repeat;
		}

	/*
		9.2.3 STEP 2 (BUILD MY OWN) - CHOOSE PIZZA
		-------------------------------------- */
    #step2-build-top {
      margin: 0px;
    }
    div.prompt {
      margin: 10px 0px 10px 0px;
      background: #e7f0f7;
      border: 3px solid #ff0016 !important;
      border-bottom: none !important;
      color: #5c5c5c !important;
      padding: 5px;
      font: 12px arial,geneva,helvetica,arial,sans-serif;
    }
    #feast-pizza {
      background: #84b2cf;
      color: #fff;
      padding: 3px 5px;
      display: inline;
		}
		#feast-pizza a {
			text-decoration: none;
			color: #ffffff;
		}

	/*
		9.2.3.1 STEP 2 (BUILD MY OWN) - TOPPINGS LIST
		-------------------------------------- */
		.topping-list-table {
			margin-top: 0px;
		}
		.topping-list-table th {
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
			padding: 3px 5px 2px 1px;
			border-bottom: 2px solid #ccc;
		}
		.topping-list-table td {
			padding: 1px 5px;
			text-align: center;
		}
		.topping-list-table td.topping {
			text-align: left;
			padding-right: 25px;
		}
		/* Q: Don't know where these are used? -- */
		#step2-speciality-btn {
			text-align: right;
			padding: 15px 150px 15px 15px;
			cursor: pointer;
			display: none;
		}
		.coupon-btn-top {
			text-align: right;
			padding: 0px 10px 5px 0px;
		}

	/*
		9.2.3.2 STEP 2 (BUILD MY OWN) - PIZZA CRUST
		-------------------------------------- */
		.pizza-crust-section {
			width: 500px;
		}
		.pizza-crust-section.pizza-crust-section-btns {
			float: right;
		}
		.next-button {
			margin-left: 10px;
		}
		.pizza-type-table {
			margin-left: 5px;
		}
		.pizza-type-table tr {
			vertical-align: top;
		}
		.pizza-type-table td.pizza-crusts {
      padding: 0px;
		}
		.selectedCrust, .unselectedCrust, .disabledCrust {
			padding: 1px;
			margin: 0px;
			background: #eee;
			color: #039;
			border: 1px solid #ccc;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			cursor: pointer;
		}
		.selectedCrust {
			background: #e7f0f7;
			border: 1px solid #ccc;
			border-right: 1px solid #e7f0f7;
		}
		.disabledCrust {
			background: #ccc;
			border: 0px;
			cursor: default;
			visibility: hidden;
		}
		table.crust-table td.crust-cell {
			padding: 0px;
		}
                div.selectedCrust {
                  padding-left: 20px;
                }
                div.selectedCrust input {
                  margin-left: -20px;
                }

	/*
		9.2.4.2 STEP 2 (BUILD MY OWN) - SAUCES
		Note:
		1. Following are used to manage sauce display box for
		Dell product on build pizza page
		2. Quite a bit of redundancy here...
		-------------------------------------- */

		.sauces-table {
			margin-left: 5px;
		}
		table.sauces-table {
			width: 360px;
		}
		table.sauces-table th {
			font-size: 11px;
			text-align: left;
			padding: 2px;
			border-bottom: 2px solid #ccc;
		}
		table.sauces-table td {
			vertical-align: top;
			padding: 2px 5px;
			background: #e7f0f7;
		}
		table.sauces-table td.label {
			width: 65px;
		}
		table.sauces-table td.amount {
			border-top: 1px solid #ccc;
		}
		/* Q. Which styles are being used? -- */
		.sauces-table {
			width: 100%;
			margin-bottom: 15px;
			background: #fff;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		.sauces-table td {
			padding: 4px 6px;
			vertical-align: middle;
		}
		.sauces-table tr.odd {
			background: #e7e7e7;
		}

/*
    9.2.4.3 Order Summary (Add/Change Sauce pop-up)
    -------------------------------------- */
    .sauces-table-os {
        margin-left: 5px;
    }
    table.sauces-table-os {
        margin: 10px auto;
        width: 380px;
    }
    table.sauces-table-os th {
        font-size: 11px;
        text-align: left;
        padding: 2px;
        border-bottom: 2px solid #ccc;
    }
    table.sauces-table-os td {
      vertical-align: top;
      padding: 2px 5px;
      text-align: left;
    }
    table.sauces-table-os td.amount {
        border-top: 1px solid #ccc;
    }
    table.sauces-table-os td input {
        margin-left: 5px;
    }
    table.sauces-table-os td table {
         width: 300px;
    }
    .sauces-table-os tr.odd {
        background: #e7e7e7;
    }
    .sauces-table-os tr.blank {
        background: #fff;
    }
    table.sauces-table-os tfoot td {
        font-size: 11px;
        color: #555;
    }
    div.btn-actions {
        padding: 5px;
    }


	/*
		9.2.4 STEP 3 - CHOOSE SIDES/DRINKS
		-------------------------------------- */
		.main-content .sides-table {
			border-collapse: collapse;
			margin: 15px 0px 0px 0px;
			width: 98%;
		}
		.main-content .sides-table th {
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
			padding: 3px;
			text-transform: uppercase;
		}
		.main-content .sides-table td {
			padding: 0px 5px;
			border-bottom: 0px;
		}
		.drink-size {
			width: 90px;
		}
		.main-content .sides-table tr.odd {
			background: #E7F0F7;
			border-bottom: 0px;
		}
		.main-content .sides-table td.image {
			background: #fff;
			width: 90px;
		}
		.main-content .sides-table tr.even {
			background: #fff;
			border-bottom: 0px;
		}
		select.ddDressing {
			width: 120px;
		}


	/*
		9.2.5 STEP 4 - PLACE ORDER
		-------------------------------------- */
  .main-content h2.step4 {
        color: #069;
        border-bottom: 1px solid #ccc;
        text-align: left;
        font: bold 14px arial,geneva,helvetica,arial,sans-serif;
        padding: 5px;
        margin: 5px 0px;
        background: #d1dadf;
        text-indent: 0px;
        height: auto;
    }
		.main-content .step4-table {
			width: 98%;
			margin-left: 5px;
			margin-bottom: 0px;
		}

	/*
		9.2.5.1 STEP 4 - ORDER SUMMARY
		-------------------------------------- */
		.main-content .order-table {
			width: 740px;
			border-collapse: collapse;
      margin: 0px;

		/* Comb
		ine margins in one -- */
					border: 1px solid #ccc;
		}
		.main-content .order-table th {
			background: #dddddd;
			border-bottom: 1px solid #ccc;
			text-align: left;
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
			padding: 5px;
		}
		.main-content .order-table th.amount {
			text-align: right;
		}
		.main-content .order-table th.quantity, .main-content .order-table td.quantity {
			text-align: center;
		}
		.main-content .order-table th.heading {
			background: #fff;
			border-bottom: 2px solid #ccc;
		}
		.main-content .order-table td {
			padding: 3px 5px 10px 3px;
			border-bottom: 1px solid #eee;
			vertical-align: top;
		}
		textarea.dely-instructions {
			width: 300px;
			height: 50px;
		}
		.order-table td.actions {
			text-align: right;
		}
		.order-table td.amount {
			background: #eee;
			text-align: right;
			border-bottom: 1px solid #ddd;
			white-space: nowrap;
		}
		.order-table td.coupons {
			background: #ffc;
			padding: 5px;
		}
		.order-table td fieldset {
			margin: 5px 10px;
		}
		div.sides {
			color: #666;
			padding: 3px;
		}
		div.name-order {
			padding: 5px 10px;
			vertical-align: top;
		}
		.coupon {
			color: #c30;
		}

	/*
		9.2.5.2 STEP 4 - PAYMENT TYPE
		-------------------------------------- */
		.payment-table td {
			vertical-align: top;
			padding: 3px;
		}
		.payment-table td table {
			margin-top: 10px;
		}
		.imp-info {
			color: #cc3300;
		}
		#giftCardDetails {
			display: none;
			margin: 5px 5px 5px 25px;
		}
		#creditCardDetails {
			display: none;
		}
		#order-number {
			padding-left: 5px;
		}
		.order-name {
			border-right: 1px solid #ccc;
		}

	/*
	  	9.2.5.2.1 STEP 4 - PIZZA POINTS MESSAGE
	  	-------------------------------------- */
		.pizza-points-msg {
			background: url(../images/bg_pizza_points_sm.gif) no-repeat;
			background-position: 10px 5px;
			padding: 13px 10px 13px 90px;
			font-weight: bold;
			border: 1px dotted #069;
			margin: 1px;
		}

	/*
		9.2.5.3 STEP 4 - FEEDBACK
		-------------------------------------- */
		div.survey-title {
			background: #069;
			color: #fff;
			font: bold 14px arial,geneva,helvetica,arial,sans-serif;
			padding: 4px;
		}
		div.question {
			margin: 6px;
			font: bold 14px arial,geneva,helvetica,arial,sans-serif;
			color: #069;
		}
		div#survey strong {
			font: bold 12px arial,geneva,helvetica,arial,sans-serif;
			color: #4ea2be;
		}
		button.rating {
			width: 35px;
			font-size: 12px;
		}

	/*
		9.2.5.4 STEP 4 - PELASE WAIT
		-------------------------------------- */
		.wait-message {
			text-align: center;
			margin: 0px auto;
		}
		.wait-message p {
			text-align: center;
			margin: 10px auto;
			width: 778px;
		}

    /*
    9.2.5.5 STEP 4 - COUPON PROMPT
    -------------------------------------- */
    td#poPrompt, td#poWarnPrompt, td#poErrorPrompt {
      background: #e7f0f7;
      border: 3px solid #ff0016;
      border-bottom: none;
      color: #5c5c5c ;
      display: block;
    }
    td#poPrompt div.prompt, td#poWarnPrompt div.prompt, td#poErrorPrompt div.prompt {
       border: 0px !important;
       background: transparent !important;
    }

	/*
		9.2.6 CONFIRMATION
		-------------------------------------- */
                .main-content .contact-info-table {
                  margin: 5px 15px 0px 15px;
                  width: 750px;
                }

		.main-content .contact-info-table th {
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
			text-align: left;
			background: #ddd;
			border-bottom: 1px solid #ccc;
			padding: 5px;
		}
		.main-content .contact-info-table td {
			font: 11px/15px arial,geneva,helvetica,arial,sans-serif;
			padding: 5px;
			vertical-align: top;
		}

	/*
		9.3 MY ACCOUNT
		-------------------------------------- */
    .my-account {
        text-align: left;
        margin: 0px auto 0px auto;
    }
    .my-account legend {
      font: 22px "arial narrow",arial,geneva,helvetica,sans-serif;
      color: #069;
      margin-left: 0px;
      padding-left: 0px;
    }
    .my-account .pizza-points-table {
        width: 100%;
    }
		.main-content .list-table {
			width: 100%;
			margin-top: 10px;
			text-align: left;
		}
		.main-content .list-table th {
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
			text-align: left;
			border-bottom: 2px solid #ccc;
			padding: 5px;
		}
		.main-content .list-table td {
			border-bottom: 1px solid #ddd;
			padding: 5px;
			font: 11px arial,geneva,helvetica,arial,sans-serif;
		}
		/* Q: Not sure if this is still used --*/
		table.list-table td.number, table.list-table th.number {
			text-align: right;
		}
		.main-content .list-table td.action {
			text-align: right;
		}
		.main-content fieldset {
			margin: 20px;
		}
		/* Some of the following are redundant -- */
		.main-content .form-table {
			margin-top: 15px;
		}
		.main-content .form-table td {
			padding: 2px 5px 2px 0px;
			vertical-align: top;
		}
		.main-content .form-table td.form-label {
			width: 165px;
			vertical-align: middle;

		/* Remove this --- */
		}
		.main-content .form-table td.action-btns {
			padding-top: 10px;
		}
		div.action-btn {
			margin: 0px 0px 10px 25px;
		}
		#return-to-order {
			float: right;
			margin-top: 20px;
			padding-right: 20px;
		}
		#return-to-order-link {
      text-align: right;
			padding-right: 20px;
		}
		.return-button {
			text-align: right;
			margin-right: 20px;
		}

	/*
		9.3.1 REDEMPTION TABLE - PIZZA POINTS
		-------------------------------------- */
		.redemption-table th {
			font: bold 12px arial,geneva,helvetica,arial,sans-serif;
			background: #eee;
			padding: 5px;
			border: 1px solid #ccc;
		}
		.redemption-table td {
			text-align: center;
			white-space: nowrap;
			border: 1px solid #ccc;
			width: 170px;
			font: 11px arial,geneva,helvetica,arial,sans-serif;
		}
		.redemption-table td.remaining {
			color: #777;
		}

	/*
		9.4 REGISTRATION
		-------------------------------------- */
		#termsOfUse {
			display: none;
	}

	/*
		9.5 FIND STORE
		-------------------------------------- */
	/*
		9.5.1 PRE-ORDER
		-------------------------------------- */
		.preorder-table {
			margin-left: 0px;
		}
		.preorder-table td#preorder {
			border-left: 1px dotted #9cc;
		}
		#left-preorder-table {
			margin-left: 0px;
			width: 320px;
		}

	/*
		9.6 ONLINE COUPONS
		-------------------------------------- */
	/*
		9.6.1 OLD DESIGN
		-------------------------------------- */
		/* Q: Are these still used? If not, delete -- */
		.coupons-table {
			margin-left: 20px;
			width: 96%;
		}
		.coupons-table td {
			padding: 3px 5px;
			vertical-align: top;
			font: bold 11px arial,geneva,helvetica,arial,sans-serif;
		}
		div.coupon-detail {
			color: #666;
			margin-top: 5px;
			font-weight: normal;
		}
		.coupon-whole {
			border: 2px dashed #c30;
			padding: 10px;
		}
		.coupon-whole a {
			color: #000;
			text-decoration: none;
		}
		/* Q: Is this still used? If not, delete -- */
		div.coupon-prompt {
			margin: 10px 0px 10px 0px;
			background: #ffc;
			padding: 5px;
			font: 12px arial,geneva,helvetica,arial,sans-serif;
			border: 2px dotted #c30;
		}
        div#coupon-prompt {
            width: 440px;
            background: #e7f0f7;
            border: 3px solid #ff0016 !important;
            border-bottom: none !important;
            border: 0px;
            color: #5c5c5c !important;
        }

        div#coupon-prompt strong {
            display: block;
            color: #5c6699;
            padding: 0px 5px 5px 5px;
        }
		div#coupon-prompt td strong {
			display: inline;
		}
		div#coupon-prompt td {
			padding: 5px 10px 5px 5px;
		}
	/*
		9.6.2 NEW DESIGN
		-------------------------------------- */
		.new-coupon-table td {
			border: 0px;
			padding: 0 20px 0 0;
			text-align: center;
		}
		.new-coupon-table td a {
			text-decoration: none;
			color: #000;
		}
		div.coupon-bg {
			position: relative;
			width: 165px;
			height: 165px;
			cursor: pointer;
			margin: 0px auto;
		}
		div.description {
			position: absolute;
			top: 73px;
			left: 63px;
			text-align: left;
		}
		div.act-description {
			font-size: 11px;
			height: 60px;
			width:  95px;
			overflow: auto;
		}
		div.price {
			position: absolute;
			top: 53px;
			left: 63px;
			text-align: left;
			font: bold 16px arial,geneva,helvetica,arial,sans-serif;
			color: #ee0033;
		}
		div.btn-label {
			position: absolute;
			bottom: 7px;
			right: 37px;
			text-align: left;
			font: bold 12px arial,geneva,helvetica,arial,sans-serif;
			color: #fff;
		}

	/* 	9.7
		OPT-OUT PAGE
		-------------------------------------------------- */
		.main-content .comm-preferences-table {
			width: 800px;
			margin: 30px auto;
		}
		.main-content .comm-preferences-table td {
			border: 3px solid #79afd1;
			padding: 10px;
		}
		.main-content .comm-preferences-table td p {
			font: 12px/18px arial,geneva,helvetica,arial,sans-serif;
		}
		.main-content .comm-preferences-table td.spacer {
			border: 0px;
			width: 20px;
			padding: 0px;
		}

		.main-content .comm-form-table {
			width: 800px;
		}
		.main-content .comm-form-table td {
			font: 12px/18px verdana,geneva,helvetica,arial,sans-serif;
		}
		.main-content .comm-form-table td.spacer {
			border: 0px;
			width: 20px;
			padding: 0px;
		}

		.main-content .comm-table {
			width: 800px;
			margin: 30px auto;
			margin-top: 5px;
		}


	/* 	9.7.1
		OPT-OUT CONFIRMATION PAGE
		-------------------------------------------------- */
		.main-content .confirmation-table {
			width: 750px;
			margin: 50px auto;
		}
		.main-content .confirmation-table td {
			border: 3px solid #79afd1;
			padding: 10px;
		}

	/* 	9.8
		ST JUDE CONTRIBUTION
		-------------------------------------------------- */
    div.stjude-container {
      text-align: center;
    }
    div.dominos-contribution-bar {
			background: url(../images/bg_stjude_green.gif) no-repeat left;
			height: 97px;
		}
		div.dominos-contribution-bar table td {
			padding: 0px;
		}
		div.dominos-contribution-bar table td.stjude-statement {
			width: 75%;
			font-weight: bold;
			font: 13px "Trebuchet MS", serif;
			padding: 35px 0px 0px 100px;
		}
		div.dominos-contribution-bar table td.button-cell {
			text-align: center;
			font-size: 13px;
			font-weight: bold;
			padding-top: 35px;
		}
		div.dominos-contribution-bar table td.button-cell a {
			text-decoration: none;
		}
		div.stjude-button {
			background: url(../images/bg_stjude_btn_3.gif) no-repeat;
			width: 76px;
			height: 22px;
			color: #fff;
			text-align: center;
			padding-top: 2px;
			cursor: pointer;
		}
		div.dominos-contribution-bar table td.stjude-declaration {
			padding: 15px 15px 15px 100px;
			color: #666;
		}
		a.button-link:link, a.button-link:hover {
			text-decoration: none;
		}

		/*
			9.9
		  	REGISTRATION
		  	-------------------------------------------------- */
		/*
			9.9.1
		  	CELL PHONE PROMPT AREA
		  	-------------------------------------------------- */
			tr.cellphone-prompt {
				background: #8FAEBF;
			}
			#olo tr.cellphone-prompt td {
				font-weight: bold;
				padding: 6px;
				padding-left: 50px;
				border-bottom: 1px solid #fff;
			}
			tr.cellphone-options {
				background: #d1dadf;
			}
			#olo tr.cellphone-options td {
				padding-bottom: 6px;
			}
                        #olo td.cellphone-td {
                          background: #8FAEBF;
                          color: #069; 
                          font: bold 13px arial,geneva,helvetica,sans-serif;padding: 5px;
                        }

/*
*********************************************
10.0 DHTML POPUP
*/
 #maxedOut, #wrapperMO, #sauce-windowGS, #wrapperGS, #noMoreCodes, #wrapperNC, #activationCode, #wrapperAC, #instantWin, #cokeCode, #mcrCode, #mcrCode10, #wrapperIW, #wrapperCNC, #wrapperMCR, #wrapperMCR10, #wrapper, #wrapperTellMeMore, #wrapperLM, #wrapperLW, #wrapperLMP, #wrapperLM6, #wrapperFO, #wrapperGC, #wrapperCLM, #wrapperLLM, #wrapperSW, #cwrapper, #touwrapper, #termsOfUse, #tellMeMore, #tellMeMoreL, #sauce-window, #learnMore, #learnMoreAdj, #learnMoreP, #learnMore6, #learnMoreFO, #learnMoreGC, #crust-window, #item-details, #size-window, #wrapperCR, #wrapperSZ, #popupWrapperOIS {
		display: none;
		position: absolute;
		z-index: 10;
		border: 0px;
		top: 0px;
		left: 0px;
		background: #fff;
    text-align: left;
	}

	/*
		10.2
        SET WIDTHS FOR POP-UP DIVS AND CORRESPONDING IFRAMES
        --------------------------------------------- */
	/*
		10.2.1 NEW LOCATION (STEP 1. DELIVERY OR PICK-UP)
        --------------------------------------------- */
		#tellMeMore, #wrapperTellMeMore {
			width: 410px;
			height: auto;
		}

	/*
		10.2.2 PIZZA POINTS (SEVERAL PAGES)
        --------------------------------------------- */
		#learnMore, #learnMoreAdj, #learnMoreP, #learnMore6, #learnMoreFO, #learnMoreGC, #tellMeMoreL, #sauce-window, #wrapperLM, #wrapperLW, #wrapperLMP, #wrapperLM6, #wrapperFO, #wrapperGC, #wrapperSW, #wrapperLLM, #size-window, #crust-window, #wrapperCR, #wrapperSZ {
			width: 410px;
			height: auto;
		}
		#sauce-windowGS, #wrapperGS {
			width: 410px;
			height: 150px;
		}
		#learnMoreP, #wrapperLMP {
			width: 410px;
			height: 120px;
		}
		#learnMore6, #wrapperLM6 {
			width: 410px;
			height: 150px;
		}
		#learnMoreFO, #wrapperFO{
			width: 410px;
            height: auto;
		}
		#learnMoreGC, #wrapperGC {
			width: 410px;
			height: 190px;
		}
    #crust-window {
      height: auto;
    }
/*    10.2.2.1 PIZZA POINTS (SEVERAL PAGES)
    --------------------------------------------- */
    #maxedOut, #wrapperMO, #noMoreCodes, #wrapperNC, #activationCode, #wrapperAC, #instantWin, #cokeCode, #mcrCode, #mcrCode10, #wrapperIW, #wrapperMCR, #wrapperMCR10, #wrapperCNC {
        width: 610px;
    }

/*
    10.2.5 SAUCES
--------------------------------------------- */
    #orderInSystemWrapper, #orderInSystemDiv {
     top: 5px;
     left: 5px;
      visibility: hidden;
      position: absolute;
      z-index: 10;
      border: 0px;
      top: 0px;
      left: 0px;
    }
     #storeClosedDiv, #storeClosedWrapper, #carryoutOnlyWrapper, #carryoutOnlyDiv {
      visibility: hidden;
      position: absolute;
      z-index: 10;
      border: 0px;
      top: 300px;
      left: 0px;
      background: #fff;
      height: 400px;
    }
    #orderInSystemWrapper, #orderInSystemDiv {
      width: 400px;
      height: auto;
    }

	/*
		10.2.6 TERMS OF USE (WHERE USED?)
        --------------------------------------------- */
		#termsOfUse, #touwrapper {
			width: 560px;
			height: 370px;
		}

	/*
		10.2.8 GENERIC STYLES FOR ALL DHTML POP-UPS
        --------------------------------------------- */
      #maxedOut, #sauce-windowGS, #noMoreCodes, #activationCode, #instantWin, #cokeCode, #mcrCode, #mcrCode10, #tellMeMore, #termsOfUse, #tellMeMoreL, #sauce-window, #learnMore, #learnMoreAdj, #learnMoreP, #learnMore6, #learnMoreFO, #learnMoreGC, #crust-window, #item-details, #size-window, #storeClosedDiv, #carryoutOnlyDiv, #orderInSystemDiv  {
        padding: 0px;
        border: 3px solid #84b2cf;
        background: #fff;
        color: #636363;
        font: 12px/18px arial,geneva,helvetica,arial,sans-serif;
      }
    #maxedOut a,#noMoreCodes a, #activationCode a, #instantWin a, #cokeCode a, #mcrCode a, #mcrCode10 a, #tellMeMore  a, #termsOfUse a, #tellMeMoreC a, #tellMeMoreL a, #sauce-window a, #learnMoreP a, #learnMore6 a, #learnMoreFO a, #learnMoreGC a, #learnMore a, #learnMoreAdj a, #crust-window a, #item-details a, #size-window a, #crust-window a, #storeClosedDiv a, #carryoutOnlyDiv a, #orderInSystemDiv a, #popupContentOIS a {
			color: #069;
		}
    #maxedOut p, #sauce-windowGS p, #noMoreCodes p, #activationCode p, #instantWin p, #cokeCode p, #mcrCode p, #mcrCode10 p, #tellMeMore  p, #termsOfUse p, #tellMeMoreL p, #sauce-window p, #learnMore p, #learnMoreAdj p, #learnMoreP p, #learnMore6 p, #learnMoreFO p, #learnMoreGC p, #crust-window p, #item-details p, #size-window p, #crust-window p, #storeClosedDiv p, #carryoutOnlyDiv p, #orderInSystemDiv p {
			text-align: left;
    	margin: 15px 10px;
		}
		#div-header {
      font: bold 13px arial,geneva,helvetica,arial,sans-serif;
      color: #fff;
      background: #84b2cf;
      border-bottom: 1px solid #84b2cf;
      padding: 6px 7px;
      margin-top: 0px;
      text-align: left;
		}
		#div-header-pop {
      font: bold 13px arial,geneva,helvetica,arial,sans-serif;
      color: #fff;
      background: #069;
      border-bottom: 1px solid #84b2cf;
      padding: 6px 7px;
      margin-top: 0px;
      text-align: left;
		}
		ul#item-description-list {
			list-style-type: none;
			padding: -10px;
			text-align: left;
		}
		ul#item-description-list li {
			padding-bottom: 10px;
		}
		#close-window {
			text-align: center;
			padding-right: 20px;
			margin-top: 10px;
		}
		#terms-text {
			margin-top: 20px;
			height: 300px;
			width: 560px;
			background: transparent;
			border: 0px;
		}

	/*
		10.3 GIFT CERTIFICATES
        --------------------------------------------- */
		div.gift-cert-content {
			margin: 30px 100px 20px 20px;
		}
		div.gift-cert-image {
			float: left;
			margin: 0px 20px 20px 60px;
		}
/*	
*********************************************
11.0 UNKNOWNS
*/

/*
11.1 PAGINATION RELATED - PIZZA POINTS
------------------------------
------------ */
        .pagination-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }
        .pagination-table td {
            font: 11px arial,geneva,helvetica,arial,sans-serif;
            vertical-align: middle;
        }
        .pagination-table td.pagination-btns {
            text-align: right;
        }
        .pagination-table td select {
            margin-right: 3px;
        }
        .pagination-btn {
            width: 24px;
            height: 24px;
            margin-left: 10px;
            font-size: 12px;
        }
		/* Q: Don't know where these are used and why? -- */
		.yellowshim {
			background-image: url(../images/shim_yellow.gif);
		}
		.headerblk {
			font-family: arial,geneva,helvetica,arial,sans-serif;
			font-size: 18px;
			font-weight: bold;
			color: #000000;
		}
		.codeblk {
			font-family: arial,geneva,helvetica,arial,sans-serif;
			font-size: 13px;
			color: #000000;
		}
		.codered {
			font-family: arial,geneva,helvetica,arial,sans-serif;
			font-size: 14px;
			font-weight: bold;
      color: #d90033;
		}
		table.myStyle td {

		}
		#blank {

		}
		#linkClass {
			color: #000000;
			text-decoration: none;
		}
		.myStyle1 {
			width: 88%;
		}
		.myStyle2 {
			width: 12%;
		}
		.noStyle {

		}
		.myStyle1a {
			width: 15%;
      text-align: right;
		}
		.myStyle1b {
			width: 27%;
		}
		.myStyle2a {
			width: 24%;
		}
		.myStyle3 {
			width: 28%;
		}
		.myStyle4 {
			width: 6%;
		}
		.myStyle5 {
			width: 15%;
		}
		.note {
			font: 11px arial,geneva,helvetica,arial,sans-serif;
		}
		.loyaltylist {
			font-size: 11px;
		}
		.closetext {
			font: 12px arial,geneva,helvetica,arial,sans-serif;
		}
		div.coupon-bg-noclick {
			position: relative;
			width: 165px;
			height: 165px;
                        margin: 0px auto;
		}
		div.btn-label-noclick {
			position: absolute;
			bottom: 7px;
			right: 7px;
			text-align: right;
			font: bold 12px arial,geneva,helvetica,arial,sans-serif;
			color: #ee0033;
		}
  #st_jude_banner {
    background-color: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid #000;
  }
  #st_jude_banner a {
    color: #000;
  }
  * html #st_jude_banner h1 {
    filter: none;
  }
  #st_jude_banner td#message h1 {
    font: bold 14px Arial, Helvetica, sans-serif;
    border: 0;
    background: transparent;
  }
  #st_jude_banner h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 0;
    color: #000;
  }
  #photos {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
  }
  #logo {
    margin: 0;
    padding: 0;
    vertical-align: top;
  }
  #message {
    background: url(../images/bg_white_01.jpg) no-repeat 0 0;
    width: 349px;
    height: 97px;
    text-align: center;
    padding: 0 27px 0 0;
    margin: 0;
    vertical-align: middle;
  }
  #message h1 {
    margin: 0;
    color: #005295;
  }
  #message p {
    margin: 8px 0 0 0;
  }
  .purple_text {
    color: #a03992;
  }
  #button_container {
    background-color: #f8ab51;
    width: 98px;
    height: 97px;
    margin: 0;
    padding: 0;
  }
  #button_container img {
    margin: 2px 0 2px 0;
  }

#you-got-30-banner {
  background: url(../images/you-got-30-banner-v1.png) top left no-repeat;
  text-indent: -9999px;
  width: 784px;
  height: 90px;
  display: block;
  overflow: hidden;
}
div.info-pop-up-prompt {
  text-align:left;
  margin-left:20px;
  margin-top:8px;
  margin-right:20px;
  margin-bottom: 6px;
}
div.info-pop-up-links {
  text-align:left;
  margin-left:20px;
  margin-right:20px;
  margin-top:15px;
}

        #h4-hoagies {
            background-image: url(../images/sides_heading_hoagies-v1.gif);
        }
        #h4-breads {
            background-image: url(../images/sides_heading_breads-v1.gif);
        }
        #h4-chicken {
            background-image: url(../images/sides_heading_chicken-v1.gif);
        }
        #h4-drinks {
            background-image: url(../images/sides_heading_drinks-v1.gif);
        }
        #h4-chips {
            background-image: url(../images/sides_heading_chips-v1.gif);
        }
        #h4-extras {
            background-image: url(../images/sides_heading_extras-v1.gif);
        }
        #h4-desserts {
            background-image: url(../images/sides_heading_desserts-v1.gif);
        }
        #h4-salads {
            background-image: url(../images/sides_heading_salads-v1.gif);
        }
.sides-1 { background: url(../images/flavors/BARQS_sm.jpg); }
.sides-2 { background: url(../images/flavors/BBQW_sm.jpg); }
.sides-3 { background: url(../images/flavors/BCHED_sm.jpg); }
.sides-4 { background: url(../images/flavors/BROWNIE_sm.jpg); }
.sides-5 { background: url(../images/flavors/C2_sm.jpg); }
.sides-6 { background: url(../images/flavors/CCKE_sm.jpg); }
.sides-7 { background: url(../images/flavors/CHCSAL_sm.jpg); }
.sides-8 { background: url(../images/flavors/CHEBRD_sm.jpg); }
.sides-9 { background: url(../images/flavors/CHSDOT_sm.jpg); }
.sides-10 { background: url(../images/flavors/CINBRD_sm.jpg); }
.sides-11 { background: url(../images/flavors/CINDOT_sm.jpg); }
.sides-12 { background: url(../images/flavors/COKE_sm.jpg); }
.sides-13 { background: url(../images/flavors/COOKIE_sm.jpg); }
.sides-14 { background: url(../images/flavors/DIET_sm.jpg); }
.sides-15 { background: url(../images/flavors/DULCE_sm.jpg); }
.sides-16 { background: url(../images/flavors/GFSAL_sm.jpg); }
.sides-17 { background: url(../images/flavors/GRKSAL_sm.jpg); }
.sides-18 { background: url(../images/flavors/HOTRWING_sm.jpg); }
.sides-19 { background: url(../images/flavors/HOTW_sm.jpg); }
.sides-20 { background: url(../images/flavors/ITEA_sm.jpg); }
.sides-21 { background: url(../images/flavors/KICK_sm.jpg); }
.sides-22 { background: url(../images/flavors/MDELI_sm.jpg); }
.sides-23 { background: url(../images/flavors/MELY_sm.jpg); }
.sides-24 { background: url(../images/flavors/MILDWING_sm.jpg); }
.sides-25 { background: url(../images/flavors/MRPIBB_sm.jpg); }
.sides-26 { background: url(../images/flavors/ORAN_sm.jpg); }
.sides-27 { background: url(../images/flavors/OREO_sm.jpg); }
.sides-28 { background: url(../images/flavors/ORIG_sm.jpg); }
.sides-29 { background: url(../images/flavors/PIBBXTRA_sm.jpg); }
.sides-30 { background: url(../images/flavors/PLNWINGS_sm.jpg); }
.sides-31 { background: url(../images/flavors/RAISIN_sm.jpg); }
.sides-32 { background: url(../images/flavors/RTBR_sm.jpg); }
.sides-33 { background: url(../images/flavors/SPRITE_sm.jpg); }
.sides-34 { background: url(../images/flavors/STRW_sm.jpg); }
.sides-35 { background: url(../images/flavors/TEA_sm.jpg); }
.sides-36 { background: url(../images/flavors/TWISTBRD_sm.jpg); }
.sides-37 { background: url(../images/flavors/VANIL_sm.jpg); }
.sides-38 { background: url(../images/flavors/VAULT_sm.jpg); }
.sides-39 { background: url(../images/flavors/WATER_sm.jpg); }
.sides-40 { background: url(../images/flavors/ZERO_sm.jpg); }
.sides-41 { background: url(../images/flavors/ZESTY_sm.jpg); }

  div.cant-find-campus {
          padding-top: 0px;
          font-size: 10px;
  }
  div.cant-find-campus h6 {
          margin: 0;
          padding: 0;
          font: bold 12px arial,geneva,helvetica,sans-serif;
          text-transform: uppercase;
          color: #0065a3;
  }
  div.already-member {
          padding-top: 13px;
          font-size: 10px;
  }
  div.already-member h6 {
          margin: 0;
          padding: 0;
          font: bold 12px arial,geneva,helvetica,sans-serif;
          text-transform: uppercase;
          color: #0078ae;
  }
  #olo a.log-in {
  		padding-right: 19px; 
		background: url(../images/homeCarousel-a-v7.gif) no-repeat right top; 
		font: bold 11px arial,geneva,helvetica,sans-serif; 
      	color: #0078ae;
      	text-transform: uppercase;
      	text-decoration: none;
		text-indent: none;	
  }
  #olo a.log-in:hover {
          color: #f5001e;
          background-position: bottom right;
  }
  



/*
	The content below is from the old olo_new_sides_05.css
*/



/*
	STRUCTURAL ELEMENTS 
	--------------------------------------------------*/
	#olo #olo-content {
		display: inline; 
	}
	#olo .olo-content-padding {
		padding: 20px 10px;
	}
	#olo .olo-content-padding p {
		margin-left: 10px;
	}
	#olo .olo-content-background {
		background: url(../images/bg_choose_pizza_body_2.gif) bottom right no-repeat; 
		width: 570px;
	}
	.olo-footer {
		background: transparent url(../images/footer-olo-v1.png) no-repeat top left;
	}
	
/* 
	ORDER SUMMARY 
	Note: 
	1. 
	--------------------------------------------------*/
	#olo #order-summary {
		 float: right; 
		 display: inline; 
		 margin-right: 5px;
		 padding-top: 20px;
		 width: 230px;
	}
	#olo #order-summary h3 {
		 text-align: center; 
	}	
	
/* --- */

#olo ul#menu-tabs {	
margin: 0;
margin-left: -13px;
margin-top: -10px;
padding: 0;
list-style: none;
width: 81px;
}
#olo ul#menu-tabs li {
display: inline;
margin: 0;
padding: 0;		

}
#olo ul#menu-tabs a {
display: block;
text-indent: -9999px;
text-decoration: none;
text-transform: uppercase;
font: bold 11px arial,geneva,helvetica,sans-serif;
margin: 0;

}
ul#menu-tabs a#tab-see-all span 	{ background: transparent url(../images/tab_sides_see_all_v01.png) no-repeat; }
ul#menu-tabs a#tab-chicken span 	{ background: transparent url(../images/tab_sides_chicken_v01.png) no-repeat; }
ul#menu-tabs a#tab-breads span		{ background: transparent url(../images/tab_sides_breads_v01.png) no-repeat; }
ul#menu-tabs a#tab-salads span 		{ background: transparent url(../images/tab_sides_salads_v01.png) no-repeat; }
ul#menu-tabs a#tab-chips span 		{ background: transparent url(../images/tab_sides_chips_v01.png) no-repeat; }
ul#menu-tabs a#tab-drinks span 		{ background: transparent url(../images/tab_sides_drinks_v01.png) no-repeat; }
ul#menu-tabs a#tab-desserts span 	{ background: transparent url(../images/tab_sides_desserts_v01.png) no-repeat; }
ul#menu-tabs a#tab-extra span 		{ background: transparent url(../images/tab_sides_extra_v01.png) no-repeat; }
ul#menu-tabs a#tab-hoagies span		{ background: transparent url(../images/tab_sides_hoagies_v01.png) no-repeat; }
ul#menu-tabs a#tab-build-pizza span 	{ background: transparent url(../images/tab_builder_build_pizza.png) no-repeat; }
ul#menu-tabs a#tab-choose-pizza span 	{ background: transparent url(../images/tab_builder_choose_pizza.png) no-repeat; }
ul#menu-tabs a#tab-sandwiches span 	{ background: transparent url(../images/tab_builder_sandwiches.png) no-repeat; }
ul#menu-tabs a#tab-pastas span 	        { background: transparent url(../images/tab_builder_pastas.png) no-repeat; }

ul#menu-tabs a#tab-see-all span.selected 	{ background: transparent url(../images/tab_sides_see_all_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-chicken span.selected 	{ background:  transparent url(../images/tab_sides_chicken_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-breads span.selected		{ background: transparent url(../images/tab_sides_breads_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-salads span.selected 	{ background: transparent url(../images/tab_sides_salads_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-chips span.selected 		{ background: transparent url(../images/tab_sides_chips_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-drinks span.selected 	{ background: transparent url(../images/tab_sides_drinks_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-desserts span.selected 	{ background: transparent url(../images/tab_sides_desserts_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-extra span.selected 		{ background: transparent url(../images/tab_sides_extra_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-hoagies span.selected 	{ background: transparent url(../images/tab_sides_hoagies_sel_v01.png) no-repeat; }
ul#menu-tabs a#tab-build-pizza span.selected    { background: transparent url(../images/tab_builder_build_pizza_sel.png) no-repeat; }
ul#menu-tabs a#tab-choose-pizza span.selected   { background: transparent url(../images/tab_builder_choose_pizza_sel.png) no-repeat; }
ul#menu-tabs a#tab-sandwiches span.selected     { background: transparent url(../images/tab_builder_sandwiches_sel.png) no-repeat; }
ul#menu-tabs a#tab-pastas span.selected         { background: transparent url(../images/tab_builder_pastas_sel.png) no-repeat; }

ul#menu-tabs span {
display: block;
height: 28px;
cursor: pointer;
}
ul#menu-tabs span.selected {
height: 32px;
border-right: 1px solid #fff;
}

#sides-content h3#feast-pizzas {
	clear: both;
	background: transparent url(../images/h2-feast-pizzas-v1.png) no-repeat;
	height: 32px;
	width: 517px;
	text-indent: -9999px;
}
#sides-content h3#local-legends {
	clear: both;
	background: transparent url(../images/h2-american-legends-v2.png) no-repeat;
	height: 32px;
	width: 517px;
	text-indent: -9999px;
}
#sides-content h3#boneless-wings {
	clear: both;
	background: transparent url(../images/h3-chicken-boneless-wings.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#traditional-wings {
	clear: both;
	background: transparent url(../images/h3-chicken-trad-wings.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#chicken-wings {
	clear: both;
	background: transparent url(../images/h3_sides_chicken.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-drinks {
	clear: both;
	background: transparent url(../images/h3_sides_drinks.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-desserts {
	clear: both;
	background: transparent url(../images/h3_sides_desserts.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-extra {
	clear: both;
	background: transparent url(../images/h3_sides_extras.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-hoagies {
	clear: both;
	background: transparent url(../images/h3_sides_hoagies.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-salads {
	clear: both;
	background: transparent url(../images/h3_sides_salads.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-chips {
	clear: both;
	background: transparent url(../images/h3_sides_chips.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
#sides-content h3#sides-breads {
	clear: both;
	background: transparent url(../images/h3_sides_breads.png) no-repeat;
	height: 32px;
	width: 506px;
	text-indent: -9999px;
}
					
/*
SIDE ITEMS
--------------------------------------------------------- */	
#olo-content ul {
	padding: 0;
	list-style: none;
}
ul.list-sides {
	margin: 0;
	padding: 0;
	width: 510px;
	list-style: none;
}
#olo ul.list-sides li.side-item {
	float: left;
	display: inline;
	width: 240px;
	padding: 12px 0;
	margin-right: 10px;
	border-bottom: 1px solid #c1ced4;
}
#olo ul.list-sides li.right {
	margin-right: 0;
}
li.side-item a {
	float: left;	
	display: inline;
	margin-right: 4px;		
}
li.side-item div.side-description {
	float: left;
	display: inline;
	width: 150px;
	height: 105px;
	overflow: hidden;
	margin-bottom: 5px;
}

#olo ul.list-sides li.last-item {
	border-bottom: none;
}

/*
SIDE ITEMS - PROMOTION
--------------------------------------------------------- */		
#olo ul.list-sides li.side-item-promo {
	float: left;
	padding: 12px 0;
	margin-right: 0;
}
li.side-item-promo a {
	float: left;	
	display: inline;
	margin-right: 5px;		
}
li.side-item-promo div.side-description {
	float: right;
	margin-left:10px;
	display: inline;
	width: 365px;
	height: auto;
}
li.side-item-promo div.side-description p {
	margin-bottom: 10px;
}

/*
SIDE ITEMS - DESCRIPTION
--------------------------------------------------------- */	
div.side-description h4 {
	font: bold 12px arial,geneva,helvetica,sans-serif;
	color: #0078ae;
	margin: 3px 0;
}
div.side-description p {
	font-size: 11px;
}

/*
SIDE ITEMS - ORDER FORM
--------------------------------------------------------- */
li.side-item ul.side-order-form li {
	margin: 0 0 1px 85px;
	font-size: 11px;
	/* HACK FOR IE6 ----- */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
li.side-item-promo ul.side-order-form li {
	margin-bottom: 1px;
	font-size: 11px;
	/* HACK FOR IE6 ----- */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
ul.side-order-form label {
      font-size: 10px; 
      width: 45px; 
      color: #777; 
      float: left; 
      display: inline; 
}
ul.side-order-form select, ul.side-order-form input {
	font-size: 10px;
#	float: left;
}
ul.side-order-form select {
	width: 105px;
}
ul.side-order-form span {
	font-size: 10px;
#	float: left;
	width: 100px;
	padding-bottom:2px;
}
ul.side-order-form li.add-to-order {
	clear: left;
	padding-top: 5px;
}
#olo-content ul.side-order-form li.add-to-order a {
	padding-right: 19px; 
	background: url(../images/homeCarousel-a-v7.gif) no-repeat right top; 
	font: bold 11px arial,geneva,helvetica,sans-serif; 
    color: #0078ae;
    text-transform: uppercase;
    text-decoration: none;
}
#olo-content li.side-item ul li.add-to-order a:hover, 
#olo-content li.side-item-promo ul li.add-to-order a:hover {
	background-position: bottom right;
	color: #f5001e;
}

/*
SIDE ITEMS (EXTRA) - DESCRIPTION
--------------------------------------------------------- */	
div.side-description-extra h4 {
	font: bold 12px arial,geneva,helvetica,sans-serif;
	color: #0078ae;
	margin: 3px 0 6px 0;
}

/*
SIDE ITEMS (EXTRA) - ORDER FORM
--------------------------------------------------------- */
li.side-item ul.side-order-form-extra li {
	margin: 0 0 1px 1px;
	font-size: 11px;
	/* HACK FOR IE6 ----- */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
ul.side-order-form-extra label {
	font-size: 10px;
	width: 45px;
	color: #777;
	float: left;
	display: inline;
}
ul.side-order-form-extra select, ul.side-order-form-extra input, ul.side-order-form-extra span {
	font-size: 10px;
#	float: left;
}
ul.side-order-form-extra select {
	width: 185px;
}
ul.side-order-form-extra li.add-to-order {
	clear: left;
	padding-top: 5px;
}
#olo-content ul.side-order-form-extra li.add-to-order a {
	padding-right: 19px; 
	background: url(../images/homeCarousel-a-v7.gif) no-repeat right top; 
	font: bold 11px arial,geneva,helvetica,sans-serif; 
    color: #0078ae;
    text-transform: uppercase;
    text-decoration: none;
}
#olo-content li.side-item-extra ul li.add-to-order a:hover {
	background-position: bottom right;
	color: #f5001e;
}

#olo-content ul.side-order-form {
      height: 70px;
 }

/*
SIDE ITEMS - ORDER FORM
--------------------------------------------------------- */
li.side-item ul {
  clear: both;
}

	/* PIZZA POINTS */
	#pizza-points-stdbg							{ width: 230px; height: 228px; position: relative; background: transparent url(../images/bg_pizza_points_v1.30.00.png) no-repeat;
												margin: 0; line-height: normal; text-align: left; }
	#pizza-points-sunbg							{ width: 230px; height: 257px; position: relative; background: transparent url(../images/bg_pizza_points_tall_v1.30.00.png) no-repeat;
												margin: 0; line-height: normal; text-align: left; }
	#pizza-points-noredeem						{ width: 230px; height: 170px; position: relative; background: transparent url(../images/bg_pizza_points_noredeem_v1.31.00.png) no-repeat;
												margin: 0; line-height: normal; text-align: left; }
    /* PIZZA POINTS - SECTION HEADER */
	/*
      	NOTES:
		1. H3 is mainly for semantic markup, the actual image is in the #pizza-points background.
	*/
	#pizza-points h3 						{ margin: 0; padding: 0; height: 27px; text-indent: -9999px; }
	#pizza-points p							{ margin: 10px; font: 9px arial,helvetica,sans-serif; color: #5d5c5c; }

	/* PIZZA PIE IMAGES */
	/*
      	NOTES:
		1. Class at the #pizza-points level determines the background image that gets shown to the users.
		.empty			- 0 points
		.one-quarter    - 2500 points
		.half			- 5000 points
		.three-quarter	- 7500 points
		.full			- 10000 points
		.full-plus		- 10000+ points
	*/
	#pizza-points.empty div.redeem			{ background: transparent url(../images/pp_pie_0_v1.30.00.png) 7px 0 no-repeat; height: 103px; }
	#pizza-points.one-quarter div.redeem	{ background: transparent url(../images/pp_pie_2500_v1.30.00.png) 7px 0 no-repeat; height: 103px; }
	#pizza-points.half div.redeem			{ background: transparent url(../images/pp_pie_5000_v1.30.00.png) 7px 0 no-repeat; height: 103px; }
	#pizza-points.three-quarter div.redeem	{ background: transparent url(../images/pp_pie_7500_v1.30.00.png) 7px 0 no-repeat; height: 103px; }
	#pizza-points.full div.redeem			{ background: transparent url(../images/pp_pie_10000_v1.30.00.png) 7px 0 no-repeat; height: 103px; }
	#pizza-points.full-plus div.redeem		{ background: transparent url(../images/pp_pie_10000_plus_v1.30.00.png) 7px 0 no-repeat; height: 103px; }

    /* HOVER IMAGES FOR DIFFERENT QUADRANTS OF THE PIE */
	/*
      	NOTES:
		1. the TOP and LEFT values control where the hover shows.
	*/
	#pizza-points div.pp-float					{ position: absolute; left: -220px; top: -10px; width: 170px; height: 30px; padding: 5px 5px 0 60px;
													border: solid 1px #999; font-size: 11px; display: none; }

	#pizza-points .pizza-slice.Q1 .pp-float		{ background: #fff url(../images/pp_hover_10000_v1.30.00.png) no-repeat 0 0; }
	#pizza-points .pizza-slice.Q2 .pp-float		{ background: #fff url(../images/pp_hover_2500_v1.30.00.png) no-repeat 0 0; }
	#pizza-points .pizza-slice.Q3 .pp-float		{ background: #fff url(../images/pp_hover_7500_v1.30.00.png) no-repeat 0 0; }
	#pizza-points .pizza-slice.Q4 .pp-float		{ background: #fff url(../images/pp_hover_5000_v1.30.00.png) no-repeat 0 0; }

	/* TARGET FOR EACH QUADRANT IN THE PIE */
	#pizza-points .pizza-slice										{ position: absolute; width: 44px; height: 44px;}
	#pizza-points .pizza-slice.Q1, #pizza-points .pizza-slice.Q3	{ left: 12px; }
	#pizza-points .pizza-slice.Q2, #pizza-points .pizza-slice.Q4	{ left: 55px; }
	#pizza-points .pizza-slice.Q1, #pizza-points .pizza-slice.Q2	{ top: 36px; }
	#pizza-points .pizza-slice.Q3, #pizza-points .pizza-slice.Q4	{ top: 81px; }

	#pizza-points .pizza-slice.Q1.sun, #pizza-points .pizza-slice.Q2.sun	{ top: 60px; }
	#pizza-points .pizza-slice.Q3.sun, #pizza-points .pizza-slice.Q4.sun	{ top: 105px; }

	#pizza-points .pizza-slice.hover .pp-float 			{ display: block; }
	#pizza-points .pizza-slice.sun.hover .pp-float 		{ display: block; }

	/* TEXT NEXT TO THE PIE IMAGES */
	#pizza-points div.redeem				{ padding-left: 118px; padding-top: 10px; }
	#pizza-points div.redeem h4				{ margin: 0; padding: 0; }
	#pizza-points div.redeem div.earned-points		{ font : bold 14px arial,helvetica,sans-serif; color: #e63538; margin-bottom: 15px;  
														padding-top: 20px; background: transparent url(../images/logo_pizza_points_v1.30.00.png) no-repeat; }
	#pizza-points div.noredeem div.earned-points	{ margin-bottom: 15px; padding-top: 20px; 
														background: transparent url(../images/logo_pizza_points_v1.30.00.png) no-repeat;
														background-position: center; }
	#pizza-points div.noredeem div.earned-points p	{  padding-top: 20px; font : bold 14px arial,helvetica,sans-serif; color: #e63538; text-align: center;}
    /* REDEEM Button */
	a.btn-redeem 		{ display: block; height: 22px; width: 80px; background: transparent url(../images/btn_redeem_v1.30.00.png) no-repeat;
	 					  overflow: hidden; text-indent: -9999px; cursor: pointer; }
	a.btn-redeem:hover	{ background-position: 0 -22px;}

	/* ELIGIBLE OFFER AT THE BOTTOM OF THE SECTION */
	/*
      	NOTES:
		1. The images at this level are determined by what is set at the #pizza-points level.
        .empty			- 0 points
		.one-quarter    - 2500 points
		.half			- 5000 points
		.three-quarter	- 7500 points
		.full			- 10000 points
		.full-plus		- 10000+ points
	*/

	#pizza-points div.offer-wrapper         { position: relative; height: 43px; background: transparent url(../images/bkg/bkgPizzaPointsBtm.png) no-repeat scroll 2px 0; }
	#pizza-points div.ptsAdjustment			{ position: absolute; bottom: 0; left: 0; height: 61px; padding-left: 6px; font-size: 9px; color: #5d5c5c; }
	#pizza-points div.offer 				{ position: absolute; bottom: 0; left: 0; height: 41px; padding-left: 55px; font-size: 9px; color: #5d5c5c; }
	#pizza-points div.maxOffer-none div.offer		{ background: transparent url(../images/pp_eligible_0_v1.30.00.png) 1px -1px no-repeat; }
	#pizza-points div.maxOffer-first div.offer		{ background: transparent url(../images/pp_eligible_2500_v1.30.00.png) 1px -1px no-repeat; }
	#pizza-points div.maxOffer-second div.offer		{ background: transparent url(../images/pp_eligible_5000_v1.30.00.png) 1px -1px no-repeat; }
	#pizza-points div.maxOffer-third div.offer		{ background: transparent url(../images/pp_eligible_7500_v1.30.00.png) 1px -1px no-repeat; }
	#pizza-points div.maxOffer-fourth div.offer		{ background: transparent url(../images/pp_eligible_10000_v1.30.00.png) 1px -1px no-repeat; }
	#pizza-points div.maxOffer-combo div.offer		{ background: transparent url(../images/pp_eligible_10000_plus_v1.30.00.png) 1px -1px no-repeat; }

	#pizza-points div.offer-0				{ display: block; }
	#pizza-points div.offer-lt2500			{ display: block; }
	#pizza-points div.offer-2500			{ display: block; }
	#pizza-points div.offer-5000			{ display: block; }
	#pizza-points div.offer-7500			{ display: block; }
	#pizza-points div.offer-10000			{ display: block; }
	#pizza-points div.offer-10000-plus		{ display: block; }

	/* TEXT ASSOCIATED WITH EACH OFFER */
	#pizza-points div.offer div					{ padding-top: 7px;}
	#pp-footer 									{ cursor: pointer; }
	 }
	
.clearfix {
    clear: both;
}

/* FIRFOX 2 HACK --------------------------------------- */
  .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* SAFARI SPECIFIC HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #olo-content ul.side-order-form li.add-to-order a { 
	background: url(../images/arrow_add_to_order.png) top right no-repeat;
   }
}