#overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	background-color:#000;
	z-index:-1
}
/* MODAL */
#modal {
	position:absolute;
	width:100%;
	z-index:10000/*display:none*/
}
#modal div.xs {
	width:320px;
}
#modal div.msm {
	width:398px;
}
#modal div.sm {
	width:600px;
}
#modal div.med {
	width:800px;
}
#modal div.lrg {
	width:830px
}
#modal div.xlrg {
	width:940px
}
#modal .mainHeading {
	background:#2C221A;
    background: url(../images/bg/bg-wood-dark.jpg);
	padding:10px 10px 3px 15px;
	height:40px;
}
#modal .mainHeading h1{
	text-transform:none !important;	
	font-weight:300 !important;
}
#modal .noHeading .mainHeading {
	display:none !important
}
#modal .noHeading .bottomCorners {
	display:none !important
}

#modal #modalContents
{
    position:absolute; 
    margin-top:-35px;
    min-width: 100%;
}
#modal .contents {
	position: fixed;
	top: 0;
	margin-top: 50px;
	z-index:100001;
	width:100%;
	max-height:615px;
	height:615px
}
#modal .contents #contentsWrapper {
	position:relative;
	z-index:4;
	height:0
}
#modal .contents #contentsWrapper div.modal {
	margin: 0 auto;
	position:relative;
}
#modal .mainCloseButton {
	min-width:35px;
	min-height:35px;
	position:absolute;
	right:-20px;
	cursor:pointer;
	z-index:100002;
	width:35px;
	height:35px;
	background:url(../images/buttons/closeButton.png) no-repeat;
    top:-5px
}
#modal .redXCloseButton {
	min-width:25px;
	min-height:25px;
	position:absolute;
	right:15px;
	cursor:pointer;
	z-index:100002;
	width:25px;
	height:25px;
	background:url(https://images.specialtys.com/Rewards/DoubleRewards/WebModalDR/closeX-red.svg) no-repeat;
    top:15px
}

#modal .mainContentContainer {
	min-width:100%;
}
#modal .noHeading .mainContentContainer {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#modal .noHeading {
	padding-top:15px
}
#modal .mainContentContainer {
	
}
#modal .bottomCorners {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:absolute;
	bottom:-10px;
	height:20px;
	width:100%; 
}
#modal .mainContentContainer .mainContent {
	padding: 0 0px 20px;
	min-height:50px;
    top:-10px

}
/*SANDWICH EDITOR MODAL*/
#modal #sandwichEditor {
	width:939px
}
/*DELIVERY MODAL*/
#modal #deliveryAddressSelection .bottomButtons {
	position:absolute;
	bottom:30px;
}
#modal #deliveryAddressSelection .bottomButtons input {
	margin: 0 20px
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel .content #col1, .tabsWidget #deliveryPanel .content #col2 {
	width:260px;
	margin-right:15px;/*background:#039	*/
}
#modal #deliveryAddressSelection .tabsWidget {
	min-height:360px;
	
}
#modal #deliveryAddressSelection .submitBtn {
	margin: 0 10px 10px 0;
}
#modal div.bottomButtonArea {
	min-height:50px;
	margin: 0 10px
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel .content {
	min-height:280px;
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel .deliveryAddressBlock {
	padding: 5px 0;
	position: absolute;
	width: 880px;
	background: #E9E5D1;
	height: 270px
}
#modal #deliveryAddressSelection #AddressSearchText {
	width: calc(100% - 10px);
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel #deliveryAddressGeoSelectContainer,
#modal #deliveryAddressSelection .tabsWidget #pickupPanel #pickupAddressGeoSelectContainer {
	
}

#modal #deliveryAddressSelection .tabsWidget #deliveryPanel #pastDeliveryLocationsLink {
	display:block;
	padding-right:10px
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel #deliveryConfirmLocation #deliveryConfirmLocationAddress {
	padding-left:20px
}

