.sparPopupOverlay.onBoardOverlay{
	background: rgba(255,255,255,1) none repeat scroll 0 0;
}

.sparPopupOverlay .onBoardContent{
	position: absolute;
	width: 100%;
	background: #fff none repeat scroll 0 0;
}

.onBoardContent .onBoardTopBar{
	position: relative;
	border-bottom: 1px solid #ccc;
}
.onBoardContent .onBoardTopBar .closeIcon{
	position: absolute;
	top: 0.75em;
	right: 0.8em;
	font-size: 2rem;
}

.sparPopupOverlay.onBoardOverlay{
	cursor: default;
}

.onBoardContent .onBoardImage .onBoardImageLabel{
	display: block;
	background-color: #ca0614;
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 15px;
	color: #fff;
	width: 100%;
	padding: 7px 15.625%; /* 50/320 */
}

.sparPopupOverlay .onBoardContent .headline{
	margin: 14px 0;
	padding:0 8%;/*24/300*/
	font-family:MuseoSans;
	font-weight:700;
	font-size:21px;
	text-align:center;
	color:#c90613;
	line-height: 1.3;
}

.onBoardContent .onBoardDisclaimer,
.sparPopupOverlay .onBoardContent .subHeadline{
	padding:0 8%;/*24/300*/
	font-family:MuseoSans;
	font-weight:300;
	font-size: 14px;
	line-height: 1.5;
	color:#616161;
	text-align:center;
	margin-bottom: 0;
}

.onBoardContent .onBoardDisclaimer a{
	color: blue;
	text-decoration: underline;
}

