/* Minification failed. Returning unminified contents.
(273,111): run-time error CSS1035: Expected colon, found '}'
(1426,16): run-time error CSS1035: Expected colon, found '{'
: run-time error CSS1066: Unexpected end of file encountered
 */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,800');

/*----Bitter font-------*/

@font-face {
	font-family: 'Bitter';
	src: url('fonts/Bitter-Regular.ttf'); 
	src: 
		local('Bitter'),
		local('Bitter-Regular'),
		url('fonts/Bitter-Regular.ttf') 
		format('truetype'); }


/* Site
   -------------------------------- */
*{ margin: 0; padding: 0; border-spacing:0px; border-collapse: separate;}
html{ background: #5A5A5A url('images/dock-bg.png') top center repeat-x;}
body{ margin: 0; padding: 0 0 20px; min-height: 100%; font-family: 'Bitter',serif;}

#wrapper{ margin: 0 auto; /*width: 980px;*/ position: relative;}
#wrapper .ui-widget-content {border:none;}
#banner{ background: url('images/nav-bg.png') bottom center repeat-x; height: 315px; border-bottom: 6px solid #862424;}

textarea{resize: none; width:139px; height:60px;}
input[type=text],input[type=password] {width:139px;}
select.width {width:142px;}
*:focus{outline:0;}
select, input[type=text],input[type=password],textarea{border: 1px solid #d6d6d6;border-radius: 4px;box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1) inset;padding: 10px;font-size: 13pt;background-color: #f8f8f8;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-box-sizing: border-box;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {border-radius: 4px;box-shadow: 0px 0px 2pt 1pt #b11116;}

.storeImg, .contactImg, .calendarImg, .creditImg, .commentsImg,.visa, .mc, .amex, .disc,.loginImg, .addressImg,.favoriteImg,.thumbs,.eclub {background-position:center top; background-repeat:no-repeat; margin:1em 0 0 0;}
.storeImg {background-image:url(images/store.png); padding-top:50px; }
.contactImg {background-image:url(images/contact.png); padding-top:64px; }
.calendarImg {background-image:url(images/calendar.png); padding-top:64px; }
.creditImg {background-image:url(images/credit_card.png); padding-top:64px; }
.favoriteImg {background-image:url(images/favorite.png); padding-top:64px; }
.commentsImg {background-image:url(images/comments.png); padding-top:48px;}
.visa, .mc, .amex, .disc {width:40px; height:25px; display:inline-block;}
.visa {background-image:url(images/visa.png);}
.mc {background-image:url(images/mc.png);}
.amex {background-image:url(images/amex.png);}
.disc {background-image:url(images/disc.png);}
.loginImg{background-image:url(images/login.png);padding-top:64px; }
.addressImg {background-image:url(images/address.png); padding-top:64px;}
.eclub {background-image:url(images/eclub.png); padding-top:64px;}
#Loading{width:400px; margin:15px auto; text-align:center;}
#progressbar {height:1.6em;text-align:left;overflow:hidden; width:250px; margin:10px auto;}
#progressbar .ui-widget-header {width:100%; background-image:none; height:100%;}
.bar {background:url(images/animated-overlay.gif); height:100%;filter:alpha(opacity=25);opacity:0.25;}

.thumbs {background-image:url(images/thumbs.gif); width:24px; height:24px;}
.submit {text-align: right; margin: 10px;}
.left {text-align: left!important;}
.center {text-align:center!important;}
.inline {display:inline-block!important;}
.padding {padding:5px;}
.circle {padding: 0px 5px;}
.capitalize {text-transform:capitalize;}
.uppercase {text-transform:uppercase;}
.required {color:Red;}
.notes {color:green;}
.inlineicon, .inlineicon .ui-icon {display:inline-block; vertical-align:bottom;}
.border-right {border:none; border-right:2px solid #8C1A11;}

#footer .border-right, #savedLocations .border-right,#guestPopup .border-right{border-color:#ffffff;}
.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px}
.arrow.top{top:-16px;bottom:auto}
.arrow.left{left:20%}
.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);tranform:rotate(45deg)}
.arrow.top:after{bottom:-20px;top:auto}
.noBackImage {background-image:none!important;}
.noBorder {border:none!important;}

/*Login, Register buttons
--------------------------*/
/*#ancLogin {color: #fff;}
#ancGuest {color: #fff;}
#ancRegister {color: #fff;}*/
#ancLogin:hover {color: #fff;}
#ancGuest:hover {color: #fff;}
#ancRegister:hover {color: #fff;}
/*#divGuestOpt.submit{margin:0;}*/

/*pageBackground
---------------------*/

#pageBackground{background: url('images/main_2000.jpg') 50% 60% no-repeat!important; background-size:cover!important; height: 250px!important; margin-top: 50px;}
/*#pageBackground.home{display:none;}*/

/*Order Type selection positioning for sites with only 1 order type
---------------------------------------------------------------------*/
/*.ui-block-50 {float:none!important; margin:auto!important;}*/

/* Logo
   -------------------------------- */

h1.logo{ position: absolute; top: 0px; left: 200px; margin: 0;}
h1.logo, h1.logo a{ width: 275px; height: 250px; /*transition: transform 2s;*/}
h1.logo a{ display: block; background: url('images/logo_blackbg_smaller.png') no-repeat;}
h1.logo a span{ display: none;}
/*h1.logo, h1.logo a:hover {transform: rotateY(360deg);}*/

/* Dock
   -------------------------------- */
#dock{ height: 25px; position: absolute; top: 8px; right: 10%;}
#dock ul, #dock ul li{ float: left; list-style-type: none; margin: 0; padding: 0; height:30px;}
#dock ul{ padding: 0 10px; height: 25px;}
#dock ul li{ padding: 0 10px; position: relative; color:#fff; text-transform: capitalize; line-height:30px; font-family: 'Raleway', sans-serif;}
#dock ul li a{color: #fff; text-decoration: none; }
#dock ul li a:hover, #dock ul li.selected a{ color: #fff; }
#dock ul li.selected a{ font-weight: bold;}

/*To dispose of the border that must die
------------------------------------------------*/
/*#dock .border-right{border:none;}*/



/* Navigation
   -------------------------------- */

#navigation{ height: 45px; float: left; position: relative; margin: 0 0 0 685px; top: 250px; right: 0px;}
#navigation .left{ float: left; width: 12px; height: 45px; /* background: url('/images/navigation.png') no-repeat left top; */ /*background: url('images/table-left.png') no-repeat left top;*/ }
#ie6 #navigation .left{ background: transparent none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigation_l.png', sizingMethod='scale'); zoom: 1;}
#navigation .right{ float: left; width: 12px; height: 45px; /*background: url('images/table-right.png') no-repeat right top;*/}
#navigation ul, #navigation ul li{ float: left; list-style-type: none; margin: 0; padding: 0; line-height: 38px;}
#navigation ul{ height: 45px; /*background: url('images/table-center.png') repeat-x 0 0px;*/}
#navigation ul li a{ font-family: 'Raleway', sans-serif; text-transform:uppercase; float: left; display: block; padding: 1em 1.25em; color: #fff; text-decoration: none; /*background: url('images/navigation_s.png') no-repeat right top;*/ font-size: 1em; letter-spacing: 0.035em; /*border-right: 1px solid #8C1A11;*/}
#navigation ul li:last-child a{ float: left; display: block; padding: 0 10px; color: #fff; text-decoration: none; border: 0px; /*background: url('images/navigation_s.png') no-repeat right top;*/  display:none; }
#navigation ul li a.selected{ color: #fff;}
#navigation ul li.last a{ background-image: none;}
#navigation ul li a:hover{ color: #fff; background-color: #862424;}


/* Content
   -------------------------------- */

.content-top{ font-size: 1px; height: 150px; /*background: #CD2B2F;*/ /*45px;*/ /*background: url('images/headerSprint.png') 0px 0px;*/ /*url('images/content_top_bg.png')*/}
.content-bottom{ font-size: 1px; height: 10px; /*81px;*/ /*background: url('images/headerSprint.png') 0px -11px;*/ /*url('images/content_bottom_bg.png');*/}
.content-body{ margin: 10px 25px 10px 25px;}
.content{ width: 1200px; margin: 0 auto; padding: 0px 3px 5px 3px; overflow: hidden; top:-150px; /*background: #F4EACA url('images/content_body_bg.png') repeat-y 0 0px;*/}
#ie6 .content{ height: 380px; overflow-y: visible;}
.content.home{overflow:visible;}

/* Normal
   -------------------------------- */

h2, h3, h4{font-family: 'Raleway', sans-serif; margin: 0; font-weight: normal; padding: 9px 0;}
h4{ font-size: 1.1em; font-weight: bold; text-transform:capitalize; padding: 5px;}
h3{ font-size: 1.15em; text-transform:capitalize; font-weight:bold;}
h2{ font-size: 1.18em; text-transform:capitalize;font-weight:bold;}
h1{ font-size: 2em; text-transform:capitalize;font-weight:bold;}
h3.header, h4.header{ font-family: 'Raleway', sans-serif; text-align: center; border-top:0px none; border-left:0px none; border-right:0px none;text-transform:uppercase;}

/* Footer
   -------------------------------- */

#footer{ font-family: 'Raleway', sans-serif; padding: 10px 0; position: relative; color:#fff; text-align:center;}
#footer a {color:#fff;}
#footer a:hover {border-bottom: 2px solid #fff;color:#fff;}
#footer ul, #footer ul li{ list-style-type: none;}
#footer ul{ padding: 0 6px;}
#footer ul li{ padding: 0 6px; display:inline;}
#footer ul li a{text-decoration:none;}
#footer>div{margin-top:10px;}
#footer>div:first-child{margin:0px;}


/* Error Styles
   -------------------------------- */
.error {padding: 0 .7em; margin:10px 0px 10px 0px;}
.error>p, .error> div{padding:1em;}
.error .ui-icon {float: left; margin-right: .3em;}
ul.error {margin-left:25px;}
ul.error li {font-weight:bold;}

/* To modify Session Expired text
   -------------------------------- */
/*h2.center{color: #fff;}
p.center.padding-all{color: #fff;}
p.center.padding-all a strong{color: #359EF2;}*/

/* Styles for slide show
----------------------------------------------------------*/

#slides{ float: left; /*width: 658px;  */ overflow: hidden; display:none;}
.slides_container{ width: 658px; overflow: hidden; position: relative; display: none;}
.slides_container div{ width: 658px; height: 361px; display: block;}