#modal #deliveryAddressSelection .tabsWidget #deliveryPanel #addNewDeliveryLocationLink {
	padding:5px 10px;
	display:block;
	border-top:1px solid #000
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel #primaryLocation {
	width:190px;
	padding:0 5px
}
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel .deliveryAddressBlock .heading {
	margin-bottom:20px;
	width:780px
}
/*PICKUP ADDRESS MODAL*/
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .content #col1, .tabsWidget #pickupPanel .content #col2 {
	width:260px;
	margin-right:15px;/*background:#039	*/
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .zip {
	width:100px;
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .zip input[type='text'] {
	width:90px
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .state {
	width:100px;
	margin-right:15px
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .state input[type='text'] {
	width:90px;
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .content {
	min-height:280px;
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .pickupAddressBlock {
	padding: 5px 0;
	position: absolute;
	width: 880px;
	background: #E9E5D1;
	height: 270px
}


#modal #deliveryAddressSelection .tabsWidget #pickupPanel #pickupAddressSelectContainer,
#modal #deliveryAddressSelection .tabsWidget #deliveryPanel #deliveryAddressSelectContainer {
	height:205px;
}


#modal #deliveryAddressSelection .tabsWidget #pickupPanel #pastPickupLocationsLink {
	display:block;
	padding-right:10px
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel #pickupConfirmLocation #pickupConfirmLocationAddress {
	padding-left:20px
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel #addNewPickupLocationLink {
	padding:5px 10px;
	display:block;
	border-top:1px solid #000
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel #primaryLocation {
	width:190px;
	padding:0 5px
}
#modal #deliveryAddressSelection .tabsWidget #pickupPanel .pickupAddressBlock .heading {
	margin-bottom:20px;
	width:780px
}
/*USPS MODAL */
#modal #deliveryAddressSelection .bottomButtons {
	position:absolute;
	bottom:30px;
}
#modal #deliveryAddressSelection .bottomButtons input {
	margin: 0 20px
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel .content #col1, .tabsWidget #uspsPanel .content #col2 {
	width:260px;
	margin-right:15px;/*background:#039	*/
}
#modal #deliveryAddressSelection .tabsWidget {
	min-height:360px;
	
}
#modal #deliveryAddressSelection .submitBtn {
	margin: 0 10px 10px 0;
}
#modal div.bottomButtonArea {
	min-height:55px;
	margin: 0 10px
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel .content {
	min-height:280px;
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel .uspsAddressBlock {
	padding:5px 0;
	position:absolute;
	width:780px !important;
	background:#E2DDC9;
	height:270px
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel #uspsAddressSelectContainer {
	height: 205px;
    width: 220px;
}

#modal #deliveryAddressSelection .tabsWidget #uspsPanel #pastUspsLocationsLink {
	display:block;
	padding-right:10px
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel #uspsConfirmLocation #uspsConfirmLocationAddress {
	padding-left:20px
}

#modal #deliveryAddressSelection .tabsWidget #uspsPanel #addNewUspsLocationLink {
	padding:5px 10px;
	display:block;
	border-top:1px solid #000
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel #primaryLocation {
	width:190px;
	padding:0 5px
}
#modal #deliveryAddressSelection .tabsWidget #uspsPanel .uspsAddressBlock .heading {
	margin-bottom:20px;
	width:780px
}
/*USERLOGIN MODAL*/
#modal #userLoginRegistrationModal .submitButton {
	width:110px;
	margin:10px 40px
}
#modal #userLoginRegistrationModal .divider {
	height:360px;
}

/*SUGGEST MODAL*/
#modal #suggestModal .categoryHeaderArea {
	margin:10px 0 20px;
	border-bottom:2px solid #000;
	padding:3px;
	height:45px;
	width:295px
}
#modal #suggestModal .categoryHeaderArea .categoryHeader {
	width:150px
}
#modal #suggestModal .categoryHeaderArea .categoryHeader img{
	position:absolute;
	margin-top:-33px;
	margin-left:140px;
}
#modal #suggestModal .scrollBox {
	margin:10px;
	padding:3px;
	height:320px;
	overflow:auto;
	width:275px
}
#modal #suggestModal .scrollBox .itemListContainer {
	margin-right:10px;
	min-height:400px
}
#modal #suggestModal .scrollBox .itemListContainer h2 {
	margin-top:10px
}
#modal #suggestModal .scrollBox .itemListContainer .itemName {
	width:132px;
	float:left;
	padding:6px 0;
	font-weight:bold
}
#modal #suggestModal .scrollBox .itemListContainer .itemPrice {
	width:47px;
	float:left;
	text-align:right;
	padding:6px;
}
#modal #suggestModal .scrollBox .itemListContainer .itemQty {
	width:56px;
	float:left;
	text-align:right;
	padding-top:3px
}
#modal #suggestModal .bottomButtonArea input[type="button"] {
	padding:10px 15px;
	font-family:"museo-sans",sans-derif
}
#modal #suggestModal span.select {
	 *position:static;
	 *margin-left:-55px
}
#modal #suggestModal .qtyButtonContainer {
 	*position:static;
}
#modal #suggestModal .qtySelect {
 	*left:5px
}
/*PAYMENT METHOD MODAL*/
#paymentMethod .mainContentContainer{
	min-height:400px
}

#paymentMethod .bottomButtonArea {
	padding-right:20px
	}

#paymentMethod .tabsWidget {
	width: 710px !important;
	height:320px
}

#paymentMethod .tabsWidget .panelsContainer {
	width: 700px !important
}

#paymentMethod .tabsWidget .contentContainer .col {
	width:320px!important
}

#splitPayment .mainContentContainer{
	min-height:400px
}

#splitPayment .bottomButtonArea {
	padding-right:20px
	}

#splitPayment .tabsWidget {
	width: 710px !important;
	height:320px
}

#splitPayment .tabsWidget .panelsContainer {
	width: 700px !important
}

#splitPayment .tabsWidget .contentContainer .col {
	width:320px!important
}

#locationSelector_pickupAddressSelect { 
    height: 185px !important
}

#locationSelector_pickupAddressSelect div.pickupFloorSuite {
    display:none
}
#deliveryFeesModal .colWidth
{
    width:164px
}