/* Minification failed. Returning unminified contents. (906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (907,21): run-time error CSS1039: Token not allowed after unary operator: '-lh' (908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (910,25): run-time error CSS1039: Token not allowed after unary operator: '-lh' (910,37): run-time error CSS1039: Token not allowed after unary operator: '-max-lines' (936,1): run-time error CSS1019: Unexpected token, found '}' (946,3): run-time error CSS1031: Expected selector, found '/' (946,3): run-time error CSS1025: Expected comma or open brace, found '/' (1057,192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (1827,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1827,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1828,2): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (1828,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1829,2): run-time error CSS1019: Unexpected token, found '@keyframes' (1829,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); /* Site -------------------------------- */ *{ margin: 0; padding: 0; border-spacing:0px; border-collapse: separate;} html{ background: #fff; font-family: 'Montserrat', sans-serif;min-height: 100%; height: 100%; } body{ margin: 0; padding:0; min-height: 100%; height: 100%;} #wrapperContainer{display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column;} #wrapper{ margin: 0 auto; position: relative; max-width:100%; min-width: 980px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} #headerWrapper{background:#212427; z-index:1;position:relative; background-size:100% 90px; height:110px;} #bannerPlaceholder{background: transparent; position:relative;} #banner{ height: 100px; margin:0 auto; position:relative; z-index:1; max-width: 1100px;} textarea{resize: none; width:139px; height:60px;} input[type=text],input[type=password] {width:139px;} select.width {width:142px;} .storeImg, .contactImg, .calendarImg, .creditImg, .commentsImg,.visa, .mc, .amex, .disc,.loginImg, .addressImg,.favoriteImg,.thumbs,.eclub {background-position:center top; background-repeat:no-repeat; margin:0.6em 0 0 0;font-size: 1.5em;} .storeImg, .contactImg, .creditImg, .favoriteImg, .commentsImg {padding-top:0px;} .visa, .mc, .amex, .disc {width:40px; height:25px; display:inline-block; font-size:initial; font-weight: normal;} .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{padding-top:0px;} .addressImg {padding-top:0px;} .eclub {padding-top:0px;} #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:1em;} .circle {padding: 0px 1em;} .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 #fff;} #savedLocations .border-right,#guestPopup .border-right{border-color:#7c950e;} #footer .border-right{border-color:#8C6900;} .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;} /* Logo -------------------------------- */ h1.logo{ position: absolute; top: 15px; left: -100px; margin: 0;} h1.logo, h1.logo a{width: 292px; height: 76px;} h1.logo a{ display: block; background: url('images/logo_small.png') no-repeat; background-size:contain; background-position: center center;} h1.logo a span{ display: none;} /* Dock -------------------------------- */ #dock{ height: 25px; position: absolute; top: 5px; right: calc((100% - 1100px)/2); left: calc((100% - 1100px)/2); max-width: 1100px; margin: 0 auto; z-index:1; } #dock ul, #dock ul li{ float: left; list-style-type: none; margin: 0; padding: 0; height:20px;} #dock ul{ padding: 0px; height: 25px; float: right;} #dock ul li{position: relative; color:#ffffff; text-transform: uppercase; line-height:22px; font-size: 14px; } #dock ul li a{font-family: 'Montserrat', sans-serif; color: #ffffff; text-decoration: none; } #dock ul li a:hover, #dock ul li.selected a{ color: #ffffff;} #dock ul li.selected a{ font-weight: bold;} #dock ul li.border-right{border:none;} #dock ul li.border-right:after{content:'\25CF'; color: #fff; vertical-align: top; padding: 0 9px;} #dock ul li#navLogon:after{content:''; padding-right: 0;} /* Navigation -------------------------------- */ #navigation{ height: 45px; position: absolute; top: 32px; right: 0%; font-weight: bold;} #navigation .left{ float: left; width: 12px; height: 45px;} #ie6 #navigation .left{ background: transparent none;} #navigation .right{ float: left; width: 12px; height: 45px;} #navigation ul, #navigation ul li{ float: left; list-style-type: none; margin: 0; padding: 0; line-height: 38px; } #navigation ul li{margin: 0 10px;} #navigation ul{ height: 45px;} #navigation ul li a{font-family: 'Montserrat', sans-serif; font-weight:600; text-transform:uppercase; float: left; display: block; padding: 13px 6px 10px 11px; color: #ffffff; text-decoration: none; text-transform:uppercase; font-size: 20px; line-height: 1.2em;position:relative;} #navigation ul li:last-child a{ float: left; display: block; color: #ffffff; text-decoration: none; } #navigation ul li a.selected{ color: #ffffff;} #navigation ul li.last a{ background-image: none;} #navigation ul li a:hover{ color: #ffffff;} /* Content -------------------------------- */ #content{position:relative;z-index:0; padding-top:25px; background:#fff; -webkit-flex: 1 0 0; flex: 1 0 0; margin-bottom: 10px; align-items:stretch;} .content-top{ font-size: 1px; width:100%; height: 180px; z-index:1; position:absolute; top:-13px;} #content-top.home{display:none;} .content-bottom{ font-size: 1px; height: 10px;} .content-body{margin: 0 auto; position:relative;} .content{ padding: 5px 0px; position:relative; overflow: hidden; z-index:1;} #ie6 .content{ height: 380px; overflow-y: visible;} /* Normal -------------------------------- */ h2, h3, h4{font-family: 'Montserrat', sans-serif; margin: 0; font-weight: normal; padding: 0 0 9px; } h4{ font-size: 1.25em; text-transform:capitalize; padding: 5px;} h3{ font-size: 1.5em; text-transform:capitalize;} h2{ font-size: 2em; text-transform:capitalize;} h1{ font-size: 2.5em; text-transform:capitalize; font-weight: normal;} h3.header, h4.header{font-family: 'Montserrat', sans-serif; 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:#fff; text-align:center; background:#212427;} #footer a {color:#fff;} #footer ul, #footer ul li{ list-style-type: none;} #footer ul{ padding: 0 6px;} #footer ul li{ padding: 0 2px; display:inline;} #footer ul li a{text-decoration:none;} #footer>div{margin-top:10px;} #footer>div:first-child{margin:0px;} #footer div#policies ul li a{color: #fff;font-size: 1em; } #footer div#policies ul li.border-right{border:none; } div#policies ul li.border-right:after{content:'\25CF'; display: inline-block; color: #fff; margin-left: 9px; font-size: 1em;} #footer div#copyright strong{font-weight: normal;} #footer a>img{height: 50px; width: auto;} /* Error Styles -------------------------------- */ .error {padding: 0 .7em; margin:0px 0px 10px 0px;} .error>p, .error> div{padding:0em;} .error .ui-icon {float: left; margin-right: .3em;} ul.error {margin-left:25px;} ul.error li {font-weight:bold;} /* Styles for slide show ----------------------------------------------------------*/ #slides{ float: left; /*width: 658px; */ overflow: hidden;} .slides_container{ width: 980px; overflow: hidden; position: relative; display: none;} .slides_container div{ width: 980px; height: 400px; display: block;} /* 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:100px;} .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;}*/ html .ui-dialog .ui-dialog-titlebar-close{background: url(images/close.png) no-repeat;background-size: contain;border: none;margin-top: 0px; padding:0px;position:absolute; right: 10px; top: 10px; width: 24px; height: 24px;} html .ui-dialog .ui-dialog-titlebar-close>.ui-icon{display:none;} html .ui-dialog.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:#7c950e;} /* 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: 800px; overflow: visible; } #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: 80px; 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: 4px 4px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); box-shadow: 4px 4px 10px rgba(0,0,0,0.35);} #hrCarryout + label{margin-right: 1em;} #hrsPlaceholder{height: auto;overflow: hidden;} #hrsPlaceholder table {width:100%;} #hrsPlaceholder th, #hrsPlaceholder td, #address th, #address td, #pastOrdersDetails th, #pastOrdersDetails td, #favoriteOrdersDetails th, #favoriteOrdersDetails td {border: none; background:none; text-align:left; padding: 2%;} #pastOrdersDetails td:not(:last-child), #favoriteOrdersDetails td:not(:last-child){font-size: 15px;} #hrsPlaceholder th, #hrsPlaceholder td{width:40%; text-align:center;padding: 4%;} #hrsPlaceholder th:last-child, #hrsPlaceholder td:last-child{width:60%;padding: 5%;} #hrsPlaceholder td:first-child{font-weight:bold;} #address th, #hrsPlaceholder th, #pastOrdersDetails th, #favoriteOrdersDetails th{ font-size: 1em; font-weight:normal;} #hrsPlaceholder td.ui-state-default{color: #7c950e;} #hrsPlaceholder tbody tr:nth-child(odd), #address tbody tr:nth-child(odd), #pastOrdersDetails tbody tr:nth-child(odd), #favoriteOrdersDetails tbody tr:nth-child(odd){background: #f6f6f6; border-radius: 1em;} #pastOrdersDetails tbody tr td:first-child, #favoriteOrdersDetails tbody tr td:first-child, #hrsPlaceholder tbody tr td:first-child, #address tbody tr td:first-child{border-top-left-radius: 10px; border-bottom-left-radius: 10px;} #pastOrdersDetails tbody tr td:last-child, #favoriteOrdersDetails tbody tr td:last-child, #hrsPlaceholder tbody tr td:last-child, #address tbody tr td:last-child{border-top-right-radius: 10px; border-bottom-right-radius: 10px;} #pastOrdersDetails tbody button, #favoriteOrdersDetails tbody button{background: #7c950e; border:none; color: #fff;} #pastOrdersDetails tbody button >span.ui-icon, #favoriteOrdersDetails tbody button >span.ui-icon{display:none;} #pastOrdersDetails tbody button >span.ui-button-text, #favoriteOrdersDetails tbody button >span.ui-button-text{padding: 0.2em 1em; font-size: 1em; font-weight: normal;} #myOrders>label, #myRewardsNav>label{margin-right: 0.1em; background: none; border: none; font-size: 1em; color: #fff; text-transform:uppercase; font-weight:normal;} #myOrders>label .ui-button-text, #myRewardsNav>label .ui-button-text{text-transform:uppercase; padding: 5px 15px 0px; font-size: 20px;} #myOrders>label.ui-state-active, #myRewardsNav>label.ui-state-active, #myOrders>label.ui-state-hover, #myRewardsNav>label.ui-state-hover{background: #fff; color: #7c950e;} #myOrders, #myRewardsAcct #myRewardsPnl>div#myRewardsNav{margin: 0;position: absolute;left: 0;right: 0;top: 0;background: #393839;text-align: left!important;padding: 13px 0em 13px calc((100% - 1100px)/2);} #myRewardsAcct #myRewardsPnl>div{margin: 0;} #tabs[data-listtype="myorders"] div#divCartPlaceholder, #tabs[data-listtype="myRewardsAcct"] div#divCartPlaceholder{margin-top:80px;} /*Customizing ui-state-highlight in order types page. */ #orderTypes .ui-state-highlight { } #orderTypes label.ui-state-active span.pickupImg{} #orderTypes label.ui-state-active span.deliveryImg{} /* Order Page ---------------------------------------------------------------*/ #tabs.ui-widget-content{background:none;border:none;} #tabs .ui-tabs-nav>li {cursor:pointer; text-align:center;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; line-height: 100%; padding:13px 0; margin: 0; } #tabs .ui-tabs-nav>li h2{padding:0; font-size: 20px;} #tabs .ui-tabs-nav>li a{border-radius: 2em; text-align:center;color:#fff;text-transform:uppercase; padding:5px 15px 0px; display:block; outline:none; 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; position:relative; line-height: 40px;} #tabs .ui-tabs-nav>li a>span{} #tabs .ui-tabs-nav>.ui-state-default , #tabs .ui-tabs-nav>.ui-state-hover, #tabs .ui-tabs-nav>.ui-state-active {background:none; border:none;} #tabs .ui-tabs-nav>.ui-state-hover a, #tabs .ui-tabs-nav>.ui-state-active a {background: #fff; border:none; color:#7c950e;} #tabs .ui-tabs-nav>.ui-state-active a:after{border-left: solid transparent 20px; border-right: solid transparent 20px; position: absolute; border-top: solid #333334 20px; content: ''; height: 0; bottom: -30px; left: 50%; margin-left: -20px;} #tabs .ui-tabs-nav, #menuPlaceholder #leftDiv > div#pTabs{max-width: 1100px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; display:block;} #tabs .ui-tabs-nav{padding: 0 0 0 60px;} .btnNext .ui-icon, .btnPrev .ui-icon{display:none;} #pTabs > #divTabMisc{top: 5px; display: flex; flex-direction: row; justify-content: flex-end;} #tabs .ui-tabs-nav>li.ui-tabs-paging-next{position:absolute; right:0; } #tabs .ui-tabs-nav>li.ui-tabs-paging-prev{position:absolute; left: 0; } #tabs .ui-tabs-nav>li>button{border:none; padding: 0px; width: 60px; height:40px;position: relative; line-height: 40px; background:none;margin:0;} #tabs .ui-tabs-nav>li>button.btnNext>span.ui-icon, #tabs .ui-tabs-nav>li>button.btnPrev>span.ui-icon{display:block; width: 18px; height: 18px; top:14px; bottom:0; margin:0; padding: 0;} #tabs .ui-tabs-nav>li>button.btnNext>span.ui-icon{background:url(images/arrow_right.png) no-repeat right 0px; background-size: contain;right:-30px; left:auto;} #tabs .ui-tabs-nav>li>button.btnPrev>span.ui-icon{background:url(images/arrow_left_menu.png) no-repeat left 0px; background-size: contain;left:0; right: auto;} .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .1em; text-indent: -9999999px; } .ui-button .ui-button-text { display: block; line-height: 1.4; } #tabs .ui-tabs-nav>li>button.btnNext:after, #tabs .ui-tabs-nav>li>button.btnPrev:before{content:'More'; color: #b5b5b5; vertical-align:top;font-size:20px;padding:0px; top:5px; text-transform:uppercase;font-weight:normal; line-height: 40px;} #tabs .ui-tabs-nav>li>button.btnPrev:before{left:16px;} #tabs .ui-tabs-nav>li>button.btnNext:after{right:14px;} html #tabs>#divCartPlaceholder{margin: 25px auto 0px; max-width: 1100px;} html #pageBackground{background-size:contain; top:0px; height:200px;} html #pageBackgroundFooter{top:0; margin:0; padding:0;} #pageBackground.home, html.account-logon #pageBackground, html.account-register #pageBackground, html.account-manage #pageBackground, html.ordertracker-index #pageBackground, html.order-checkout #pageBackground, html.order-checkoutsuccess #pageBackground, html.account-requestpassword #pageBackground, html.order-ordertype #pageBackground{ height: 200px; top: 0px; background: #d1d1d1;} /*background: #eeb517 url('images/slides/home/Banner.png') no-repeat center center;*/ html.order-checkout #tblTotals{} html.order-checkout #leftDiv.v2 #checkoutForm > div{margin: 2em auto;} html input#tipAmount{padding: 1em; max-width:5em;} html.account-logon #pageBackground, html.order-ordertype #pageBackground{height: 300px;} html.account-logon #pageBackground>#pageBackgroundFooter{background: transparent url('images/headers/Start_Your_Order.png') no-repeat top center; background-size: 1024px; } html.order-ordertype #pageBackground>#pageBackgroundFooter{background:transparent url('images/headers/Select Order Type.png') no-repeat top center; background-size: 1024px;} html.order-ordertype #content[data-viewtype="1"] #pageBackground>#pageBackgroundFooter{background:transparent url('images/headers/Select_A_Location.png') no-repeat top center; background-size: 1024px;} html.ordertracker-index #pageBackground{background:transparent url('images/slides/ordertracker/background.png') no-repeat top center; height:150px; background-size: cover;} #content div.content.tracker{position:relative; padding-top: 125px;} #content div.content.tracker:before{background: url('images/slides/ordertracker/howietrackheader.png') no-repeat center center; background-size:contain; height: 150px; position:absolute; left:0; right: 0; top:0; content:'';} /*html.account-logon #pageBackground{background:#eeb517 url('images/slides/register/banner.png') no-repeat center center; top: 5px; height: 300px;}*/ /*html.account-logon #pageBackground{height:300px; background: radial-gradient(circle at 50% 75%, #fff200 0%,#ffcb05,#ffcb05);} html.account-logon #pageBackground>#pageBackgroundFooter, html.m-account-logon #pageBackground>#pageBackgroundFooter{background: transparent url(images/slides/register/banner.png) no-repeat top center; background-size: 450px; top:0; margin:0; padding:0;}*/ #tabs > div {margin-top:140px;} #tabs.noBackImage>div{margin-top:0px;} #tabs > #tabsPlaceholder {background: #212427; color: #fff; border-radius:0; padding:0em; margin-top:0;} .wrapper-side-2-content {padding: 0.2em; margin-top: 0px;} .contentDiv {padding:5px;} .wrapper-side-2-content a {color:#7c950e!important; font-style:italic;} .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 {height:400px; vertical-align: top;display: inline-block;} .menuItems>a.ui-state-default{background:none; border-width:0px; border-radius:0px;} .menuItems h4 {font-size:1em;} .menuItems div, .menuItems p {padding:5px;} .menuItems img {width:80px; height:80px;} .ItemsPlaceholder{position:relative;} .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 #e4e4e4;} .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:2em;} #itemOptions h4{font-size:1.3em; display:inline-block; vertical-align:middle;} #itemOptions h4 span:not(.mods), div.halfView > span { display: block; } #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 {background: none; border: none;} /*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; display:block; background:url(images/gray_sauce_swipe.png) no-repeat; background-position:center center; background-size: contain; text-align:center; text-shadow: 1px 2px #ffcb05; min-height: 2.5em; margin: 0 auto; padding-top: 0.5em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-width: 100%; } .ModsWrapper {display: inline-block; max-width: 315px; vertical-align: top; margin-top: 5px;} .styleHeader {margin:25px 0px;} .styleHeader label:first-child {margin:2px; width:150px; display:block; font-weight:bold; color:#393839; font-size: 1em; font-weight:normal;} .ModsWrapper>div {margin-top: 12px;} .ModsWrapper>label {vertical-align:middle; display:inline-block;} .ModsDiv {margin:5px 0px 0px 20px; display:none;} .ModsDiv>select{display:inline-block; margin-left:5px;} .ModsWrapper>div input+label{ font-size: 1em; font-weight:normal; padding-left: 2em;} /*#itemOptions div.itm_mods_holder[data-reqmod="true"] div.imagePlaceholder{background:url('images/flavored_crust.png') no-repeat center; height: 55px; margin: 0.5em auto; background-size:contain; width: 100%;}*/ /* 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; } .mods{ width: 32px; height: 32px; 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;}*/ .ModsDiv .ui-state-default .mods-w-active{ background-position:-0px -0px; } .ModsDiv .ui-state-hover .mods-w-active{ background-position:-0px -96px;} .ModsDiv .ui-state-active .mods-w-active, .mods-w-active{background-position:-0px -96px;} .ModsDiv .ui-state-default .mods-h1-active{ background-position:-0px -32px;} .ModsDiv .ui-state-hover .mods-h1-active{background-position:-0px -128px;} .ModsDiv .ui-state-active .mods-h1-active, .mods-h1-active{background-position:-0px -128px;} .ModsDiv .ui-state-default .mods-h2-active{background-position:-0px -64px;} .ModsDiv .ui-state-hover .mods-h2-active{ background-position:-0px -160px;} .ModsDiv .ui-state-active .mods-h2-active, .mods-h2-active{background-position:-0px -160px;} /* style used for displaying item price*/ .itemPrice {font-style:italic; font-weight:bold; font-size:1.1em; padding-left:5px;color:#7c950e;} #itemOptions div.itm_prefs_holder > div > div{display:block; margin: 1em auto; max-width: 80%; text-align:left;} #itemOptions div.itm_prefs_holder > div > div > h4{font-size: 1em;} /*.mods-h1-active{ background-position:-10px -70px; } .mods-h1{ background-position:-10px -160px; } .mods-h2-active{background-position:-10px -10px;} .mods-h2{ background-position:-10px -100px;} .mods-w-active{ background-position:-10px -40px;} .mods-w{ background-position:-10px -130px;}*/ .display {display:block;} .dialogLeftDiv {vertical-align:top; display:block;} .dialogRightDiv {display:block;} #cartView>span {text-align:center; margin:10px 0px; display:block;} /*#cartView {min-height:75px;} #cartView>table {width:100%; margin:8px 0px 8px 0px;} #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:block;} #info label, #paymentInfo label, #feedbackinfo label, #login label, #address label, #favorite label {} #paymentDetails .editor-label, #login .editor-label, .contentmin #info .editor-label, .contentmin #address .editor-label {width:100%;} .sideHeader {display: block; vertical-align: top; max-width: 100%; margin: 0 auto;} #paymentDetails {margin-top: 10px; vertical-align: top;} #paymentOptions {display: block; margin: 0.6em auto;} #paymentOptions>label{width:110px;} /* Feedback Page ---------------------------------------------------------------*/ .contactUs, #login {padding: 5px; display:block; vertical-align:top;} .contactUs label {font-weight:bold;} .contentmin {margin: 0 auto; padding: 0.5em; max-width: 600px; box-sizing: border-box;} .contentmin #info, .contentmin #address, html.account-manage div.contentDiv div.submit {margin: 0px auto;} html.account-manage div.contentDiv div.submit, html.m-account-manage div.contentDiv div.submit{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: left;} html.account-manage div.contentDiv div.submit>button, html.m-account-manage div.contentDiv div.submit>button{margin: 5px; padding: 0;} html.account-manage .contentmin{width: 40%; min-width: 300px;} html.account-manage div.contentDiv div.submit button .ui-button-text{padding: 3px 1em 0; font-size: 1em; font-weight:normal;} html.account-manage .divider{display:none;} html.account-manage #optionalZip{display:none;} html.account-manage .ui-dialog{padding: 2em; box-sizing: border-box;} /*Saved Locations ---------------------------------------------------------------*/ #savedLocations , #savedLocations>li{ list-style-type: none;} #savedLocations { padding: 6px;} #savedLocations>li{ padding:6px; vertical-align:top;} .menuItems .ui-button-text, .ui-dialog-buttonset .ui-button-text, .submit .ui-button-text, #guestPopup .ui-button-text {text-transform:capitalize;} #content .homeContent{margin:0 auto; float:none; width:350px;} html .ui-button-text{font-size:1.2em; text-transform:capitalize; } html .ui-widget, html .ui-widget input, html .ui-widget select, html .ui-widget textarea, html .ui-widget button{} .pickupText, .deliveryText,.ui-dialog-title, #itemOptions h4.ui-widget-header{text-transform:capitalize;} #Deals .menuItems{height:150px;} #findStore, #savedBtn, .buttons>a, #ancManage{background: #7c950e; border: none; color: #fff;} #findStore:hover, #savedBtn:hover, .buttons>a:hover, #ancManage:hover{background:#596a09;} #ancManage span.ui-icon{display:none;} #findStore .ui-icon{display:none;} #findStore .ui-button-text, #savedBtn .ui-button-text, #ancManage .ui-button-text{min-width:80px; text-transform: none; font-size: 1.2em; padding: 2px 1em 0px; font-weight:normal;} #findStorePlaceholder{margin-right:0px;} #busyText {text-transform:uppercase;} .menuItemsPlaceholder>div.tiles>a > h4.header{font-size:20px;} .menuItemsPlaceholder>div.menuItems {margin:0!important; width: calc(100% / 3);border-right: 5px dotted #e4e4e4; } .menuItemsPlaceholder>div.menuItems.odd {background: #f6f6f6;} .menuItemsPlaceholder>div.menuItems.first {border-top-left-radius: 1em; border-bottom-left-radius: 1em;} .menuItemsPlaceholder>div.menuItems.last {border-top-right-radius: 1em; border-bottom-right-radius: 1em; border:none;} #imgRewardsMeter{width:18%; } #htStatusHeader {text-transform: uppercase;} /*#pageBackground.tracker{background:#eeb517 url(images/slides/home/2.jpg) no-repeat center center; top:-50px; height:200px; background-position:0% 0%;}*/ /*#tracker li span.ui-state-highlight{background: #f2b300; color: #fff; border-color: #f2b300; }*/ #tracker li span.ui-state-default + h4{color:#f2f2f2;} #tracker li span.ui-state-highlight + h4, #tracker li span.ui-state-active + h4{color:#393839;} #trackerNav #tracker{margin: 0em; display:-webkit-flex; display:flex; flex-flow: row nowrap; justify-content: space-between;} #tracker li span.line.ui-state-highlight{background: #7c950e; color: #fff; border-color: #7c950e; } #trackerNav #tracker li:not(:last-child) .line{width: 12px; height: 12px; border-radius: 6px; background: #f6f6f6; right: -40px; } #trackerNav #tracker li>span.ui-state-highlight ~ .line, #trackerNav #tracker li>span.ui-state-active ~ .line{background: #7c950e;} #tracker.delivery #complete{display:none;} #tracker.delivery li{width: calc(93%/3)!important;} #tracker.delivery #onroad{width: 7%!important;} #tracker.delivery #onroad span.line{display:none;} #tracker span.material-icons, #htStatusImage{text-indent: -9999px; background-repeat: no-repeat; background-size: contain; background-color: #fff; border:none;} #htStatusImage{background-color: transparent; display:block; background-position: center center;} #order>span.material-icons, #htStatusImage.order{background-image: url(images/order.png);} #make>span.material-icons, #htStatusImage.make{background-image: url(images/make.png);} #qualitycheck>span.material-icons, #htStatusImage.qualitycheck{background-image: url(images/qualitycheck.png);} #onroad>span.material-icons, #htStatusImage.onroad{background-image: url(images/onroad.png);} #complete>span.material-icons, #htStatusImage.complete{background-image: url(images/complete.png);} #tracker.carryout #complete>span.material-icons{background-image: url(images/complete.png);} #tracker li#order span.material-icons.ui-state-highlight, #tracker li#order span.material-icons.ui-state-active{background-image: url('images/order_done.png');} #tracker li#make span.material-icons.ui-state-highlight, #tracker li#make span.material-icons.ui-state-active{background-image: url('images/make_done.png');} #tracker li#qualitycheck span.material-icons.ui-state-highlight, #tracker li#qualitycheck span.material-icons.ui-state-active{background-image: url('images/qualitycheck_done.png');} #tracker li#complete span.material-icons.ui-state-highlight, #tracker li#complete span.material-icons.ui-state-active{background-image: url('images/complete_done.png');} #tracker li#onroad span.material-icons.ui-state-highlight, #tracker li#onroad span.material-icons.ui-state-active{background-image: url('images/onroad_done.png');} /*#navTracker{background: url(images/ordertracker.png) no-repeat; background-size: contain; text-indent: -9999px;}*/ #divHTStatusImg:before {content: 'CURRENT STATUS'; background: #eeece6; display: block; margin-right: 5px; font-weight: bold; color: #E11A17; font-size: 14px;} #ordTime{color: #7c950e; text-transform: capitalize; font-style:italic; font-weight:normal; font-size: 1.1em;} #stageDesc{font-weight:normal; font-size: 1.1em;} /*html .ui-widget-content, html .ui-widget-header {border:none;background:rgba(255,255,255,0.9); border-radius: 12px; color: #000;}*/ html .ui-widget-header:not([class*='ui-datepicker-header']) { font-weight: normal; background:none; font-size: 1em; color: #393839; border:none; text-transform:capitalize;} html .ui-dialog-titlebar.ui-widget-header{font-size: 1em; display:block; text-align:center; padding-bottom:0;} html .ui-dialog-titlebar.ui-widget-header>span{float:none; display: block; margin-top: 0.5em;} html #ItemsPopup .ui-widget-content{border-radius: 0px;} html .ui-dialog.ui-widget-content{background:rgba(255,255,255,1); top:50px!important;} html .ui-button, html .ui-widget button{padding: 0em 1em; border-radius: 2em; border-width:2px!important;} html.order-ordertype span.ui-dialog-title {float:none; display:block; text-align:center; margin-right: 0;} html.account-logon input[type=text], html.account-logon input[type=number], html.account-logon input[type=url], html.account-logon input[type=tel], html.account-logon input[type=password], html.account-logon input[type=email], html.account-logon select, html.account-logon select.width, html.account-logon textarea, html.account-register input[type=text], html.account-register input[type=number], html.account-register input[type=url], html.account-register input[type=tel], html.account-register input[type=password], html.account-register input[type=email], html.account-register select, html.account-register select.width, html.account-register textarea{border:2px solid #f2f2f2;} html.account-register .contentDiv{padding: 0.5em 3em;} html.account-manage .contentDiv{padding: 0.5em 2em 1em;} div#manage div.contentDiv > div:last-child{margin-top: 3em;} /*div.editor-field>div:first-child label{display:block;}*/ div.editor-field input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']), div.editor-field select{color: #393839!important;} h3#hdrHome {text-transform:capitalize; font-size: 1.5em;} #divHomeContent h4 {font-size:1em;} .ui-block-50 {float:none!important; margin:auto!important;} #StoreList #PlaceHolder li div.storeDetails{float:left!important;} html.order-ordertype .ui-block-50.storeActions{float:right!important;} #orderTypes label[for]{box-shadow:none;text-indent:-9999px; border:none; background:url('images/Unselected.png') no-repeat center center; background-size:contain; height:200px; margin:0; padding:0;} #orderTypes label[for="delivery"]{background-image:url('images/delivery-reg.png');} #orderTypes label[for].ui-state-active {background-image:url('images/Selected.png');} #orderTypes label[for="delivery"].ui-state-active {background-image:url('images/delivery-reg-active.png');} #orderTypes label[for] span, #orderTypes input[type="radio"]{display:none;background:none;} /*html.order-ordertype #pageBackground{background:#eeb517 url('images/ordertype-banner.png') no-repeat center center; top: 5px; height: 300px;} html.order-ordertype #content[data-viewtype="1"] #pageBackground{background:#eeb517 url('images/select_store.png') no-repeat center center; top: 5px; height: 300px;}*/ #content[data-viewtype="1"] #orderTypes>h3{display:none;} #ordTypeContainer{max-width:800px; margin: 135px auto;} #ordTypePlaceholder{max-width: 450px; margin: 10px auto;} #dialogContent #ordTypePlaceholder{max-width: 60%;} #orderTypes{text-align:center;font-weight:bold; font-size: 12px; margin-bottom: 20px;} #addressAccord>h3, #ordError>h3, #geoResults>h3, #tipAccordion > h3 {background:none; border:none; font-weight:normal; font-size: 1em; color: #393839; padding-left: 2em;} #addressAccord>h3>span, #tipAccordion>h3>span{background-image:url('images/arrow_right.png'); background-size: contain; background-position: left center; margin-top: 12px; width: 32px; height: 32px; left:0; top: 0;} #addressAccord>h3.ui-state-active>span, #tipAccordion>h3.ui-state-active>span{background-image:url('images/arrow_select.png');} #addressAccord>div, #tipAccordion>div{width: 75%; margin: 0 auto 25px; border: none;} #addressAccord>div{width: 100%; max-width:700px; border-radius: 10px; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px rgba(0,0,0,0.35); } #dialogContent #addressAccord>div{width: 100%;} #dialogAddress,#locations,#geoResults,#ordError,#tipHolder {background:rgba(255,255,255,0.9); border-radius: 18px; color: #393839; padding: 0.2em;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px rgba(0,0,0,0.35);} #ordTypePlaceholder div.ordType {margin:0;padding:0;} #orderTypes > h3 {font-size:medium; font-weight: normal;} #addressForm div#divStreet, #addressForm div#divCity {width: 100%;} #addressForm div#divEntryCode {margin-left: 25%;} #addressForm div#findStorePlaceholder {text-align:center!important;} #addressForm {width: 60%; border-right: 2px solid #e4e4e4; padding-right: 15px;} #divOTLogin {width: 40%; padding-left: 15px;} #divOTLogin div#divLoginOpts{border:none; background: #f6f6f6;} #locations .ui-widget-content, #dialogContent #StoreList .ui-widget-content{border:none;} div#divLoginOpts>div.center>strong, div#divGuestOpt .ui-button-text{ font-size: 1em; font-weight:normal;} div#divGuestOpt .ui-button-text{font-size: 1em; padding: 0em 1em;} div#divGuestOpt > a{padding: 0 1em; margin: 5px 0px;} #findStorePlaceholder{margin-top: 15px;} #optionalZip > div{position:initial; margin: 0px;} #optionalZip>div>span{display:block; position:relative; font-size: 1em; font-weight:normal;} #optionalZip>div>span:before, #optionalZip>div>span:after{content:''; position:absolute; left:0; right:55%; border-top: 2px solid #e4e4e4; top:51%;} #optionalZip>div>span:after{content:''; position:absolute; left:55%; right:0;} #OrdTypesDialog[data-ordtype="carryout"] #addressForm div#divCity, #OrdTypesDialog[data-ordtype="carryout"] #addressForm div#divState, #addressForm div.editor-field{width: 49%; box-sizing:border-box;} #OrdTypesDialog[data-ordtype="carryout"] #addressForm div#divZip{margin-left: 25%;} #OrdTypesDialog #addressForm div#divZip{width: 50%;} #optionalZip.show.editor-field {display:block!important; width: 100%;} #divLocPage #prevnext > label {padding: 0; border-radius:50%; font-weight:normal; margin: 1em 1em 3em!important;} #divLocPage #prevnext > label .ui-button-text{padding: 0.5em; font-size: 1em; line-height: 1.6em; width: 1.6em; height: 1.6em;} #PlaceHolder > div > ul > li{background: #f6f6f6; border-radius: 2em; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.35); box-shadow: 0px 2px 5px rgba(0,0,0,0.35); } #PlaceHolder li div.ui-widget-content{background:none;} #PlaceHolder li div.storeDetails {border-right: 2px solid #e4e4e4;} #PlaceHolder li div.storeDetails h4{font-size: 1.1em; font-weight:700;} #StoreList #PlaceHolder li{margin:0px auto 50px!important;} #StoreList #PlaceHolder li div.storeDistance, #StoreList #PlaceHolder li div.storePhone, #StoreList #PlaceHolder li div.storeAddress, #StoreList #PlaceHolder li div.storeLoc, #StoreList #PlaceHolder li div.storeOrdTypes, #StoreList #PlaceHolder li div.storeDistance {font-size:12.5px; margin-top:5px;} #StoreList #PlaceHolder li div.storeDistance, #StoreList #PlaceHolder li div.storeHours a {color: #7c950e; text-decoration:underline; font-style:italic; } #StoreList #PlaceHolder li div.storeDistance{text-decoration:none;} #StoreList #PlaceHolder {margin-top: 25px;} #StoreList #PlaceHolder li div.actionBtns .ui-icon{display:none;} #StoreList #PlaceHolder li div.actionBtns a{display:block; margin: 5px auto 10px; background: #7c950e; color: #fff; border:none; width: 175px; padding:0;} #StoreList #PlaceHolder li div.actionBtns a.order{box-shadow: 4px 4px 10px rgba(0,0,0,.35);letter-spacing: 2px;} #StoreList #PlaceHolder li div.actionBtns a:hover{background: #596a09;} #StoreList #PlaceHolder li div.actionBtns a .ui-button-text{text-transform:uppercase; padding: 2px 0 0; font-size: 1em; font-weight:600; line-height:2;} #StoreList #PlaceHolder li div.actionBtns a.order .ui-button-text{font-size: 20px; padding: 2px 0 0;} #StoreList #PlaceHolder li div.actionBtns h4.closedmsg.future:after{content:'Only Future Orders can be placed'; font-weight: normal; font-style:italic; font-size: 0.6em; display:block;} #StoreList #divLocPageHdr{display:block; margin-top: 10px; font-size: 1em; font-weight:normal;} #addressAccord button.facebook {width: 165px; height: 40px;} #divLocPage{padding-top: 0.2em;margin-top:10px;} html.order-ordertype .ui-block-50.storeActions{} #StoreList #PlaceHolder li img{max-width: 60px!important;} html.order-ordertype #StoreList #PlaceHolder li>div, #dialogContent #StoreList #PlaceHolder li>div{padding: 2em 1em;} #locations #StoreList #PlaceHolder li, #dialogContent #StoreList #PlaceHolder li{width: 100%; max-width: 700px;} /* ACCOUNT Login*/ #divLoginMain #divUsername input[type="email"], #divLoginMain #divPassword input[type="password"]{width: 100%;} #divLoginMain #divUsername div.editor-label, #divLoginMain #divPassword div.editor-label{font-weight:bold;} #divUsername, #divPassword, #divLoginMain #divLoginSubmit, #divSearchOrder, #divNewSearch, #divNewSrch {display:block; width: 75%; margin: 10px auto; position:relative;} #btnSearchOrder:before, #btnNewSearch:before, #btnNewSrch:before, #btnLogin:before {background: url('images/Half_Pizza.png') no-repeat; content: ''; top: -3em; position: absolute; background-size: contain; width: 138px; height: 60px; left: 18px;} #divLoginMain, #divLoginRegister {background:none; box-shadow:none;} html.account-logon div.wrapper-side-2, html.account-logon div.wrapper-center-2{float:none; width: 100%;} #divLoginMain div.ui-widget-content, #divLoginRegister div.ui-widget-content {border:none; box-shadow:none; background:none;} #divLoginMain div.ui-widget-content div.padding, #divLoginRegister div.ui-widget-content div.padding{padding: 0em;} html.account-logon div.content-body, html.account-register #divRegister>div.ui-widget-content, #content .homeContent .ui-widget-content {box-shadow: 4px 4px 10px rgba(0,0,0,0.35); border-radius:2em; width: 30%; background: rgba(255,255,255,0.9); min-width: 300px} html.account-register #divRegister > div.ui-widget-content, #content .homeContent .ui-widget-content {width: 100%;} #divLoginSubmit {text-align:center;} #divLoginSubmit #forgotPassword {position:absolute; right:-35px; top:0; margin: 0; font-weight:bold; font-style:italic;} #btnLogin, #btnSearchOrder, #btnNewSearch{line-height: 2;} #btnLogin, #btnSearchOrder, #btnNewSearch, #btnNewSrch {position:relative; margin-top: 38px;background: #7c950e!important;color: #fff; font-weight:700; padding: 0em 1em; border: 1px solid #7c950e; width: 175px;-webkit-appearance: none;-moz-appearance: none; appearance: none;font-weight:normal;} #btnLogin:hover, #btnSearchOrder:hover, #btnNewSearch:hover, #btnNewSrch:hover{background:#596a09!important; border: 1px solid #596a09;} #btnNewSrch{padding: 0 1em;} #btnLogin>.ui-button-text, #btnSearchOrder>.ui-button-text, #btnNewSearch>.ui-button-text, #btnNewSrch>.ui-button-text{font-size: 1em;} #btnSearchOrder, #btnSearchOrder>.ui-button-text, #btnNewSearch, #btnNewSearch>.ui-button-text, #btnNewSrch, #btnNewSrch>.ui-button-text, #btnLogin, #btnLogin>.ui-button-text{padding:0em;} #btnLogin{margin-top: 50px;} #loginForm p, #divLoginMain h3, #divLoginRegister h3 {display:none;} #divLoginMain div.wrapper-side-2-content, #divLoginRegister div.wrapper-side-2-content{position:relative; padding-top: 3em; margin-top: 2em;} #divLoginRegister div.wrapper-side-2-content{margin-top:0em;} #divLoginMain div.wrapper-side-2-content:before, #divLoginRegister div.wrapper-side-2-content:before, #divLoginRegister div.wrapper-side-2-content:after {position:absolute; text-align:center; left:0; right:0; top:0; content:'Log In to your Tosco Profile'; font-weight:700; font-size: 1.5em;} #divLoginRegister div.wrapper-side-2-content:before{content:'Don\'t have an account?';} #divLoginRegister div.wrapper-side-2-content:after{content:'Sign Up Today for special offers and deals!'; top:36px; font-size: 12px; font-weight:400;} #divLoginRegister div.wrapper-side-2-content{padding-top: 4em;} div#divLoginRegister:before {content: '';display: block;border-top: 2px solid #f5f5f5;margin: 0 10% 1em 10%;} #divLoginOpts button.facebook, #navFacebook button.facebook {background-size:contain; border-radius:0;} #login div.editor-field, #info div.editor-field, #address div.editor-field, #preorderDates div.editor-field, #cc_details div.editor-field, #tipHolder, #PmtAmountHolder div.editor-field {display:block; max-width: 100%; margin: 0.4em auto;} #tipHolder, #preorderDates div.editor-field{margin: 1em auto;} #preorderDates div.editor-field{text-align:center;} #divRegister div.divider {display:none;} #divRegister h3.ui-widget-header {border:none;color: #7c950e; font-size: 2em; text-transform:capitalize; margin-top: 15px;} #info p.ltyText {max-width: 90%; vertical-align: middle;} #address #optionalZip {display:none;} #address #divState, #address #divZip {width: 49%; display:inline-block;} #address #divZip {width:50%;} #divRegister div.submit{text-align: center;} #divRegister div.submit button{background:#7c950e; color: #fff;border: 1px solid #7c950e; font-weight:normal;} #divRegister div.submit button:hover{background:#596a09;} #divRegister div.submit button > .ui-button-text{padding: 0em 1em; font-size: 1em;} #address #divLocName, #address #divAddrTypeName, #address #divStreet{margin-top: 0.8em;} html.account-manage div.editor-field > span {position:absolute;left: 30%;top: 1px; font-size: 15px;} /*html.account-manage div.editor-field {height: 1em;}*/ html.order-menu #content{padding-top:0px;} html.account-register #content{padding-top: 1em;} html.account-logon #content{padding-top: 175px;} #tabs{padding:0;} #pTabs{margin-left: 1.5em;} #pTabs, #pTabs > .ui-widget-header {background: none; color: #fff; border-radius:0; padding:0; border:none;} #pTabs>.ui-tabs-nav>li {text-align:center;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; line-height: 100%; padding:0.4em; border:none;} #pTabs>.ui-tabs-nav>li h2{padding:0; font-size: 20px; position:relative;} #pTabs>.ui-tabs-nav>li a{text-align:center; vertical-align:middle; color:#212427;text-transform:uppercase; padding:0.1em 8px 0.1em 8px; 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; position:relative;line-height:30px;} #pTabs>.ui-tabs-nav>li.ui-state-default { background: transparent; } #pTabs>.ui-tabs-nav>.ui-state-active, #pTabs>.ui-tabs-nav>.ui-state-hover{background:#212427!important; border:none; border-radius: 0.5em; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius:0; border-bottom-right-radius:0;} #pTabs>.ui-tabs-nav>.ui-state-active a {color: #fff;} #pTabs>.ui-tabs-nav>.ui-state-active a, #pTabs>.ui-tabs-nav>.ui-state-hover a{color:#fff;} #pTabs>.ui-tabs-nav>li#LiGroups h2:before, #pTabs>.ui-tabs-nav>li#liDeals h2:before, #pTabs>.ui-tabs-nav>li#liLty h2:before, #pTabs>.ui-tabs-nav>li#liOrders h2:before{display:none; /*position:absolute; left: 5px; top: 0; background-size:contain; content:''; width: 32px; height: 32px; background-repeat:no-repeat;*/} #pTabs>.ui-tabs-nav>li#LiGroups h2:before{background-image:url('images/groups.png');} #pTabs>.ui-tabs-nav>li#liDeals h2:before{background-image:url('images/deals.png');} #pTabs>.ui-tabs-nav>li#liLty h2:before{background-image:url('images/myltyaccount.png');} #pTabs>.ui-tabs-nav>li#liOrders h2:before{background-image:url('images/favorite.png');} #pTabs>.ui-tabs-nav>li#LiGroups.ui-state-hover h2:before, #pTabs>.ui-tabs-nav>li#LiGroups.ui-state-active h2:before{background-image:url('images/groups_active.png');} #pTabs>.ui-tabs-nav>li#liDeals.ui-state-hover h2:before, #pTabs>.ui-tabs-nav>li#liDeals.ui-state-active h2:before{background-image:url('images/deals_active.png');} #pTabs>.ui-tabs-nav>li#liLty.ui-state-hover h2:before, #pTabs>.ui-tabs-nav>li#liLty.ui-state-active h2:before{background-image:url('images/myltyaccount_active.png');} #pTabs>.ui-tabs-nav>li#liOrders.ui-state-hover h2:before, #pTabs>.ui-tabs-nav>li#liOrders.ui-state-active h2:before{background-image:url('images/favorite_active.png');} #tabs a.tilesv2, #dialogContent a.tilesv2{/*border-left:none;border-top:none;border-bottom:none; border-right-style:dotted; border-right-width: 6px;*/ border:none; background: none; padding-bottom: 70px;} a.boxSizing.padding-bottom.tilesv2.ui-state-default.boxSizing.ui-corner-all.menugroup { padding-bottom: 0!important; } #tabs a.tilesv2:hover>h4, #dialogContent a.tilesv2:hover>h4{color: #7c950e;} #tabs a.tilesv2:hover>h4.button, #dialogContent a.tilesv2:hover>h4.button{background: #596a09;} #tabs a.tilesv2 .ui-widget-header, #dialogContent a.tilesv2 .ui-widget-header{font-size: 1.42em; font-weight:700; text-transform: uppercase; text-align: center;} #dialogContent a.tilesv2 .itemPrice{text-align: center;} #tabs a.tilesv2 p, #dialogContent a.tilesv2 p{ font-style:italic; max-width: 80%; margin: 0 auto; font-weight: 400; color:#888;} /*---Three Lines followed by ellipsis---*/ #tabs a.tilesv2 p{ --lh: 1.2rem; line-height: var(--lh); --max-lines: 3; position: relative; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; padding-right: 1rem; /* space for ellipsis */ } #tabs a.tilesv2 p::before { position: absolute; content: "..."; /*inset-block-end: 0;*/ /*inset-inline-end: 0; */ bottom: 0; right: 0; } #tabs a.tilesv2 p::after { content: ""; position: absolute; /*inset-inline-end: 0;*/ right: 0; width: 1rem; height: 1rem; background: white; } /*---FADE---*/ /*#tabs a.tilesv2 p { position: relative; height: 3.6em; /* exactly three lines */ } #tabs a.tilesv2 p:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 70%; height: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); }*/ #tabs div.itemRow, #tabs div.cpnRow, #dialogContent div.itemRow{background: #fff; padding: 1em 0.5em;} /*#tabs div.itemRow:nth-child(odd), #tabs div.cpnRow:nth-child(odd), #dialogContent div.itemRow:nth-child(odd){background: #f5f5f5; border-radius: 20px; display:flex; flex-direction:row;}*/ #tabs div.itemRow.odd a.tilesv2, #tabs div.cpnRow.odd a.tilesv2, #dialogContent div.itemRow.odd a.tilesv2{border-right-color: #f6f6f6;} #tabs>.ui-tabs-panel{float:none!important; margin: 0 auto; max-width: 1000px; padding: 0;} #tabs>div#myorders.ui-tabs-panel{max-width: 700px;} #tabs div.itemRow a.tilesv2:last-child:not(:first-child), #tabs div.cpnRow a.tilesv2:last-child:not(:first-child), #dialogContent div.itemRow a.tilesv2:last-child:not(:first-child){border:none;} #tabs a.tilesv2 h4.button, #dialogContent a.tilesv2 h4.button{background: #7c950e; color: #fff; border:none; text-align:center; position:absolute; bottom:10px; left: 0; right: 0; margin: 0 auto; font-size: 20px; border-radius: 2em;padding: 2px 0 0; line-height: 1.4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 175px; box-shadow: 4px 4px 10px rgba(0,0,0,0.35); text-transform: uppercase;} #tabs div.cpnRow>a.tilesv2 h4.button{font-size: 20px; padding: 3px 0 0; width: 150px; box-shadow:none;} #tabs div.grpName h2{color: #222; font-size: 50px; font-weight:700; text-transform:uppercase; text-align:center; padding:0;} /*#tabs div.grpName{margin-bottom: 2em;}*/ #tabs div.ItemsPlaceholder div.grpName>h2:after{display:none; /*content:'(Items availability may vary by location)'; font-size: 15px; color: #393839; text-transform:none; font-style:italic; margin-top: 0.5em;*/} .ui-state-highlight.margin-bottom.padding-all.boldText.grpDesc { background: transparent; border: none; text-align: center; font-style: italic; } #tabs div.GroupsPlaceholder.nodesc a.tilesv2{padding: 1em;} #tabs div.ItemsPlaceholder.noimg a.tilesv2{} #tabs div.itemPrice{display:none;} #tabs:not([data-listtype="menugroups"]):not([data-listtype="menuitems"]){border-top: 3px solid #393839; border-radius:0;} #divCartPlaceholder #btnBackMenu, #divCartPlaceholder #cartButton{text-transform:uppercase; font-size: 20px;font-weight:normal;} #divCartPlaceholder #cartButton{color: #555; box-shadow: 2px 2px 5px rgba(0,0,0,0.35); padding: 0.1em 0.6em; border-radius: 20px;} #divCartPlaceholder #cartButton:after{content:''; background:url(images/arrow_select.png) no-repeat center center; width: 24px; height: 24px; background-size: contain; display:inline-block; line-height:36px; vertical-align:middle; margin-left: 5px; } #divCartPlaceholder #cartButton #cartLabel{background:url(images/cart.png) no-repeat; background-size:contain; width: 40px; height: 40px; display:inline-block; font-size: 17px;background-position: center center; color: #555; line-height: 32px; padding-left: 5px;} #divCartPlaceholder #btnBackMenu{position:relative; padding-left: 24px;} #divCartPlaceholder #btnBackMenu:before {background:url(images/arrow_left.png) no-repeat; background-size:contain; position:absolute; left:0; top:2px; bottom:0; content:""; width: 24px; height: 24px;} #divItemPlaceholder > div {display:block; width: auto;} #divItemPlaceholder > div.item-col1{text-align: center;position:relative; min-height:100px;} #divItemPlaceholder > div.item-col1>p, #divItemPlaceholder > div.item-col1>div{position:absolute; width:50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #divItemPlaceholder > div.item-col1>p{top:0; right:0; padding: 1em; text-align:left; font-style:italic;} #divItemPlaceholder > div.menuItemOptions{max-width: 100%; margin: 50px auto 0;} #itemOptions h4>span.modmaxhdr{font-size: 0.5em;} #itemOptions div.ui-state-highlight{border: none;} html:not(.mobile) #itemOptions div.ui-state-highlight:not(#itmError):not(.itm_mods_holder){display: -webkit-flex; display: flex; flex-direction:column; justify-content: center;} html:not(.mobile) #itemOptions div.itm_mods_holder{display: -webkit-flex; display: flex; flex-flow:row wrap; justify-content: space-between;} html:not(.mobile) #itemOptions>div>div, #itemOptions>div>span{margin: 0px auto 10px; align-self: center; } html:not(.mobile) #itemOptions div.ModsWrapper{flex: 0 0 265px; align-self: auto;} html:not(.mobile) #itemOptions div.itm_notes_holder{text-align:center;} #itemOptions div.ui-state-error{background: none; color: #393839; border: 2px solid #eb0029; border-radius: 1.5em;} #itemOptions .sizesWrapper label[for]{width: 120px; margin: 1em 0.4em; position:relative; height: 40px; font-weight: 400; box-sizing:border-box;} #itemOptions .sizesWrapper label[for] .ui-button-text{padding:0; font-size: 1em; line-height: 2.2;} #itemOptions .sizesWrapper label[for] .SzPrice {font-size: 12px; color:#7c950e; position:absolute; bottom: -2em; right: 3.6em; font-style: italic; font-weight: bold;} #itemOptions div.itm_mods_holder select{width: auto; padding: 0.1em 4em 0.1em 0.5em; color: #7c950e;} #itemOptions div.itm_mods_holder input[type="radio"] + label{padding: 0.2em;} #divItemMain #divItemPlaceholder>div.item-col1, #divItemMain #divItemPlaceholder>div.item-col1>div{margin-top:0; padding-top: 0;} #ordersummary>div{border-radius: 12px; box-shadow: 4px 4px 10px rgba(0,0,0,0.35); max-width: 775px;} #ordersummary div.ui-widget-content{border:none; background: none; box-shadow: none;} #ordersummary #divOrdTypesWrapper>div:not(.oType){display:none;} #ordersummary #divOrdTypesWrapper>div.oType{float:left; width:50%;} #ordersummary #divChangeOrdType, #ordersummary #divOrdTypesWrapper{text-align: center;} /*#ordersummary #ordTypes>div input[type="radio"]{visibility:hidden;} #ordersummary #ordTypes>div label[for]:before{display:block; content:'';border:none; background:url('images/ot_carryout.png') no-repeat; background-size:contain; height:90px; background-position:center center;} #ordersummary #ordTypes>div label[for]{font-weight:bold; padding-top: 10px; font-size: 1em;} #ordersummary #ordTypes>div[data-isdelivery="True"] label[for]:before{background-image:url('images/ot_delivery.png');} #ordersummary #ordTypes>div input[type="radio"]:checked + label[for]:before {border: 2px solid #393839;}*/ #ordersummary #ordTypes>div#divChangeOrdType{} #ordersummary .divider{display:none;} html #tblTotals td{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} html #tblTotals td:first-child{padding: 0.1em 0em 0.1em 50%; text-align:left;} html #tblTotals div.divider{display:none;} #divTrackerMain #divResultsContent a{position:relative; width: calc(90% - 3em); margin: 1em auto; font-size: 1em; border: 2px solid #e4e4e4; border-radius: 10px; padding: 0.8em; text-decoration:none; color: #393839!important;} #divTrackerMain #divResultsContent a .ordtype{font-weight: bold;} #divTrackerMain #divResultsContent a > span.material-icons{position:absolute; left : -3em; top: 0em; text-indent: -9999px; display:block; background: url(images/pizzabox.png) no-repeat; background-size: contain; height: 3em; width: 3em;} #divTrackerMain #divResultsContent a[data-ordtype="delivery"]{background-image:url('images/car.png');} #divTrackerMain>div:not(#divHTStatus){border-radius: 12px; max-width: 320px; margin-top: 2.5em;} #divTrackerMain>div#divResults{max-width: 700px;} #divTrackerMain #divSearch, #divTrackerMain div.submit, #divTrackerMain #divResults>p{text-align: center;} #divTrackerMain #divSearch > div{margin: 10px; padding-top: 0;} #divTrackerMain div.editor-field{display:block; padding-left: 36px; position:relative; border: 2px solid #e4e4e4; border-radius: 6px;} #divTrackerMain div.editor-field input{border: none;} #divTrackerMain div.editor-field:before{content:''; background: url(images/phone.png) no-repeat center center; background-size: contain; width:20px; position:absolute; left:15px; top:8px; bottom: 8px;} #divTrackerMain>div>.ui-widget-header{text-transform: none; margin-top: 1em; font-size: 1.5em;} #trackerDiv.default{display:none;} #divTrackerMain #divSearch, #divTrackerMain #divResults, #divTrackerMain #divHTStatus, #divTrackerMain #divCurbsideStatus {width: auto; max-width: 600px;} #divTrackerMain #divNewSearch{margin: 10px auto 20px;} #divTabMisc #divPromo{border-width: 2px; background: #f6f6f6; border-radius:10px; min-width: 210px;} #divTabMisc #divPromo:empty{border-width:0; background:transparent;} #pTabs>#divTabMisc #divPromo input{height: 32px; font-weight:normal; font-size: 1em;} #divTabMisc #divProfileName{color: #393839; margin-left:14px; padding: 5px 0; font-size: 1em; line-height: 32px;} div#divProfileName:before {/*content: '';padding-right: 0.2em;/*vertical-align: middle;*/ width: 24px; height: 18px; background: url(images/myprofile.png) no-repeat; background-size:contain;*/ display: none;} ul li#navUser{display:none;} #divTabMisc input::-webkit-input-placeholder{font-size:1em;} #divTabMisc input:-moz-placeholder{font-size:1em;} #divTabMisc input::-moz-placeholder{font-size:1em;} #divTabMisc input:-ms-input-placeholder{font-size:1em;} #divTabMisc input::-ms-input-placeholder{font-size:1em;} #divTabMisc button, #divTabMisc button.ui-state-hover{background:transparent; border-color:#e4e4e4; color: #393839;} #divTabMisc button>span{padding:0;} #leftDiv #divTabMisc #divSubmitCode #btnAddCode{border:none; background:url(images/arrow_right.png) no-repeat center center; background-size: 45%; text-indent: -9999px; padding:0; margin: 0; height: 32px; width: 44px;} #divOrdTypeVisual div.OTAddressWrapper>h4{font-size: 1em;} #divOrdTypeVisual div.OTAddressWrapper>div, #cartView div.itemrow.v2>div.col2, table#tblTotals{font-size: 14px;} #divOrdDetails #ordTypes>label span.pickupImg, #divOrdDetails #ordTypes>label span.deliveryImg, #divStoreInfo #ordTypes>label span.pickupImg, #divStoreInfo #ordTypes>label span.deliveryImg{background-size:contain; background-image:url(images/Unselected.png); height: 100px; background-position: center top;} #divOrdDetails #ordTypes>label span.deliveryImg, #divStoreInfo #ordTypes>label span.deliveryImg{background-image:url(images/ot_delivery_noborder.png);} #divOrdDetails #ordTypes>label span.pickupText, #divOrdDetails #ordTypes>label span.deliveryText, #divStoreInfo #ordTypes>label span.pickupText, #divStoreInfo #ordTypes>label span.deliveryText{display:none;} #addressSeparator {text-indent: -9999px; background: url(images/longarrow.png) no-repeat center center; background-size: contain; } #divOrdTypeVisual>div#addressSeparator{width:15%!important; margin-top: 20px;} #divOrdDetails h3{text-transform:capitalize; font-size: 1.3em; margin: 0.5em auto 0;} #ordersummary #divOrdDetails #cartWrapper, div.wrapper-center-2.v2 #divOrdDetails #cartWrapper{margin: 1em auto;} #lnkCheckout, #submitOrder{background: #7c950e!important; margin: 1em auto; color: #fff; font-weight:normal; padding: 0em; border: 1px solid #7c950e;} #lnkCheckout>span.ui-button-text, #submitOrder>span.ui-button-text{font-size: 1em; padding: 2px 1em 0;} #divOrdDetails{font-size: 1em;} #divOrdDetails div.itemrow:nth-child(odd), #divOrdDetails #tblTotals #trTotal, #divCartCpns>div.ordcpnrow:nth-child(even){background: #f6f6f6;} #divOrdDetails #tblTotals td#thTotal{font-size: 1em; font-weight: 400;} #divOrdDetails #tblTotals td:first-child{position:relative; max-width: 1100px;} #divOrdDetails #tblTotals td:first-child>span{position:absolute; top: 20%; left: 80%;} #divOrdDetails #tblTotals td#tdTotal{font-size: 1.4em; color: #eb0029; font-weight:normal;} #divOrdDetails div.itemrow.v2 > div.col2 div.actions span, #cartView div.itemrow.v2>div.col1>label, #divCartCpns h3>span.remove{color:#eb0029; font-style:italic; } #ordersummary, #divOrdDetails div.submit{margin-bottom: 2em!important;} #cartView div.itemrow.v2>div.col2>div.itemcpn>span.rowhdr, #divCartCpns h3.cpnsHeader, #divCartCpns h3 span.cpnPrice{color: #eb0029;} #divCartCpns h3.cpnContent>span.cpnPrice{top:5px;} #divCartCpns h3 span.remove{font-size: 12px; float: right; margin: 4px 55px 4px 0!important;} #divCartCpns h3.cpnsHeader:before{content:''; display:inline-block; vertical-align:middle; background: url(images/deals.png) no-repeat; background-size:contain; width: 32px; height: 32px;} #divCartCpns h3{font-size: 1em; padding: 5px 0px 3px;} #cartView{margin: 1em auto;} #wrapper div.wrapper-side-2.v2, #wrapper div.wrapper-center-2.v2{width: auto; max-width: 600px;} #customerWrapperContent>h3{text-transform:capitalize; margin-top: 1em;} div#leftDiv.v2 > .ui-widget-content{border: none; background:rgba(255,255,255,0.9); border-radius:12px; box-shadow: 4px 4px 10px rgba(0,0,0,0.35);} #leftDiv.v2 #checkoutForm > div h4, #leftDiv.v2 #checkoutForm #customerWrapperContent > h3{font-size: 1.2em;} #leftDiv.v2 #checkoutForm #customerWrapperContent>h3{margin-top:0;} #leftDiv.v2 #checkoutForm div.OTAddressWrapper h4{font-size: 1em;} #divOrdTypeVisual{background: #f6f6f6;} #tipOptions>label{margin:10px auto;} #leftDiv #divSubmitPlaceholder{text-align:center;} #divOrdTotal h1>span, #divOrdTotal h2>span{margin-right: 15px;} #leftDiv.v2 #preorderInfo, #leftDiv.v2 #preorderInfo > p, #leftDiv.v2 #favorite{margin: 1em auto; display:block; text-align:center;} #leftDiv.v2 #preorderInfo > label{display:initial;} #cartViewContent{border-radius:12px;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward{margin: 0.4em auto;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward h4:before {background: url(images/myltyaccount_active.png) no-repeat; display: block;width: 48px;height: 48px;content: '';background-size: contain;background-position: center center;text-align: center;margin: 0 auto;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward{height: 160px;background: #393839;color: #fff; text-align:center; border-radius: 12px;box-shadow: 4px 4px 10px rgba(0,0,0,0.35); border: none;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward h4{font-size: 1em;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward button>span{text-indent:-9999px;background:none; border:none;color: #fff;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward button{ background:none; border:none;color: #fff;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward button:after{content:'Click to Redeem';} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward div.center{position:absolute; bottom:0; left: 0; right:0;} #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward p, #tabs[data-listtype="myRewardsAcct"] #MyRewardsDetails div.ltyReward button{color: #f6f6f6;} div#MyLtyDetails:before, div#MyRewardsDetails:before{content: 'Account Status';display: block;text-align: center;font-size: 50px; color: #7c950e; font-weight:700; text-transform:uppercase;} div#MyRewardsDetails:before{content:'My Rewards'} div#divLtyPoints > h3:before, div#divLtyRewards > h3:before{content: 'Your '; display:block;} div#divLtyPoints>h4, div#divLtyRewards>h4{background: #7c950e; color: #fff; border-radius:1em; width: 100px; margin: 0.5em auto;} div#LtyRules div.ui-state-default{background: none; border: none;} div#LtyRules{background: #f5f5f5; border-radius: 1em; box-shadow: 4px 4px 10px rgba(0,0,0,0.35);} #tabs[data-listtype="myRewardsAcct"] div#LtyRules .ruleheader, #myRewardsAcct div#LtyRules .ruleheader{text-transform:capitalize; font-size: 1em; font-weight:normal;} input[type="checkbox"] {visibility: hidden; display:none;} label[for] {cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} input[type="checkbox"] + label, input[type="checkbox"] ~ label.customcb{position:relative; padding-left: 2.5em;} input[type="checkbox"] + label:before, input[type="checkbox"] ~ label.customcb:before {border: 1px solid #e4e4e4;content: "\00a0"; font-size: 1em;height: 20px;padding: 0;width: 20px;border-radius: 4px; position:absolute; left: 0px; top: -1px; line-height: 20px;} input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked ~ label.customcb:before {background: #24d10b;color: #fff;content: "\2713";text-align: center;} .ModsWrapper>div>div:not(.ModsDiv)>input:checked+label:before{background: #7c950e; color: #7c950e; content:'\f0c8'; text-align: center; font-size: 16px; line-height: 20px; } #cartViewContent #cartView div.itemrow.v2 div.hdrcontent:not(.pref)>span.rowhdr{font-weight:normal;} #divLoginRegister #btnGuest, #divLoginRegister #btnRegister{font-weight:normal; margin: 0.4em;} #divLoginRegister #btnGuest .ui-button-text, #divLoginRegister #btnRegister .ui-button-text{font-size: 1em; font-weight:700; line-height:2; padding: 0em 1em;} label[for="EnableEClub"], label[for="EnableLty"]{font-size: 1em; font-weight: normal;} html.account-manage #dialogContent .editor-field:not(#optionalZip){display:block; margin: 10px auto;} html.account-manage #dialogContent #divState.editor-field{display:inline-block; width: 49%; margin: 0;} html.account-manage #dialogContent #divZip.editor-field{display: inline-block; width: 50%;margin: 0;} html.account-manage #dialogContent div.ui-helper-clearfix{display:none;} html .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none; text-align: center;} html .ui-dialog .ui-dialog-buttonpane{border:none;} #addressBody button.edit, #addressBody button.del{background: none; border: none; color: #7c950e; width: auto; padding:0; float: left;} #addressBody button .ui-icon{display: none;} #addressBody button .ui-button-text{text-indent:initial; text-decoration: underline; font-size: 1em; font-style:italic; } #addressBody td.addressName{} #manage #address th{text-align: left;} #manage #address th.addressName, #manage #address th.actions{width:100px;} #manage>div.ui-widget-content{background: rgba(255,255,255,0.9); border: none; border-radius: 12px;} #manage>div > .ui-widget-header{text-transform:capitalize; color: #7c950e; font-size: 1.4em;} html input[type="text"]+label[for], html input[type="tel"]+label[for], html input[type="email"]+label[for], html input[type="password"]+label[for], html select+label[for]{ font-size: 13px; color: #757575; background: #fff; padding: 0 7px; right: initial; top: -5px!important; } div.editor-field>label:not(.ltyText) { right: initial!important; } input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']), #wrapper select, #ItemsPopup select, select.width, textarea{border:2px solid #ccc!important;} html input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']), html #wrapper select, html #ItemsPopup select, html select.width{height: 3.5em; padding: 0.5em; font-weight: normal;} #AcceptTerms + label{display:inline-block;} html #wrapper select, html #ItemsPopup select, html select.width, html input:not([type="radio"]){-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(images/arrow_select.png) 98% center no-repeat; background-size: 1.5em;} html #wrapper select::-ms-expand, html #ItemsPopup select::-ms-expand, html select.width::-ms-expand{display:none;} html :not(.noLabel)::-webkit-input-placeholder{color: #393839;} html :not(.noLabel):-moz-placeholder{color: #393839;} html :not(.noLabel)::-moz-placeholder{color: #393839;} html :not(.noLabel):-ms-input-placeholder{color: #393839;} html :not(.noLabel)::-ms-input-placeholder{color: #393839;} #divPromocode>input::-webkit-input-placeholder{ font-size: 1em;} #divPromocode>input:-moz-placeholder{ font-size: 1em;} #divPromocode>input::-moz-placeholder{ font-size: 1em;} #divPromocode>input:-ms-input-placeholder{ font-size: 1em;} #divPromocode>input::-ms-input-placeholder{ font-size: 1em;} html input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']), html #wrapper select, html #ItemsPopup select, html select.width, html textarea{padding:1em;} html #preorderInfo #preorderDates select, html #paymentDetails #cc_details select{padding-right: 2em;} html select#TitleID{display:none;} /*#ancLogin.ui-state-hover, #ancRegister.ui-state-hover{color: #393839;}*/ #favoriteOrdersHdr:before, #pastOrdersHdr:before{content:'Favorite Orders'; display:block; text-align:center; font-weight: normal; font-size: 40px; color: #7c950e; padding: 0 10px;} #pastOrdersHdr:before{content:'Past Orders';} #favoriteOrdersHdr:after, #pastOrdersHdr:after, div#MyRewardsDetails>div.ltyRewardsPlaceholder:before{display:block; content:'Below is a list of your favorite past orders! Apply one for fast checkout!'; margin: 1em auto; font-weight:normal; text-align:center; font-style: italic; font-size: 15px; padding: 0 1em;} #pastOrdersHdr:after{content:'Below is a list of your MOST recent orders! Apply one for fast checkout!';} div#MyRewardsDetails>div.ltyRewardsPlaceholder:before{content:'Below is a list of your rewards. Select one of the rewards to use today!';} #trackerNav{-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); box-shadow: 4px 4px 10px rgba(0,0,0,0.35); border-radius: 12px; background: #fff; max-width: 600px; margin: 0 auto; padding:0.2em 1em; border-radius: 5em;} div#trackerDiv{margin-top: 2.5em;} #trackerDiv>#trackerNav>ol#tracker li{width: auto; display: -webkit-flex; display: flex; flex-flow: column wrap; justify-content: center;} /*#trackerDiv>#trackerNav>ol#tracker li{width: calc((85% + 1em)/4);} #trackerDiv>#trackerNav>ol#tracker.carryout li{width: calc( (85%)/3);} #trackerDiv>#trackerNav>ol#tracker li.complete{width: calc(15% - 1em);}*/ #trackerDiv>#trackerNav>ol#tracker li .text{ font-size: 1em; -webkit-transform: none; transform: none;font-weight:normal;} /*translateX(calc(-50% + 1.4em))*/ #divHTStatus #divBusiness, #divHTStatus #divTicket, #divHTStatus #divCustomer{border-radius: 1.5em;} #divHTStatus #divBusiness>h3, #divHTStatus #divCustomer>h3, #divHTStatus #divTicket>h3{text-transform:capitalize;} #divHTStatus #ticketOrdType, #divResults #searchPhone{color: #7c950e;} #divHTStatus #ticketOrdType:before{content:'{';} #divHTStatus #ticketOrdType:after{content:'}';} #divTicket>#ticketDetails{margin-left:10px;} #divPasswordReq, #divPasswordRsp, #divPasswordReq div.submit, #divPasswordRsp div.submit{text-align:center;} #divPasswordReq div.divider, #divPasswordRsp div.divider{display: none;} #divPasswordReq h3.ui-widget-header, #divPasswordRsp h3.ui-widget-header{color: #eb0029; font-size: 1.4em; margin-top: 1em;} #divPasswordReq div.ui-widget-content, #divPasswordRsp div.ui-widget-content{background: rgba(255,255,255,0.9); border: none; border-radius: 12px; } #divPasswordReq #btnPasswordReq, #divPasswordRsp #backToLogin{padding: 0.2em 1em; font-weight: normal; font-size: 1em;} #divPasswordRsp #backToLogin{background: #fff; border: 2px solid #e4e4e4; color: #393839!important; border-radius: 2em; text-decoration:none;} #divPasswordRsp p {font-weight:bold;} #divPasswordReq div.contentDiv, #divPasswordRsp div.contentDiv{width: 50%; margin: 0 auto;} #divPasswordReq div.editor-field{display:block;} #PointRules>div:before, #RewardRules>div:before{background:url(images/myltyaccount.png) no-repeat center; background-size: contain; content:''; text-align:center; font-weight: normal; font-size: 1em; width: 64px; height: 64px; display:block; vertical-align: middle; line-height:70px; margin: 0 auto; color: #fff;} #RewardRules>div:before{background:url(images/groups.png) no-repeat center; content:''; background-size: contain;} #LtyRules div.ui-state-default{height: 125px;} #content #leftDiv.v2 #checkoutForm > div:not(#divStoreInfoPlaceholder) h4{text-align:center;} #divEstTime, #divOrdTotal {background: #fff; border: none; box-shadow: 4px 4px 10px rgba(0,0,0,0.35); border-radius: 12px;} #divOrdTotal{margin: 4em auto 0em auto; max-width: 50%;} #divOrdTotal>h2{font-size: 1.2em; padding: 0.2em;} #divOrdTotal>h2>span#ordTotal, #divOrdTotal>h2>span#currency{font-size: 1em; color: #eb0029;} #divOrdTotal>h2>span#currency{margin-right:0.1em;} #checkoutForm #ltyDiv{margin:0; display:block; text-align:center; width: auto;} #navigation ul li a:hover{color:#7c950e;} #navigation ul li a#navOrder{background: #7c950e; border-radius: 2em; color: #fff; padding: 2px 0 0; top: 0.2em; box-shadow:0px 2px 4px rgba(0,0,0,0.25); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width: 175px; text-align:center; line-height: 1.4; letter-spacing: 2px;} #navigation ul li a#navOrder:hover{background: #7c950e; } #divItemSugg input+label, #btnAddSugg, #btnCancelSugg, #tipAccordion label, #tipTotals td.receiptName{ font-weight: normal; padding:0;} #divItemSugg input+label>.ui-button-text, #btnAddSugg>.ui-button-text, #btnCancelSugg>.ui-button-text, #tipAccordion label>.ui-button-text, #tipTotals td.receiptName{font-size: 1em; padding: 0 1em;} #divItemSugg input+label:before{background:none; border:none; content:'';} #divItemSugg{text-align:center;} #divItemSugg>div>h2>span.disclaimer{display:inline-block; color: #eb0029; margin-left: 0.2em; } #divItemSugg>div>div{margin: 1em auto;} #btnAddSugg{background: #7c950e; color: #fff; border-color: #7c950e;} #divMultiPmt, #cc_details>div.editor-field{text-align:center;} #divExpPlaceholder>div.editor-label{display:none;} #paymentDetails #cc_details #divExpPlaceholder>select{float:left; width: 45%; margin:0;} #paymentDetails #cc_details #divExpPlaceholder>select#ExpMonth{margin-right: 5%;} #paymentDetails #cc_details #divExpPlaceholder>select#ExpYear{margin-left: 5%;} #divExpPlaceholder:after{display:table; content:''; clear:both;} #navigation div.left, #navigation div.right{display:none;} #navigation ul li:last-child{margin-right:0;} div#divAcctOpt:before{content:'To view or change your personal account settings'; display:block; margin: 0em 0em 1em 0em; text-align: center;} #optInOpts{text-align:center;} #myRewardsPnl #LtyRules div.ruledesc{text-transform: initial; font-size: 1em;} div#divLty div.lty{display:none;} div#divLty a{color: #7c950e; font-style: italic;} #MyRewardsDetails div.ltyReward{width: 160px!important;} #manage h3.ui-widget-header{margin-top: 20px;} #itemOptions h4.ui-widget-header { text-transform: uppercase!important;} .itm_qty_holder input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']) { width: 50px!important; text-align:center; } .itm_notes_holder input:not([type*='checkbox']):not([type*='radio']):not([type*='submit']) { text-align:center; } html .ui-dialog .ui-dialog-buttonpane button{margin: .5em 12px 3em 12px;} #cartView div.itemrow.v2>div.col1 label{font-size: 15px;} #ItemsPopup #Error{text-align:center;} #ItemsPopup #Error div.ui-state-error{background:none; border:none;} #ItemsPopup #Error div.ui-state-error .ui-icon{display:none;} div.ui-dialog-titlebar[data-viewtype="2"]>.ui-dialog-title{color:#7c950e;} #divPromoPlaceholder{display: -webkit-flex; display:flex; -webkit-flex-direction: row; flex-direction: row;} #divTabMisc #divSubmitCode{-webkit-flex: 1 0 0; flex: 1 0 0;} #divTabMisc #divPromoCode{-webkit-flex: 4 0 0; flex: 4 0 0;} div.imgHolder >img{max-width: 100%;} div.imgHolder{text-align: center;} div#divLoyaltyPoints{background: #f6f6f6; display: block;} div#divLoyaltyPoints:empty{display: none;} div#divLoyaltyPoints>#divLtyPlaceholder{display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; text-align: left; margin: 10px 0px;} div#divLoyaltyPoints>#divLtyPlaceholder>h4{text-indent: -9999px; background:url(images/myltyaccount.png) no-repeat; background-size: contain; width: 18px; margin-right: 8px;} #ltyPts>span{color: #7c950e; font-weight: bold;} #ltyDiv{width: 175px; } #hrTypes{margin: 10px 0; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-around;} #divResultsContent a>span{font-style: normal;} #divItemSugg h2{ font-weight: normal; font-size: 18px;} #divItemSugg h2>span.disclaimer{ font-weight: normal; font-style: italic; font-size: 14px;} .favDelConfirm{text-align:center;} a.removeFavorite>span.ui-icon{text-indent: 0; background: none; color: #eb0029; width: auto; height: auto;} #myOrdersPnl #favoriteOrdersDetails table th.ordactions{width: 200px;} #divFavoritePlaceholder #AddFavorite+label{font-weight: normal;} #fromAddressChange, #toAddressChange{margin-top: 10px;} #CheckoutSuggItems div.ItemsPlaceholder>div.ui-state-highlight{background:none; border:none; text-align:center;} #CheckoutSuggItems div.ItemsPlaceholder>div.grpName>h2{padding:0;} #storeClosed .ui-icon{display:none;} #MyRewardsDetails div.ltyRewardsPlaceholder{display:flex; flex-flow: column wrap; justify-content: center;} #divChkSuccessContent, #divCheckoutTracker{border:none; border-radius: 12px;} #divCheckoutTracker{margin-top: 20px;} #divCheckoutTracker>h3{background: transparent url(images/slides/ordertracker/howietrack.png) no-repeat center center; background-size: contain; text-indent: -99999px; height: 60px; padding:0;} #divCheckoutTracker #pTrackerMsg>a{display:block; margin: 10px auto; width: 150px; text-decoration:none; font-style:normal; background: #7c950e; color: #fff!important; border-radius: 2em; font-size: 1em; padding: 2px 0 0; line-height: 1.4;} #divCheckoutTracker #pTrackerMsg>a:hover{background: #596a09;} #divLocationDetails>div.contentDiv>h3{text-align:center;} #divCheckoutTracker #pTrackerMsg{margin: 10px auto 20px;} div#divBusinessInfo, #businessInfo{background: #f6f6f6; padding: 1em; border-radius: 12px;} #businessInfo{width: 80%; margin: 10px auto;} #divBusinessInfo .storeName, #businessInfo .storeName{font-size:1em; padding:0 0 5px 0;} #divBusinessInfo > div.contentDiv, #businessInfo > div.contentDiv{position:relative; padding-left: 40px;} #divBusinessInfo > div.contentDiv:before, #businessInfo > div.contentDiv:before{content: ''; position: absolute; background: url(images/store.png) no-repeat top center; background-size: contain; width:35px; left:0; top:0; bottom:0; } #divChkSuccessContent>h3{color: #7c950e; font-size: 40px; padding-bottom:0; margin-top: 20px;} #divChkSuccessMsg{text-align: center; margin-top:0;} #h2BalanceAmt #balanceAmt{color: #eb0029;} #h2BalanceAmt{margin: 0.5em 0;} #paymentInfo .payments .amount{font-weight:normal;} #divPaymentPlaceholder #paymentInfo .payments label.visa, #divPaymentPlaceholder #paymentInfo .payments label.mc, #divPaymentPlaceholder #paymentInfo .payments label.amex, #divPaymentPlaceholder #paymentInfo .payments label.disc{padding-left: 32px;} html .ui-button.ui-state-active.ui-state-hover{background: #596a09; color: #fff; border-color: #7c950e;} #lnkCheckout:hover, #submitOrder:hover{background:#596a09!important;} #divTitle, #divTitle+div.ui-helper-clearfix{display:none!important;} #ticketDetails span.cpn{color: #7c950e;} #divLocationDetails #estTime{font-size: 12px; } #itemOptions #itmError{border: 2px solid #eb0029; border-radius: 1.5em;} #itmError span.ui-icon, #divStoreClosed span.ui-icon, #ordErrorContent span.ui-icon{display:none;} #divStoreClosed, #ordErrorContent div.error>p{padding: 0.5em;} #itmError #itmErrorContent{display:-webkit-flex; display:flex; justify-content: center;} #dialogContent p:only-child{text-align:center;} span.modBracket, span.ModPrice { font-size: 11px; font-style: italic; font-weight: normal; vertical-align: initial; } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { #trackerNav{max-width:320px;} #trackerNav #tracker li:not(:last-child) .line{width: 8px; height: 8px; border-radius: 5px; right: -13px;} } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { html.account-manage .contentmin{max-width: 550px; width: 100%;} html.account-register #divRegister, html.account-logon div.content-body, #content .homeContent .ui-widget-content{max-width: 500px; width: 100%;} #dock{right: 0; left: initial;} } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { #dock{right: 0; left: initial;} } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { #dock{right: calc((100% - 1100px)/2); left: calc((100% - 1100px)/2);} } html.common-contactus input[type="text"]+label[for], html.common-contactus input[type="tel"]+label[for], html.common-contactus input[type="email"]+label[for], html.common-contactus input[type="password"]+label[for], html.common-contactus select+label[for]{display:block;} #divItemPlaceholder img.ui-corner-all { max-width: 50%; } .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;} /*@media screen and (max-width:36em){*/ html.mobile{background-image:none;} /*html.mobile #content {min-height:300px;}*/ html.mobile h1.logo{top:0px; left:0;} html.mobile #mobileNav{background:#7c950e;} html.mobile #mobileNav>div.ui-widget-header{background:#fff;} html.mobile #dock ul li, html.mobile #dock ul li a{color: #393839; } html.mobile #dock ul li a:hover, html.mobile #dock ul li.selected a{ color: #fff;} html.mobile #dock ul li#navRegister a{color:#393839;} html.mobile #dock ul li#navLogon a, html.mobile #dock ul li#navLogoff a, html.mobile #dock ul li#navUser{color:#7c950e;} html.mobile #dock ul li#navUser{font-size:12px;} html.mobile #siteNav ul li a{color: #fff; border-left: 1px solid #a5030a; font-size: 15px;} html.mobile #siteNav ul li a.ui-state-active{background-image:none; color: #fff;} html.mobile #siteNav ul li a.ui-state-default{background:none;} html.mobile #siteNav ul li a:hover{ color: #fff;} html.mobile #mTabs ul{display:block; margin:0;} html.mobile #mTabs ul li.ui-widget-header{ box-sizing:border-box; padding:0; margin:0px auto; width:50%; height:150px; list-style:none; float:left; display:block; background:#f5f5f5; border-width:0px; border-radius:0px;} html.mobile #mTabs ul li.ui-widget-header:nth-child(even){} html.mobile #mTabs ul li.ui-widget-header:nth-child(odd){border-right: 4px dotted #e4e4e4;} html.mobile #mTabs ul li.ui-widget-header:nth-child(odd).even{border-right: 4px dotted #f5f5f5;} html.mobile #mTabs ul li.ui-widget-header.even{background: #fff;} html.mobile #mTabs ul li.ui-widget-header>a{color: #393839; height:100%; background-size:contain; background-position:center top; display:block; position:relative;} html.mobile #mTabs ul li.ui-widget-header>a>h2{position:absolute; bottom:5px; left:0; right:0; padding:0; font-size: 1em; text-transform:uppercase; font-weight:700;} html.mobile #rightMenu a>span#cartText{top:-2px;} html.mobile #rightMenu span, html.mobile #leftMenu span{color:#E31936; background:transparent;} html.mobile .itemsPanel a.ui-widget-content, html.mobile #dialogContent a.ui-widget-content {border-radius:0px;} html.mobile .homeContent .ui-widget-content, html.mobile .homeContent .ui-widget-header{background:none; text-align:center; box-shadow:none; border:none;} html.mobile .homeContent .ui-widget-header{color:#E31936; font-size:3em;} html.mobile .homeContent .ui-icon{display:none;} html.mobile .homeContent .ui-button-text{padding:0.4em; font-size:1.2em;} html.mobile .homeContent a{width:49%; box-sizing:border-box; margin:0em;} html.mobile .homeContent h4{padding:0; margin-top:1.5em; text-transform:none;} html.mobile .homeContent h3{padding:0;} html.mobile .homeContent .submit{margin:0.5em;} html.mobile #lgBtn{width:100%;background:#E31936; background-size:contain; border:none; color:#fff;} html.mobile #divLoginOpts {margin-top:30px;} html.mobile div#divLoginOpts>div.center>strong, div#divGuestOpt .ui-button-text{font-size: 1em;} html.mobile #divLocPage #prevnext>label .ui-button-text { padding: .3em; font-size: 1em; line-height: 1.2em; width: 1.2em; height: 1.2em; } html.mobile .ModsWrapper{max-width: initial;} html.mobile #imgRewardsMeter{width:60%; } html.mobile #tracker.delivery li{width: calc(85%/3)!important;} html.mobile #tracker.delivery #onroad{width: 10%!important;} html.mobile #divTicket{margin-top: 10px;} html.mobile #htStatusImage{font-size: 16em;} html.mobile #tracker li .material-icons{margin-left:0em;} html.mobile #tracker li .line{right:-0.2em;} html.mobile #wrapper, html.mobile .wrapper-side-2, html.mobile .wrapper-center-2{min-width:initial; max-width: 100%;} html.mobile #content .homeContent{width:auto;} 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]{} html.mobile #btnLogin{margin-top: 75px;} html.mobile #divLoginMain #divLoginSubmit:before{top: 28px;} html.mobile #footer div#policies ul li a{font-size: 1em;} html.mobile #mobileHeader{background: #000;} html.mobile #mobileNav{left: -1px;} html.m-account-logon div.content-body, html.m-account-register #divRegister>div.ui-widget-content, html.mobile #content .homeContent .ui-widget-content{box-shadow: none; border: none; background: none;} html.mobile #divUsername, html.mobile #divPassword, html.mobile #divLoginMain #divLoginSubmit{width: auto; margin:10px;} html.mobile #ordTypeContainer{margin: 0 auto;} /*html.m-order-ordertype #pageBackground{background:#f6d10d url('images/m-ordertype-banner.png') no-repeat top center; top: 66px; height: 150px; background-size:contain;} html.m-order-ordertype #content[data-viewtype="1"] #pageBackground{background:#f6d10d url('images/m_select_store.png') no-repeat top center; top: 66px; height: 150px; background-size: contain;} html.m-account-logon #pageBackground{top: 66px; background:#f6d10d url('images/slides/register/m_banner.png') no-repeat top center; height: 110px; background-size: contain;}*/ html.mobile #pageBackground{top: 60px; height: 150px;} html.m-account-logon #pageBackground, html.m-order-ordertype #pageBackground{background:#d1d1d1;} html.m-account-logon #pageBackground{height: 100px;} html.m-account-logon #pageBackground>#pageBackgroundFooter{background: transparent url('images/headers/Start_Your_Order.png') no-repeat top center; background-size: cover; height: 160px; top:0; margin:0; padding:0;} html.m-order-ordertype #pageBackground>#pageBackgroundFooter{background:transparent url('images/headers/Select Order Type.png') no-repeat top center; background-size: cover; height: 160px;} html.m-order-ordertype #content[data-viewtype="1"] #pageBackground>#pageBackgroundFooter{background:transparent url('images/headers/Select_A_Location.png') no-repeat top center; background-size: cover; height: 160px;} /*html.m-account-logon #pageBackground{top: 66px; height: 110px; background: linear-gradient(to right, #ffcb05,#fff200 50%,#ffcb05);} html.m-account-logon #pageBackground #pageBackgroundFooter{background-size: contain;}*/ html.m-ordertracker-index #pageBackground{background:transparent; /*url('images/slides/ordertracker/background.png') no-repeat top center;*/ top: 66px;/*height: 60px; background-size:cover;*/} html.m-ordertracker-index[data-hidemenu="1"] #pageBackground{top: 0px;} html.m-account-logon #content{padding-top: 180px;} html.mobile #dialogAddress {margin: 0 1em;} html.mobile #ordTypeContainer {max-width: 100%;} html.mobile #addressForm, html.mobile #divOTLogin, html.mobile #addressAccord > div {border:none; width: 100%; padding:0;} html.mobile #addressForm div.editor-field{width: 100%;} html.mobile #addressForm div#divEntryCode{margin: 1em 0 0 0;} html.mobile #orderTypes {margin-bottom: 0px; margin-top: 5em;} html.mobile #dialogContent #orderTypes{margin-top: 1em;} html.mobile #orderTypes>h3{margin-bottom:0;} html.mobile #ordTypePlaceholder {max-width: 100%; margin: 0 auto;} html.mobile #orderTypes label[for] {height: 150px; background-position: 85% center;} html.mobile #orderTypes div.ui-block-50:last-child label[for]{background-position: center;} html.mobile #ordTypePlaceholder .ui-block-50{padding: 0em;} html.mobile #dialogContent #ordTypePlaceholder{max-width: 100%;} /*html.mobile #addressAccord>h3>span{margin-top: 6px; width: 8px; height: 12px; left: 0.2em;} html.mobile #addressAccord>h3.ui-state-active>span{margin-top: -4px; width: 12px; height: 8px;}*/ /*html.mobile #addressAccord>h3{padding-left: 2em;}*/ html.mobile #myOrders>label, html.mobile #myRewardsNav>label{padding: 0.2em;} html.mobile .sideHeader, html.mobile #login div.editor-field, html.mobile #info div.editor-field, html.mobile #address div.editor-field{max-width: 100%;} html.mobile #divRegister > div.ui-widget-content{box-shadow:none; border: none;} html.mobile #info p.ltyText{max-width: calc(100% - 30px);} html.mobile #address #divState, html.mobile #address #divZip{width: auto; display:block; margin-left: 0;} 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 {padding-left: 0px; font-size: 1.5em;} html.mobile #OrdTypesDialog[data-ordtype="carryout"] #addressForm div#divCity, html.mobile #OrdTypesDialog[data-ordtype="carryout"] #addressForm div#divState, html.mobile #addressForm div.editor-field {width: 100%;} html.mobile #OrdTypesDialog[data-ordtype="carryout"] #addressForm div#divZip{margin: 0 auto;} html.mobile #dialogAddress, html.mobile #locations, html.mobile #geoResults, html.mobile #ordError{box-shadow:none; border-radius:0;} html.mobile #groupsNav{background: #7c950e; width: 125px!important; border-radius:25px;} html.mobile #groupsNav a > .ui-icon{display:none;} html.mobile #groupsNav a{font-size: 1em; margin: 10px auto; font-weight:600;} html.mobile .vItemContainer h4{font-size: 1.2em;} html.mobile .itemsPanel a.ui-widget-content:nth-child(odd), html.mobile #dialogContent div.ItemsPlaceholder>a:nth-child(odd){background: #f5f5f5;} html.mobile #itemOptions h4{width: auto; font-size: 1.2em;} html.mobile #divItemPlaceholder > div.menuItemOptions{max-width: 100%;} html.mobile .styleHeader label:first-child{font-size: 1em;} html.mobile #itemOptions .sizesWrapper label[for]{width: calc(50% - 0.4em); margin: 1em 0.2em; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} html.mobile .shadow{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} html.mobile .ui-widget-content{border:none;} html.mobile #cartView div.itemrow.v2:nth-child(odd){background: #f5f5f5;} html.mobile div#leftDiv.v2 > .ui-widget-content{box-shadow:none; } html.mobile #wrapper div.wrapper-side-2.v2, html.mobile #wrapper div.wrapper-center-2.v2{width: 100%;} html.mobile #paymentOptions, html.mobile #login div.editor-field, html.mobile #info div.editor-field, html.mobile #address div.editor-field, html.mobile #preorderDates div.editor-field, html.mobile #cc_details div.editor-field, html.mobile #tipHolder, html.mobile #PmtAmountHolder div.editor-field {max-width: 100%; width: auto;} html.mobile #itemOptions h4.ui-widget-header{height: auto; background-position: center center;} html.mobile #myRewardsAcct #myRewardsPnl>div{margin-top: 1em;} html.mobile #divAccountStatus{margin: 10px auto;} html.mobile #divAccountStatus h3.headerTxt{font-size: 1em;} html.mobile div#LtyRules{border-radius:0; box-shadow:none; margin: 1em 1.5em; border-radius: 12px; box-shadow: 4px 4px 10px rgba(0,0,0,0.35);} html.mobile #myOrders,html.mobile #myRewardsAcct #myRewardsPnl>div#myRewardsNav{margin: 10px auto; position:initial; } html.mobile #mTabs ul li.ui-widget-header>a[title="myRewardsAcct"], html.mobile #mTabs ul li.ui-widget-header>a[title="myorders"], html.mobile #mTabs ul li.ui-widget-header>a[title="Deals"]{background-size: 64px 64px;} html.mobile #mTabs .ui-tabs-panel, html.mobile #menuPlaceholder.groups #mTabs div, html.mobile #menuPlaceholder.cart #mTabs div, html.mobile #divPromoCode, html.mobile #divSubmitCode{padding:0.2em 0em;} html.mobile div#divOrdTypeVisual{box-shadow:none; background: #f6f6f6; margin: 10px; width: auto;} html.m-order-menu input[type="checkbox"] + label:before, html.m-order-menu input[type="checkbox"] ~ label.customcb:before, html.m-order-checkout #tblTotals{display:none;} html.mobile.m-order-menu #myRewardsPnl .lty{padding:0;} html.mobile #leftMenu a{margin-left: 0.25em;} html.mobile #content div.content.tracker:before{height: 100px; top: 10px;} html.mobile #content div.content.tracker{padding-top: 90px;} html.mobile #divHTStatus #divBusiness, html.mobile #divHTStatus #divTicket, html.mobile #divTrackerMain #divResults, html.mobile #divTrackerMain #divSearch, html.mobile #divPasswordReq>div{-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); box-shadow: 4px 4px 10px rgba(0,0,0,0.35); padding-left: 1.5em;} html.mobile #divOrdDetails #tblTotals td:first-child>span{left: 50%;} html.mobile #divGuestOpt>a{margin: 0 0.2em;} html.mobile #divOrdTotal{max-width: 100%;} html.mobile #StoreList #PlaceHolder li img{top: -5px; left: -70px;} html.mobile #StoreList #PlaceHolder li{margin: 1em auto;} html.mobile #StoreList #PlaceHolder li div.storeDetails{padding-left: 0; border: none; margin-left: 20%!important;} html.mobile #StoreList #PlaceHolder li div.storeActions{padding-left:0;} html.mobile #StoreList #PlaceHolder li div.storeActions>div{margin: 1em auto;} html.mobile #StoreList #PlaceHolder li div.storeActions:before{display:none; /*border-top: 2px solid #e4e4e4; content: ''; width: 75%; margin: 15px auto;*/} html.mobile div#Deals>div.ItemsPlaceholder>a{border:none!important; padding: 1em; margin: 1em 0em;} html.mobile div#Deals>div.ItemsPlaceholder>a:nth-child(even){background: #f6f6f6;} html.mobile div#Deals>div.ItemsPlaceholder>a>span.ui-icon{display:none;} html.mobile #couponWrapper{margin:1em; margin-bottom: 0;} html.mobile #divPromoCode input{font-weight: normal; font-family: 'GarageGothicBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', Arial, sans-serif; font-size: 20px; height: auto;} html.mobile #btnAddCode{background:#E31936; border: 1px solid #E31936; padding: 0 1em; color: #fff;font-family:'GarageGothicBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', Arial, sans-serif; } html.mobile #btnAddCode span.ui-button-text{padding: 0; font-size: 2em;} html.mobile #btnAddCode span.ui-icon{display:none;} html.mobile .itemsPanel div.ItemsPlaceholder a.ui-widget-content, html.mobile #dialogContent div.ItemsPlaceholder a.ui-widget-content{margin: 1em 0; padding:0;} html.mobile div.ItemsPlaceholder div.vItemContentCellImg{width: 50%; vertical-align: top; padding:0; text-align:center;} html.mobile div.ItemsPlaceholder div.vItemContentCellFluid{padding:0 5px;} html.mobile div.ItemsPlaceholder div.vItemContentCellImg>img, html.mobile #divItemPlaceholder img{max-width: 75%;} html.mobile #mTabs ul#mulTabs>li>a { background-size: 85%; } html.mobile #divItemPlaceholder>div.item-col1{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap;} html.mobile #divItemPlaceholder > div.item-col1>p, html.mobile #divItemPlaceholder > div.item-col1>div{position:initial;} html.mobile #divItemPlaceholder>div.menuItemOptions{margin: 10px auto 0;} html.mobile .vItemContentCellFluid h4, html.mobile .vItemContentCellFluid p {padding: 0.5em 0 0 0;} html.mobile .itemsPanel a.ui-widget-content .itemPrice, html.mobile #dialogContent a.ui-widget-content .itemPrice{border-top-right-radius: 1em; border-bottom-right-radius: 1em; padding: 0.4em 0em; margin: 1em 0; background: #f5f5f5; color: #b5b5b5; text-align: center; font-style:normal;font-size: 1.2em;} html.mobile a.ui-widget-content.noimg .itemPrice{max-width: 50%;} html.mobile .itemsPanel a.ui-widget-content:nth-child(odd) .itemPrice, html.mobile #dialogContent div.ItemsPlaceholder>a:nth-child(odd) .itemPrice{background: none; padding: 0;} html.mobile #divLoginSubmit #forgotPassword{right: 5px; letter-spacing:0;} html.mobile #divLoginRegister>div{margin-top: 1em;} html.mobile #divLoginRegister div.wrapper-side-2-content:after{top: 4em;} html.mobile #addressForm div#findStorePlaceholder{margin-top: 2em;} html.mobile #StoreList #PlaceHolder li div.actionBtns a{width: 150px; display:inline-block; margin:15px auto 5px;} html.mobile #StoreList #PlaceHolder li div.storeHours a{display:none;} html.mobile .ui-dialog-titlebar.ui-widget-header>span{display:block; margin-top: 1em; margin-right: 0; font-size:16px;} html.mobile .ModsWrapper>div>input[type="checkbox"]+label{font-size: 1em; padding: 1em 0.5em;} html.mobile .sizesWrapper>div.styleHeader>label{padding: 1em 0.5em;} html.mobile .sizesWrapper>div.styleHeader>label span.unchecked, html.mobile .ModsWrapper>div>input[type="checkbox"]+label span.unchecked{padding-right: 1px;} html.mobile .ModsWrapper>div>input[type="checkbox"]+label span.unchecked, html.mobile .ModsWrapper>div>input[type="checkbox"]+label span.checked, html.mobile .sizesWrapper>div.styleHeader>label span.unchecked, html.mobile .sizesWrapper>div.styleHeader>label span.checked{font-size: 10px; font-style: italic; font-family:'Gotham Book', 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif;} html.mobile #itemOptions div.itm_mods_holder[data-reqmod="true"] div.imagePlaceholder{background: url(images/m_flavored_crust.png) no-repeat center; background-size: contain; height: 100px; margin: 0 auto;} html.mobile #itemOptions div.ui-state-highlight:not(.ui-state-error){border-bottom: 1px solid #f5f5f5;} html.mobile #itemOptions .sizesWrapper label[for] .SzPrice{right: 5.6em;} html.mobile #mobileHeader>div:first-child, html.mobile #mobileHeader>div:last-child{width: 50px;} html.mobile h4.closedmsg.future{font-size: 1.5em;} html.mobile #StoreList #PlaceHolder li div.actionBtns h4.closedmsg.future:after{font-size: 0.8em;} html.mobile #storeClosedPlaceholder{margin: 1em auto; width: 85%; border: 1px solid #e4e4e4; border-radius: 12px;} html.mobile #storeClosedPlaceholder>div, html.mobile #storeClosedPlaceholder #storeClosed{border: none; background: none; padding: 0; margin: 0;} html.mobile #storeClosedPlaceholder #storeClosed>h3{margin:0; padding: 0.2em; font-size: 3em;} html.mobile #storeClosedPlaceholder #storeClosed .ui-icon, html.mobile #divStoreClosed .ui-icon{display:none;} html.mobile #storeClosedPlaceholder #storeClosed p{padding: 0.5em 1em; text-align:center;} html.mobile #customerWrapperContent>h3{margin:0.2em; padding:0;} html.mobile #cartView div.itemrow.v2 div.hdrcontent{margin: 0em;} html.mobile #divOrdDetails #tblTotals{margin-top: 2em;} html.mobile .ltyText{margin-right: 0.2em;} html.mobile #divStoreClosed{text-align: center; max-width: 85%; margin: 1em auto;} html.mobile #divStoreClosed:before{display:block; margin: 0.5em 0 0 0; content:'Store Close';font-style:normal;font-family:'GarageGothicBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', Arial, sans-serif; font-size: 3em; } html.mobile #checkoutForm #customerWrapperContent{margin-top: 2em;} html.mobile .visa, html.mobile .mc, html.mobile .amex, html.mobile .disc{margin: 0.2em 0;} html.mobile #tipHolder{margin-top: 2.5em;} html.mobile #myOrders, html.mobile #myRewardsAcct #myRewardsPnl>div#myRewardsNav{text-align:center!important; padding-left: 0;} html.mobile #RewardRules:before{display:block; margin: 1em auto; width: 75%; background: #e4e4e4; height: 2px; content: '';} html.mobile #myRewardsAcctGauge{margin-top: 0.5em;} html.mobile div#MyRewardsDetails > div.ltyRewardsPlaceholder > a h4:before {background: url(images/myltyaccount_active.png) no-repeat; display: block;width: 48px;height: 48px;content: '';background-size: contain;background-position: center center;text-align: center;margin: 0px auto 0.4em auto;} html.mobile div#MyRewardsDetails > div.ltyRewardsPlaceholder > a{height: 220px; width: 220px; margin: 2em auto; display:block; background: #393839;color: #fff; text-align:center; border-radius: 12px;box-shadow: 4px 4px 10px rgba(0,0,0,0.35); border: none;} html.mobile div#MyRewardsDetails > div.ltyRewardsPlaceholder > a h4{font-size: 2.5em; padding-left: 10px; padding-right: 10px;} html.mobile #divPromoPlaceholder:before, html.mobile #divPromoPlaceholder:after{display: table; content: '';} html.mobile #divPromoPlaceholder:after{clear:both;} html.mobile #manage div.editor-field{font-size: 1.1em;} html.mobile #manage #address td, html.mobile #manage #address th{padding: 2% 2% 2% 5%; box-sizing: border-box;} html.mobile #manage #address th.addressName{min-width: 80px; max-width: 20%; width: auto;} html.mobile #manage #address th.actions{min-width:120px; max-width: 20%; width: auto;} html.mobile #manage .submit.left>button{margin: 5px;} html.mobile #manage .submit.left{margin: 0; text-align: center!important;} html.mobile div#manage div.contentDiv>div:last-child{margin-top: 0em;} html.mobile #divNewSearch{margin-bottom: 2em;} html.mobile #divSearch>p{margin-top: 0;} html.mobile #trackerHeader{margin-top: 1.5em;} html.mobile #divSearch, html.mobile #divResults, html.mobile #divHTStatus{margin: 1em auto;} html.m-order-ordertype #savedFrm div.contentDiv{margin-top: 0; text-align: center;} html.m-order-ordertype #addressAccord>h3{margin-top: 1em; padding-left:0;} html.m-order-ordertype select#Id{width: 100%;} html.m-order-ordertype #StoreList #PlaceHolder li>div{padding: 2em 1em 1em;} html.mobile .ui-dialog-titlebar.ui-widget-header{font-size: 3.5em; padding: 0.4em;} 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{margin-top: 0;} html.mobile #divStoreInfo #divOrdTypeVisual{margin: 0;} html.mobile #favoriteOrdersHdr:before, html.mobile #pastOrdersHdr:before, html.mobile div#MyLtyDetails:before, html.mobile div#MyRewardsDetails:before{font-size: 60px;} html.mobile div#MyRewardsDetails div.ltyRewardsPlaceholder>a .vItemContentCellFluid:after{content:'Tap to Redeem'; display:block; margin-top: 10px;} html.mobile #divPasswordReq{margin: 1em; } html.mobile #divPasswordReq>div{padding: 1em;} html.mobile #divPasswordReq>div>h3{margin-top: 0.5em;} html.mobile #divPasswordReq div.submit{margin-top: 20px;} html.mobile #divPasswordReq div.contentDiv{width: auto;} html.mobile .ui-dialog .ui-dialog-buttonpane button{margin: .5em .4em .5em 0;} html.mobile #itemOptions>div.itm_qty_holder>div{width: 50px; margin: 0 auto;} html.mobile #myOrdersPnl a.ui-widget-content{border-color: #e4e4e4; border-width: 2px;} html.mobile #myOrdersPnl a.ui-widget-content h4{font-family:'Gotham Book', 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Arial, sans-serif; font-weight: bold; font-size: 15px; } html.mobile #myOrdersPnl a.ui-widget-content .vItemContentCellFluid{padding: 5px 20px 5px 5px;} html.mobile #myOrdersPnl a.ui-widget-content:after{content:''; position: absolute; background: url(images/arrow_right.png) no-repeat right 0px; background-size: contain; right: 10px; left: auto; display: block; width: 18px; height: 18px; top: calc(50% - 9px); bottom: 0; margin: 0; padding: 0;} html.mobile #divCartCpns{margin-left: 100px;} html.mobile div#divBusinessInfo{max-width: 300px; display:flex; justify-content: center; box-sizing: border-box;} html.mobile #divCheckoutTracker{max-width: 300px; margin: 0 auto; -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.35); box-shadow: 4px 4px 10px rgba(0,0,0,0.35);} html.mobile .ui-dialog{padding-bottom: 20px;} /*@media (max-height: 750px) and (min-height: 700px) { html.mobile #content{min-height: 500px;} } @media (min-height: 751px) { html.mobile #content{min-height: 550px;} }*/ /*html.mobile[data-hidemenu="1"] #content{padding-top: 0px;}*/ /*}*/ html.mobile #divRegister h3.ui-widget-header { font-size: 2em; } html.mobile #divRegister div.submit button>.ui-button-text, html.mobile #lnkCheckout>span.ui-button-text, html.mobile #submitOrder>span.ui-button-text { font-size: 1.3em; } html.mobile ul#mPTabs>li>a>img{display:none;} html.mobile ul#mPTabs>li>a>h2 { font-size: 1em; background: #7c950e; border: 1px solid #596a09; color: #fff; padding: 5px; } .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;}