/*
	STEP 2: GET STARTED PAGE
	-------------------------------------------------------- */
	/*
		PAGE CONTENT TD
		----------------------------------------- */
		table.content-table td.sub-content-column {
			padding: 0;
			width: 100%;
		}
	/*
		TOP SECTIONS - BUILD PIZZA, GET SANDWICH, GET PASTA
		----------------------------------------- */
		#build-pizza {
			float: left;
			margin-top: -5px;
			background: url(../images/bg_build_pizza-v2.gif) no-repeat left;
			width: 295px;
			height: 180px;
			cursor: pointer;
		}
		#get-sandwich {
			float :right;
			display: inline;
			margin-top: -5px;
			background:
			url(../images/bg_get_sandwich_2.gif) no-repeat right;
			width: 295px;
			height: 180px;
			cursor: pointer;
		}
		
		/*
		BUILD YOUR OWN WIDE
		----------------------------------------- */

		#build-your-own-wide {
			width: 295px;
			height: 175px;
			background: transparent url(../images/bg_build_your_own_wide.jpg) no-repeat;
			float: left;
			display: inline;
			margin-top: -2px;
			cursor: pointer;
		}
		#build-your-own-wide div {
			padding: 23px 100px 10px 20px;
		}	
		#build-your-own-wide h4 {
			text-indent: -9999px;
			height: 1px;
		}
		#build-your-own-wide ul {
            margin: 0px 0px 10px 0px;
            padding: 5px 0px 0px 0px;
			list-style: none;
		}
		#build-your-own-wide div li {
		    font-size: 12px;
			color: #228ab9;
		}
		/*
		PASTA PERFECTA WIDE
		----------------------------------------- */

		#pasta-perfecta {
	        float :right;
	        display: inline;
	        background: url(../images/bg_new_pasta_perfecta-v2.gif) no-repeat right;
	        width: 295px;
	        height: 175px;
	        cursor: pointer;
	        font-size:11px;
	        margin-top: -2px;
		}
 		#build-pizza div, #get-sandwich div {
			margin: 40px 20px 0 20px;
		}
		#build-pizza ul.build-steps, #get-sandwich ul.build-steps, #get-pasta ul.build-steps {
			margin: 0 0 10px 0;
			padding: 0;
			list-style: none;
		}
		#build-pizza ul.build-steps li, #get-sandwich ul.build-steps li, #get-pasta ul.build-steps li {
			font-size: 12px;
			color: #00639f;
		}
        #pasta-perfecta div {
            padding: 23px 100px 10px 20px;
        }
        #pasta-perfecta h4 {
            text-indent: -9999px;
            height: 1px;
        }
        #pasta-perfecta div p {
            color: #228ab9;
            margin-bottom: 10px;
            padding-top: 5px;
            font-size:12px;
        }
   		/*
		Hot Baked Sandwiches Wide
		----------------------------------------- */
		#sandwiches-wide {
			float: left;
			display: inline;
			width: 295px;
			height: 175px;
			background: transparent url(../images/bg_oven_baked_sandwich_wide.jpg) no-repeat;
			margin-top: -2px;
			cursor: pointer;
		}
		#sandwiches-wide div {
			padding: 23px 35px 10px 20px;
		}	
		#sandwiches-wide h4 {
			text-indent: -9999px;
			height: 1px;
		}
		#sandwiches-wide p {
			color: #228ab9;
			font-size: 12px;
			padding-top: 5px;
			margin-bottom: 10px;
		}
        
		#build-your-own-short {
			background: url(../images/bg_build_your_own_short.gif) no-repeat;
			cursor: pointer; 
		}
		#sandwiches-short {
			background: url(../images/bg_sandwiches_short.gif) no-repeat; 
			cursor: pointer; 
		}
		#pasta-short {
			background: url(../images/bg_pasta_perfecta_short-v2.gif) no-repeat; 
			cursor: pointer; 
		}
				
		/*
		SHORT TILES
		----------------------------------------- */
		.short-tile {
			float: left; 
			display: inline;
			width: 199px; 
			height: 177px; 
			position: relative;
			margin-top: -3px;
		}
		.short-tile div {
			padding: 30px 10px 0 10px;
		}
		.short-tile h4 {
			text-indent: -9999px;
			height: 1px;
			margin: 0;
			padding: 0;
		}
		.short-tile div p {
			font-size: 10px;
			color: #0078ae;
			margin-bottom: 7px;
		}
		.short-tile ul {
			list-style: none;
			margin: 0 0 7px 0;
			padding: 0;
		}
		.short-tile div li {
			padding: 1px 0;
			font-size: 10px;
			color: #0078ae;
		}

	/*
		BOTTOM SECTIONS
		----------------------------------------- */
		div.main-action {
			position: absolute; bottom: 15px; left: 25px;
		}

	/*
		FAST FAVORITES
		----------------------------------------- */
		#fast-favorites, #saved-orders {
			float: left;
			display: inline;
			background: url(../images/bg_fast_favorites-v1.gif) no-repeat;
			width: 196px;
			height: 295px;
			position: relative;
			left: -5px;
		}
		#fast-favorites .select-fast-favorites, #saved-orders .select-fast-favorites {
			position: absolute;
			left: 20px;
			top: 40px;
		}
		#saved-orders {
			background: url(../images/bg_saved_orders_new-v1.gif) no-repeat;
		}


		#fast-favorites .list-scrolling, #saved-orders .list-scrolling {
			position: absolute;
			left: 1px;
			top: 20px;
			width: 160px;
			height: 195px;
			overflow: auto;
			overflow-x: hidden;
		}
		#fast-favorites .list-scrolling {
			left: 20px;
			top: 60px;
		}
		#fast-favorites ul.fast-favorites-list, #fast-favorites ul.order-history-steps, #saved-orders ul.fast-favorites-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		ul.fast-favorites-list li, ul.order-history-steps li {
			margin: 5px 0;
			font-size: 12px;
			color: #00639f;
		}

	/*
		FEAST PIZZAS
		----------------------------------------- */
		#feast-pizzas {
			float: left;
			display: inline;
			background: url(../images/bg_feast_pizzas-v1.gif) no-repeat;
                        background-position: center;
			width: 203px;
			height: 295px;
			position: relative;
			cursor: pointer;
		}
		#feast-pizzas ul.list-feast-pizzas {
			position: absolute;
			top: 140px;
			left: 10px;
			right: 20px;
			list-style: none;
		}
		ul.list-feast-pizzas li {
			padding: 4px 0;
			border-bottom: 1px solid #ddd;
		}
		#feast-pizzas ul.list-feast-pizzas li a {
			font-size: 12px;
			color: #00639f;
			text-decoration: none;
		}
		
		#feast-pizzas-narrow {
			background: url(../images/bg_feast_pizzas_narrow.gif) no-repeat; 
			cursor: pointer; 
		}
		#feast-pizzas-narrow div {
			padding: 128px 15px 10px 15px;
		}
		

	/*
		SUB COMBO
		----------------------------------------- */
		#sub-combo {
			float: left;
			display: inline;
			background: url(../images/bg_sandwich_combos-v2.gif) no-repeat;
			width: 196px;
			height: 295px;
			position: relative;
			cursor: pointer;
		}
		#sub-combo div.combo-price {
			position: absolute;
			top: 220px;
			left: 125px;
			right: 20px;
			font: bold 20px arial,geneva,helvetica,sans-serif;
			margin-top: 4px;
			color: #069;
		}
		/*
		LOCAL LEGENDS
		----------------------------------------- */
		#local-legends-narrow div {
			padding: 128px 15px 10px 15px;
		}
		#local-legends-narrow {
			background: url(../images/bg_local_legends_narrow.gif) no-repeat;
			cursor: pointer; 
		}
		
		/*
		SANDWICH COMBOS
		----------------------------------------- */
		#sandwich-combos-narrow div {
			padding: 148px 15px 10px 15px;
		}
		#sandwich-combos-narrow {
			background: url(../images/bg_sandwich_combos_narrow.jpg) no-repeat;
			cursor: pointer; 
			margin-top: 3px;
		}
		#sandwich-combos-narrow p {
			font-size: 12px;
			color: #0078ae;
			padding: 148px 15px 10px 15px;
		}
		#sandwich-combos-narrow div.price {
			text-align: right;
			font-size: 28px;
			color: #0078ae;
		}
	   /*
		PASTA COMBOS
		----------------------------------------- */
		#pasta-combos-narrow div {
			padding: 148px 15px 10px 15px;
		}
		#pasta-combos-narrow {
			background: url(../images/bg_pasta_combos_narrow.jpg) no-repeat;
			cursor: pointer; 
			margin-top: 3px;
		}
		#pasta-combos-narrow p {
			font-size: 12px;
			color: #0078ae;
			padding: 148px 15px 10px 15px;
		}
		#pasta-combos-narrow div.price {
			text-align: right;
			font-size: 28px;
			color: #0078ae;
		}
		
		/*
		SAVED ORDERS & FAST FAVORITES
		----------------------------------------- */
		#saved-orders-narrow {
			background: url(../images/bg_saved_orders_narrow.gif) no-repeat; 
		}
		#fast-favorites-narrow {
			background: url(../images/bg_fast_favorites_narrow.jpg) no-repeat;
			margin-top: 3px; 
		}
		#saved-orders-narrow div, #fast-favorites-narrow div {
			padding: 5px 15px 10px 15px;
		}
		#saved-orders-narrow ul, #fast-favorites-narrow ul {
			border-bottom: 1px solid #eee;
		}
		#saved-orders-narrow li, #fast-favorites-narrow li {
			padding: 3px 0;
			font-size: 10px;
			color: #0078ae;
			border-bottom: none;
		}
		#saved-orders-narrow p, #fast-favorites-narrow p {
			font-size: 11px;
		}
		
		.narrow-tile {
			float: left; 
			display: inline;
			width: 199px; 
			height: 295px; 
			position: relative;
		}
		.narrow-tile h4 {
			text-indent: -9999px;
			height: 1px;
		}
		.narrow-tile div h5 {
			font: bold 12px arial,geneva,helvetica,sans-serif;
			color: #003366;
			margin-bottom: 4px;
		}
		.narrow-tile ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border-top: 1px solid #eee;
		}
		.narrow-tile li {
			padding: 1px 0;
			border-bottom: 1px solid #eee;
			font-size: 11px;
			color: #00639f;
		}
		.narrow-tile div li a {
			font-size: 12px;
			color: #00639f;
			text-decoration: none;
		}
		.narrow-tile .main-action {
			position: absolute; bottom: 3px; left: 0;
		}
		

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;
}
table.sandwich-table, table.pasta-table {
	margin-bottom: 15px;
}
table.sandwich-table td, table.pasta-table td {
	padding: 1px;
}
#olo table.sandwich-table td h3, #olo table.pasta-table td h3 {
	font: bold 12px arial,geneva,helvetica,sans-serif;
	color: #558ab6;
	margin-top:23px;
}
table.sandwich-table td h3#chicken-parm {
	white-space: nowrap;
}

