.content-table td.main
	{
	width: 100%;
	padding: 10px 10px 10px 0px;
	}
/* -----------------------------------------------------
1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 LAYOUT
4.0 HEADER
5.0 NAVIGATION
6.0 PAGE HEADINGS
7.0 PAGE 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

--------------------------------------------------------- */
/*
*********************************************
1.0 UNIVERSAL RESETS: 
*/
/* 
	body, html {
		background: #ffffff;
		margin: 0px;
	}
	td, p, ul, li, legend {
		font: 12px/18px arial,geneva,helvetica,arial,sans-serif;
	}*/
#olo
	{
	font-family: arial,geneva,helvetica,sans-serif;
	font-size: 12px;
	margin: 0px 40px;
	padding-top: 1px;
	}
#olo a
	{
	color: #003366;
	}
form
	{
	margin: 0px;
	}
input, select, textarea, button
	{
	font: 11px verdana,geneva,helvetica,arial,sans-serif;
	}
table
	{
	border-collapse: collapse;
	/
* NEW */
	}
/*
*********************************************
2.0 GENERIC CLASSES:
*/
.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
	{
	vertical-align: top;
	border: 0px;
	white-space: nowrap;
	}
/* 
		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;
	}
/*  
		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
	{
	padding-bottom: 20px;
	}
#olo .content-table
	{
	width: 830px;
	margin: 0px auto;
	}
.content-table tr
	{
	vertical-align: top;
	}
.content-table td
	{
	padding: 0px;
	font: 11px arial,geneva,helvetica,arial,sans-serif;
	}
.content-table td h3
	{
	font: 16px arial,geneva,helvetica,arial,sans-serif;
	margin-top: 5px;
	}
.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: 10px 10px 10px 0px;
	}
.content-table td.main-no-width
	{
	padding: 10px 10px 10px 0px;
	}
/*
*********************************************
4.0 HEADER:
*/
.header-table
	{
	width: 100%;
	background: url('../images/olo/bg_header.gif') repeat-x;
	margin: 0px;
	}
.header-table td
	{
	padding: 0px;
	}
.header-table td.header-links
	{
	text-align: right;
	}
/*
*********************************************
5.0 NAVIGATION:
	Note:
	1. Navigation is in the form of tabs and are used to manage 
	display of the 4 order page tabs.
*/
#tabnav
	{
	background: url(../images/olo/bg_tab_header.gif) top left no-repeat;
	height: 65px;
	}
#online-coupons
	{
	float: right;
	display: inline;
	margin: 25px 40px 0px 0px;
	}
ul#tabs
	{
	list-style-type: none;
	margin: 21px 0px 0px 45px;
	padding: 0px;
	padding-left: 45px;
	float: left;
	display: inline;
	}
ul#tabs li
	{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
.tabs-table
	{
	background: url(../images/olo/bg_tab.gif) repeat-x;
	width: 100%;
	margin: 0px auto;
	}
.tabs-table td
	{
	padding: 0px;
	}
.tabs-table div.tab
	{
	background: url(../images/olo/unselected_tab.gif) no-repeat;
	width: 189px;
	font: 14px arial,geneva,helvetica,arial,sans-serif;
	color: #069;
	text-align: center;
	padding: 13px 0px 10px 0px;
	margin: 0px;
	}
.tabs-table div.tab a
	{
	font: 14px arial,geneva,helvetica,arial,sans-serif;
	color: #069;
	text-decoration: none;
	}
.tabs-table td.filler
	{
	width: 50%;
	}
body#tab1 .tabs-table td.tab1 div.tab, body#tab2 .tabs-table td.tab2 div.tab, body#tab3 .tabs-table td.tab3 div.tab, body#tab4 .tabs-table td.tab4 div.tab
	{
	background: url(../images/olo/selected_tab.gif) no-repeat;
	width: 194px;
	font: 14px arial,geneva,helvetica,arial,sans-serif;
	color: #c30;
	text-align: center;
	padding-top: 13px;
	margin: 0px;
	}
body#tab1 .tabs-table td.tab1 div.tab a, body#tab2 .tabs-table td.tab2 div.tab a, body#tab3 .tabs-table td.tab3 div.tab a, body#tab4 .tabs-table td.tab4 div.tab a
	{
	font: 14px arial,geneva,helvetica,arial,sans-serif;
	color: #cc3300;
	text-decoration: none;
	}
/*
  5.1 PARTNER LOGO
  ----------------------------------- */
li#partner-logo
	{
	float: right;
	display: inline;
	margin: 12px 12px 0px 0px;
	}
/*
*********************************************
6.0 PAGE HEADINGS:

h1
	{
	font-size: 20px;
	color: #069;
	border-bottom: 1px solid #CCE0E5;
	margin: 0px;
	}
*//*
	h1 {
		font: bold 18px arial,geneva,helvetica,arial,sans-serif;
		color: #069;
		text-transform: uppercase;
		border-bottom: 1px solid #CCE0E5;
	}	
	*/
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: 95px;
	}
