/* Minification failed. Returning unminified contents. (114,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'url('/images/navigation.png')' (114,130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (116,73): run-time error CSS1036: Expected expression, found '*' (118,92): run-time error CSS1036: Expected expression, found ';' */ @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap'); /* Site -------------------------------- */ *{ margin: 0; padding: 0; border-spacing:0px; border-collapse: separate;} html{ background: #eeeeee url('images/background.jpg') top center fixed no-repeat;} body{ margin: 0; padding: 0 0 20px; min-height: 100%; font-family: "Playfair Display", "serif"; font-size: 15px;} #wrapper{ margin: 0 auto; width: 980px; position: relative;} #wrapper .ui-widget-content {border:none;} #banner{ height: 210px;} 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 #b11116;} #footer .border-right, #savedLocations .border-right,#guestPopup .border-right{border-color:#b11116;} .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: #000;} #ancGuest:hover {color: #000;} #ancRegister:hover {color: #000;}*/ /*#divGuestOpt.submit{margin:0;}*/ /*pageBackground ---------------------*/ /*#pageBackground{position:relative!important;background-size:contain!important; margin-bottom:-6px;} #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: 65px; left: 80px; margin: 0;} h1.logo, h1.logo a{ width: 800px; height: 149px; /*transition: transform 2s;*/} h1.logo a{ display: block; background: url('images/xlglogo.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: -25px; left: 2px;} #dock ul, #dock ul li{ float: left; list-style-type: none; margin: 0; padding: 0; height:20px;} #dock ul{ padding: 0 6px; height: 25px;} #dock ul li{ padding: 0 6px; position: relative; color:#000; text-transform: uppercase; font-weight: bold; line-height:22px; font-size: 15px; font-weight: bold;} #dock ul li a{color: #000; text-decoration: none; } #dock ul li a:hover, #dock ul li.selected a{ color: #AF3800; border-bottom: 2px solid #48392A;} #dock ul li.selected a{ font-weight: bold;} #dock ul {padding: 50px 0px; height: 150px;} /*To dispose of the border that must die ------------------------------------------------*/ #dock .border-right{border:none;} /* Navigation -------------------------------- */ #navigation{ height: 45px; float: left; position: absolute; top: 19px; 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-weight:bold; text-transform:uppercase; float: left; display: block; padding: 0 18px; color: #000; text-decoration: none; /*background: url('images/right.png') no-repeat right top;*/} #navigation ul li:last-child a{ float: left; display: block; padding: 0 18px; color: #000; text-decoration: none; border: 0px; background: url('images/right.png') no-repeat right top;} #navigation ul li a.selected{ color: #48392A;} #navigation ul li.last a{ background-image: none;} #navigation ul li a:hover{ color: #AF3800;} /* Content -------------------------------- */ .content-top{ font-size: 1px; height: 10px; /*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{ padding: 0px 3px 5px 3px; overflow: hidden; background: #F4EACA url('images/content_body_bg.png') repeat-y 0 0px;} #ie6 .content{ height: 380px; overflow-y: visible;} /* Normal -------------------------------- */ h2, h3, h4{ 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{ text-align: center; border-top:0px none; border-left:0px none; border-right:0px none;text-transform:uppercase;} /* Footer -------------------------------- */ #footer{ padding: 10px 0; position: relative; color:#000; text-align:center;} #footer a {color:#000;} #footer a:hover {border-bottom: 2px solid #b11116;color:#AF3800;} #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;} .slides_container{ width: 920px; overflow: hidden; position: relative; display: none;} .slides_container div{ width: 920px; height: 517px; display: block;} /* For repositioning HomeContent ----------------------------------------------------------*/ /*.homeContent{width: 260px; margin:auto; text-align:center; position:absolute; padding-top: 150px; padding-left:350px;}*/ .homeContent{float:left!important; margin: 10px auto; width: 920px!important;} /* 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 { } /* 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;} .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;} /*Adjustments for tabs overflow ---------------------------------------------------------------*/ #tabs .ui-tabs-nav li{width: 94%!important;} #tabs .ui-tabs-nav li.ui-tabs-active{padding-right: .4em!important;} /* Custom Modifications -------------------------------- */ #tabs>.ui-tabs-nav>li a {display:block; word-wrap:break-word; white-space:pre-wrap;} #skip-link {display: none;} .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; } #tabs .ui-tabs-nav { padding: .2em .1em .2em .2em; width: 20%; float:left; vertical-align:top; } #tabs .ui-tabs-nav li { clear: left; cursor:pointer; width: 100%; border-radius:5px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border:none!important; margin: 0 -1px .2em 0; } #tabs .ui-tabs-nav li a { display:block!important; width:81%!important; text-align:left; padding:0.5em; } #tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px;} #tabs .ui-tabs-panel { padding: 1em; width: 54%; float:left;} #tabs .ui-tabs-nav .ui-state-active a { /*color: #ffd200!important; */ } #tabs { /*background: transparent!important; border: none!important; */ } /*.ItemsPlaceholder .menuItems{padding: 0.1em; border: 1px solid!important; width:auto; margin: 10px; vertical-align: top;display: block;} .ItemsPlaceholder .menuItems > div {display:table-cell; vertical-align:top;}*/ /*.ItemsPlaceholder .menuItems:hover div:first-child{border-top:5px solid red;}*/ .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;}