div.wrapper-choose-items {
	background: #fff url(../images/bg_choose_pizza_body_2.gif) no-repeat left bottom;
	margin: 0;
	padding: 0;
}

ul#tab-choose-pizza {
	background: url(../images/bg_tab_choose_pizza_3.gif) no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 49px;
}
ul#tab-choose-pizza li {
	float: left;
	width: 270px;
}
ul#tab-choose-pizza li a {
	display: block;
	padding: 13px 0 5px 0;
	text-decoration: none;
	font: bold 13px arial,geneva,helvetica,sans-serif;
	color:  #4d92b9;
	text-align: center;
}
ul#tab-choose-pizza li.selected a {
	font: bold 14px arial,geneva,helvetica,sans-serif;
	color: #00679a;
}

ul#tab-choose-sub {
	background: url(../images/bg_tab_choose_sub_3.gif) no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 49px;
}
ul#tab-choose-sub li {
	float: left;
	display: inline;
	width: 280px;
}
ul#tab-choose-sub li a {
	display: block;
	padding: 13px 0 5px 0;
	text-decoration: none;
	font: bold 13px arial,geneva,helvetica,sans-serif;
	color:  #4d92b9;
	text-align: center;
}
ul#tab-choose-sub li.selected a {
	font: bold 14px arial,geneva,helvetica,sans-serif;
	color: #00679a;
}