/* 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;
	}
/* ------------------------------ */
.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
	{
	/******** ADDED BY CPB **********/
	background: url('../images/btn-select-arrow.gif') right no-repeat;
	padding-right: 12px;
	line-height: 16px;
	/***** END ADDED BY CPB ********/
	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 {
			margin-left: 5px;
		}
		*//*
.main-content h2
	{
	font: bold 13px verdana,geneva,helvetica,arial,sans-serif;
	margin: 5px;
	color: #069;
	border-bottom: 0px;
	}
	*/
.main-content table
	{
	margin: 0px;
	}
.main-content table td
	{
	padding: 2px;
	}
.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;
	}
/*
*********************************************
8.0 ORDER SUMMARY:
*/
#olo td.order-summary
	{
	background: url(../images/olo/bg_order_summary_01.gif) no-repeat;
	padding: 0px;
	vertical-align: top;
	}
div.order-summary-data
	{
	width: 230px;
	}
#olo td.order-summary p
	{
	margin: 10px 7px;
	}
/*
		8.1 ORDER SUMMARY HEADER
		----------------------------------- */
td.order-summary h3
	{
	text-align: center;
	margin: 10px auto 0px auto;
	}
/*
		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;
	}
div.store-address
	{
	font-size: 11px;
	padding: 5px 2px 2px 2px;
	}
/*
		8.3 ORDER ITEMS 
		-------------------------------- */
table.order-items-table
	{
	margin: 7px;
	}
table.order-items-table td
	{
	padding: 3px 3px 15px 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
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;
	}
