/*
SITE-CONTENT
Note: This is in OLO style.
--------------------------------------------------*/
.site-content
	{
	background: transparent url(http://cache.dominos.com/homev8/images/site-content-olo-v1.png) repeat-y;
	/* overflow: visible; */
	min-height:360px;
	height:auto;
	}

	
/*
	MAIN-CONTENT
	Note:
	Consider a generic class modifier for both coupons 
	and menu pages
	--------------------------------------------------*/
	.main-coupons {
		width: 830px;
		overflow: hidden;
		padding: 0 75px 26px 75px;
		background: transparent url(http://cache.dominos.com/homev8/images/main-content-menu-v4.png) no-repeat left top;
	}
	
/*
	PAGE HEADER - H2
	Note:
	Add to mainstyle_vx.css later
	--------------------------------------------------*/
	#h2-coupons { 
		background-image: url(http://espanol.dominos.com/img/dominos/ES_13832.gif); 
	}
	
/*
	TAB NAVIGATION FOR THE COUPONS
	--------------------------------------------------*/
	ul#navcoupons {
		position: relative;
		padding: 0;
		margin: -7px 0 0 -10px;
		list-style: none;
		height: 30px;
	}
	ul#navcoupons li {
		display: inline;
		float: left;
		margin: 0 2px 0 0; 
		padding: 0;
		top: 0;
		text-indent: -9999px;
	}
	ul#navcoupons li, ul#navcoupons a {
		height: 30px;
		display: block;
		width: 98px;
	}
	ul#navcoupons li.disabled-tab {
		display: none;
	}
	#popular { 
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_14154.png) no-repeat 0 1px;
	}
	#feeds1-3 {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13994.png) no-repeat 0 1px;
	}
	#feeds4-6 {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13995.png) no-repeat 0 1px;
	}
	#feeds6-plus {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13996.png) no-repeat 0 1px;
	}
	#seeall-coupons {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13997.png) no-repeat 0 1px;
	}	
	#popular a:hover { 
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_14154.png) no-repeat 0 -74px;
	}
	#feeds1-3 a:hover {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13994.png) no-repeat 0 -74px;
	}
	#feeds4-6 a:hover {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13995.png) no-repeat 0 -74px;
	}
	#feeds6-plus a:hover {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13996.png) no-repeat 0 -74px;
	}
	#seeall-coupons a:hover {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13997.png) no-repeat 0 -74px;
	}
	#popular a.selected { 
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_14154.png) no-repeat 0 -36px;
	}
	#feeds1-3 a.selected {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13994.png) no-repeat 0 -36px;
	}
	#feeds4-6 a.selected {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13995.png) no-repeat 0 -36px;
	}
	#feeds6-plus a.selected {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13996.png) no-repeat 0 -36px;
	}
	#seeall-coupons a.selected {
		background: transparent url(http://espanol.dominos.com/img/dominos/ES_13997.png) no-repeat 0 -36px;
	}

	
/*
	HAVE A COUPON CODE SECTION
	Note:
	This is part of the same list as the above
	--------------------------------------------------*/
	ul#navcoupons li#have-coupon {
		text-indent: 0;
		width: auto;
		color: #dfeef5;
	}
	#have-coupon {
		right: 0;
		font-size: 11px;
		
	}
	#have-coupon form {
		display: inline;
	}
	#have-coupon input {
		font-size: 11px;
		margin-left: 1px;
	}
	#have-coupon button {
		font-size: 11px;
		color: #069;
		border: none;
		background: transparent url(http://cache.dominos.com/homev8/images/btn_add_search_coupon.png) no-repeat;
		text-indent: -9999px;
		width: 42px;
		height: 20px;
	}
	
/*
	COUPONS LIST
	Note:
	1. Last item (or last 2 items) in the list should
	have class "last-item" to set border below.
	--------------------------------------------------*/
	ul#list-coupons {
		margin: 20px 0 10px 0;
		padding: 0;
		list-style: none;
	}
	li.coupon-item {
		float: left;
		display: inline;
		width: 375px;
		margin: 0 15px;
		padding: 10px 10px 10px 0;
		border-top: 1px solid #0078ae;
		position: relative;
		height: 145px;
	}
	li.last-item {
		border-bottom: 1px solid #0078ae;
	}	
	li.first-item {
		border-top: 0px;
	}
	li.coupon-item img {
		float: left;
		display: inline;
		margin: 10px 10px 0 0;
		width: 160px;
		height: 145px;
	}
	
	li.coupon-item a {
		width: 160px;
		height: 145px;
		display: block;
		position: absolute;
		z-index: 1000;
		top: 0;
		left: 0;
		margin: 0px 0 0 0;
		background: transparent url(http://cache.dominos.com/homev8/images/coupon-item-a-v1.png) no-repeat top left;
	}
	
	li.coupon-item a:hover {
		cursor: hand;
		background-position: bottom left;
	}
	li.coupon-item p {
		font-size: 11px;
		margin-left: 165px;
		height: 85px;
		overflow: auto;
	}
	li.coupon-item .coupon-price {
		font-size: 24px;
		font-weight: bold;
		margin-left: 165px;
		color: #0078ae;
	}
	div.add-coupon {
		display: block;
		float: left;
		text-indent: -9999px;
		width: 65px;
		height: 10px;
		cursor: pointer;
	}

	

/*
	OLO-RELATED ADJUSTMENTS
	--------------------------------------------------*/
	#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;
	}

	div.order-summary-data {
		background: url(http://cache.dominos.com/homev8/images/bg_order_summary.gif) no-repeat;
	}
	div.order-summary-data h3 {
		margin-bottom: 5px;
	}
	#olo #olo-content {
		float: left; 
		display: inline; 
		width: 580px;
	}
	#olo #order-summary {
		 float: right; 
		 display: inline; 
		 margin-right: 5px;
		 text-align: center; 
		 padding-top: 20px;
		 width: 230px;
	}
	
	a.btn-select {	
		font: bold 14px 'Trebuchet MS',geneva,helvetica,arial,sans-serif;	
		text-transform: uppercase;	
		color: #036;	
		text-decoration: none
	}