div.toppings-wrapper {
	clear: both;
	margin-left: 15px;
	width: 545px;
}
table.wrapper-table {
	width: 100%;
}
table.wrapper-table td.btn-next-step-top, table.wrapper-table td.btn-next-step-bottom {
	vertical-align: top;
	text-align: right;
	padding: 15px 0;
	white-space: nowrap;
}
table.wrapper-table td.btn-next-step-bottom {
	padding-bottom: 0;
	vertical-align: bottom;
}

table.wrapper-table td div.inline-prompt {
	color: #99bbd6;
	font: bold 11px arial,sans-serif;
	text-align: left;
}

#olo div.options-indent {
	margin-left: 10px;
}
#olo table.options-table {
	width: 330px;
}
#olo table.options-table th {
	font: bold 11px arial,sans-serif;
	color: #333;
}
#olo table.options-table th.option-item {
	width: 250px;
}
#olo table.options-table td {
	padding: 3px;
	vertical-align: middle;
}




/*
	GENERIC CLASSES
	Note:
	1. 
	--------------------------------------------------*/
	
	/* USE FOR TEXT LINKS THAT NEED ARROW TO RIGHT OF TEXT */
	#olo a.link-with-arrow {
		display: block;
		margin-top: 10px;
		margin-right: 5px;
		padding-right: 15px;
		background: url(../images/btn_arrow.png) no-repeat right;
		text-decoration: none;
		font: bold 14px arial,geneva,helvetica,sans-serif;
		color: #024168;
		text-transform: uppercase;
	}
	.clearboth {
		clear: both;
	}