div.note
	{
	color: #555;
	margin: 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
	{
	border: 2px dashed #fff;
	padding: 5px;
	text-align: left;
	margin: 7px;
	background: #80adcb;
	}
div.coupon-item
	{
	color: #4a4a4a;
	font-size: 12px;
	}
div.coupon-item a
	{
	color: #fff !important;
	}
#olo div.links a
	{
	font-size: 11px;
	color: #069;
	}
/*
		8.5 ORDER TOTAL
		-------------------------------- */
div.total-amt
	{
	margin: 10px 7px;
	}
/*
		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-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;
	}
/* 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: #000;
	font: bold 12px arial,geneva,helvetica,arial,sans-serif;
	}
span.amount
	{
	text-align: right;
	}
/*
*********************************************
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 verdana,geneva,helvetica,arial,sans-serif;
	padding-right: 10px;
	}
/*  
		9.2.2 STEP 2 (MAIN) - CHOOSE PIZZA 
		-------------------------------------- */
/*
		.build-pizza-table {
			margin: 8px 0px -10px 0px;
		}
		.build-pizza-table td {
			vertical-align: top;
			padding: 0px;
		}
		td.build-pizza-content {
			background:url(../images/olo/build_pizza_bg.gif);
		}
		div.build-pizza-content-lh {
			height: 100%;
		}
		div.build-pizza-content-rh {
			margin-left: 20px;
		}
		h2.build-pizza-heading {
			font: bold 14px arial,geneva,helvetica,arial,sans-serif;
			color: #c03;
			text-tranform: uppercase;
			margin: 0px 0px 5px 20px;
			text-decoration: none;
		}
		h2.feast-pizza-heading {
			font: bold 12px arial,geneva,helvetica,arial,sans-serif;
			color: #036;
			text-transform: uppercase;
			margin: 0px 0px 5px 20px;
		}
		ul.build-pizza-steps li {
			padding-left: 15px;
			margin: 0px 0px 2px 15px;
		}
		*/
/*  
		9.2.2.1 STEP 2 (MAIN) - BUILD YOUR OWN 
		-------------------------------------- */
div.build-pizza-top
	{
	width: 270px;
	background: url(../images/olo/bg_bottom_build_your_own.gif) bottom no-repeat;
	margin: 15px 0px;
	cursor: pointer;
	}
div.build-pizza-top div
	{
	padding: 10px;
	}
ul.build-pizza-steps
	{
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 5px 10px;
	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 10px;
	}
/*  
		9.2.2.2 STEP 2 (MAIN) - SELECT SAVED ORDER 
		-------------------------------------- */
div.saved-orders
	{
	width: 270px;
	background: url(../images/olo/bg_bottom_saved_orders.gif) bottom no-repeat;
	}
div.saved-orders div
	{
	padding: 15px;
	}
.dd-fast-favorites
	{
	width: 225px;
	font: 13px arial,geneva,helvetica,arial,sans-serif;
	}
ul.order-history-steps
	{
	margin: 5px 0px 10px 3px;
	padding: 5px 0px 10px 3px;
	list-style-type: none;
	font: 12px arial,geneva,helvetica,arial,sans-serif;
	color: #069;
	}
ul.order-history-steps li
	{
	margin: 0px 0px 2px 3px;
	}
div.btn-order-now
	{
	padding: 10px;
	}
/*
		ul.favorites-pizza-steps {
			margin: 5px 0px 10px 0px;
			padding-left: 0px;
			list-style-type: none;
			font: 12px arial,geneva,helvetica,arial,sans-serif;
			color: #069;
			height: 100%;
		}
		ul.favorites-pizza-steps li {
			padding-left: 10px;
			margin: 0px 0px 2px 10px;
		}
		div.coupon-btn-top {
			text-align: right;
			padding: 0px 0px 5px 0px;
		}
		div.feast-pizza-text {
			margin-left: 20px;
			font: 11px verdana,geneva,helvetica,arial,sans-serif;
			width: 225px;
			padding-bottom: 5px;
		}
		*/
/*  9.2.2.3 STEP 2 (MAIN) - WHAT'S HOT  
		-------------------------------------- */
div.whats-hot
	{
	margin: 15px 0px;
	width: 245px;
	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;
	}
div.whats-hot .whats-hot-img
	{
	padding: 0px 0px 8px 5px;
	}
/*  9.2.2.4 STEP 2 (MAIN) - FEAST PIZZAS  
		-------------------------------------- */
div.pizza-list
	{
	width: 245px;
	background: url(../images/olo/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: #003366;
	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.3 STEP 2 (BUILD MY OWN) - CHOOSE PIZZA 
		-------------------------------------- */
#step2-build-top
	{
	width: 97%;
	margin: 0px 0px 5px 0px;
	}
div.prompt
	{
	margin: 10px 0px 10px 0px;
	background: #ffc;
	border: 2px solid #069;
	padding: 5px;
	font: 12px arial,geneva,helvetica,arial,sans-serif;
	}
#feast-pizza
	{
	background: #84b2cf;
	color: #fff !important;
	padding: 3px 5px;
	display: inline;
	}
#feast-pizza a
	{
	text-decoration: none;
	color: #069;
	}
/*  
		9.2.3.1 STEP 2 (BUILD MY OWN) - TOPPINGS LIST 
		-------------------------------------- */
.topping-list-table
	{
	margin-top: 0px;
	}
.topping-list-table th
	{
	font: bold 11px verdana,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
	{
	vartical-align: top;
	}
.pizza-type-table td.pizza-crusts
	{
	padding-left: 0px 15px 0px 5px;
	}
.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;
	}
/*  
		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
	{
	width: 360px;
	}
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;
	
/* backg
round: #e7f0f7; */
	}
table.sauces-table-os td.label
	{
	width: 65px;
	}
table.sauces-table-os td.amount
	{
	border-top: 1px solid #ccc;
	}
/* Q. Which styles are being used? -- */
.sauces-table-os
	{
	width: 100%;
	margin-bottom: 15px;
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
.sauces-table-os td
	{
	padding: 4px 6px;
	vertical-align: middle;
	}
.sauces-table-os tr.odd
	{
	background: #e7e7e7;
	}
/* Q: Are the following for Dell, too?
		div.build-pizza-content-lh2 {
			height: 141px;
			background: url(../images/olo/build_your_own_bg_1.jpg) no-repeat;
		}
		 --*/
/*  
		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 verdana,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;
	}
.btn-add
	{

/* This could be a generic -- */
			white-space: nowrap;
	}
/* 
		9.2.5 STEP 4 - PLACE ORDER 
		-------------------------------------- */
.main-content h2.step4
	{
	color: #069;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font: bold 14px verdana,geneva,helvetica,arial,sans-serif;
	padding: 5px;
	margin: 5px 0px;
	background: #d1dadf;
	}
.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-top: 10px 0px 15px 5px;
	
/* 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 verdana,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;
	}
#giftCardDetails
	{

/* This is redundant -- */
			display: none;
	}
#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/olo/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 verdana,geneva,helvetica,arial,sans-serif;
	padding: 4px;
	}