/* For repositioning HomeContent
----------------------------------------------------------*/
/*.homeContent{width: 260px; margin:auto; text-align:center; position:absolute; padding-top: 150px; padding-left:350px;}*/
.homeContent{ width: 325px!important; float:none!important; margin: 65px auto 20px;}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label,.display-field, .editor-field { margin: 1em 0 0 0; text-align: left; display:inline-block; vertical-align:middle;}
.editor-label {width:85px;}
.field-validation-valid{ display: none;}
.field-validation-error {padding:0.3em;text-align:center; position:relative;display:block;}
/*.input-validation-error{ border: 1px solid #f00; display: block;}
.input-validation-valid{}
.field-validation-error{ color: #f00; display: block;}

.validation-summary-errors{ font-weight: bold; color: #f00;}
.validation-summary-valid{ display: none;}
.editor-field input, .display-field input {vertical-align:top;}*/
.no-close .ui-dialog-titlebar-close{ display: none;}
.no-header .ui-dialog-titlebar {}

​/* Pagination 
----------------------------------------------------------*/ 
.pagination{ list-style: none; text-align: center; }
.pagination li{ display: inline-block; text-align: center; list-style: none; padding: 1px;}
.pagination li a{ display: block; width: 12px; height: 12px; background-color:#444444; /*background-image: url(images/pagination.png); background-position: 0 0;*/}
.pagination li.current a, .pagination li a:hover{ /*background-position: 0 -12px;*/ background-color:#b11116;}

/* Locations Page
---------------------------------------------------------------*/
/*#StoreList{ padding: 2px; margin: 0px 5px 5px 0px; width:451px; float:left; display:inline;}*/
.StoreList{ margin: 5px 5px 5px 5px;}

#PlaceHolder{max-height: 540px; overflow: hidden; }
#PlaceHolder ul{ list-style: none;}
#PlaceHolder ul li{ list-style: none; padding:0px; margin:8px 0px 8px 0px; background:none;}/*background-color: #F4EACA;*/
#PlaceHolder ul li div.img,
#PlaceHolder ul li div.address,
#PlaceHolder ul li div.hours,
#PlaceHolder ul li div.current,
#PlaceHolder ul li div.buttons {display: inline-block; vertical-align: middle;  padding: 5px; height: 70px; border-left:none; border-top:none; border-bottom:none; background:none; font-weight:normal;}
#PlaceHolder ul li div.img {text-align: center; width: 60px;}
#PlaceHolder ul li div.address {width: 200px; }
#PlaceHolder ul li div.hours {text-align:center; width: 120px;}
#PlaceHolder ul li div.buttons {text-align: center; width:130px; border:none;}
#PlaceHolder ul li div.current{text-align:center;width:80px;}

.gmapHolder{border-bottom-width:0px; border-top-width:0px; border-bottom-style:none; border-top-style:none; padding:4px; margin: 0px 0px 5px 5px; float:left; width: 447px; height: 590px; display:inline;}
#gmap{ height:585px; }
.addressList{text-align:left;list-style-type:circle; margin:5px;}
.addressList li a:hover{font-size:8.5pt;text-decoration:underline;}
.addressList li{display:list-item;cursor: pointer; margin:3px;}
.addressList li a{color: #25383C;font-size:8.5pt;}

.shadow{-moz-box-shadow: 0px 0px 5px #858585; -webkit-box-shadow: 0px 0px 5px #858585; box-shadow: 0px 0px 5px #858585;}

#hrsPlaceholder{height: 200px;overflow: hidden;}
#hrsPlaceholder table {width:100%;}
#hrsPlaceholder th, #hrsPlaceholder td { width:50%; padding:4px;}

/*Customizing ui-state-highlight in order types page. */
#orderTypes .ui-state-highlight {    
	background: transparent;
	border: none;
	text-transform: capitalize;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
}

/* Order Page
---------------------------------------------------------------*/
#couponWrapper, #customerWrapper {margin-top:10px;}
.wrapper-side-2-content {padding: 0.2em; margin-top: 0px;}
.contentDiv {padding:5px;}
.wrapper-side-2-content a {color:#b11116!important;}
.wrapper-side-2 {float:left; width:688px; padding-right:11px; display:inline-block;}
.wrapper-center-2 {float:left;width:220px; padding-left:5px; display: inline-block;}
.menuItems {padding: 0.1em; border: 0px; width: 153px; margin-right: 0px; vertical-align: top;display: inline-block;}
.menuItems h4 {font-size:1.1em;}
.menuItems div, .menuItems p {padding:5px;}
.menuItems img {width:80px; height:80px;}
.ItemsPlaceholder .ui-widget-content {border-style:dashed!important; padding:0px;border-width:1px!important;}
.divider {margin:10px 0px 10px 0px; display:block; border-style:none; border-bottom:1px solid #b11116;_blackbg}
.menuItemOptions {display:inline-block; margin-left:5px; width:76%;}
ul.steps {list-style: none;display:block; vertical-align:top;}
ul.steps li {list-style: none; padding:5px; margin: 4px 0px 4px 0px; width:90px; text-align:center; display:inline-block;cursor:pointer;}
/*ul.steps { list-style: none; position: relative; float: left; display: block; left: 50%; margin:5px; }
ul.steps li { position: relative; float: left; display: block; right: 50%; width:100px;  text-align:center; padding:8px; }*/
#ItemsPopup {overflow:hidden;}
#itemOptions>div {overflow-y:hidden; margin-top:10px;}
#itemOptions>div>div, #itemOptions>div>span{margin:10px 0px 10px 10px;}
#itemOptions h4{font-size:1em;}
#itemOptions {overflow:hidden; margin:5px 0px 5px 10px; border:none;background:none;}
/* Overwrites highlight theme.  Custom highlight style used in menu item options*/
#itemOptions .ui-state-highlight {    
}
/*Overwrites jquery header style.  Fill this to customize ui-state-header used in menu item options*/
#itemOptions h4.ui-widget-header {
    background-image:none;
    border:none;
}
.ModsWrapper {display: inline-block; width: 240px; vertical-align: top; margin-top: 5px;}
.styleHeader {margin-top:2px;}
.styleHeader label:first-child {margin-right:2px; width:70px; display:inline-block;}
.SzPrice {font-size: 9px;}
.ModsWrapper>div {margin-top: 8px;}
.ModsWrapper>label {vertical-align:middle; display:inline-block;}
.ModsDiv {margin-top:5px; display:none;}
.ModsDiv>select{display:inline-block; margin-left:5px;}

/* Overwrites modifiers buttonset theme.*/
.ModsDiv .ui-state-default {
    background:none!important; border:none!important;
}
.ModsDiv .ui-state-hover {
    background:none!important; border:none!important;
}
.ModsDiv .ui-state-active {
    background:none!important; border:none!important;
}
/* style used for displaying item price*/
.itemPrice {font-style:italic; font-weight:bold; font-size:1.1em; padding-left:5px;color:#b11116;}

/* OLD TOPPINGS CONFIG*/
/*.mods{ width: 16px; height: 16px; background-image: url(images/toppings.png) !important; text-indent:-99999px; background-repeat:no-repeat; display: inline-block; }
.mods-h1-active{ background-position: 0 0; } 
.mods-h1{ background-position: -17px 0;} 
.mods-h2-active{ background-position: -34px 0;} 
.mods-h2{ background-position: -51px 0;} 
.mods-w-active{ background-position: -68px 0;} 
.mods-w{ background-position: -85px 0;}*/

/*NEW TOPPINGS IMAGE*/

.mods{ width: 30px; height: 30px; background-image: url(images/toppings.png)!important; text-indent:-99999px; background-repeat:no-repeat; display: inline-block; vertical-align:middle; }
.ModsDiv>label, .ModsDiv>label>.ui-button-text{padding:0.2em; margin:0em;}
.ModsDiv .ui-state-default .mods-w-active{ background-position:-10px -10px; }
.ModsDiv .ui-state-hover .mods-w-active{ background-position:-10px -130px;}
.ModsDiv .ui-state-active .mods-w-active, .mods-w-active{background-position:-10px -130px;}
.ModsDiv .ui-state-default .mods-h1-active{ background-position:-10px -50px;}
.ModsDiv .ui-state-hover .mods-h1-active{background-position:-10px -170px;}
.ModsDiv .ui-state-active .mods-h1-active, .mods-h1-active{background-position:-10px -170px;}
.ModsDiv .ui-state-default .mods-h2-active{background-position:-10px -90px;}
.ModsDiv .ui-state-hover .mods-h2-active{ background-position:-10px -210px;}
.ModsDiv .ui-state-active .mods-h2-active, .mods-h2-active{background-position:-10px -210px;}

.display {display:block;}
.dialogLeftDiv {vertical-align:top; display:block;}
.dialogRightDiv {display:block;}
#cartView {min-height:75px;}
#cartView>table {width:100%; margin:8px 0px 8px 0px;}
#cartView>span {text-align:center; margin-top:10px; display:block;}
#cartView>table td {padding-top:2px;}
#cartView>table:last-child td {padding-top:4px; font-weight:bold;}
#cartView>table:last-child td:first-child {text-align:right;}
#cartView>table:last-child tr:last-child td {padding-bottom:4px;}
.qty,.price,.receiptName,.cartMod {vertical-align:top; font-size:1em; padding-right:5px;}
.price {text-align:right;padding-left:5px;}
.qty {padding-left:5px; padding-right:10px;}
.cartMod {padding:0px 0px 0px 15px;}
#cartTotals {margin:5px 0px; text-align:right;}
#minOrder {padding:4px;}
#guestPopup , #guestPopup>li{ list-style-type: none;}
#guestPopup { padding: 6px;}
#guestPopup>li{ padding:6px; display:inline-block; width:320px; vertical-align:top;}
#guestPopup div{margin-top:10px;}

/* Checkout Page
---------------------------------------------------------------*/
#location, #info, #paymentInfo, #preorderInfo, #orderNotes, #address, #favorite, #eclubDiv {padding: 5px; display:inline-block; width: 500px; margin-left:50px;}
#info label, #paymentInfo label, #feedbackinfo label, #login label, #address label, #favorite label {font-weight:bold;}
#paymentDetails .editor-label, 
#login .editor-label, 
.contentmin #info .editor-label, 
.contentmin #address .editor-label {width:110px;}
.sideHeader {display: inline-block; width: 100px; text-align: center; vertical-align: top;}
#paymentDetails {display: inline-block; margin-top: 10px; vertical-align: top;}
#paymentOptions {display: block;}
#paymentOptions>label{width:100px;}

/* Feedback Page
---------------------------------------------------------------*/
.contactUs, #login {padding: 5px; display:inline-block; margin-left:50px; vertical-align:top;}
.contactUs label {font-weight:bold;}
.contentmin {margin: 0 auto; width: 60%; padding: 0.5em;}
.contentmin #info, .contentmin #address {width:auto;}

/*Saved Locations
---------------------------------------------------------------*/
#savedLocations , #savedLocations>li{ list-style-type: none;}
#savedLocations { padding: 6px;}
#savedLocations>li{ padding:6px; vertical-align:top;}

/*Tabs
---------------------------------------------------------------*/
#tabs.ui-widget-content{background:none;}
#tabs>.ui-widget-header{background:none;border:none;}
#tabs>.ui-tabs-nav>li { text-align:center;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
#tabs>.ui-tabs-nav>li h2{padding:0;}
#tabs>.ui-tabs-nav>li a{width:116px; height:129px;text-align:center;color:#fff; padding:0.1em; display:block; float:none; -ms-word-wrap:break-word; word-wrap:break-word; white-space:pre-wrap;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:15px; font-family: 'Bitter'; text-transform:uppercase; position:relative;}
#tabs>.ui-tabs-nav>li a>span{position:absolute; left:0; right:0; bottom:38px; background: #000;}
#tabs>.ui-tabs-nav>.ui-state-default , #tabs>.ui-tabs-nav>.ui-state-active , #tabs>.ui-tabs-nav>.ui-state-hover  {background:none; border-radius:0px;  border:none;}
#tabs>.ui-tabs-nav>.ui-state-active a {background:url('images/menu-group-active.png') no-repeat; background-size:contain; border-radius:0px;  border:none;}
#tabs>.ui-tabs-nav>.ui-state-hover a{background:url('images/menu-group-active.png') no-repeat; background-size:contain; border-radius:0px;  border:none;}
#tabs>.ui-tabs-nav>.ui-state-active a, #tabs>.ui-tabs-nav>.ui-state-hover a{color:#fff; }
#tabs>.ui-tabs-nav>li>button.btnNext{background:transparent url(images/pager-next.png) no-repeat; width:44px; height:44px; border:none;}
#tabs>.ui-tabs-nav>li>button.btnPrev{background:transparent url(images/pager-prev.png) no-repeat; width:44px; height:44px; border:none;}
.btnNext .ui-icon, .btnPrev .ui-icon{display:none;}
#tabs.noBackImage>div{margin-top:0px;}


/* Custom Modifications
   -------------------------------- */
#tabs>.ui-tabs-nav>li a {width: 130px; display:block; word-wrap:break-word; white-space:pre-wrap;}
#hdrHome{background: #8C1A11; font-family: 'Bitter'; text-transform: capitalize!important; font-size: 1.8rem;}
#orderTypes span.pickupImg, #orderTypes span.deliveryImg{display:none!important;}
#orderTypes label[for] span {font-family: 'Bitter';font-size: 5rem; font-weight: bold;}
#orderTypes label[for]{padding: 20px 0;}
#orderTypes h3{font-family: 'Bitter'; color:#fff; text-transform:uppercase; text-align: center; /*margin-top: 50px;*/}
span.ui-button-text{font-family: 'Raleway', sans-serif;}
div#ordTypePlaceholder {background: #fff; padding: 10px; margin-top: 25px;}
.vItemContainer p{font-style:italic;}
#tabs > div[aria-hidden="False"]{background: #fff;}
.vItemContentCellButton .ui-state-default {background: #CD2B2F!important; border: none!important; color: #fff!important;}
.rightDiv{font-family: 'Raleway';}
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(star.gif);
    height: 16px;
    outline: none;
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url(star.gif) left -32px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -32px;
}

.rateit .rateit-selected
{
    background: url(star.gif) left -16px;
}

.rateit .rateit-selected-rtl
{
    background-position: right -16px;
}

.rateit .rateit-preset
{
    background: url(star.gif) left -48px;
}

.rateit .rateit-preset-rtl
{
    background: url(star.gif) left -48px;
}

.rateit button.rateit-reset
{
    background: url(delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border:none;
    padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
    background-position: 0 -16px;
}

.vItemContainer {display: table; width: 100%;}
.vItemContainer > div {display: table-row;}
.vItemContentCellImg {display: table-cell; vertical-align: top;padding-right:5px; width:1px;white-space:nowrap;}
.vItemContentCellFluid {display: table-cell; vertical-align: top;padding-right:5px;}
.vItemContentCellButton {display: table-cell; width: 8%; text-align: center; vertical-align: top;}
.vItemContentCellPrice {display: table-cell; width: 22%; text-align: center; vertical-align: top;}
.vItemContainer h4 {padding:0px;}
.vItemContainer p {padding-top:5px;}

.boldText{font-weight:bold;}

.margin-all, .margin-left, .margin-tl, .margin-bl {margin-left:10px;}
.margin-all, .margin-right, .margin-tr, .margin-br{margin-right:10px;}
.margin-all, .margin-top, .margin-tl, .margin-tr, .margin-tb{margin-top:10px;}
.margin-all, .margin-bottom, .margin-bl, .margin-br, .margin-tb{margin-bottom:10px;}
.margin-none{margin:0px;}

.padding-all, .padding-left, .padding-tl, .padding-bl {padding-left:5px;}
.padding-all, .padding-right, .padding-tr, .padding-br{padding-right:5px;}
.padding-all, .padding-top, .padding-tl, .padding-tr, .padding-tb{padding-top:5px;}
.padding-all, .padding-bottom, .padding-bl, .padding-br, .padding-tb{padding-bottom:5px;}
.padding-none{padding:0px;}

.item-col1{padding: 0.1em;border: 0px;width: 153px;margin-right: 0px;vertical-align: top;display: inline-block;}

#smartbanner { position:absolute; left:0; top:-82px; width:100%; height:78px; z-index:999; overflow:hidden; background-image:none; }
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:25px; display:block; text-align:center; padding:1px; }
#smartbanner .sb-icon { position:absolute; left:35px; top:10px; display:block; width:57px; height:57px; background-size:cover;}
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold;}
#smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:10px; top:24px; min-width: 10%; height:24px; text-align:center; text-transform:uppercase; text-decoration:none;}

.boxSizing, div.editor-field, #tabs>.ui-tabs-panel, input[type=text], input[type=number], input[type=url], input[type=tel], input[type=password], input[type=email], select, select.width, textarea {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.wrapper-side-2 {width:75%; float:left;padding:0;margin:0; }
.wrapper-center-2 {width:25%; float:left; padding:0;margin:0;}
.maxWidth {width:100%;}
.rightDiv{width:25%; float:left; vertical-align:top; padding:1em 0.5em;}
.grpImg img{width:100%;}
#tabs>.ui-tabs-panel{vertical-align:top;float:left; width:75%;}
#tabs>.ui-tabs-nav>li a>img{max-width:100%; width:auto; height:auto;border:none;}
#tabs>.ui-tabs-nav>li a>span{display:block;}
#tabs>.ui-tabs-nav>li{padding:0.4em;}
#tabs>.ui-tabs-nav>li h2{padding-bottom:0;}
#tabs>.ui-tabs-nav>li.ui-tabs-paging-next,
#tabs>.ui-tabs-nav>li.ui-tabs-paging-prev{background:none; border:none;}

.styleHeader label[for]{width:95px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:-0.09em;}

#orderTypes div.ui-state-highlight {   
    background-image: none; 
    border: none;      
}
/*#orderTypes .ordTypePlaceholder>div{display:inline-block; vertical-align:top;}*/
/*#orderTypes label[for]{}*/
/*#orderTypes label[for]  img{width:auto; height:auto; vertical-align:middle;}*/
#orderTypes label[for]{display:block; text-align: center; cursor:pointer;}
#orderTypes input[type="radio"]{opacity:0;}
#orderTypes label[for] span{padding:0.4em;}
#orderTypes span.pickupImg,
#orderTypes span.deliveryImg,
#ordTypes>label span.pickupImg,
#ordTypes>label span.deliveryImg{height:60px; background-repeat:no-repeat; background-position:center 5px; display:block;}
#orderTypes span.pickupImg,
#ordTypes>label span.pickupImg{background-image:url(images/shop.png);}
#orderTypes span.deliveryImg,
#ordTypes>label span.deliveryImg{background-image:url(images/delivery.png);}
.ui-block-50{ width:50%; float:left; }
.ui-block-70{width:66%;float:left;}
.ui-block-30{width:34%;float:left;}
.ui-block-25{width:25%;float:left;}
.homeContent{width: 260px; float: right; text-align:center;}
.menuItemsPlaceholder{overflow:hidden;}
.menuItemsPlaceholder .divider{float:left; margin-top:0px; margin-bottom:5px; }
.menuItems{float:left;}
.menuItemsPlaceholder div.ui-widget-content{margin:0.4em; width:31%; }
.cpnIcon{position: absolute; top: -10px; left: 5px;}

#optionalZip{display:none; font-weight: bold; font-size:1.1em;}
#optionalZip.show{display:inline-block;}
/**:focus{outline:0;}*/
div.editor-label{margin-top:0;}
/*input[type=text],input[type=number], input[type=url],input[type=tel],input[type=password],input[type=email], select, select.width, textarea {padding:0.4em;}
input[type=text], input[type=number], input[type=url], input[type=tel], input[type=password], input[type=email], select.width, textarea {width:139px;}*/
#pInfo,#delNotes{display:inline-block;vertical-align:top;}
#delNotes{margin-left:40px;}
div.ui-dialog-buttonset>button{min-width:100px;}
input.txtSm, select.txtSm {width:100px;}
input.txtLg, select.txtLg {width:209px;}
input.txtXL, select.txtXL{width:343px;}

/*Menu Items - Tiles Layout*/
.menuItemsPlaceholder>div.tiles{margin:0.2em;}
.menuItemsPlaceholder>div.tiles>a {overflow:hidden; position:relative; width:100%; height:100%; display:block; text-decoration:none; text-transform:capitalize; text-align:center;}
.menuItemsPlaceholder>div.tiles>a > .hover{opacity:0; padding-top:5px; font-size:15px; font-weight:normal; position:absolute; left:0; right:0; bottom:0px; top:0;-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transform: translateY(-100px); -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.menuItemsPlaceholder>div.tiles>a > .default{opacity:1; transition: all 0.2s ease-in-out;}
.menuItemsPlaceholder>div.tiles>a img{width:auto; height:auto; max-width:100%; border:none;}
.menuItemsPlaceholder>div.tiles>a > h4.header{position:absolute; bottom:10px; width:100%;text-transform:capitalize; font-style: normal;font-weight: 400; transition: all 0.2s ease-in-out;}
.menuItemsPlaceholder>div.tiles>a:hover > .hover{opacity:1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.menuItemsPlaceholder>div.tiles>a:hover > .default,
.menuItemsPlaceholder>div.tiles>a:hover > h4.header{opacity:0; -webkit-transform: translateY(100px);-moz-transform: translateY(100px);-ms-transform: translateY(100px);-o-transform: translateY(100px);transform: translateY(100px);}

/*Groups background*/
#pageBackground{position:absolute; width:100%; background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;top: 0;height: 350px;}
#pageBackgroundFooter{position:absolute; bottom:0; width:100%; margin-top:-100px; padding-top:100px;}

#divLoginOpts{border:none;}
#findStorePlaceholder,#useMyLocation{margin-left:0px;}
.halfView{display: inline-block; vertical-align: top; width: 200px; text-align: center;}
#messages{position:fixed; width:100%;  right:0; top:0; z-index:9999; text-align:left;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
#messages>.ui-state-highlight{margin: 5px; padding: 15px; opacity: 0.95;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);  filter: alpha(opacity=95); text-align:center;}
#storeClosed{display:block;}
#storeClosedPlaceholder>div.ui-state-highlight{padding: 0.2em; margin-bottom: 10px;}
/*select, input[type=text],input[type=password],textarea{border: 1px solid #d6d6d6;border-radius: 4px;box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.1) inset;padding: 10px;font-size: 13pt;background-color: #f8f8f8;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-box-sizing: border-box;}*/
.content, #headerWrapper{position:relative;}
#headerWrapper, #dock{z-index:1;}
#tipTotals>table{width:160px;}
#tipTotals>table td{padding-top:4px; font-weight:bold; font-size:1em;}
#tipTotals>table td.relative{position:relative;}
input#tipAmount{text-align:right; padding:0; font-weight:bold; width:auto!important; max-width:38px;}
#tipTotals>table td:first-child{text-align:right; vertical-align:middle;}
#PlaceHolder ul li div.buttons {width:200px;}

/*Multiple Payments*/
#PayOption{padding:5px; width:50%;}
#paymentInfo .payments{padding:8px; position:relative;}
#paymentInfo .payments>a.ui-dialog-titlebar-close{position:absolute; top:8px; right:0.3em;}
#messages a.ui-dialog-titlebar-close{position:absolute; top:25%; right:1em;}
#paymentInfo .payments .amount{position:absolute; right:30px; top:8px;}
#paymentInfo .Credit,
#paymentInfo .LevelUp,
#paymentInfo .Cash,
#paymentInfo .Gift,
#paymentInfo .Check,
#paymentInfo .payments label.visa,
#paymentInfo .payments label.mc,
#paymentInfo .payments label.amex,
#paymentInfo .payments label.disc,
#paymentInfo .Account{background-repeat: no-repeat; background-size:contain; padding-left:28px; background-position: left center; margin:0em; width: auto; height: auto;}
#paymentInfo .Credit{background-image:url('images/credit.png');}
#paymentInfo .LevelUp{background-image:url('images/levelup.png');}
#paymentInfo .Cash{background-image:url('images/cash.png');}
#paymentInfo .Gift{background-image:url('images/gift.png');}
#paymentInfo .Check{background-image:url('images/check.png');}
#paymentInfo .Account{background-image:url('images/account.png');}
#balanceAmt{color:red;}

input[type=checkbox]{width:16px; height:16px;}
input[type=checkbox] + label, input[type=checkbox] + label > a {vertical-align:top;}

#myRewardsPnl>div{margin-top:20px;}

#rewardsMeter{display:table; text-align:center; width:100%;}
#rewardsMeter .rewardsMeterInterval{position:relative; display:table-cell; vertical-align:top; width:33%; vertical-align:middle;}
#rewardsMeter .rewardsMeterInterval:first-child{text-align:left;}
#rewardsMeter .rewardsMeterInterval:last-child{text-align:right;}

#myRewardsAcctGauge{margin-bottom:10px;}
#myRewardsPnl #outerRectangle{height:40px; position:relative; overflow:hidden;}
#myRewardsPnl #innerRectangle{height:40px; border:0px; width:0px;}

#LtyRules .ruleheader{text-transform:uppercase; letter-spacing: 1px; font-size:1.3em;}
#LtyRules .ruleheader>span{font-size:0.5em; letter-spacing: 1px;}
#LtyRules .ruledesc{font-size:0.9em;}
#LtyRules .rulenote{font-size:0.7em;}
#LtyRules{margin-top:20px;}
#PointRules, #RewardRules, #divLtyPoints, #divLtyRewards{float:left; display:inline-block; width:50%; vertical-align:top;}
#PointRules>div, #RewardRules>div{height: 100px; display:block;}

#MyRewardsDetails div.ltyReward{height:120px;padding:0px; float:left; display:inline-block; margin:0.4em; width:31%; vertical-align:top; cursor: pointer;}
#MyRewardsDetails div.ltyReward h4{font-size:1.3em; font-weight:bold; text-transform:uppercase; padding:5px;}
#MyRewardsDetails div.ltyReward p{padding:5px;}

.ModPrice{vertical-align:top; margin-left:2px;}
.sideDetails{padding: 5px; display:inline-block; width: 500px; margin-left:50px;}
.ltyText{max-width:340px; display:inline-block; vertical-align:top;}
#divCustomLtyLayout{text-align:center;}
#imgRewardsMeter{display:block; margin:auto; max-width:100%; }
#divAccountStatus h3, #divAccountStatus h4{padding:2px;}
.rewardExp{ font-weight:normal; font-size:smaller;color:red; vertical-align:top;}
.forceCCMsg .ui-icon{float:left;}
#pendingPoints{text-transform:capitalize; font-weight:normal; padding:2px;}
#divPts{position:absolute; left:0; right:0; top:0px; bottom:0; text-align:center; vertical-align:middle; text-transform:uppercase;}
#divPts>h2{padding:0;}

/**************TRACKER RELATED **********************/
#trackerDiv, #divTrackerMain{margin: 1em;}
#tracker{list-style-type: none; list-style:none; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#tracker li{float:left; height: 100%; width: calc(93%/4); position:relative;  margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#tracker li .material-icons{position:relative; z-index: 1; font-size: 2.5em; width: 2em; height: 2em; border-radius: 50%; display:block; 
                            line-height: 2em; text-align: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; 
                            -o-transition: all 1s ease; transition: all 1s ease;}
#tracker li h4.text{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
#tracker li .text{ transform: translateX(calc(-50% + 2em));   -webkit-transform: translateX(calc(-50% + 2em));   
                   padding: 0.5em 0em;   overflow: hidden;   font-weight: 400;   display: block;   overflow: hidden;
                   text-overflow: ellipsis; text-align:center; display:none; visibility: hidden; }
 #tracker li:not(:last-child) .line { content: ''; display: block; position: absolute; z-index: 0; top: 2.5em; height: 3px; 
                                       -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 
                            -o-transition: all 0.5s ease; transition: all 0.5s ease; border:none; width: calc(100% - 5em); right: 0; }
 #tracker li.done:after, #tracker li.done .icon{}
 #tracker.carryout li.onroad{display:none; visibility:hidden;}
 #tracker.carryout li{width: calc(93%/3);}
 #tracker li.complete{width: 7%;}
 #tracker.carryout li .text,
 #tracker.delivery li .text,
 #tracker.curbside li .text{display:block; visibility:visible;}

 #trackerHeader{position:relative;}
 #ordTime,#stageDesc{text-align:center; padding:0; margin-bottom: 10px;}
 #ordTime>span,
 #searchPhone{margin-left: 5px;}
 #trackerDiv.default li {opacity: 0.5;}
 #trackerDiv.default li .text,
 #trackerDiv.default #ordTime{display:none; visibility: hidden; }
 #divSearch, #divResults, #divHTStatus, #divCurbsideStatus {width: 50%; margin: 2em auto; float:none;}
 
 #divTrackerMain.search #divResults,
 #divTrackerMain.search #divHTStatus,
 #divTrackerMain.results #divSearch,
 #divTrackerMain.results #divHTStatus,
 #divTrackerMain.status #divSearch,
 #divTrackerMain.status #divResults, 
 #divCurbsideMain.search #divResults,
 #divCurbsideMain.search #divCurbsideStatus,
 #divCurbsideMain.results #divSearch,
 #divCurbsideMain.results #divCurbsideStatus,
 #divCurbsideMain.status #divSearch,
 #divCurbsideMain.status #divResults{display:none; visibility: hidden;}
 #divTrackerMain.search #divSearch,
 #divTrackerMain.results #divResults,
 #divTrackerMain.status #divHTStatus,
 #divCurbsideMain.search #divSearch,
 #divCurbsideMain.results #divResults,
 #divCurbsideMain.status #divCurbsideStatus {display:block; visibility:visible;}

 #divCurbsideMain #divSearch>h3,
 #divCurbsideMain #divSearch>p, 
  #divCurbsideMain #divResults>h3,
 #divCurbsideMain #divResults>p,
 #divCurbsideMain div.contentDiv{text-align: center; margin: 1em;}

 #divCurbsideMain div.submit{margin: 1em auto; text-align: center;}

 #divResultsContent a{text-decoration: underline; cursor: pointer; margin-top: 10px; display:block; margin: 5px 0px; vertical-align:top; font-size: 1.4em;}
 #divResultsContent a>span{padding: 0.2em; vertical-align:middle; font-size: inherit;}
 #htStatusImage{font-size: 20em;}
 #divHTStatusImg{float:left; width: 70%; vertical-align: top; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
 #divTicket{ padding: 0.2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} /*width: 30%; float:right;*/
 #divTicket > div {margin-left: 0.5em;}

 #businessInfo #lnkLocChange{display:none; visibility:hidden;}
 #ticketDetails span{display:block;}
 #ticketDetails span.item, #ticketDetails span.cpn {padding: 0.1em;}
 #ticketDetails span.option{padding: 0.1em 0.1em 0.1em 1.8em;} 
 
 #tracker li span.ui-state-highlight,
 #tracker li span.ui-state-highlight+h4{animation: highlight 1.5s ease-in-out 0s infinite; -moz-animation: highlight 1.5s ease-in-out 0s infinite; -webkit-animation: highlight 1.5s ease-in-out 0s infinite; }

 @-webkit-keyframes highlight{0% {opacity: 0.25} 50% {opacity: 1} 100% {opacity: 0.25}}
 @-moz-keyframes highlight{0% {opacity: 0.25} 50% {opacity: 1} 100% {opacity: 0.25}}
 @keyframes highlight{0% {opacity: 0.25} 50% {opacity: 1} 100% {opacity: 0.25}}
 .CalRange{display:block;}
 #btnNewSrch{text-align:center;}
 #divHTStatus div.submit.center{text-align:center;}
 #divHTHC, #divHTFeedback, #hdrHTFeedback{display:none;}
 #divTicket.complete >  #divHTHC, 
 #divTicket.complete > #divHTFeedback,
 #divTicket.complete > #hdrHTFeedback{display:block;}

 #divHTStatus #divBusiness>h3, 
 #divHTStatus #divCustomer>h3,
 #divHTStatus #divTicket>h3,
 #divCurbsideStatus #divTicket>h3{text-align:left; padding: 5px;}

 /**************Item Steps Layout RELATED **********************/
#itemOptions.newLayout{position:relative; margin: 0em;}
#itemOptions.newLayout>ul{list-style-type: none; list-style:none; }
#itemOptions.newLayout>ul li{text-align:center; position:relative; display:inline-block; width: 100px; margin-top: 0.1em;}
#itemOptions.newLayout>ul li>a{position:relative; height: 100%; display: block; padding: 0.8em; text-overflow: ellipsis;}
#itemOptions.newLayout #divItemDescription input{width: 100%;}
#divItemDetails, #divItemSummary{float:left; display:inline-block;}
#divItemDetails{width: 70%;}
#divItemSummary{width: 30%; padding-left: 1em; position:relative;}
#divItemDetails, 
#divItemSummary, 
#itemOptions.newLayout ul,
#itemOptions.newLayout ul>li,
#itemOptions.newLayout #divItemDescription input,
#itemOptions.newLayout div.ModsWrapper
{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#itemOptions.newLayout div.ModsWrapper{width: 50%; float:left;}
#itemOptions.newLayout #divItemDescription, 
#itemOptions.newLayout #itmError{margin:0px 0px 10px 0px;}
#itemOptions.newLayout .hidden{visibility:hidden; display:none;}
#itemOptions.newLayout #divItemImg{text-align:center;}
#itemOptions.newLayout .itm_qty_holder,
#itemOptions.newLayout .itm_notes_holder,
#itemOptions.newLayout .itm_mods_holder{margin-top: 10px;}
#itemOptions.newLayout .itm_mods_hdr{padding:0px; margin:0;}
div.itm_prefs_holder > div > div {display:inline-block; vertical-align:top; margin:5px;}

#divLtyStores{margin: 10px 0px;}
#divLtyStores>h2{display: block; font-weight: bold;}

#divItemSugg,
#divItemMain.sugg #divItemPlaceholder,
#divStyleSugg.none,
#divModSugg.none{display:none;}
#divItemMain.sugg #divItemSugg{display:block;}
#divItemSugg>div{margin: 5px 0px;}
#divItemSugg .disclaimer{font-size: 0.8em; display:block; font-weight:normal;}
#divStyleOpts>div,
#divModOpts>div{display:inline-block;margin:0px 5px 0px 0px;}
#divItemSugg>#divModSugg{margin: 20px 0px;}
#divItemSugg h2{padding: 0px;}
#divStyleOpts, 
#divModOpts{margin:5px 0px;}
#divRoundupAddl{margin-top: 15px;}
#divRoundupOther > input[type="text"]{width: 80px; border:none;}
#divRoundupOther > input[type="button"]{position:relative; left: -4px;border-top:none; border-right:none; border-bottom:none; border-radius:0px;}

#slides ul.pagination a{text-indent:-99999px;}
#ItemsPopup{min-height: 100px!important; height: auto!important; }
.pac-container {z-index: 1042;}

input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']), 
#wrapper select, 
#ItemsPopup select,
select.width, 
textarea{border-radius: 6px;border: none;font-weight:bold;background:none; box-shadow:none; border:2px solid #e4e4e4; width: 100%; padding: 25px 5px 5px 10px;}

input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']).noLabel, 
#wrapper select.noLabel, 
#ItemsPopup select.noLabel,
select.width.noLabel, 
#divItemMain select,
#divItemMain input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']),
textarea.noLabel{padding:0.8em;}

select#Id{width:95%; padding: 1em;}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}

div.editor-field {position:relative;}
div.editor-field>label:not(.ltyText){position:absolute; left:10px; right:0; top: 5px; font-weight:bold;} /*25%; font-size: 1.1em; z-index: 1;transition-timing-function: ease-in;transition-duration: .125s;*/
:not(.noLabel)::-webkit-input-placeholder{color: transparent;}
:not(.noLabel):-moz-placeholder{color: transparent;}
:not(.noLabel)::-moz-placeholder{color: transparent;}
:not(.noLabel):-ms-input-placeholder{color: transparent;}
:not(.noLabel)::-ms-input-placeholder{color: transparent;}

/*input[type=text]:focus + label, 
input[type=number]:focus + label, 
input[type=url]:focus + label, 
input[type=tel]:focus + label, 
input[type=password]:focus + label, 
input[type=email]:focus + label, 
select:focus + label, 
input[type=text].hasText + label, 
input[type=number].hasText + label, 
input[type=url].hasText + label, 
input[type=tel].hasText + label, 
input[type=password].hasText + label, 
input[type=email].hasText + label, 
select.hasText + label, 
textarea.hasText + label{ font-size:0.95em; top:5px;}*/


#divEstTime {text-align:center; padding:0.2em; margin: 1.4em;}
div.editor-field .required_field:after{content:' *'; color:red;}
#divUsername input[type="email"],
#divPassword input[type="password"]{width: 200px;}
#divLoginSubmit {margin: 10px 0px 10px 0px; position:relative;}
#forgotPassword {margin: 0 10px;}
button.facebook,
button.facebook.ui-button{border:none;background:url(images/facebook.png) no-repeat; width:140px;height:25px;cursor:pointer; text-indent:-9999px;}
#divHomeContent {margin: 4px;}
#hdrHome {text-transform: uppercase;}
#divOrdBtn a, #divHomeLogin a, #divHomeGuest a{text-transform:capitalize;}
#StoreList #PlaceHolder li{width: 70%; margin: 0 auto;}
#StoreList #PlaceHolder li > div {padding: 1em;}
#StoreList #PlaceHolder li div.ui-block-50{position:relative;}
#StoreList #PlaceHolder li img {position:absolute; left: 0; top: 10px; max-width: 60px;}
#StoreList #PlaceHolder li div.storeDetails {padding-left: 60px; border-left:none; border-top: none; border-bottom: none; border-right-width: 2px; padding-right: 1em;}
#StoreList #PlaceHolder li div.storeActions{padding-left: 1em; text-transform: capitalize;}
#StoreList #PlaceHolder li div.storeDetails h4,
#StoreList #PlaceHolder li div.storeDetails div{padding: 0;}
#StoreList #PlaceHolder li div.storeActions > div{margin: 5px auto; width: 75%; text-align:center;}
#divLocPage {text-align:center;}
#divLocPageHdr{display: inline-block; margin-right: 5px;}
#address table,
#vehicles table{margin: 10px 0px; width: 100%;}
#tabs > div[aria-hidden="True"]{display:none;}
#tabs > div[aria-hidden="False"]{display:block;}
#tabs div.itemRow,
#tabs div.cpnRow{display:flex; text-align:center; flex-direction: row;}
a.tilesv2{float:left; padding-bottom: 70px; position:relative; padding: 1em 0.2em; cursor:pointer; text-decoration:none;}
div.GroupsPlaceholder.nodesc a.tilesv2,
div.ItemsPlaceholder.noimg a.tilesv2{height:auto;}
#tabs div.GroupsPlaceholder div.itemPrice{display:none;}
#pTabs {position:relative;}
#btnBackMenu,
#cartButton{text-transform:capitalize; text-decoration:none; float:left;}
#cartButton{float:right;}
#btnBackMenu{display:none;}
#cartButton #cartText,
#cartButton #cartLabel{vertical-align:middle;}
#cartButton #cartLabel {margin-right: 0.2em; text-align:center;}
#tabs>#divCartPlaceholder{display:block; position:relative; margin: 0.5em;}
#tabs[data-listtype="menuitems"] #btnBackMenu,
#tabs[data-listtype="menucpns"] #btnBackMenu,
#tabs[data-listtype="ordersummary"] #btnBackMenu,
#tabs[data-listtype="myRewardsAcct"] #btnBackMenu,
#tabs[data-listtype="myorders"] #btnBackMenu,
#tabs[data-listtype="grouporder"] #btnBackMenu {display:block;}
#dialogContent #rightDiv{width: 100%; display: block; float:none; padding: 0;}
.modmaxhdr{float: right;}
#ordersummary>#divOrdDetails{width:70%;margin: 1em auto;}

#divSubmitCode, #divPromoCode{padding: 5px;}
#divPromoPlaceholder{position:relative;}
#divTabMisc{position:absolute; right: 0; top: 2px; width: 40%;}
#divTabMisc>div{float: left;}
#divTabMisc .ui-widget-content,
#divTabMisc .ui-widget-header{background:none; border:none; box-shadow:none;}
#divTabMisc #divPromo input{border:none; background: none;}
#divTabMisc #divSubmitCode, #divTabMisc #divPromoCode{padding: 0px; display:inline-block;}
#divTabMisc #divSubmitCode #btnAddCode{border-right:none; border-top:none; border-bottom:none; border-radius: 0;}
#divTabMisc #divPromoCode input.input-validation-error{border-color: red;}
#divTabMisc #divPromoCode span.field-validation-error {position:absolute; top:0; right:0; z-index:1; white-space:pre-wrap; width: 100px; bottom:0;}
#divTabMisc h3.ui-widget-header{display:none;}
#divProfileName{padding: 1em; vertical-align:top;}

#divOrdTypeVisual{width: 85%; margin: 10px auto; box-shadow: 4px 4px 10px rgba(0,0,0,0.35); border-radius:12px;}
#divOrdTypeVisual>div{float:left; width: 40%; position:relative; margin: 10px auto;}
#divOrdTypeVisual>div#addressSeparator{width: 20%; font-size: 5em;}
#ordTypes>label{margin: 10px auto; display:block;}
#divOrdDetails #ordTypes,
#divStoreInfo #ordTypes{text-align:center;}
#divOrdTypeVisual div.OTAddressWrapper>div {margin-top: 4px;}
html.order-checkout #divOrdTypeVisual{width: 100%;}

#tblTotals td{width: 50%;}
#cartView div.itemrow.v2{margin: 0px; padding: 10px 0px;}
#cartView div.itemrow.v2 > div{display:inline-block; width: 50%; text-align: left; vertical-align: middle;}
#cartView div.itemrow.v2 > div.col1{text-align:center;}
#cartView div.itemrow.v2 > div.col1 label{display:block;}
#cartView div.itemrow.v2 > div.col1 img{max-width: 100%;}
#cartView div.itemrow.v2 div.hdrcontent{margin:10px 0px;}
#cartView div.itemrow.v2 div.hdrcontent:not(.pref)>span.rowhdr{font-weight: bold; margin-right: 10px;}
#cartView div.itemrow.v2 div.hdrcontent.pref>span.rowhdr{font-weight: bold;}
#cartView div.itemrow.v2 div.hdrcontent:not(.pref)>span.rowhdr:after{content:':';}
#cartView div.itemrow.v2 > div.col2 div.actions span{cursor:pointer; padding-right: 10px; text-decoration:underline;}
#cartView div.itemrow.v2 span.separator{margin-right: 5px;}
#divOrdDetails #tblTotals{width: 100%;}
#divOrdDetails  #tblTotals td{width: 25%; text-align:right; padding:5px 15px;}
#divOrdDetails  #tblTotals td:first-child{width: 75%;}
#divOrdDetails #cartWrapper{margin-top: 10px;}
#divCartCpns{margin: 10px 10px 10px 50%;}
#divCartCpns h3{margin:5px 10px 5px 20px; position:relative;}
#divCartCpns h3.cpnsHeader{margin-left: 10px;}
#divCartCpns h3>span.cpnPrice{position:absolute; right:0; top:0;}
#divCartCpns h3>span.remove{display:block;margin: 2px; cursor: pointer; text-decoration:underline;}
#leftDiv.v2 #pInfo,
#leftDiv.v2 #delNotes{display:block;}

div.wrapper-side-2.v2,
div.wrapper-center-2.v2{display:block; float:none; margin: 0 auto; width: 90%;}
#leftDiv > div.ui-widget-content{padding: 0.2em; margin: 0px 0px 10px 0px;}
#leftDiv > div#pTabs,
#leftDiv > div#pTabs+div#tabs{margin:0; padding:0;}
#leftDiv.v2  #checkoutForm > div:not(#divStoreInfoPlaceholder) h4{text-align: left;}
#leftDiv.v2  #checkoutForm > div{width: 80%; margin: 10px auto;}
#divStoreInfo div.ui-widget-content{border:none; background:none; box-shadow: none;}
#divOrdDetails #storeClosedPlaceholder>div.ui-state-highlight{border:none;}
#AddFavorite + label{font-weight:bold;}

#preorderInfo #preorderDates select,
#paymentDetails #cc_details select{width: auto; margin-left: 5px;}
#paymentDetails .editor-label, 
#login .editor-label, 
.contentmin #info .editor-label, 
.contentmin #address .editor-label {width:100%;}
#address th.addressName {width: 20%;}
#address th.actions{width:68px;}
#divHTStatus #ticketOrdType,
#divCurbsideStatus #ticketOrdType
{float:right;text-transform:capitalize;}
#btnGuest, #btnRegister{margin: 0.4em 0em;}
#hdrCurbside{text-align: center;}
#dialogContent #dialogOrdTypes>div{width: 50%; display: inline-block; text-align:center;}
#divLoyaltyPoints{text-align: center;}
#hoursDialog{min-width:300px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#cartView div.itemrow.v2 span.rowcontent{word-wrap: break-word;}
a.removeFavorite{line-height: 1.4; vertical-align: middle;}
#myOrdersPnl table th.ordactions,
#myOrdersPnl table th.ordcust{width: 20%;}
#myOrdersPnl table th.orddate{width: 15%;}
#divChkSuccessMsg{font-weight:bold;}
html.smartbanner #bannerPlaceholder,
html.mobile.smartbanner #bannerPlaceholder{position:absolute;}
#divChkSuccessDetails{ display: -webkit-box;  display: -moz-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
#divChkSuccessDetails>div{margin: 10px auto;}
#pTrackerMsg{padding:0 10px; margin: 10px auto; text-align: center;}
#divLocChange{margin-top: 5px;}
#pEstTime{font-weight: bold;}
#estTime{margin-left: 5px; font-weight:normal;}
#divCartPlaceholder.hidecart {text-align: center;}
#divCartPlaceholder.hidecart #cartButton {float: none; padding: 0.5em;}
.prefBracket{padding-left: 5px;}
#trackerNav:hover #tracker li span.ui-state-highlight, 
#trackerNav:hover #tracker li span.ui-state-highlight+h4{-webkit-animation-play-state: paused;-moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused;}

/*html input:not([type*="checkbox"]):not([type*="radio"]):not([type*="submit"]):not([type*="hidden"]) + label, 
html select + label, 
html textarea + label{top: 5px;}
html input:not([type*="checkbox"]):not([type*="radio"]):not([type*="submit"]):not([type*="hidden"]):focus + label,
html input:not([type*="checkbox"]):not([type*="radio"]):not([type*="submit"]):not([type*="hidden"]).hasText + label,
html select:focus + label,
html select.hasText + label,
html textarea:focus + label,
html textarea.hasText + label { transform: translateY(-15px);}*/
#skip-link a, #skip-link a:visited{display:block; width: 100%; padding: 0; text-align:center; height: 1px; clip: rect(1px,1px,1px,1px); overflow:hidden;}
#calPerUnitFooter,#calPerUnit{display:block; text-transform:none; text-align:center; }
#divRoundupOther{display:flex; flex-direction: row; margin-top: 15px;}
#divOrdDetails #couponWrapper{margin-bottom:1.5em;}
#divOrdDetails #divPromoPlaceholder{justify-content:center; padding:5px;}
#delNotesLabel {font-weight: bold;}
#delNotesComment{display:block; margin-top: 10px;}
.d-block{display:block;}
/*
#location div.editor-field,
#info div.editor-field,
#paymentInfo div.editor-field,
#preorderInfo div.editor-field,
#orderNotes div.editor-field,
#address div.editor-field,
#favorite div.editor-field,
#eclubDiv div.editor-field {position:relative; display:block;}
#location div.editor-label,
#info div.editor-label,
#paymentInfo div.editor-label,
#preorderInfo div.editor-label,
#orderNotes div.editor-label,
#address div.editor-label,
#favorite div.editor-label,
#eclubDiv div.editor-label {position:absolute; margin-top:0; padding: 5px 0px 0px 5px; width: auto;}
#location div.editor-field>input,
#info div.editor-field>input,
#paymentInfo div.editor-field>input,
#preorderInfo div.editor-field>input,
#orderNotes div.editor-field>input,
#address div.editor-field>input,
#favorite div.editor-field>input,
#eclubDiv div.editor-field>input {padding: 18px 5px 0px 5px; height:3em;font-size:1.2em;font-weight:400;width:100%;}*/


/* GO Form styles*/
#goExpirationDate div.editor-field {display:block; max-width: 100%; margin: 0.5em auto;}
#goExpirationDateInfo #goExpirationDate select{width: auto; margin-left: 0px; padding-right: 2em}
#goEmailContainer{display: -webkit-flex; display:flex;}
#divGOEmailInviteList {flex:auto;}
#divGOAddEmailButton{align-self: center;}
#groupEmailList{display: flex;flex-wrap: wrap;}
#gosummarytable{margin:15px auto;}
#pastGroupOrders table{width: 100%;}
#pastGroupOrders th {font-weight:bold;}
#btnGroupOrder {text-align: center;position: absolute;left: 0; right: 0; margin: 0 auto;padding: 2px 0 0;width: 175px;} 
#tblGO th:first-child,#gosummarytable th:first-child {border-top-left-radius:10px;}
#tblGO tr:last-child td:first-child,#gosummarytable tr:last-child td:first-child {border-bottom-left-radius:10px;}
#tblGO th:last-child,#gosummarytable th:last-child{border-top-right-radius:10px;}
#tblGO tr:last-child td:last-child,#gosummarytable tr:last-child td:last-child{border-bottom-right-radius:10px;}


#divCarryoutMOTypes, #divDeliveryMOTypes { display: none;}
#OrdTypesDialog[data-ordtype="carryout"] #divCarryoutMOTypes,
#OrdTypesDialog[data-ordtype="delivery"] #divDeliveryMOTypes,
#divMOTypes{display:flex;justify-content:center;border:none;}
html.account-resetpassword div.editor-field {display:block;}

/*Curbside changes starts*/
/*Login page*/
#divCurbside div.wrapper-side-2-content{position:relative;}
/*Vehicle section on checkout*/
/*html.order-checkout #vehiclerow {display: flex;flex-direction:row;}
#vehicleinfo .editor-field {padding: 0.2em;width:100%;}*/
/*Curbside Index page*/
#divCurbsideStatus{width:auto;max-width:600px;}
/**Vehicle management on check-out page*/
html.order-checkout #dialogContent .editor-field{display: block;}
/**Tracker page dialog box editor fields*/
html.ordertracker-index #dialogContent .editor-field,
html.curbside-index #dialogContent .editor-field{padding: 0.2em;width:100%;}
html.ordertracker-index #vehicleSelection #selectVehicle{width:400px;}
#vehiclerows table {width:100%;border-spacing: 1px 1px;table-layout: fixed;justify-content: center;}
#vehiclerows table td{padding: 3px;}
#vehiclerows table tr td:first-child {text-align:right;width:50%;}
#vehiclerows table tr td:last-child {text-align:left;width:50%;}
/*Order type category OR styling*/
div.oTypeSeparator{display:flex;justify-content:center;}
div[data-isdelivery="False"].oTypeSeparator:first-child,
div[data-isdelivery="True"].oTypeSeparator:first-child {display:none;}
/*Curbside changes ends*/
html.ordertracker-index div.divLocChange, html.curbside-index div.divLocChange {display: none;}
#divMOTypes .ordTypeMsg {display: block;text-align: center;}
#divCurbside div.shadow {box-shadow: none;border: none;}
#spanSchPlaceholder {display:block;}
.clsSchTotal{font-weight:bold; font-style:italic;}
.clsSchPrice{font-style:italic;}
#divscgText{text-align:center;}
.contactless-instructions{margin: 20px;line-height: 1.5em;}
#divState {min-width: 80px;}
.ot-dialog .ui-dialog-titlebar-close {display: none;}
#ordTrackingUrl {text-align: center;padding: 0;margin-bottom: 10px;}
#divAccessibility > h1 {text-align: center;}
#divAccessibility p {margin-bottom:  10px;font-size:15px;line-height:21px;}
label[for="AcceptLtyTerms"]{font-size: 1.2em; font-weight: normal;}
#marketingSubsOpts{display:grid;}
#divLty{margin:5px!important;}
#useMyLocation .ui-icon{display:none;}
#addressForm div#useMyLocationPlaceholder {text-align:center!important;}
.findLocationsPlaceholder{display:flex; text-align:center; flex-direction: row;}
#useMyLocationPlaceholder{margin-top: 15px;}
#deleteConfirmation {
    display: flex;
    justify-content: center;
}
/*@media screen and (max-width:36em){*/    
    html.mobile body{background-image:none;}
    html.mobile input[type="checkbox"]{width:20px; height:20px; vertical-align:top; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
    html.mobile #ItemsPopup.ui-dialog-content{padding:0.2em;}
    html.mobile #Loading{width:80%; margin:10px auto;}
    html.mobile #progressbar{width:100%;}
    html.mobile #headerOverlay{position:fixed!important;z-index:2;}
    html.mobile #content {padding-top:80px;}
    html.mobile.m-ordertracker-index #content{padding-top: 60px;}

    html.mobile #groupsNav{width:90px; margin:0 auto;}
    html.mobile #groupsNav a{text-decoration:none; width:100%;position:relative; text-align:center;}
    html.mobile #groupsNav a > .ui-icon{position:absolute; left:0;}
    html.mobile #menuPlaceholder.items #mTabs ul, 
    html.mobile #menuPlaceholder.cart #tabs ul, 
    html.mobile #mTabs ul,
    html.mobile #rightDiv, 
    html.mobile #menuPlaceholder.groups #rightDiv, 
    html.mobile #menuPlaceholder.groups #groupsNav,
    html.mobile #menuPlaceholder.items #rightDiv,
    html.mobile #mTabs div[aria-hidden], 
    html.mobile #menuPlaceholder.groups #mTabs div[aria-hidden], 
    html.mobile #menuPlaceholder.cart #tabs div[aria-hidden]{float:none; display:none!important; width:auto!important;}
    html.mobile #mTabs .ui-tabs-panel, 
    html.mobile #menuPlaceholder.groups #mTabs div, 
    html.mobile #menuPlaceholder.cart #mTabs div{padding:0.2em;}     
    html.mobile #menuPlaceholder.groups #mTabs ul, 
    html.mobile #menuPlaceholder.items #mTabs div[aria-hidden="False"], 
    html.mobile #menuPlaceholder.items #groupsNav,
    html.mobile #menuPlaceholder.cart #groupsNav,
    html.mobile #menuPlaceholder.cart #rightDiv{display:block!important;}
    html.mobile #mTabs ul#mulTabs>li>a{width:100%; text-decoration:none; display:block;background-size:contain; background-position:center top;background-repeat:no-repeat;text-align:center;}

    /*#tabs .ui-tabs-nav{display:none!important;}*/    
    html.mobile #mTabs > div {margin-top:0px;}
    html.mobile #wrapper,
    html.mobile .wrapper-side-2,
    html.mobile .wrapper-center-2{width:100%;}
    html.mobile .content, 
    html.mobile .content-top,
    html.mobile .content-bottom{background:none; padding:0;}
    html.mobile .content-body{padding:0;margin:0; width:auto;}
    html.mobile .content-top{display:none;}
    
    html.mobile #ordTypePlaceholder .ui-block-50{float:left; width:50%;}  
    /*html.mobile #orderTypes div.ui-state-highlight img{width:auto; height:auto; max-width:100%;}
    html.mobile #orderTypes .ordTypePlaceholder>div{display:block; text-align:center;}
    html.mobile #orderTypes label[for]>span.ui-button-text>span{display:block;}*/
    html.mobile .ui-block-50, 
    html.mobile .ui-block-70, 
    html.mobile .ui-block-30{float:none; width:100%;}
    html.mobile .ItemsPlaceholder a.ui-widget-content{padding:5px; display:block; position:relative; text-decoration:none;}
    html.mobile .itemsPanel a.ui-widget-content, html.mobile #dialogContent a.ui-widget-content {/*border:none!important;*/ border-width:0; border-style:none; padding:5px; display:block;text-decoration:none;}
    html.mobile #myOrderDetails>div a{position:relative;}
    html.mobile #deals a{padding:5px; display:block; position:relative;}
    html.mobile .item-col1{width:auto; display:block;}

   html.mobile #bannerPlaceholder{position:fixed; top:0; width:100%; z-index:99; left:0; right:0;}
   html.mobile #bannerPlaceholder.active #mobileNav{-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
   html.mobile #mobileNav { width:16em;padding:0em;position:fixed;top:0;bottom:0; left:0; height:100%; z-index:2; overflow-y:scroll;-webkit-transform: translateX(-16em);-moz-transform: translateX(-16em);-ms-transform: translateX(-16em);-o-transform: translateX(-16em);transform: translateX(-16em);-moz-transition: -moz-transform .25s ease-out;-webkit-transition: -webkit-transform .25s ease-out;-o-transition: -o-transform .25s ease-out;transition: transform .25s ease-out; border-width: 0px;}
   html.mobile #mobileNav>div.ui-widget-header{background-image:none;}

   html.mobile #mobileHeader{height:60px; display:table; width:100%;}
   html.mobile #mobileHeader>div{display:table-cell;}
   html.mobile #mobileHeader>div:first-child, 
   html.mobile #mobileHeader>div:last-child{width:35px; vertical-align:middle;}
   html.mobile #mobileHeader>div:last-child{width:45px;}
  
      
   html.mobile #leftMenu a, 
   html.mobile #rightMenu a{display:table; text-align:center; text-decoration:none; vertical-align:middle; padding:3px; border-width:0; width:80%; height:100%;position:relative;}   
   html.mobile #leftMenu a{background:transparent url(images/mobile-menu.png) no-repeat center center;background-size:contain; text-indent:-99999px; }
   html.mobile #rightMenu a{background:transparent url(images/mobile-cart.png) no-repeat center center;background-size:contain;}
   html.mobile #rightMenu a>span{display:table-cell; vertical-align:middle; text-align:center;} 
   html.mobile #rightMenu a>span#cartText {position:absolute; padding:1px 1px; bottom:-10px; right:0;top:2px; left:8px; width:16px; height:16px; margin-left:auto; margin-right:auto; border-width:0; display:table-cell;}
   html.mobile #rightMenu a>span#cartLabel{text-indent:-99999px;}
    


   html.mobile #dock{right:0;}
   html.mobile #dock ul li{ line-height:35px; font-size: 16px;}
   html.mobile #dock ul li a{text-decoration: none;}
   html.mobile #dock ul li.selected a{ font-weight: bold;}
   html.mobile #dock ul li#navUser, 
   html.mobile #dock ul li#navAccount, 
   html.mobile #dock ul li#navLogs,
   html.mobile #dock ul li#navStore, 
   html.mobile #dock ul li#navAdmin, 
   html.mobile #dock ul li#navLogoff, 
   html.mobile #dock ul li#navFacebook{border-right-width:0px; display:block; float:none;}
   html.mobile #dock ul li#navFacebook{float:none;display:block; text-align: center;}
   html.mobile #dock ul li#navLogon, 
   html.mobile #dock ul li#navRegister{width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center;}

   html.mobile #dock ul, 
   html.mobile #dock ul li, 
   html.mobile #siteNav, 
   html.mobile #dock{height:auto; display:block; position: initial; width: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
   html.mobile #siteNav{padding:0.2em; float:none; margin-top:32px;}
   html.mobile #siteNav ul{background:none;}
   html.mobile #siteNav ul, 
   html.mobile #siteNav ul li{float:none; list-style-type:none;}
   html.mobile #siteNav ul li a{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;width:100%; border:none; font-weight:bold; display:block; text-decoration:none;font-weight: bold;text-transform: uppercase;padding: 13px 6px 10px 11px; font-size: 21px; line-height: 1.2em;}
   html.mobile #siteNav ul li a.ui-state-active,
   html.mobile #siteNav ul li a.ui-state-default{border-width:0;}

   html.mobile h1.logo {width:100%; height:100%; position:relative;}
   html.mobile h1.logo a {width:100%; height:100%; background-position:center center; display:block; background-size:contain;}
   html.mobile #slides{display:none;}
   html.mobile .homeContent{margin:10px; float:none; width:auto; text-align:center;}
   html.mobile .editor-label,
   html.mobile .editor-field{width:100%; display:block;}
   html.mobile .txtSm,
   html.mobile .txtLg,
   html.mobile input[type=text],
   html.mobile input[type=tel],
   html.mobile input[type=email],
   html.mobile textarea, 
   html.mobile input[type=password]{width:100%!important; padding:0.4em;}
   
   html.mobile #PlaceHolder{max-height:100%;}
   html.mobile #PlaceHolder ul {display:inline-block; width:100%;}
   html.mobile #PlaceHolder ul li {display:block;}
   html.mobile #PlaceHolder ul li div.img, 
   html.mobile #PlaceHolder ul li div.address, 
   html.mobile #PlaceHolder ul li div.hours, 
   html.mobile #PlaceHolder ul li div.current, 
   html.mobile #PlaceHolder ul li div.buttons {height:auto; border-right:0; text-align:left;}
   html.mobile #PlaceHolder ul li div.img img{width:100%;}
   html.mobile #PlaceHolder ul li div.img{width:18%;}
   html.mobile #PlaceHolder ul li div.address{width:80%;}
   html.mobile #PlaceHolder ul li div.current,
   html.mobile #PlaceHolder ul li div.hours{display:block;width:auto; }
   html.mobile #PlaceHolder ul li div.buttons, html.mobile #PlaceHolder ul li div.buttons>a{width:100%; display:block;}
   html.mobile .menuItemOptions{margin:0; width:100%; display:block;}   
   html.mobile #itemOptions{margin:0;}
   html.mobile #itemOptions>div>div, 
   html.mobile #itemOptions>div>span{margin:0; padding:5px;}
   html.mobile div.ModsWrapper{display:block; width:auto; padding:0px!important;}
   html.mobile .ModsWrapper>div{margin:0px; padding:0px;}   
   html.mobile .ModsWrapper>div.ui-state-highlight{border-width:0px; border-bottom-width:1px;background:none;}   
   html.mobile .ModsWrapper>div.ui-state-highlight > label span.ui-icon {display: none;}
   html.mobile .ModsWrapper>div.checked > label span.ui-icon {display: inline-block;}
   html.mobile .ModsWrapper>div.ui-state-highlight:last-child{border-bottom-width:0px;}
   html.mobile .ModsWrapper>div>input[type="checkbox"]{display:none;}
   html.mobile .ModsWrapper>div>input[type="checkbox"] + label {display:table; width:100%;}
   html.mobile .ModsWrapper>div>input[type="checkbox"] + label > span {display:table-cell;}
   html.mobile .ModsWrapper>div>input[type="checkbox"] + label > span.ui-state-disabled{text-align:right; vertical-align: bottom;}
   html.mobile .ModsWrapper>div>input[type="checkbox"]:checked + label > span:first-child{font-weight:bold;}
   html.mobile .ModsWrapper>div>input[type="checkbox"] + label span.unchecked{display:block; font-size:10px;}
   html.mobile .ModsWrapper>div>input[type="checkbox"] + label span.checked{display:none; font-size:10px;}
   html.mobile .ModsWrapper>div>input[type="checkbox"]:checked + label span.unchecked{display:none;}
   html.mobile .ModsWrapper>div>input[type="checkbox"]:checked + label span.checked{display:block;}
   html.mobile .ModsWrapper>div>label{width:100%; display:inline-block;padding:1em;}
   html.mobile .ModsWrapper>div>label~div{padding:0em 0em 0.5em 1em;}
   html.mobile #itemOptions>div>div.sizesWrapper{padding:0px;}
   html.mobile #itemOptions>div>div.noStyles{padding:10px;}
   html.mobile .sizesWrapper>div.styleHeader {border-width:0px; border-bottom-width:1px;background:none;margin:0px; padding:0px;}
   html.mobile .sizesWrapper>div.styleHeader:last-child{border-bottom-width:0px;}
   html.mobile .sizesWrapper>div.styleHeader > div {display:none; padding:5px;}
   html.mobile .sizesWrapper>div.styleHeader > label{display:table; width:100%; padding:1em; margin:0px;}   
   html.mobile .sizesWrapper>div.styleHeader > label > span  {display:table-cell; font-weight:normal;}
   html.mobile .sizesWrapper>div.styleHeader > label > span.ui-state-disabled{text-align:right;}
   html.mobile .sizesWrapper>div.styleHeader > label span.ui-icon{display:none;}
   html.mobile .sizesWrapper>div.styleHeader > label span.unchecked{display:block; font-size:10px;}
   html.mobile .sizesWrapper>div.styleHeader > label span.checked{display:none; font-size:10px;}
   html.mobile .sizesWrapper>div.checked > label > span:first-child{font-weight:bold;}
   html.mobile .sizesWrapper>div.checked > label span.unchecked{display:none;}
   html.mobile .sizesWrapper>div.checked > label span.checked{display:block;}
   html.mobile .sizesWrapper>div.checked > label span.ui-icon{display:inline-block;}
   html.mobile .sizesWrapper>div.checked > div{display:block;}
   html.mobile .halfView{display:block; text-align:left; width:auto;}
   html.mobile .halfView>h4{display:inline-block; width:120px;}
   html.mobile .halfView>select{width:145px;}
   html.mobile .contentmin{display:block; width:auto;}
   html.mobile .sideHeader{display:block; width:auto; text-align:left;}
   html.mobile .storeImg, 
   html.mobile .contactImg, 
   html.mobile .calendarImg, 
   html.mobile .creditImg, 
   html.mobile .commentsImg,  
   html.mobile .loginImg, 
   html.mobile .addressImg, 
   html.mobile .favoriteImg, 
   html.mobile .thumbs, 
   html.mobile .eclub,
   html.mobile .lty{background-position:left top;background-size:contain; padding-top:10px; padding-left:40px;}
   html.mobile #myRewardsPnl .lty{background-position: center center; padding:25px;}
   html.mobile .contactUs, 
   html.mobile #login{margin:0px; display:block;}
   html.mobile #location, 
   html.mobile #info, 
   html.mobile #paymentInfo, 
   html.mobile #preorderInfo, 
   html.mobile #orderNotes, 
   html.mobile #address, 
   html.mobile #favorite, 
   html.mobile #eclubDiv,
   html.mobile .sideDetails{display:block; margin:0px; width:auto; margin-top:10px;}
   html.mobile #guestPopup ul,  html.mobile #guestPopup ul li{display:block;}
   html.mobile #guestPopup li {border-width:0px; display:block; width:auto; margin-bottom:15px; padding:0;}
   html.mobile #paymentDetails{display:block;}
   html.mobile #pInfo,html.mobile #delNotes{display:block; margin:0;}
   html.mobile #couponWrapper>div.ui-widget-content{box-shadow:none;} 
   html.mobile #PointRules, html.mobile #RewardRules{float:none; display:block; width:auto; vertical-align:top;}      
   html.mobile .ltyText{max-width:75%;}
   html.mobile #tracker li .material-icons{width: 2em; height: 2em; line-height: 2em; font-size: 2em; }
   html.mobile  #tracker li:not(:last-child) .line{top: 2em; width: calc(100% - 4em); }
    html.mobile #divHTStatusImg{float:none; display:block; width:auto;}
    html.mobile #divTrackerMain > div,
    html.mobile #divCurbsideMain > div{display:block; width: auto; }
    html.mobile #divHTStatus,
    html.mobile #divTicket,
    html.mobile #divCurbsideStatus{float:none; width: auto; display:block;}    
    html.mobile #tracker li{width: calc(85%/4);}
    html.mobile #tracker.carryout li{width: calc(85%/3);}
    html.mobile #tracker li.complete{width: 15%;}
    html[data-hidemenu="1"] #bannerPlaceholder,
    html[data-hidemenu="1"] #dock,
    html[data-hidemenu="1"] #headerWrapper,
    html[data-hidemenu="1"] #footer{display:none; visibility: hidden;}
    html.mobile.m-ordertracker-index[data-hidemenu="1"] #content,
    html[data-hidemenu="1"] #content{padding-top: 20px;}
    html.mobile #divItemSugg{text-align:center;}
    html.mobile #divStyleOpts>div, 
    html.mobile #divModOpts>div{display:block; margin:8px 0px;}
    html.mobile #divItemSugg input+label{display: block; padding: 0.2em; width: 60%; margin: 0 auto;}

    html.mobile #dialogAddress{margin: 1em;}
    html.mobile #StoreList #PlaceHolder li{width: 100%;}
    html.mobile #StoreList #PlaceHolder li div.storeDetails{padding-left: 25px; border:none;}
    html.mobile #StoreList #PlaceHolder li img{max-width: 25px;}
    html.mobile #tblTotals{width: 100%;}
    html.mobile #tblTotals td:first-child td{text-align: right; width: 25%;}
    html.mobile #tblTotals td:first-child{width: 75%;}
    html.mobile #leftDiv.v2 #checkoutForm > div,
    html.mobile #divOrdTypeVisual {width: 100%;}

    html.mobile #menuPlaceholder.groups #mTabs ul#mPTabs{display: flex!important; margin: 0px auto 10px; justify-content: center;}
    html.mobile ul#mPTabs>li{background:none; border: none;list-style: none; width: 33.3333%; float:left;}
    html.mobile ul#mPTabs>li>a{display: block; text-decoration: none; text-align: center; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: top center; }
    html.mobile ul#mPTabs>li>a>img{max-width: 60px;}
    html.mobile ul#mPTabs>li>a>h2{/*position:absolute; bottom: -40px; left:0; right:0; padding:0; vertical-align: middle; height: 40px;*/}

    html.mobile #couponWrapper .ui-widget-content,
    html.mobile #couponWrapper .ui-widget-header{background: none; border: none; box-shadow: none; border-width: 0!important;}    
    /*html.mobile #couponWrapper input{border:none; background:none;box-shadow:none;}*/
    html.mobile #divPromoPlaceholder{display:-webkit-flex; display:flex; flex-flow: row nowrap;}
    html.mobile #divPromoCode{flex: 1 0 0;}
    html.mobile #divSubmitCode{flex: 0 0 0; align-self: center; margin-left: 5px;}
    html.mobile #couponWrapper{display:none;}
    html.mobile #menuPlaceholder.groups #couponWrapper{display:block;}
    html.mobile #menuPlaceholder.deals #couponWrapper{margin-top: 10px; display:block;}
    html.mobile #myOrdersPnl a{position:relative; border-width: 1px; border-style:solid;  border-radius: 1em; background: none;}
    html.mobile #myOrdersPnl a h4>span{padding-left: 5px; font-weight: normal; font-size: 0.8em;}
    html.mobile #myOrdersPnl a>span{position:absolute; right:8px; top:8px;}
    html.mobile div.ItemsPlaceholder>a.ui-widget-content{border-style:none!important;}
    html.mobile div.ItemsPlaceholder div.itemPrice{text-align:center;}
    /*Group Order styles*/
    html.mobile #login #goEmailContainer div.editor-field{width: 100%;}
    html.mobile #divGOEmailInviteList {padding-left: 0px; padding-bottom: 0px;}
    html.mobile #divGOAddEmailButton{align-items: center;display: flex;}
    html.mobile #GroupOrderSection input[type="checkbox"] + label:before, html.m-order-menu input[type="checkbox"] ~ label.customcb:before {display: block;}
    html.mobile #vehicleviewinfo {margin: 0 auto;width: auto;}
/*}*/
    html.mobile #divRoundupOpts {text-align:center;}
    html.mobile #vehiclerows table {border-spacing: 1px 1px;margin-left: auto;margin-right: auto;width:90%;}
    html.mobile #businessInfoCS {width: 60%;margin: 10px auto;}
    html.mobile div.divLocChange {display: none;}
html.mobile h1.logo{top:0; left:0;}
html.mobile .homeContent{width: auto!important; float:none!important; margin: 10px;}
html.mobile .content{width:auto!important; top:0;}
html.mobile #orderTypes label[for] span {
    font-size: inherit;
}
html.mobile #orderTypes span.pickupImg, html.mobile #orderTypes span.deliveryImg{display:block!important;}
html.mobile #mTabs ul#mulTabs>li>a{background-image:none!important;}
html.mobile #orderTypes .ui-state-highlight {
    background: #313131;
    border: 1px solid #ccc;
.material-icons{vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.material-icons:before{padding-right: 0.2em;}

.material-icons.icon-store:before {content:'\E8D1';}
.material-icons.icon-multistore:before{content: '\E0AF';}
.material-icons.icon-edit:before {content:'\E254';}
.material-icons.icon-delete:before {content:'\E872';}
.material-icons.icon-add:before {content:'\E147';}
.material-icons.icon-rules:before{content: '\E8EF';}
.material-icons.icon-tools:before{content: '\E869';}
.material-icons.icon-honeycomb:before{content: '\E89A';}
.material-icons.icon-save:before{content: '\E161';}
.material-icons.icon-import:before{content: '\E2C6';}
.material-icons.icon-export:before{content: '\E2C4';}
.material-icons.icon-copy:before{content: '\E14D';}
.material-icons.icon-print:before{content: '\E8AD';}
.material-icons.icon-addbox:before{content: '\E146';}
.material-icons.icon-subdirectory_arrow_right:before{content: '\E5DA';}
.material-icons.icon-close:before{content: '\E5CD';}
.material-icons.icon-uncheck:before{content: '\E836';}
.material-icons.icon-check:before{content: '\E86C';}
.material-icons.icon-checkbox:before{content: '\E835';}
.material-icons.icon-checkbox-c:before{content: '\E834';}
.material-icons.icon-checkbox-i:before{content: '\E909';}
.material-icons.icon-lock:before{content: '\E899';}
.material-icons.icon-lock-open:before{content: '\E898';}
.material-icons.icon-multiuser:before{content: '\E8D3';}
.material-icons.icon-border-bottom:before{content: '\E229';}
.material-icons.icon-border-top:before{content: '\E232';}
.material-icons.icon-radio-check:before{content: '\E837';}
.material-icons.icon-radio-uncheck:before{content: '\E836';}
.material-icons.simpleXML-expander-expanded:before {content: 'remove_circle';font-family: 'Material Icons';}
.material-icons.simpleXML-expander-collapsed:before{content:'add_circle';font-family:'Material Icons';}

.material-icons.icon-size-xs{font-size: 16px;}
.material-icons.icon-size-s{font-size: 20px;}
.material-icons.icon-size-n{font-size: 24px;}
.material-icons.icon-size-m{font-size: 36px;}
.material-icons.icon-size-l{font-size: 48px;}
.material-icons.icon-size-xl{font-size: 60px;}