.onBoardContent .onBoardDisclaimer{
	margin-bottom: 30px;
	display: block;
	font-size: 13px;
	line-height: 1.3;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorHeadline{
	font-family:MuseoSans;
	font-weight:700;
	font-size: 17px;
	color: #616161;
	text-align: center;
	margin-top: 10px;
	padding: 0 10px;
	min-height: 42px;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .circle {
	width: 30px;
	height: 30px;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	display: inline-block;
	margin-top: 4px;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.selected .circleBorder {
	width: 40px;
	height: 40px;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	display: inline-block;
}



.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption .circleBorder {
	margin-top: 15px;
	margin-bottom: 15px;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.selected .circle:before {
	content: "\a067";
	top: 6px;
	position: relative;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.selected .circle {
	background-color: #32ba70;
	color: #FFFFFF;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption{
	cursor:pointer;
	border: 1px solid #d9d9d9;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.selected{
	border: 1px solid #32ba70;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.selected .borderHighlighted{
	border: 1px solid #32ba70;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption .borderHighlighted{
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	min-height: 194px;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption ol{
	list-style-position: inside;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption {
	width: 49%;
	margin-right: 2%;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup {
	margin-right: 0;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup,
.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openDelivery{
	position: relative;
	float: left;
	border-radius: 10px;
	text-align: center;
	min-height: 194px;
}

.sparPopupOverlay .onBoardContent .obMainContentWrapper {
	margin-top: 15px;
}

.sparPopupOverlay .onBoardContent .obMainContentWrapper .obSelectorWrapper {
	width: 290px;
	margin: 0 auto;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup:BEFORE,
.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openDelivery:BEFORE{
	color: #808080;
	font-size: 43px;
	/*position: absolute;*/
	/*left: 11.3333333%; !* 34/300 *!*/
	/*top: 50%;*/
	/*margin-top: -22px;*/
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openPickup:BEFORE,
.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openDelivery:BEFORE{
	font-size: 32px;
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top: 16px;
	margin-top: 0;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption{
	border-left: 1px solid #ccc;
}
.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption:FIRST-CHILD{
	border-left: 0;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption .borderHighlighted:BEFORE{
	text-align: center;
	display: inherit;
	margin-top: 15px;
	font-size: 45px;
	color: #616161;
}

.paginator span {
	position: absolute;
	top: 50%;
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #333;
	margin-top: -9px;
	width: 100%;
	text-align: center;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openDelivery .borderHighlighted:BEFORE{
	content: '\a047'; /*ico-shipping*/
}
.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup .borderHighlighted:BEFORE{
	content: '\a042';  /*ico-pickup*/
}

#onboardingPickupForm .dropDownDefaultContainer {
	display: inline-block;
	position: relative;
}

.sparPopupOverlay .onBoardContent #onboardingZipCodeForm .feedbackInput {
	display: inline-block;
	border: 1px solid #32ba70;
	border-radius: 50%;
	width: 20px;
	background-color: #32ba70;
	height: 20px;
	color: #ffffff;
	position: absolute;
	left: 11px;
	top: 11px;
}

.sparPopupOverlay .onBoardContent #onboardingZipCodeForm input[type='number'] {
	-moz-appearance:textfield;
}
.sparPopupOverlay .onBoardContent #onboardingZipCodeForm input[type=number]::-webkit-inner-spin-button,
.sparPopupOverlay .onBoardContent #onboardingZipCodeForm input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sparPopupOverlay .onBoardContent #onboardingZipCodeForm .feedbackInput:before {
	position: relative;
	top: 3px;
	font-size: 9px;
}

.paginator {
	margin: 14px auto 0;
	width: 35px;
	height: 35px;
	position: relative;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorItem{
	font-family:MuseoSans;
	font-weight:300;
	font-size:12px;
	color:#616161;
}

.sparPopupOverlay .onBoardContent .obBtn{
	display:block;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	width: 228px;
	height: 50px;
	background:#c90613;
	border:0;outline:none;
	border-radius:5px;
	margin:30px auto 45px auto;
}

.sparPopupOverlay .onBoardContent .obBtn.obBackMainView,
.sparPopupOverlay .onBoardContent .obBtn.showMainView{
	background:#333333;
}
.sparPopupOverlay .onBoardContent .obBtnsContainer .obBtn.confirmTimeSlotBtn{
	margin-bottom: 20px;
}
.sparPopupOverlay .onBoardContent .obBtnsContainer .obBtn.confirmTimeSlotBtn[disabled]{
	background-color: #e3868e;
}
.sparPopupOverlay .onBoardContent .obBtnsContainer .obBtn.showMainView{
	margin-top: 0;
}

.sparPopupOverlay .onBoardContent .obBtn.obBackMainView:active,
.sparPopupOverlay .onBoardContent .obBtn.showMainView:active{
	background:#222222;
}
.checkoutTimeSlotWrapper .obBtn.showMainView{
	display: none;
}

.checkoutSmsServiceWrapper .obBtn.showMainView{
	display: none;
}

.sparPopupOverlay .onBoardContent .obBtn:active{
	background:#B50511;
}

.sparPopupOverlay .onBoardContent #ob_video #obVideoTag{
	display:block;
	width:300px;
	height:200px;
	margin:0 auto;
}

#obVideoTagReady{
	width: 100%;
}

.sparPopupOverlay .onBoardContent #ob_video #obVideoTag:focus{
	border:0;outline:none;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption{
	text-align: left;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption{
	float:left;
	width:50%;
	padding:0;
	border-top:1px solid #d9d9d9;
	height:100px;
	margin-bottom:0;
	padding-bottom:17px;
	text-align:center;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.active{
	border-bottom:0;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption .obSelectorHeadline{
	padding: 52px 0 0;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openPickup{
	background-color: #f8f8f8;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openPickup.active{
	background-color: #ffffff;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openDelivery{
	background-color: #f8f8f8;
}

.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openDelivery.active{
	background-color: #ffffff;
}

.sparPopupOverlay .onBoardContent .pickupAvailability{
	font-weight:700;
	font-size:12px;
	color:#c90613;
	margin-top:20px;
}

.onBoardContent .timeSlotContainer .timeSlotSelector .timeSlotBrowse {
	display: none;
}

.sparPopupOverlay .onBoardContent .obForm{
	display: inline-block;
	margin:20px auto;
	position: relative;
	width: 100%;
	text-align: center;
}

#ob_pickup input.obInputText.zipcode{
	margin-bottom: 20px;
}

.sparPopupOverlay .onBoardContent input.obInputText{
	height:51px;line-height:51px;
	width: 300px;
	border:1px solid #d9d9d9;
	font-family:MuseoSans;
	font-weight:500;
	font-size:20px;
	color:#333333;
	padding-left:35px;
	padding-right:35px;
	text-transform:uppercase;
	position: relative;
}
.sparPopupOverlay .onBoardContent .obInputTextWrapper{
	position: relative;
	height:51px;
	width: 300px;
	margin: 0 auto;
}
.sparPopupOverlay .onBoardContent .obInputTextWrapper.ok:BEFORE,
#onboardingPickupForm .dropDownDefaultContainer.ok:BEFORE{
	background-color: #36b776;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	content: "\a067";
	font-size: 6px;
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 5;
	line-height: 16px;
	color: #fff;
	margin-top: -8px;
	text-align: center;
}
.sparPopupOverlay .onBoardContent .obInputTextWrapper.ko:BEFORE,
#onboardingPickupForm .dropDownDefaultContainer.ko:BEFORE{
	background-color: #ca0614;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	content: "\a063";
	font-size: 7px;
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 5;
	line-height: 16px;
	color: #fff;
	margin-top: -8px;
	text-align: center;
}

.sparPopupOverlay .onBoardContent input.obInputText.pointOfService{
	width:252px;
	font-size:12px;
	float: left;
	border-right: 0;
	cursor:pointer;
}

.sparPopupOverlay .onBoardContent .obButton.obSearchStore{
	display:block;
	float:left;
	height:51px;line-height:51px;
	width:48px;
	border:0;
	cursor:pointer;
	background-color: #fff;
	position: relative;
	border: 1px solid #d9d9d9;
	border-left: 0;
}

.sparPopupOverlay .onBoardContent .obButton.obSearchStore:BEFORE{
	position: absolute;
	top: 50%;
	left: 50%;
	content: "\a010";
	font-size: 14px;
	color: #ca0614;
	margin-top: -7px;
	margin-left: -7px;
}

.sparPopupOverlay .onBoardContent .obButton.obSearchStore.open:BEFORE{
	content: "\a013";
}

.sparPopupOverlay .onBoardContent .ob_errmsg{
	padding: 10px;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#c90613;
	text-align:center;
	text-transform:uppercase;
}

.ob-delivery-view__select,
.delivery-checkout-step-form__select-wrapper {
	margin: 30px auto 0 auto;
	display: flex;
	justify-content: center;
}

.mobile.ob-delivery-view__select {
	margin: 0 auto;
}

.delivery-checkout-step-form__select {
	padding: 1em;
	border-color: rgb(204,204,204);
	color: rgb(51,51,51);
	font-size: 16px;
}

/*
#############################################################
################### TIME SLOT CONTAINER #####################
#############################################################
*/

.timeSlotContainer .timeSlotSelector,
.timeSlotContainer .timeSlotTable{
	position: relative;
	width: 228px;
	margin:0 auto;
}

#onboardingDeliveryForm {
	position: relative;
	border-top: 2px solid #ddd;
	padding-top:20px;
}



.timeSlotContainer .timeSlotSelector{
	height:30px;line-height:30px;
	text-align:center;
	margin-bottom:20px;
}

.timeSlotContainer .timeSlotSelector .timeSlotBrowse{
	display:block;
	font-family:MuseoSans;
	font-weight:500;
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
}


.timeSlotContainer .timeSlotArrow{
	display:block;
	width:30px;height:30px;
	border:1px solid #d9d9d9;
	border-radius:50%;
	position:absolute;
	top:0;
	cursor:pointer;
}

.timeSlotContainer .timeSlotArrow.prev:hover,
.timeSlotContainer .timeSlotArrow.next:hover{
	background:#f8f8f8;
}

.timeSlotContainer .timeSlotArrow.prev{
	left:0;
	background:#fff;
}

.timeSlotContainer .timeSlotArrow.next{
	right:0;
	background:#fff;
}

.timeSlotContainer .timeSlotArrow.prev:before{
	content:"\a011";
}
.timeSlotContainer .timeSlotArrow.next:before{
	content:"\a012";
}
.timeSlotContainer .timeSlotArrow.prev:before,
.timeSlotContainer .timeSlotArrow.next:before{
	color:#C90613;
	position:absolute;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -6px;
}

.timeSlotContainer .timeSlotArrow.next:before{
	margin-left: -5px;
}

.timeSlotContainer .timeSlotArrow.prev:active,
.timeSlotContainer .timeSlotArrow.next:active{
	background:#cccccc;
	margin:0;padding:0;
}

.timeSlotContainer .timeSlotTable .timeSlotArrow{
	top:50%;
}

.timeSlotContainer .timeSlotTable .timeSlotArrow.prev{
	left: -35px;
}
.timeSlotContainer .timeSlotTable .timeSlotArrow.next{
	right: -35px;
}

.timeSlotContainer .hoursContainer{
	display:block;
	float:left;
	width: 86px;
}

.timeSlotContainer .hoursContainer li.emptyHour{
	width:61px;
	height:25px;
	line-height:25px;
	margin-bottom: 10px;
}

.timeSlotContainer .hoursContainer li.hoursItem{
	width: 86px;
	padding:3px 0;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	border-top: 0;
	text-align:center;

	font-family:MuseoSans;
	font-weight:300;
	font-size:11px;
	height: 42px;
	line-height: 42px;
	color:#000000;
}

.timeSlotContainer .hoursContainer li.hoursItem:first-child{
	border-top: 1px solid #d9d9d9;
}
.timeSlotContainer .hoursContainer li.hoursItem:last-child{
	border-bottom: 1px solid #d9d9d9;
}

.timeSlotContainer .priceSlotContainer{
	display:block;
	float:left;
	width:71px;
}

.timeSlotContainer .priceSlotContainer li.dateSlot{
	width:71px;
	height:25px;line-height:25px;
	text-align:center;
	line-height: 1.2;
	font-family:MuseoSans;
	font-weight:500;
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	margin-bottom: 10px;
}

.timeSlotContainer .priceSlotContainer li.priceSlot{
	width:71px;
	height:42px;line-height:42px;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	border-left: 0;
	text-align:center;
	font-weight: 700;
	font-family:MuseoSans;
	font-size:13px;
	color:#289c60;
	cursor:pointer;
}
.timeSlotContainer .priceSlotContainer .singlePriceSlot:last-child li.priceSlot,
.timeSlotContainer .priceSlotContainer li.priceSlot.empty:last-child,
.timeSlotContainer .priceSlotContainer li.priceSlot.notAvailable:last-child{
	border-bottom: 1px solid #d9d9d9;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.available:not(.selected):hover{
	border: 3px solid #32b873;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.selected{
	color: #FFFFFF;
	position:relative;
	background-color: #32b873;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.notAvailable{
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(70, 70, 70, 0.5) 6px, rgba(255, 255, 255, 0.5) 4px);
	cursor:not-allowed;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.empty{
	background-color: white;
	cursor:not-allowed;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.notAvailable span{
	/* 	background-color: #fff; */
	padding: 2px;
	color: #666;
	font-weight: 300;
}

.timeSlotContainer .obBtnsContainer{
	margin: 0 auto;
	margin-top:29px;
	padding-top:20px;
}

.timeSlotTable .monthTimeSlot {
	font-weight: 700;
}

.timeSlotTable .dayOfWeekTimeSlot {
	font-weight: 300;
}


@media(min-width:768px){

	.paginator {
		margin-top: 25px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption .circleBorder {
		margin-bottom: 37px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption .borderHighlighted:BEFORE {
		margin-top: 50px;
	}

	#onboardingDeliveryForm {
		padding-top: 50px;
		width: 85%;
		margin: 0 auto;
		margin-bottom:80px;
	}

	#ob_pickup .obPickupTimeslotSeparator{
		width: 85%;
		margin: 0 auto;
		margin-top: 30px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption {
		width: 46.79%; /* 248/530 */
		margin-right: 6.42%; /* 100- 2*46.79 */
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup {
		margin-right: 0;
	}

	.sparPopupOverlay .onBoardContent .obMainContentWrapper .obSelectorWrapper {
		width: 530px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorHeadline {
		padding: 0 22.1774194%; /* 55/248 */
	}

	.onBoardContent .onBoardImage{
		position: relative;
	}
	.onBoardContent .onBoardImage .onBoardImageLabel{
		position: absolute;
		left: 0;
		bottom: 47px;
		width: 41.015625%; /* 315/768 */
		padding-left: 6.25%; /* 50/768 */
		padding-right: 6.25%; /* 50/768 */
	}

	.sparPopupOverlay .onBoardContent .obBtnsContainer .obBtn.confirmTimeSlotBtn{
		float: right;
		margin-top: 0;
	}
	.sparPopupOverlay .onBoardContent .obBtnsContainer .obBtn.showMainView{
		float: left;
		margin-top: 0;
	}

	.sparPopupOverlay .onBoardContent .headline{
		font-size:25px;
		line-height:25px;
	}

	.sparPopupOverlay .onBoardContent .subHeadline{
		font-size:14px;
		line-height:19px;
	}

	.sparPopupOverlay .onBoardContent .headline,
	.sparPopupOverlay .onBoardContent .subHeadline {
		padding: 0 20%;
	}

	.sparPopupOverlay .onBoardContent .obMainContentWrapper{
		padding:0 11.125%;
		padding-bottom:55px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup{
		border-top:1px solid #d9d9d9;
	}

	.sparPopupOverlay .onBoardContent #ob_video #obVideoTag{
		width:540px;
		height:349px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection{
		display:block;
		width:100%;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption{
		height:46px;line-height:46px;
		padding-left:100px;
		text-align:left;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption .obSelectorHeadline{
		padding:0;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openPickup:BEFORE,
	.sparPopupOverlay .onBoardContent .obSelectorWrapper.singleSection .obSelectorOption.ob_openDelivery:BEFORE{
		left: 17.5%; /* 56/320 */
		margin-left: 0;
		top: 50%;
		margin-top: -16px;
	}

	.sparPopupOverlay .onBoardContent input.obInputText.pointOfService{
		width:312px;
	}

	/*
	#############################################################
	################### TIME SLOT CONTAINER #####################
	#############################################################
	*/

	.timeSlotContainer .timeSlotTable{
		width: 503px;
	}

	.timeSlotContainer .hoursContainer,
	.timeSlotContainer .hoursContainer li.emptyHour,
	.timeSlotContainer .hoursContainer li.hoursItem{
		width:103px;
	}

	.timeSlotContainer .hoursContainer li.hoursItem{
		height:42px;
		line-height:42px;
		padding:0;
	}

	.timeSlotContainer .obBtnsContainer{
		margin-top:38px;
		width: 486px;
	}

	.sparPopupOverlay .onBoardContent .obBtn {
		width: 220px;
	}

	.timeSlotContainer .priceSlotContainer {
		width: 80px;
	}

	.timeSlotContainer .priceSlotContainer li.dateSlot {
		width: 80px;
	}

	.timeSlotContainer .priceSlotContainer li.priceSlot {
		width: 80px;
	}

	.timeSlotContainer .timeSlotTable .timeSlotArrow.prev{
		left: -45px;
	}
	.timeSlotContainer .timeSlotTable .timeSlotArrow.next{
		right: -45px;
	}

}

@media(min-width:1280px){

	.sparPopupOverlay .onBoardContent{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.onBoardContent .onBoardTopBar{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		border: 0;
	}

	.sparPopupOverlay .onBoardContent .obMainContentWrapper {
		margin-top: 20px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openPickup,
	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption.ob_openDelivery {
		min-height: 230px;
	}

	.sparPopupOverlay .onBoardContent .obSelectorWrapper .obSelectorOption .borderHighlighted {
		min-height: 230px;
	}

	.onBoardContent .onBoardImage{
		width: 50%;
		float: left;
	}
	.onBoardContent .onBoardImage.visible-desktop{
		height: 100%;
		background-size: cover;
	}
	.onBoardContent .onBoardInteractions{
		width: 50%;
		float: right;
	}
	.onBoardContent .onBoardImage .onBoardImageLabel{
		bottom: 85px;
		width: 52.1875%; /* 334/640 */
		padding-left: 5%; /* 32/640 */
		padding-right: 5%; /* 32/640 */
	}
}



/***********************************************
	CR-219 - Timeslot Functionality Enhancement
***********************************************/
li.priceSlot.sliderElementli.priceSlotWithText.available,
.priceSlotWithText,
.timeSlotMessage{
	display: table-cell;
	vertical-align:middle;
	text-overflow: ellipsis;
	line-height:12px;
	font-size:12px;
	overflow:hidden;
}


.whiteBackgroundMessage{
	background-color:#fff;
	margin-top:5px;
	width:95%;
}

span.costAdditionalText.timeSlotMessage {
	height: 100%;
	width: 82px;
	text-align: center;
	margin: 0 auto;
}

span.timeSlotPromoMessagePrice.timeSlotMessage {
	width: 79px;
}

/******
slider
******/
.timeSlotPromoMessagePrice{
	font-size:10px;
}

.timeSlotTable.timeSlotTableSlider.cf {
	width: 400px;
	padding-left: 10px;
}

.sliderNext{
	left:90%;
}

button.timeSlotArrow.sparicons.prev.sliderPrev {
	left: -25px;
}

li.dateSlot.sliderDataSlot {
	margin-left: 0px;
	margin-top: 0px;
}



.timeSlotContainer .priceSlotContainer li.priceSlot.priceSlotWithText {
	line-height: 10px;
}

/******
fullyBooked
******/
.timeSlotContainer .priceSlotContainer li.priceSlot.fullyBooked{
	cursor: not-allowed;
	background-color: #fff;

	color: #cdcdcd;
	font-weight: 700;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.fullyBooked:last-child{
	border-bottom: 1px solid #d9d9d9;
}


/******
lowcapacity
******/
.timeSlotContainer .priceSlotContainer li.priceSlot.lowAvailability:not(.selected):hover{
	border: 3px solid #ff9901;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.lowAvailability{
	color:#ff9901;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.lowAvailability.selected{
	color: #FFFFFF;
	position:relative;
	background-color: #ff9901;
}


/******
openinvoiceNotAvailable
******/
.timeSlotContainer .priceSlotContainer li.priceSlot.openinvoiceNotAvailable:not(.selected):hover{
	border: 3px solid #ff9901;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.openinvoiceNotAvailable{
	color:#ff9901;
}

.timeSlotContainer .priceSlotContainer li.priceSlot.openinvoiceNotAvailable.selected{
	color: #FFFFFF;
	position:relative;
	background-color: #ff9901;
}

/* Temporary Fix per tooltip @priceSlot */
.priceSlot[data-tooltip] {
	overflow: visible;
}