div.question
	{
	margin: 6px;
	font: bold 14px verdana,geneva,helvetica,arial,sans-serif;
	color: #069;
	}
div#survey strong
	{
	font: bold 12px verdana,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
	{
	background: url(../images/olo/bg_prompt_checkout.gif) no-repeat;
	padding: 3px 14px 3px 9px;
	}
td#poPrompt .prompt
	{
	border: 0px;
	background: transparent;
	}
/* 
		9.2.6 CONFIRMATION 
		-------------------------------------- */
.main-content .contact-info-table
	{
	margin: 15px 15px 20px 15px;
	width: 730px;
	}
.main-content .contact-info-table th
	{
	font: bold 11px verdana,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 verdana,geneva,helvetica,arial,sans-serif;
	padding: 5px;
	vertical-align: top;
	}
/* 
		9.3 MY ACCOUNT 
		-------------------------------------- */
/*
		.main-content p 
			font: 11px verdana,geneva,helvetica,arial,sans-serif;
		}
		*/
.my-account
	{
	width: 770px;
	text-align: left;
	margin: 15px auto 0px auto;
	}
.main-content .list-table
	{
	width: 100%;
	margin-top: 10px;
	text-align: left;
	}
.main-content .list-table th
	{
	font: bold 11px verdana,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 verdana,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 0px;
	}
.main-content fieldset
	{

/* Q: Redundant with the above - Remove one?*/
			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;
	
/* fo
nt: 11px verdana,geneva,helvetica,arial,sans-serif; */
			vertical-align: top;
	}
.main-content .form-table td.form-label
	{
	width: 165px;
	vertical-align: middle;
	
/* R
emove 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
	{
	float: 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 verdana,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 verdana,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: #84b2cf;
	border: 3px solid #ff0016 !important;
	border-bottom: none !important;
	border: 0px;
	color: #5c5c5c !important;
	}
div#coupon-prompt strong
	{
	display: block;
	color:  #fff;
	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: 3px;
	text-align: center;
	}
.new-coupon-table td a
	{
	text-decoration: none;
	color: #000;
	}
div.coupon-bg
	{
	position: relative;
	width: 165px;
	height: 165px;
	cursor: pointer;
	}
div.description
	{
	position: absolute;
	top: 57px;
	left: 7px;
	text-align: left;
	}
div.act-description
	{
	height: 60px;
	width: 155px;
	overflow: auto;
	}
div.price
	{
	position: absolute;
	bottom: 25px;
	right: 5px;
	text-align: right;
	margin: 8px;
	font: bold 16px arial,geneva,helvetica,arial,sans-serif;
	}
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: 850px;
	margin: 100px auto;
	}
.main-content .comm-preferences-table td
	{
	border: 3px solid #79afd1;
	padding: 10px;
	}
.main-content .comm-preferences-table td p
	{
	font: 12px/18px verdana,geneva,helvetica,arial,sans-serif;
	}
.main-content .comm-preferences-table td.spacer
	{
	border: 0px;
	width: 20px;
	padding: 0px;
	}
/* 	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.dominos-contribution-bar
	{
	background: url(../images/olo/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/olo/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;
	}
/*
*********************************************
10.0 DHTML POPUP 
*/
#wrapper, #wrapperTellMeMore, #wrapperLM, #wrapperCLM, #wrapperLLM, #wrapperSW, #cwrapper, #touwrapper, #termsOfUse, #tellMeMore, #tellMeMoreC, #tellMeMoreL, #sauce-window, #learnMore, #crust-window, #item-details, #size-window, #wrapperCR, #wrapperSZ
	{
	display: none;
	position: absolute;
	z-index: 10;
	border: 0px;
	top: 0px;
	left: 0px;
	background: #fff;
	}
/*     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: 250px;
	}
/*    10.2.2 PIZZA POINTS (SEVERAL PAGES)
        --------------------------------------------- */
#learnMore, #tellMeMoreC, #tellMeMoreL, #sauce-window, #wrapperLM, #wrapperCLM, #wrapperSW, #wrapperLLM, #size-window, #crust-window, #wrapperCR, #wrapperSZ
	{
	width: 410px;
	height: 250px;
	}
/*    10.2.5 SAUCES
        --------------------------------------------- */
#sauce-details, #wrapper-sauces
	{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	border: 0px;
	top: 0px;
	left: 0px;
	background: #fff;
	}
#sauce-details, #wrapper-sauces
	{
	width: 400px;
	height: 300px;
	}
/*    10.2.6 TERMS OF USE (WHERE USED?)
        --------------------------------------------- */
#termsOfUse, #touwrapper
	{
	width: 560px;
	height: 370px;
	}
/*    10.2.8 GENERIC STYLES FOR ALL DHTML POP-UPS
        --------------------------------------------- */
#tellMeMore, #termsOfUse, #tellMeMoreC, #tellMeMoreL, #sauce-window, #learnMore, #crust-window, #item-details, #size-window, #sauce-details
	{
	padding: 0px;
	border: 3px solid #84b2cf;
	background: #fff;
	color: #636363;
	font: 12px/18px arial,geneva,helvetica,arial,sans-serif;
	}
#tellmeMore a, #termsOfUse a, #tellMeMoreC a, #tellMeMoreL a, #sauce-window a, #learnMore a, #crust-window a, #item-details a, #size-window a, #crust-window a, #sauce-details a
	{
	color: #069;
	}
#tellmeMore p, #termsOfUse p, #tellMeMoreC p, #tellMeMoreL p, #sauce-window p, #learnMore p, #crust-window p, #item-details p, #size-window p, #crust-window p, #sauce-details 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;
	}
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;
	}