/*
	STRUCTURAL ELEMENTS 
	--------------------------------------------------*/
	#olo .olo-content-padding {
		padding: 20px;
	}
	#olo .olo-content-background {
		background: url(../images/bg_choose_pizza_body_3.gif) bottom right no-repeat; 
		width: 570px;
	}
	.olo-footer {
		background: transparent url(../images/footer-olo-v1.png) no-repeat top left;
	}
/*
	'GET YOUR OWN...' H2s WITH BG IMAGES
	Note:
	1. 
	--------------------------------------------------*/

	#h2-get-your-own-pasta 	{ 
		background-image: url(../images/h2-get-your-own-pasta.gif); 
	}
	#h2-get-your-own-pizza 	{ 
		background-image: url(../images/h2-get-your-own-pizza.gif); 
	}
	#h2-get-your-own-sandwich 	{ 
		background-image: url(../images/h2-get-your-own-sandwich.gif); 
	}
	
/* 	
	'GET YOUR OWN..' Page Tabs
	Note: 
	1. 
	-------------------------------------------------*/
		ul.byo-menu {
			margin: 0;
			padding: 0;
			height: 49px;
			width: 570px;	
			list-style: none;
		}
		ul#byo-menu-pasta {
			background: transparent url(../images/bg_tabs_byo_menu_pasta_3.gif) no-repeat;
		}
		ul#byo-menu-sandwich {
			background: transparent url(../images/bg_tabs_byo_menu_sandwich_3.gif) no-repeat ;
		}
		ul#byo-menu-pizza {
			background: transparent url(../images/bg_tabs_byo_menu_pizza_3.gif) no-repeat;
		}
		ul.byo-menu li {
			float: left;
			margin: 0;
			padding: 0;
		}
		ul.byo-menu li a {
			float: left;
			display: inline;
			padding: 15px 0 0 0;
			text-align: center;
			text-decoration: none;
			font: bold 14px arial,geneva,helvetica,sans-serif;
                        width: 189px;
		}
		ul.byo-menu li a.selected {
			color: #0078a1;
		}
		
		ul#byo-menu-pizza li a {
			color: #94bfd6;
		}
		ul#byo-menu-sandwich li a {
			color: #94bfd6;
		}
		ul#byo-menu-pasta li a {
			color: #94bfd6;
		}
		ul#byo-menu-pizza li a.selected {
			color: #0078a1;
		}
		ul#byo-menu-sandwich li a.selected {
			color: #0078a1;
		}
		ul#byo-menu-pasta li a.selected {
			color: #0078a1;
		}
		li#item-pizza a {
			width: 177px;
			text-align: center;
		}
		li#item-sandwich a {
			width: 180px;
		}
		li#item-pasta a {
			width: 177px;
		}	
		.quantity-block {
			clear: left; 
			float: right; 
			margin-top: -50px;
		}