/* 11.0 UNKNOWNS --------------------------------------- */
/* 	PAGINATION RELATED 
	Q: Where are these used?
	----------------------------------- */
table.pagination-table
	{
	width: 100%;
	border-collapse: collapse;
	}
table.pagination-table td
	{
	font: 11px verdana,geneva,helvetica,arial,sans-serif;
	}
table.pagination-table td.pagination-btns
	{
	text-align: right;
	}
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/olo/shim_yellow.gif);
	}
.headerblk
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	}
.codeblk
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	}
.codered
	{
	font-family: Verdana, Arial, Helvetica, 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%;
	align: right;
	}
.myStyle1b
	{
	width: 27%;
	}
.myStyle2a
	{
	width: 24%;
	}
.myStyle3
	{
	width: 28%;
	}
.myStyle4
	{
	width: 6%;
	}
.myStyle5
	{
	width: 15%;
	}
.note
	{
	font: 11px verdana,geneva,helvetica,arial,sans-serif;
	}
.loyaltylist
	{
	font-size: 11px;
	}
.closetext
	{
	font: 12px verdana,geneva,helvetica,arial,sans-serif;
	}
div.coupon-bg-noclick
	{
	position: relative;
	width: 165px;
	height: 165px;
	}
div.btn-label-noclick
	{
	position: absolute;
	bottom: 7px;
	right: 7px;
	text-align: right;
	font: bold 12px tahoma,geneva,helvetica,arial,sans-serif;
	color: #fff;
	}
#st_jude_banner
	{
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
#st_jude_banner a
	{
	color: #000;
	}
#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: 0px;
	padding: 0px;
	vertical-align: top;
	}
#message
	{
	background: url(../images/olo/bg_green.jpg) no-repeat 0 0;
	width: 349px;
	height: 97px;
	text-align: center;
	padding: 0px 27px 0px 0px;
	margin: 0px;
	vertical-align: middle;
	}
#button_container
	{
	background: url(../images/olo/bg_white.jpg) no-repeat 0 0;
	width: 98px;
	height: 97px;
	margin: 0px;
	}
#button_container img
	{
	margin: 3px 0px 3px 0px;
	}