/* 
	TOPPINGS TABLE 
	Note: 
	1. 
	__________________________________________________*/
	#olo .toppings {
		clear: both; 
		margin: 15px 20px;
	}
	#olo table.toppings-table {
		border-collapse: collapse;
		width: 450px;
		margin: 15px 0 15px 15px;
	}
	#olo table.toppings-table th {
		border-bottom: 1px solid #999;
	}
	#olo table.toppings-table td {
		border-bottom: 1px solid #ccc;
	}
	#olo table.toppings-table tr.even td {
		background: #e4f0f8;
	}	

/* 
	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; 
	}	
	
/*
	COUPON STYLES 
	Note:
	1. 
	__________________________________________________*/
	#olo li.coupon-item {
		clear: left;
		width: 565px;
		margin: 0;
		padding: 10px 10px 10px 0;
		border-top: 1px solid #0078ae;
	}
	#olo .last-item {
		border-bottom: 1px solid #0078ae;
	}
	#olo .olo-content-include {
		clear: both; 
		margin: 10px 15px 10px 15px;
	}
		
/*
	GET YOUR OWN ITEM LIST
	Note:
	1. list-items contains the elements for each menu item.
	--------------------------------------------------*/
	ul.list-items {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 380px;
		font-size: 11px;
	}
	ul.list-items li {
		float: left;
		display: inline;
		margin: 0 2px 10px 0;
		padding: 0;
		vertical-align: top;
		width: 185px;		
	}
	ul.list-items li img {
		float: left;
		display: inline;
		margin-right: 2px;
	}
	ul.list-items li .btn_radio {
		float: left;
		display: inline;
		margin-top: 3px;
	}
	ul.list-items li  h4 {
		color: #0078ae;
		float: left;
		display: inline;
		margin-top: 6px;
		font-size: 12px;
		font-weight: bold;
		width: 70px;
	}
	ul.list-items li .quantity {
		display: inline;
		float: left;
		width: 80px;
	}
	
	
	/* HOVER DESCRIPTION POPUP */

    .item-box {
      position: relative;
      cursor: pointer;
    }
    .hover-piece {  
	  	-x-system-font:none;
		background:transparent url(../images/bg_tip_bottom_w_v2.png) no-repeat scroll center bottom;
		bottom:56px;
		color:#FFFFFF;
		display:none;
		font-family:arial,geneva,helvetica,sans-serif;
		font-size:11px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		left:-52px;
		line-height:normal;
		margin-bottom:10px;
		padding:0;
		position:absolute;
		width:240px;
		z-index:200
	  
    }
	* HTML .hover-piece {
		background: url(../images/bg_tip_bottom_w_v2.gif) no-repeat bottom;
	}
    .hover-piece .heading {
      background: transparent url(../images/bg_tip_top_w_v2.png) no-repeat top;
      margin: 0 0 3px 0;
      padding: 14px 12px 0;
      font: bold 11px arial,geneva,helvetica,sans-serif;
      text-transform: uppercase;
	  position:relative;
	  top:-6px;
    }
	* HTML .hover-piece .heading {
      background: transparent url(../images/bg_tip_top_w_v2.gif) no-repeat top;
	}
    .hover-piece .desc {
      margin: 0 13px 18px 13px;
      color: #fff;
    }