/*@import url(common.css?v=1.1); 20200227 Prashant comment out for Speed and Performance optimization */ *{ margin:0px; padding:0px;} body{ font-family: 'OpenSans'!important; line-height: inherit!important; overflow-x: inherit!important; background: #f1f1f1!important;} .clear{ clear:both;} a{text-decoration:none;} .i-fbregister-panel .x-panel-body, .i-register-panel .x-panel-body { height: 100% !important;} .i-FP-Message .x-autocontainer-outerCt {width: 90% !important} .i-login-newuser-window .x-toolbar-footer, .i-registerBottom {z-index:0 !important;} .pac-container { z-index: 1000000000 !important; } /*[ buttons css section ]*******************************************/ .ordernow-btn { font-family: 'OpenSans'; font-weight: 300; font-size:17px; padding: 8px 40px; text-align:center; display: inline-block; *display: inline; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .ordernow-btn.red { /*background: rgba(203, 32, 45, 1);*/ background: rgba(11, 33, 53, 1); color:#FFFFFF;} .ordernow-btn.red:hover, .ordernow-btn.red:focus { background: rgba(11, 33, 53, 0.8); text-decoration:none; color:#FFFFFF;} .ordernow-btn.black { background: rgba(51, 55, 61, 1); color:#FFFFFF;} .ordernow-btn.black:hover, .ordernow-btn.black:focus { background: rgba(51, 55, 61, 0.8); text-decoration:none; color:#FFFFFF;} .sml-btn { font-family: 'OpenSans'; font-weight: 600; font-size:13px; padding: 8px 15px; text-align:center; display: inline-block; *display: inline; text-decoration: none; text-transform:uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .sml-btn.red { background: rgba(11, 33, 53, 1); /*background: rgba(203, 32, 45, 1);*/ color:#FFFFFF;} .sml-btn.red:hover, .sml-btn.red:focus { background: rgba(11, 33, 53, 0.8); /*background: rgba(203, 32, 45, 0.8);*/ text-decoration:none; color:#FFFFFF;} .sml-btn.black { background: rgba(51, 55, 61, 1); color:#FFFFFF;} .sml-btn.black:hover, .sml-btn.black:focus { background: rgba(51, 55, 61, 0.8); text-decoration:none; color:#FFFFFF;} /*[ default css section ]*******************************************/ .priceHide {display: none;} h1, h2, h3, h4{ margin: 0 0 20px 0;} h1, h2, h3, h4 { font-family: 'OpenSans';} h1 { font-size:40px; font-weight:400;} h2 { font-size:30px; font-weight:600;} h3 { font-size:28px; font-weight:400;} h4 { font-size:23px; font-weight:400;} p{ font-family: 'OpenSans'; font-weight:400; font-size:13px; margin:0 0 15px 0;} .clrPrimary { /*color:#cb202d;*/} .clrPrimary {color:#0b2135;} .clrSecondary {color:#33373d;} .clrWhite {color:#FFFFFF;} .clrBlack {color:#282c3f;} .clrDarkBlue {color:#0b2135;} .form-control { font-weight: 300; height: 36px;} body.modal-open{ overflow:auto;} body.modal-open[style]{ padding-right:0px !important;} a.social-btn { font-family: 'OpenSans'; font-weight: 300; font-size: 14px; padding: 8px 16px; margin-bottom: 15px; display: block; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} a.social-btn i{ margin-right:10px;} a.social-btn.facebook{ background:#4a6ca6; color:#FFFFFF;} a.social-btn.google{ background:#e66248; color:#FFFFFF;} .login-popup .modal-content { padding: 20px 45px;} .login-popup .modal-dialog { margin: 0 auto; top: 150px; padding: 0 5px; width:640px;} .login-popup .modal-body { padding:0;} .login-popup .modal-body p { font-size:14px; margin-bottom: 20px;} .login-popup .modal-body .forgot-link { display:block; padding: 10px 0; font-size: 13px;} .login-popup .modal-body .forgot-link a{ border-bottom: 1px dotted #33373d; color:#33373d; font-weight:300; text-decoration:none;} .login-popup .modal-body p.no-account { margin:0; font-size:13px;} .login-popup .modal-body p.no-account a { border-bottom: 1px dotted #cb202d; color:#cb202d; font-weight:300; text-decoration:none;} .login-popup .modal-body .ordernow-btn { font-size:16px;} .login-popup .modal-body h2{ text-align:center; margin-bottom: 30px; font-size: 26px; font-weight: 600; color:#cb202d;} .login-popup .modal-body .loginleft { float:left; width:50%; padding: 0 40px 0 0; background: url(../images/divider-shadow.png) no-repeat right center;} .login-popup .modal-body .socialleft { float:right; width:50%; padding: 0 0 0 20px;} .login-popup .modal-dialog .btn.closebtn { background: #cb202d; color:#FFFFFF; font-size:14px; font-weight:400; padding: 0; width: 34px; height: 34px; line-height:32px; position: absolute; top: -15px; right: -15px; z-index: 9999; -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;} .login-popup .modal-body #signup-form h2{ margin-bottom:10px;} .login-popup .modal-body #signup-form p{ text-align:center;} .login-popup .signupmain .form-group{ width:48%; float:left; margin: 0 1% 15px 1%;} .login-popup .signupmain .signupbtn { text-align:center; display:block; width:100%; margin-bottom: 15px;} .login-popup .signupmain .checkbox { text-align:center; font-weight: 300;} .login-popup .signupmain .checkbox a{ border-bottom: 1px dotted #cb202d; color:#cb202d; text-decoration:none;} /*[ menu-customize-popup section ]*******************************************/ .menu-customize .modal-content .modal-header { background: #cb202d; padding:10px 15px; border-bottom:0px none; border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;} .menu-customize .modal-content .modal-header h4 { margin:0; font-size: 20px; color:#FFFFFF;} .menu-customize .modal-content { padding:0; background: transparent;} .menu-customize .modal-dialog { margin: 0 auto; top: 100px; padding: 0 5px; width:640px;} .menu-customize .modal-body { padding:25px; max-height: 340px; overflow-x: auto; background: #FFFFFF;} .menu-customize .modal-body .menu-item.noimg-menu h5 { margin:0 0 10px 0; font-size:15px; font-weight:600;} .menu-customize .modal-body .menu-item.noimg-menu h5 span { font-weight:400; font-size:13px; padding-left: 5px;} .menu-customize .modal-body .menu-item.noimg-menu { padding:10px; width: 100%; margin: 0 0 15px 0;} .menu-customize .modal-body .menu-item.noimg-menu:last-child { margin:0;} .menu-customize .modal-body .menu-item.noimg-menu p { margin: 0 0 10px 0; font-size: 13px;} .menu-customize .modal-body .menu-item.noimg-menu p:last-child { margin:0;} .menu-customize .modal-body .menu-item.noimg-menu p span{ vertical-align:inherit; } .menu-customize .modal-body .menu-item.noimg-menu p span.vegfood { margin-right: 10px; position: relative; top: -2px;} .menu-customize .modal-body .menu-item.noimg-menu p span.radio { margin:0;} .menu-customize .modal-body .menu-item.noimg-menu .radio input[type=radio] { display:none;} /*-------------------------------------------------------------------------------- Creating radio button and label as a Single unit(for Cross browser compatibility) ----------------------------------------------------------------------------------*/ .menu-customize .modal-body .menu-item.noimg-menu .radio input[type=radio] + label { padding-left:25px; display:inline-block; line-height:20px; cursor:pointer; background:url(../images/radio-uncheck.png) no-repeat left center;} .menu-customize .modal-body .menu-item.noimg-menu .radio input[type=radio]:checked + label { background:url(../images/radio-check.png) no-repeat left center;} .menu-customize .modal-footer { background: #FFFFFF; padding: 10px; text-align: center; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px;} .menu-customize .modal-footer .ordernow-btn { font-size:15px; text-transform:uppercase; font-weight:600; display: block; text-align: initial;} .menu-customize .modal-footer .ordernow-btn .menu-price { text-align:left;} .menu-customize .modal-footer .ordernow-btn .menu-additem { text-align:right; float: right;} .menu-customize .modal-dialog .btn.closebtn { color:#FFFFFF; font-size:18px; font-weight:400; padding: 0; width: 24px; height: 24px; line-height: 20px; position: absolute; top: 8px; right: 10px; -webkit-box-shadow: none;} /*[ color css section ]*******************************************/ .navbar-inverse { background: #0b2135!important;} .navbar-inverse .navbar-nav>li>a.loginWinSrc, .navbar-inverse .navbar-nav>li>a.lnkLogout { background: #fd4f57!important; border-color: #ea4951!important;} #home-header .header-menu a.cart { background: #fd4f57!important; border:2px solid #FFFFFF!important; border-right: 0px none!important;} #breadcrumb-main ol li.active a { color: #fd4f57!important;} .menu-tabs .nav-tabs>li.active>a, .menu-tabs .nav-tabs>li.active>a:focus { background: #0b2135!important; color:#FFFFFF!important;} .menu-item .menu-info span.addcart a { color: #0b2135!important;} .x-window .x-window-header-default-top, .x-mask-msg, .x-window.i-itemWindow .x-window-header { background: #0b2135!important;} .x-window .x-window-header-default-top, .x-mask-msg, .x-window.i-itemWindow .x-window-header { background: #0b2135!important;} .menu-tabs ul li a:hover, .menu-tabs ul li a:focus{ color: #0b2135!important;} .mystuff-tabs ul.nav-tabs li a:hover, .mystuff-tabs ul.nav-tabs li a:focus { color:#FFFFFF!important;} .i-login-window .i-login-panel-heading { color: #fd4f57!important;} .i-login-window .i-login-window-close { color: #fd4f57!important;} .x-form-cb-checked .x-form-cb-label-default.x-form-cb-label-after { color: #0b2135!important;} .i-qty-select .x-btn { background: #0b2135!important;} .i-itemWindow .i-qty-select .x-btn { background: #fd4f57!important;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { background: rgba(94, 179, 183, 1);} .i-leftLoginCont .forgot-link a{ border-bottom: 1px dotted #0b2135!important; color: #0b2135!important;} .i-login-window .i-signupCont p.no-account a { background:#0b2135!important; border-bottom: 1px dotted #0b2135!important; color: #FFFFFF!important;} .x-btn-default-small.i-red-btn { background: #fd4f57!important;} .x-btn-over.x-btn-default-small.i-red-btn { background: #fd4f57!important;} .cd-panel-header h1 { background: #0b2135!important;} .i-price-list-item .i-item-price { color: #0b2135!important;} .i-blue-link.editSplInst { color: #0b2135!important;} .i-order-panel .x-btn.i-blue-btn.chkoutbtn { background: rgba(11, 33, 53, 1)!important;} .i-order-panel .x-btn-over.i-blue-btn.chkoutbtn { background: rgba(11, 33, 53, 0.8)!important;} .mystuff-tabs ul.nav-tabs { background: #0b2135!important;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-form-item.x-form-type-checkbox .x-form-cb-default { color: #0b2135!important;} .recent-orders .recent-info p span { color: #0b2135!important;} .coupons-list ul li span { color: #0b2135!important;} .AboutUsTab h1 { color: #0b2135!important;} .AboutUsTab .OrderInfoBlock p i { color: #fd4f57!important;} .i-address-panel.i-address-panel-delivery i { color: #0b2135!important;} .i-address-panel.i-address-panel-delivery span.i-address-panel-addnewaddress { color: #0b2135!important;} .i-address-panel.i-address-panel-delivery .i-orderticket-links .i-blue-link.i-new-address { background: #0b2135!important;} .i-order-details-title h2 { color: #0b2135!important;} .i-almostdone-ordermessage.i-almostdone-summary .i-orderaspect h2 { color: #0b2135!important;} .i-almostdone-ordermessage.i-almostdone-summary .i-orderaspect .i-ordeaspect-ordertotal { color: #0b2135!important;} .i-netTotal { background: #fd4f57!important;} .i-netTotal .i-item-name.i-total, .i-netTotal .i-item-price.i-total { color: #FFFFFF!important;} .mystuff-tabs ul.nav-tabs { background: #fd4f57!important;} .mystuff-tabs ul.nav-tabs>li.active>a, .mystuff-tabs ul.nav-tabs>li.active>a:focus { background:#d42c34!important;} .mystuff-tabs .mystuff-detailbox .i-pwd-container1 .x-btn.x-btn-default-small.i-show-pwd { background: #fd4f57!important;} .address-box i { color: #fd4f57!important;} .x-window.i-itemWindow.i-NewAddressWindow .x-toolbar-footer .x-btn-default-small.i-red-btn { background: #fd4f57!important;} .x-window.i-login-newuser-window .x-btn-default-small.i-signin { background: #fd4f57!important;} .x-window.i-login-newuser-window .x-btn-default-small.i-signin.x-btn-over { background: #ea4951!important;} /*.x-window.i-login-newuser-window .i-register-panel .i-pwd-container .x-btn.i-register-show-pwd { background: #fd4f57!important;}*/ .x-window.i-login-newuser-window .i-register-panel .i-pwd-container .x-btn.i-register-show-pwd { background: transparent!important;} .x-window.i-login-newuser-window .i-register-panel .i-pwd-container .x-btn.i-register-show-pwd.x-btn-pressed { background: transparent!important; color: #000000;} .x-btn.i-register-show-pwd .x-btn-icon-el-default-small { height: 26px; color: #000000; line-height: 36px;} .i-login-window .x-btn.x-btn-default-small.i-show-pwd { background: transparent!important;} .i-login-window .x-btn.x-btn-default-small.i-show-pwd.x-btn-pressed { background: transparent!important; color: #000000;} .i-login-window .x-btn.x-btn-default-small.i-show-pwd .x-btn-icon-el-default-small { color: #000000; height: 26px; line-height: 36px;} .i-login-newuser-window.i-ExtraLogin .x-btn.x-btn-default-small.i-register-show-pwd { background: transparent!important;} .i-login-newuser-window.i-ExtraLogin .x-btn.x-btn-default-small.i-register-show-pwd.x-btn-pressed { background: transparent!important; color: #000000;} .i-login-newuser-window.i-ExtraLogin .x-btn.x-btn-default-small.i-register-show-pwd .x-btn-icon-el-default-small { color: #000000; height: 26px; line-height: 36px;} .x-window.i-login-newuser-window .i-OPT-btns .x-btn-default-small.i-signin.i-red-btn { background: #0b2135!important;} .x-window.i-login-newuser-window .i-OPT-btns { text-align:center;} .x-window.i-login-newuser-window .i-OPT-btns .x-btn-default-small.i-signin { margin:0 5px!important;} .i-order-panel .i-orderMessage.i-almostdone-ordermessage .x-btn.i-blue-btn.chkoutbtn { background: rgba(253, 79, 87, 1)!important;} .i-order-panel .i-orderMessage.i-almostdone-ordermessage .x-btn.i-blue-btn.chkoutbtn.x-btn-over { background: rgba(253, 79, 87, 0.8)!important;} /*.i-aafesHead { background: url(../images/fast-food-banner1.png?v=1.7) repeat-x left top!important; padding: 60px 0 10px 0!important; }*/ .i-aafesHead { padding: 60px 0 10px 0!important; } .i-aafesHead .header-details { background:rgba(0, 0, 0, 0.60)!important; padding:10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;} .i-aafesHead .header-details span.open-hours { right:10px!important;} .i-aafesHead .header-details h3 { color:#FFFFFF!important;} .i-aafesHead .header-details ul li { color:#FFFFFF!important;} .i-banner { padding: 60px 0 10px 0!important;} .i-banner .col-lg-12 { padding: 0;} .i-banner #headerLogo { width:100%;} .i-banner #headerContainer span { position:absolute; right:0; top:0; background: #40404070; padding: 10px;} .i-banner #headerContainer span img { max-width: 65px; /* -webkit-transform: translate3d(0,0,0); */ transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;} .menu-tabs .tab-content .menu-head.desktop-view .i-menucat-img { width: 100%; max-height: 200px;} /*[ home-navbar section ]*******************************************/ .navbar-brand{/*height: 64px;*/ padding: 0; height: auto; margin-left: 0!important;} .navbar-right{ margin-right: 0;} .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:transparent;} .navbar-inverse{ padding: 6px 0; background: #cb202d; border-color: rgba(0,0,0, 0)!important;} .navbar-inverse .headertop p.powerdby{ float: left; padding: 15px 0 0 15px; margin: 0; font-size: 13px; font-weight: 600; color: #FFFFFF;} .navbar-inverse .headertop p.powerdby a { text-decoration:underline; color:#FFFFFF;} .navbar-inverse .navbar-nav{ padding: 0;} /*.navbar-fixed-top, .navbar-fixed-bottom{ position:inherit;}*/ .navbar { margin-bottom:0;} .navbar-inverse .header-menu { float:right; padding: 2px 0 0 0;} .navbar-inverse .navbar-nav>li{ padding-left: 10px;} .navbar-inverse .navbar-nav>li:first-child{ padding-left: 0;} .navbar-inverse .navbar-nav>li>a{ font-family: 'OpenSans'; font-weight:600; font-size:14px; color:#FFFFFF; border:2px solid #FFFFFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .navbar-inverse .navbar-nav>li>a { padding: 5px 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .navbar-inverse .navbar-nav>li>a i { font-size:16px; vertical-align:middle; margin-right: 8px; color:#FFFFFF;} .navbar-inverse .navbar-nav>li>a span { position:relative; top:1px;} .navbar-inverse .navbar-nav>li>a .icon-icon5:before { margin:0;} .navbar-inverse .headertop { position:relative;} .navbar-inverse .headertop .i-WelcomeName { position:absolute; right: 85px; top: 10px; font-size: 14px; font-weight: 600; margin-right: 10px; min-width: 60px;} .i-WelcomeName { color:#FFFFFF;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:transparent!important; color: #FFFFFF;} .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color: #FFFFFF; outline:none;} .navbar-collapse{ box-shadow:none!important; -webkit-box-shadow:none!important;} .navbar-inverse .navbar-collapse{ /*border-color:transparent!important;*/} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent!important;} .navbar-inverse .navbar-toggle{ border-color:transparent!important;} /*[ home-header section ]*******************************************/ #home-header { background: url(../images/header-pattern.png?v=1.2) repeat left top fixed; position:relative; padding: 70px 0 10px 0; background-color: rgba(14, 14, 14, 0.92); border-bottom:2px solid #fd4f57; /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/} #home-header .header-menuimage img { display: inline-block; *display: inline;} #home-header .header-details h3 { font-size:24px; font-weight:600; margin-bottom: 6px;} #home-header .header-details h3 strong { float: left; font-weight:600;} #home-header .header-details { position:relative;} #home-header .header-details span.open-hours { position:absolute; right:0; top: 0;} #home-header .header-details span.open-hours img { max-width: 65px; /*-webkit-transform: translate3d(0,0,0);*/ transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;} /*#home-header .header-details h3 span.i-HeaderOpen { background: #63b63a;} #home-header .header-details h3 span.i-HeaderClose { background: #f23c2a;} */ #home-header .header-details ul { list-style-type: none; padding: 0; margin: 0;} #home-header .header-details ul li { display: block; padding: 0 0 10px 0;} #home-header .header-details ul li.slogan { font-weight:600; font-size: 17px;} #home-header .header-details ul li.note { font-weight:300; font-size: 15px; color: rgba(255, 255, 255, 0.75); padding-bottom: 20px;} #home-header .header-details ul li.phone-stars { font-weight:300;} #home-header .header-details ul li.phone-stars span { padding-right:30px;} #home-header .header-details ul li.phone-stars span i{ margin-right: 8px; font-size: 18px;} #home-header .header-details ul li.phone-stars span i.icon-icon1{ margin-right: 25px; font-size: 18px;} #home-header .header-details ul li.phone-stars strong { font-weight:600;} #home-header .header-details ul li { font-family: 'OpenSans'; font-size: 15px; font-weight:300; color:#0b2135;} #home-header .header-menu ul { list-style-type: none; padding: 0; margin: 0; text-align:right;} #home-header .header-menu ul li{ display: inline-block; *display: inline; line-height:19px; margin: 0 0 0 10px;} #home-header .header-menu ul li a { font-family: 'OpenSans'; font-weight:300; font-size:15px; color:#FFFFFF; text-decoration:none; -webkit-transition: all .3s ease-in-out; vertical-align:middle; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #home-header .header-menu ul li.my-stuff-link a i { font-size:19px;} #home-header .header-menu ul li.divider span{ font-size: 14px; font-weight: 600; color: #FFFFFF; position: relative; top: 3px; margin: 0 8px;} #home-header .header-menu ul li a span { position:relative; top:2px;} #home-header .header-menu ul li a i { font-size:20px; margin-right: 6px; color:#cb202d; vertical-align:inherit;} #home-header .header-menu a.cart { position: fixed; top: 22%; right: 0; background: #cb202d; z-index: 999; width: 74px; height: 74px; /*line-height: 70px;*/ text-align: center;} #home-header .header-menu a.cart i{ color:#FFFFFF; font-size: 44px; margin: 0; padding: 12px 0 0 0; display: block;} #home-header .header-menu a.cart span.cartCount { background: #FFFFFF; font-size: 13px; font-weight: 600; color: #000000; width:30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; position: absolute; left: -15px; top: -15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45);} #home-header .header-menu ul li a:hover, #home-header .header-menu ul li a:focus{color: #cb202d; outline:none;} /*[ home-header shrink section ]*******************************************/ .sticky-header { -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; /*-webkit-transition:padding .3s; -moz-transition:padding .3s; transition:padding .3s;*/} .sticky-header.navbar-shrink { background-color: rgba(14, 14, 14, 0.95)!important; padding: 20px 0!important; -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25); box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.25); border-bottom: 0px none #ba1e2b!important;} /*[ breadcrumb-main section ]*******************************************/ #breadcrumb-main { background: #FFFFFF; padding:6px 0;} #breadcrumb-main ol { border-radius: 0px; background:transparent; margin: 0; padding: 0 10px;} #breadcrumb-main ol li{} #breadcrumb-main ol li a{ color: #0b2135; font-weight: 600; font-size: 16px; text-decoration:none; position:relative; padding: 5px 15px; display:block;} #breadcrumb-main ol li.active a{} #breadcrumb-main ol li.active a:before{ content: ''; position: absolute; right: 0; left: 0; bottom: 0px; width: 26px; margin: 0 auto; height: 2px; background: #0b2135!important;} #breadcrumb-main .breadcrumb > li + li:before { display:none;} body.my-stuff-page #breadcrumb-main{ background: #FFFFFF; border-bottom: 1px solid #eaeaea;} /*[ home-aboutus section ]*******************************************/ #body { padding:10px 0;} #home-aboutus { background: #FFFFFF;} #home-aboutus .col-lg-9 { padding-left:0px;} #home-aboutus .col-lg-3 { padding-right:0px;} .menu-tabs .sectionLeft { float:left; width: 280px;} .menu-tabs .sectionRight { float:right; width: 895px;} .menu-tabs ul { list-style-type:none; padding: 0 0 200px 0; margin:0; border-bottom:0px none; border-right: 1px solid #e9e9eb;} .menu-tabs ul li { display: block; float: none; margin-bottom: 0px;} .menu-tabs ul li a { font-family: 'OpenSans'; font-weight:400; font-size:15px; color: #252525; text-decoration: none; display: block; padding: 6px 10px; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: transparent; border:0px none; border-radius:0px; margin:0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .menu-tabs ul li.i-category-panel-name.x-view-item-focused { outline:0px none!important; outline-offset:0px;} .menu-tabs ul li a:hover, .menu-tabs ul li a:focus { background: transparent; color: #cb202d; border:0px none;} .menu-tabs .nav-tabs>li.active>a, .menu-tabs .nav-tabs>li.active>a:focus { background: #cb202d; cursor:auto; color: #FFFFFF; border:0px none;} .menu-tabs .tab-content { padding: 20px 0 100px 0;} .menu-tabs .tab-content .menu-head { margin-bottom:20px;} .menu-tabs .tab-content .menu-head h4 { margin:0 0 10px 0; color: #00a04b;} .menu-tabs .tab-content .menu-head p { color:#969696; margin:0;} .menu-item { width:276px; float:left; margin-bottom:30px;} .menu-item.rightmargin { margin-right:20px;} .menu-item a { text-decoration:none;} .menu-item .menu-info { padding: 10px; margin: 5px 0 0 0; border: 1px dashed #a7a7a7; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .menu-item .menu-info p{ color:#000000; margin-bottom: 10px; font-size:15px; font-weight:700;} .menu-item .menu-info span { vertical-align:middle; display: inline-block; *display: inline;} .menu-item .menu-info span.price, .menu-item .menu-info span.addcart a { font-size: 15px;} .menu-item .menu-info span.price { color:#2a2a2a; margin: 2px 0 0 5px;} .menu-item .menu-info span.addcart { float: right; margin: 0;} .menu-item .menu-info span.addcart a{ font-weight:600; color:#cb202d; text-decoration:none; vertical-align: middle; position: relative; bottom: 1px;} .menu-item .menu-info span.addcart a:focus { outline:none;} .menu-item .menu-info span.addcart a i{ margin-left:0; font-size: 18px;} .menu-item .menu-info span.addcart a i:before{ margin-right:0;} .menu-tabs .tab-content>.active{ padding: 0;} .menu-item.noimg-menu { width: 48%; padding: 12px; margin-bottom: 15px; margin-right: 15px; border: 1px dashed #a7a7a7;} .menu-item.noimg-menu .menu-info { padding: 0; margin: 0; border: 0px none;} .menu-item.noimg-menu .menu-info p { margin-bottom: 6px;} .menu-item.noimg-menu .menu-info .menutext { font-size: 13px; font-weight: 400; color: #444444; min-height: 55px;} .our-cart-section { /*padding:60px 0 0 0;*/} .our-cart { /*background:#FFFFFF; border:1px solid #ededed; padding:10px;*/ text-align:center; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;*/} .our-cart .head { font-weight:400; font-size:18px; color:#6a6c76; border-bottom:1px solid #ededed; margin-bottom: 5px; padding: 5px 0 15px 0;} .our-cart .info{ font-weight:300; font-size:16px; color:#888b99; margin: 10px 0 0 0;} .our-cart .empty-cart { text-align:center; margin:25px 0;} .our-cart .empty-cart img{ display: inline-block; *display: inline;} .our-cart a.ordernow-btn { display:block;} .our-cart ul { list-style-type: none; padding: 0; margin: 0; text-align: left;} .our-cart ul li { display: block; padding: 14px 0; margin-bottom:0; border-bottom: 1px solid #ededed; position: relative;} .our-cart ul li .vegfood { margin-right: 6px;} .our-cart ul li .price { display: inline-block; text-align: right; float: right; color: #cb202d;} .our-cart ul li .addmenu { padding: 2px 5px 3px 5px; margin-right: 10px; border:1px solid #ededed; position: absolute; left: 60%; top: 23%;} .our-cart ul li .addmenu a{ text-decoration:none; color: #282c3f;} .our-cart ul li .addmenu a i:before { margin:0;} .our-cart ul li .addmenu i.icon-minus { font-size: 9px; margin-right: 4px;} .our-cart ul li .addmenu i.icon-plus { font-size:9px; color:#cb202d; margin-left: 4px;} .our-cart ul li .addmenu .addedamount { font-size:11px; font-weight:700; color:#cb202d;} .our-cart .cartrestro-info { margin-bottom: 5px; text-align: left; border-bottom: 1px solid #ededed; padding-bottom: 12px;} .cartrestro-logo{ display: inline-block; width: 60px; vertical-align: top;} .cartrestro-name{ display: inline-block; margin-left: 10px; font-size: 13px;} .cartrestro-name b{ display:block; font-size: 15px;} .our-cart ul li .finalprice { display: inline-block; text-align: right; float: right; color: #282c3f; font-size: 24px; position: relative; top: -8px;} .our-cart ul li.totalamount { margin-bottom:10px; background: #ededed; color: #282c3f; padding:10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .our-cart ul li.slogan { font-weight:600; font-size: 18px;} .our-cart ul li.note { font-weight:300; font-size: 15px; color: rgba(255, 255, 255, 0.75); padding-bottom: 20px;} .our-cart ul li.phone-stars { font-weight:300;} .our-cart ul li.phone-stars span { padding-right:30px;} .our-cart ul li.phone-stars span i{ margin-right: 8px; font-size: 18px;} .our-cart ul li.phone-stars strong { font-weight:600;} .our-cart ul li { font-family: 'OpenSans'; font-size: 13px; font-weight:400;} .our-cart ul li strong { font-size: 15px; font-weight: 600;} .i-pickup-list-box .i-price-list-item .i-item-price { max-width: 35% !important; } /*[ footer-copys section ]*******************************************/ #home-footer-copy { background:#2a2a2b; padding: 15px 0;} #home-footer-copy p { margin-bottom:0; font-size:15px;} #home-footer-copy ul { list-style-type: none; padding: 0; margin: 0; text-align: right;} #home-footer-copy ul li { display: inline-block; *display: inline; padding: 0 0 0 10px;} #home-footer-copy ul li a { font-size: 15px; color:#FFFFFF; text-decoration: none;} /*[ back-to-top section ]*******************************************/ #back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 999; opacity: 0; cursor: pointer; border: 0; width: 64px; height: 64px; background: rgba(21, 21, 21, 0.65); color: #FFFFFF; text-decoration: none; text-align: center; padding: 6px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out;} #back-to-top i{ transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); margin-bottom: 2px;} #back-to-top span{ display:block; font-family: 'OpenSans'; font-size:13px; font-weight:600; line-height:16px;} #back-to-top:hover { background: rgba(21, 21, 21, 1); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;} #back-to-top.show { opacity: 1;} /******************/ .menu-item .menu-info span.addcart a{ background: #FFFFFF; height: 30px; line-height: 28px; display: block; text-align: center; width: 85px; border: 1px solid #adadad;} .menu-item .menu-info span.addcart a .i-MenuItemCount { color: #fd4f57; font-size: 11px; font-weight: bold; line-height: 28px; display: inline-block; vertical-align: middle; margin-left: 4px;} .setQtycart { background: #FFFFFF; float: right; height: 30px; line-height: 28px; font-size: 14px; font-weight: 600; display: inline-block; *display: inline; text-align: center; width: 90px; border: 1px solid #fd4f57; display:none;} .setQtycart a { color: #0b2135!important;} .setQtycart .i-qty-add { width: 32px; float: left;} .setQtycart .i-qty-add input { width: 100%; border: 0px none; text-align: center;} .setQtycart .i-qtycart-adjust { width: 28px; float: left; font-size: 20px; cursor:pointer; border: 0px none; background : #fd4f57; color: #FFFFFF; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;} .setQtyRightCart { background: #FFFFFF; margin: 0; height: 26px; line-height: 22px; border: 1px solid #fd4f57; font-size: 14px; font-weight: 600; display: block; text-align: center; width: 25%; float: left;} .setQtyRightCart a { color: #0b2135!important;} .setQtyRightCart .i-qty-add { width: 40%; float: left; height: 24px;} .setQtyRightCart .i-qty-add input { width: 100%; border: 0px none; text-align: center; font-size: 12px;} .setQtyRightCart .i-qtyRightCart-adjust { width: 30%; float: left; height: 24px; font-size: 20px; cursor:pointer; border: 0px none; background : #fd4f57; color: #FFFFFF; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;} .x-window.i-itemWindow.i-success-window .x-toolbar-docked-bottom .x-btn.i-button { padding: 15px 12px!important;} .x-window.i-itemWindow.i-checkoutAddr .address-box { float:none; display:block; width:100%; padding: 12px 30px 12px 55px; min-height: auto;} .x-window.i-itemWindow.i-checkoutAddr .address-box p { margin-bottom:5px;} .x-window.i-itemWindow.i-checkoutAddr .address-box p.i-addrDetail { font-size:14px;} .x-window.i-itemWindow.i-checkoutAddr .x-btn.i-button.i-red-btn { background: #fd4f57; color: #fff; font-style: normal; font-weight: 600; font-size: 12px; padding: 10px 20px; text-align: center; display: inline-block; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .x-window.i-itemWindow.i-checkoutAddr .x-btn.i-button.i-red-btn .x-btn-inner-default-toolbar-small { font-weight: 600; font-size: 14px; color: #FFFFFF;} /******************/ /**---------------------------------**/ /*[ Inner Pages Section ]*******************************************/ /**---------------------------------**/ #cart-empty { background: #FFFFFF; padding:100px 0;} .cart-empty-box { max-width:500px; margin:0 auto; text-align: center;} .cart-empty-box .head { font-weight: 600; font-size:21px; color:#6a6c76; border-bottom:1px solid #ededed; margin-bottom: 25px; padding: 25px 0 25px 0;} .cart-empty-box .info{ font-weight:300; font-size:16px; color:#888b99; margin-bottom: 25px;} .cart-empty-box .empty-cart { text-align:center;} .cart-empty-box .empty-cart img{ display: inline-block; *display: inline;} /*[ my stuff section ]*******************************************/ #my-stuff-main { background: #f9f9f9; padding:60px 0;} #my-stuff-main .our-cart-section { padding:0;} #my-stuff-main .col-lg-9 { padding-left:0px;} #my-stuff-main .col-lg-3 { padding-right:0px;} #my-stuff-main .col-md-12 { padding-left:0px; padding-right:0px;} .mystuff-detailbox { background:#FFFFFF; padding: 20px; border: 1px solid #ededed; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .mystuff-detailbox h4{ font-weight:600; font-size: 22px; border-bottom: 1px dotted #bfbfbf; padding-bottom: 15px;} .mystuff-detailbox h5{ font-weight: 400; margin: 0 0 15px 0; font-size: 18px; } .mystuff-detailbox ul { list-style-type: none; padding: 0; margin: 0;} .mystuff-detailbox ul li { display: block; padding-bottom:10px; font-size: 15px;} .mystuff-detailbox ul li:last-child { padding-bottom:0;} .mystuff-detailbox ul li strong, .mystuff-detailbox ul li label { font-weight:600;} .mystuff-detailbox ul li .form-group { margin-bottom:0;} .checkbox input[type="checkbox"] { display:none;} .checkbox input[type="checkbox"] + label { padding-left: 0;} .checkbox input[type="checkbox"] + label b { float: left; font-weight: 400; font-size: 13px; width: 90%; margin-left: 12px;} .checkbox input[type="checkbox"] + label span { width:16px; height:16px; margin: 3px 0 0 0; float: left; cursor:pointer; vertical-align:middle; background:url(../images/checkbox-uncheck.png) left top no-repeat;} .checkbox input[type="checkbox"]:checked + label span { background:url(../images/checkbox-check.png) left top no-repeat;} .mystuff-tabs .sectionLeft { float:left; width: 260px;} .mystuff-tabs .sectionRight { float:right; width: 880px;} .my-stuff-btn { background: #00a04b; z-index: 999; position: fixed; top: 38%; right: 0; width: 74px; height: 74px; line-height: 70px; text-align: center; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;} .my-stuff-btn i { color: #FFFFFF; font-size: 44px; margin: 0;} .mystuff-tabs ul.nav-tabs { list-style-type:none; padding: 15px 0; margin:0; border:0px none; background: #cb202d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .mystuff-tabs ul.nav-tabs li { display: block; float: none; margin-bottom: 0px;} .mystuff-tabs ul.nav-tabs li a { font-family: 'OpenSans'; font-weight:600; font-size:15px; color: #FFFFFF; border-right: 3px solid transparent; text-decoration: none; display: block; padding: 6px 10px; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: transparent; border:0px none; border-radius:0px; margin:0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .mystuff-tabs ul.nav-tabs li a span{ margin-right:8px;} .mystuff-tabs ul.nav-tabs li a i:before { margin:0;} /*Sheetal .mystuff-tabs ul.nav-tabs li a.cl-coupon, .mystuff-tabs ul.nav-tabs li a.cl-password {padding: 9px 0 0 9px;} .mystuff-tabs ul.nav-tabs li a i{ margin-left:10px;}*/ .mystuff-tabs ul.nav-tabs li a:hover, .mystuff-tabs ul.nav-tabs li a:focus { background: transparent; color: rgba(255, 255, 255, 0.75 ); border:0px none;} .mystuff-tabs ul.nav-tabs>li.active>a, .mystuff-tabs ul.nav-tabs>li.active>a:focus { background: transparent; cursor:auto; color: #FFFFFF; border:0px none; border-right: 3px solid #FFFFFF;} .mystuff-tabs .tab-content { padding: 0;} .mystuff-tabs .tab-content .menu-head { margin-bottom:20px;} .mystuff-tabs .tab-content .menu-head h4 { margin:0 0 10px 0;} .mystuff-tabs .tab-content .menu-head p { color:#969696; margin:0;} .address-box{ width: 324px; min-height: 200px; float:left; margin-right:15px; padding: 20px 30px 15px 55px; border: 1px dashed #e9e9eb; position:relative; cursor: pointer;} .address-box i{ position: absolute; left: 18px; font-size: 22px; top: 20px; color: #cb202d;} .address-box h5{ font-size: 16px;} .address-box p{ font-size: 15px;} .address-box .ordernow-btn{ font-size: 15px; padding: 8px 20px;} .address-box:hover{ box-shadow: 0 2px 8px #d4d5d9;} .loyalty-box{ padding: 15px; /*margin-bottom: 20px;*/ border: 1px dashed #a7a7a7; position:relative; cursor: pointer;} .loyalty-box p { font-size:15px; margin-bottom:0;} .mystuff-detailbox .ordernow-btn{ font-size: 14px; font-weight: 600; padding: 8px 18px; min-width: 125px;} .mystuff-detailbox .address-heading { margin-bottom:10px;} .mystuff-detailbox .address-heading h5 { margin: 0 0 15px 0;} #new-address { background: #f9f9f9; padding:60px 0;} #new-address .our-cart-section { padding:0;} #new-address .col-lg-9 { padding-left:0px;} #new-address .col-lg-3 { padding-right:0px;} .newaddress-box h4{ font-weight:600; font-size: 16px; background: #cb202d; padding: 10px; color: #FFFFFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .newaddress-box h5{ font-weight: 400; margin: 0 0 15px 0; font-size: 18px; } .newaddress-box ul { list-style-type: none; padding: 0; margin: 0;} .newaddress-box ul li { display: block; padding-bottom:10px; font-size: 15px;} .newaddress-box ul li strong, .newaddress-box ul li label { font-weight:600;} .newaddress-box ul li .form-group { margin-bottom:0;} .newaddress-box ul li .form-group label span{ font-size:12px; font-weight:300;} .reviews-box { padding: 20px; margin-bottom: 20px; border: 1px dashed #e9e9eb;} .reviews-box p{ margin:0; font-size: 15px;} .recent-orders { width: 48%; float:left; padding: 10px; margin-bottom: 15px; margin-right: 15px; border: 1px dashed #a7a7a7;} .recent-orders .recent-info { padding: 0; margin: 0; border: 0px none;} .recent-orders .recent-info p { margin-bottom: 5px;} .recent-orders .recent-info p span { display: inline-block; text-align: right; float: right; color: #cb202d;} .orders-btns { margin:10px 0 0 0;} .coupons-list { width: 100%; padding: 12px; margin-bottom: 10px; border: 1px dashed #a7a7a7; position:relative;} /*.coupons-list a.sml-btn { position: absolute; right: 12px; min-width: 80px;}*/ .coupons-list .disablebtn { cursor:inherit; opacity: 0.35;} .coupons-list:hover{ background: #fbfbfb;} .coupons-list ul { list-style-type: none; padding: 0; margin: 0;} .coupons-list ul li { display: block; padding-bottom:6px; font-size: 14px;} .coupons-list ul li strong { font-weight:600; font-size: 15px;} .coupons-list ul li span { display: inline-block; text-align: right; float: right; color: #cb202d; font-size: 13px;} /*[ checkout section ]*******************************************/ #checkout-main { padding:60px 0;} .checkout-box { padding: 15px; margin-bottom: 15px; border: 1px dashed #e9e9eb;} .checkout-box h4 { font-size: 16px; font-weight: 600; margin:0 0 14px 0;} .checkout-box h4 span { font-size: 14px; font-weight: 400; color:#cb202d;} .checkout-box.coupon select, .checkout-box.coupon .form-group { vertical-align:top;} .checkout-box.gift-card .form-group { vertical-align:top;} .checkout-box.tip .form-group { width:100px;} .checkout-box.instructions .form-group { width:100%;} .discount-btn { background:#676767; color:#FFFFFF; font-size: 14px; font-weight: 600; padding: 8px 14px; text-align: center; display: inline-block; vertical-align: top; text-decoration:none; min-width: 65px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .discount-btn:hover, .discount-btn:focus{ background:#292929; color:#FFFFFF; text-decoration:none;} .checkout-box .radio { margin:0;} .checkout-box .radio input[type=radio] { opacity: 0; margin-left:0; width: 100%; cursor: pointer; margin: 5px 0;} /*-------------------------------------------------------------------------------- Creating radio button and label as a Single unit(for Cross browser compatibility) ----------------------------------------------------------------------------------*/ .checkout-box .radio input[type=radio] + label { padding-left:25px; display:inline-block; line-height:20px; cursor:pointer; background:url(../images/radio-uncheck.png) no-repeat left center;} .checkout-box .radio input[type=radio]:checked + label { color: #cb202d; background:url(../images/radio-check.png) no-repeat left center;} .checkout-box .ordernow-btn { font-size: 14px; font-weight: 600; padding: 8px 18px; min-width: 125px;} .checkout-box .form-group { margin:0;} .checkout-box select.form-control, .checkout-box .form-group { width: 25%; margin-right: 10px; display: inline-block;} .checkout-tabs ul.nav-tabs { list-style-type:none; padding: 0; margin: 0 0 10px 0; border:0px none;} .checkout-tabs ul.nav-tabs li { margin-bottom: 0px;} .checkout-tabs ul.nav-tabs li a { font-family: 'OpenSans'; font-weight:400; font-size:15px; color: #33373d; text-decoration: none; display: block; padding: 0 15px 8px 0; border:0px none; border-radius:0px; margin:0;} .checkout-tabs ul.nav-tabs li a i{ margin-left:10px;} .checkout-tabs ul.nav-tabs li a:hover, .checkout-tabs ul.nav-tabs li a:focus { background: transparent; color: #cb202d; border:0px none;} .checkout-tabs ul.nav-tabs>li.active>a, .checkout-tabs ul.nav-tabs>li.active>a:focus { background: transparent;} .checkout-tabs .tab-content { padding: 0;} .checkout-tabs .tab-content .checkout-detailbox { width: 340px; min-height: 100px; padding: 20px 15px; border: 1px dashed #e9e9eb;} .checkout-tabs .tab-content .checkout-detailbox p{ font-size: 15px; margin: 0 0 12px 0;} .checkout-tabs .tab-content .checkout-detailbox .form-group { margin-bottom:0; width: 100%; margin: 0;} .checkout-tabs .tab-content .checkout-detailbox .form-group .form-control { font-size:20px; font-weight:400;} .checkout-tabs .tab-content .payment-detailbox { padding: 10px; border: 1px dashed #e9e9eb;} .checkout-tabs .tab-content .payment-detailbox .form-group { width: 15%; margin: 0 10px 0 0;} .checkout-tabs .tab-content .payment-detailbox .form-group.pay-credit { width:20%;} .checkout-tabs .tab-content .payment-detailbox .form-group.pay-expdate { width:25%;} .checkout-tabs .tab-content .payment-detailbox .form-group.pay-expdate label { display:block;} .checkout-tabs .tab-content .payment-detailbox .form-group.pay-expdate .form-control { width:30%; display: inline-block;} .i-chekoutInfo .i-fieldset { border:0px none; padding: 12px 15px; margin: 0 0 10px 0; background: #FFFFFF; position:relative;} .i-chekoutInfo .i-fieldset .i-checkOne-topContainer .x-form-fieldcontainer.x-form-item { margin-bottom: 0;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer.i-noMargin { margin-bottom: 0;} .i-chekoutInfo .i-fieldset h1 { margin: 0 0 6px 0;} .i-chekoutInfo .error { background: #FFFFFF; margin:0!important;} .i-chekoutInfo .i-fieldset .i-chkoutService h1, .i-chekoutInfo .i-fieldset .i-chkoutPayList h1 { margin: 0;} .i-chekoutInfo .i-fieldset .i-address-panel .i-address-panel-inner { font-size:12px;} .i-chekoutInfo .i-fieldset .i-address-panel { line-height: 15px !important; } .i-chekoutInfo .i-fieldset .i-address-panel.i-address-panel-delivery .i-orderticket-links { width:100%; padding: 8px 0 0 0; display: inherit; border-top: 1px solid #eaeaec; margin-top: 8px;} .i-chekoutInfo .i-fieldset .i-address-panel.i-address-panel-delivery .i-orderticket-links .i-blue-link { width: 50%; line-height: normal; margin: 0; float: left; display: inherit; background:transparent; color: #526cd0; font-size: 14px; text-transform: uppercase; padding: 0; border-right: 1px solid #d0d0d0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;} .i-chekoutInfo .i-fieldset .i-address-panel.i-address-panel-delivery .i-orderticket-links .i-blue-link.i-btnSection2 { border-right: 0px none;} .i-chekoutInfo .i-fieldset.i-co-chkoutLnk { position:relative;} .i-chekoutInfo .i-fieldset.i-co-chkoutLnk:before { font-family:'FontAwesome'; content: "\f105"; position: absolute; right: 15px; font-size: 20px;} .i-chekoutInfo .x-panel-body-default { background:#f1f1f1!important;} .i-chekoutInfo .i-address-panel { padding: 10px 0 0 0; border:0px none;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery { min-height: auto!important; padding: 10px; margin:5px 0 0 0; border: 1px solid #eaeaec; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery.i-addNewAddrChkout .i-orderticket-links { padding: 0; margin: 0; border: 0px none;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery.i-addNewAddrChkout .i-orderticket-links .i-blue-link.i-new-address { background:transparent!important; border-right: 0px none;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery .i-addrRow1 { font-weight:600; font-size:13px; margin-bottom:6px;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery .i-addrRow1 strong { font-weight:600; margin-top:5px; float:left; font-size:14px;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery .i-addrRow1 span { float:right; background: #f2f2f2; text-transform:uppercase; padding: 5px 8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery i { left: 4px; top: 10px;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft, .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight { width:50%;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { float:left;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight { float:right; text-align: right;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft .i-chkOrderAmt { font-size:16px; font-weight:600;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft a { font-size: 14px; color: #f74e57; font-weight: 600; text-transform: uppercase; text-decoration: none;} .i-chkoutOverlay:before { content: ""; background: rgba(0, 0, 0, 0.55)!important; position: absolute!important; width: 100%; height: 100%; left: 0; right: 0; top: 0; z-index: 1;} .x-boundlist-item.x-boundlist-selected { background: #fd4f57!important; border-color: #e64850!important;} .x-boundlist-item.x-boundlist-item-over { background: #fd4f57!important; border-color: #e64850!important;} .x-form-radio-default { width: 22px!important; height: 22px!important; font-size:22px!important;} .x-form-cb-checked .x-form-radio-default { color: #fd4f57!important;} .x-form-checkbox-focus.x-form-radio-default { color: #fd4f57!important;} .x-panel-body-default.i-chkoutPanelNocolor, .x-panel-body-default.i-chkoutPanelNocolor .x-panel-body-default{ background:transparent!important;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon { width: 100%; padding: 10px 0; background: transparent; font-size: 15px; font-weight: 600;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon i { text-align:center; font-size: 20px; color: #fd4f57; vertical-align: middle; width:3%; text-align:left;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon input[type=button] { background: transparent; border: 0px none; width:95%; text-align: left;} /* .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon .i-couponBadge { background: url(../images/discount-badge.png) no-repeat left top; width: 28px; height: 25px; display: inline-block; margin-right: 8px; -webkit-background-size: 90%; -moz-background-size: 90%; -o-background-size: 90%; background-size: 90%;}*/ .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon .i-couponBadge { width: 2.3%; margin-right: 1%;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon .i-couponBadge img { -webkit-transform: translate3d(0,0,0); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon .i-couponBadge, .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon input[type=button] { float:left;} .i-chekoutInfo .i-fieldset.i-noHeight .x-form-fieldcontainer .i-applyCoupon { padding:0;} .i-chekoutInfo .i-fieldset.i-noHeight .x-form-fieldcontainer .x-form-item-body-default { min-height: inherit;} .i-chekoutInfo .i-fieldset.i-noHeight .i-CO-SpecialInst { margin:0 0 0 0!important;} .i-chekoutInfo .i-fieldset.i-noHeight .i-CO-SpecialInst .x-form-trigger-wrap-default { border:0px none!important; background: #ececec; -webkit-box-shadow:none; box-shadow:none; height: 32px!important;} .i-chekoutInfo .i-fieldset.i-noHeight .i-CO-SpecialInst .x-form-trigger-wrap-default .x-form-text-default { height: 30px!important; font-size: 13px;} .i-chekoutInfo .i-fieldset .empty-cart{ padding-left:100px;} .i-coupon-rPanel .i-chkout-textcoupon .i-coupon-text, .i-coupon-rPanel .i-chkout-textcoupon .x-btn-default-small.i-red-btn{ float:left;} .i-coupon-rPanel .i-chkout-textcoupon .i-coupon-text, .i-coupon-rPanel .i-chkout-textcoupon .x-form-trigger-wrap-default, .i-coupon-rPanel .i-chkout-textcoupon .x-btn-default-small.i-red-btn { -moz-border-radius: 0px!important; -ms-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important;} .i-coupon-rPanel .i-order-panel .coupons-list .couponapply.sml-btn { -moz-border-radius: 0px!important; -ms-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important;} .i-coupon-rPanel .i-order-panel .coupons-list ul li strong { font-size: 14px; background: #fffae6; border: solid 1px #daceb7; display: inline-block; padding: 3px 22px;} .i-coupon-rPanel .i-order-panel .coupons-list.specialcpn ul li strong { background: #f18313; border: 1px solid #d4710d; color: #FFFFFF;} .i-coupon-rPanel .i-couponMsgCont strong { font-weight: 600; font-size: 13px; padding: 4px 8px; background: #e4e4e4; width: 100%; display: block; margin-bottom: 8px;} .i-coupon-rPanel .i-couponMsgCont span { width:100%; display:block; text-align:center; font-weight:600; font-size:14px;} .i-coupon-rPanel .cd-panel-header h1 .i-rpanel-back {font-size: 20px; color: #FFFFFF; margin-right: 15px;} .i-coupon-rPanel .i-order-panel .coupons-list ul li.i-coupondesc1 { font-size: 13px; font-weight:600; padding:0;} .i-coupon-rPanel .i-order-panel .coupons-list ul li.i-coupondesc1 small {font-size: 75%!important; font-weight:normal;} .i-coupon-rPanel .i-order-panel .coupons-list ul li.i-coupondesc2 { font-size: 12px; padding:0;} .i-coupon-rPanel .i-order-panel .coupons-list:hover { background:transparent!important;} .i-coupon-rPanel .i-order-panel .coupons-list.x-view-item-focused { outline:0px none!important;} .i-coupon-rPanel .i-order-panel .coupons-list { padding: 0 0 10px 0; border:0px none; border-bottom: 1px solid #e4e4e4;} .i-coupon-rPanel .i-chkout-textcoupon .i-coupon-text .x-form-text-field-body-default { min-width:100%;} .i-coupon-rPanel .i-chkout-textcoupon .x-btn-default-small.i-red-btn { float:right; min-width:auto;} .i-coupon-info .i-couponSection1 strong { font-size: 14px; float:left; padding: 2px 6px 0 6px;} .i-coupon-info .i-couponSection1 span { float:left; padding: 3px 0 0 0;} .i-coupon-info .i-couponSection1 .i-CouponRow1 span img { max-width:20px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; /*-webkit-transform: translate3d(0,0,0);*/} .i-coupon-info .i-couponSection1 span.i-couponBadge { width:27px; padding: 0;} .i-coupon-info .i-couponSection1 .i-CouponRow1 { float:left;} .i-coupon-info .i-couponSection1 .i-CouponRow1 div{ float:left; padding: 3px 10px 0 0;} .i-coupon-info .i-couponSection1, .i-coupon-info .i-couponSection2 { width:50%;} .i-coupon-info .i-couponSection1 { float:left;} .i-coupon-info .i-couponSection2 { float:right; text-align:right;} .i-coupon-info .i-couponSection2 .i-removeCoupon { font-size: 20px; color: #33373d; height: 20px; display: inline-block; vertical-align: top; margin-top: -4px;} .i-coupon-info .i-couponSection1 i{ font-size: 20px; margin-right: 10px; color: #fd4f57; float:left;} .i-disc-maxcap {font-size: 10px; color: #008000;} .i-coupon-info .i-couponSection1 .i-CouponRow1 div {color: #008000;} @media only screen and (min-width : 1025px) and (max-width : 1200px) {} @media only screen and (min-width : 768px) and (max-width : 1024px) { h1 { font-size:40px; font-weight:400;} h2 { font-size:30px; font-weight:600;} h3 { font-size:28px; font-weight:400;} h4 { font-size:24px; font-weight:400;} h1, h2, h3, h4{ margin: 0 0 15px 0;} #home-header { /*padding:35px 0;*/ padding: 70px 0 10px 0;} #home-header .header-menuimage { margin: 0 0 25px 0; max-width: 180px;} #home-header .header-details h3 { font-size:22px;} #home-header .header-details ul { margin-bottom:10px;} #home-header .header-details ul li, #home-header .header-details ul li.note { font-size: 16px;} #home-header .header-details ul li.phone-stars span{ width: 48%; display: inline-block; padding-right: 0;} #home-header .header-menu ul { text-align:left;} #home-header .header-menu ul li { margin:0;} #home-header .header-menu ul li a { background: #cb202d; display: inline-block; padding: 5px 10px; font-size: 15px; text-transform: uppercase; font-weight: 600; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #home-header .header-menu ul li a i { color:#FFFFFF;} #home-header .header-menu ul li a span { top:0;} #home-header .header-menu ul li a:hover, #home-header .header-menu ul li a:focus { color: #FFFFFF; outline: none;} #home-header .header-menu a.cart { top:10%;} #home-header .header-menu a.cart { width: 54px; height: 54px; line-height: 50px;} #home-header .header-menu a.cart i { font-size: 34px;} #home-aboutus { background: #f2f2f2;} #home-aboutus .col-lg-12{ padding:0;} .menu-tabs .sectionLeft { display:none;} .menu-tabs .sectionRight { width:100%;} .menu-tabs .tab-content > .tab-pane { display:block; margin-bottom: 15px; background: #FFFFFF; padding: 15px;} .menu-tabs .tab-content { padding: 0;} .menu-tabs .tab-content .menu-head { margin-bottom:10px;} .menu-item { width:31%; margin-bottom: 10px;} .menu-item:nth-child(even) { margin-right:10px;} .menu-item:nth-child(odd) { margin-right: 10px;} .menu-item .menu-info p { min-height:25px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .menu-tabs .tab-content .menu-head h4 { font-size:20px; margin-bottom:6px;} .menu-item.noimg-menu { width:100%; padding: 10px; margin-bottom: 10px; float: none;} .menu-item.noimg-menu:nth-child(even) { margin-right:0;} .menu-item.noimg-menu:nth-child(odd) { margin-right: 0;} .menu-item.noimg-menu .menu-info p { margin-bottom: 10px; min-height: auto; text-overflow: inherit; white-space: inherit; overflow: inherit;} .menu-item.noimg-menu .menu-info p .vegfood { vertical-align:middle; position: relative; top: -2px; margin-right: 6px;} .menu-item.noimg-menu .menu-info .menutext { min-height:50px;} #home-footer-copy { display:none; padding: 10px 0; text-align:center;} #home-footer-copy p { margin: 0 0 10px 0;} #home-footer-copy ul { text-align:center;} #cart-empty { padding:60px 0;} #checkout-main { padding:35px 0;} .checkout-tabs .sectionLeft, .checkout-tabs .sectionRight { float:none; width:100%;} .checkout-tabs ul.nav-tabs { padding:12px 0; margin:0 0 10px 0;} .checkout-tabs ul.nav-tabs li { float:left; display:inline-block; padding-left: 12px;} .checkout-tabs ul.nav-tabs li a { text-align:left; padding: 0 12px 0 0; font-size: 18px; font-weight: 600; text-overflow: inherit; white-space: inherit; overflow: inherit; border-right: 3px solid #FFFFFF;} .checkout-tabs ul.nav-tabs>li.active>a, .checkout-tabs ul.nav-tabs>li.active>a:focus { color: #FFFFFF;} .i-chekoutInfo .i-fieldset.i-checkoutBtnContainer { position: fixed!important; top: inherit!important; left: 0!important; right: 0!important; bottom: 0; margin: 0 auto; padding: 0;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { padding: 8px 0;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { background:#d6d6d6;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft .i-chkOrderAmt, .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft a { padding-left:10px;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight .x-btn-default-small.i-red-btn { display:block; padding: 20px 18px!important; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important;} .i-discButton.x-btn-default-small { line-height:50px; width: 90%!important; height: 60px!important; margin:0!important;} #back-to-top, #back-to-top.show { display:none!important;} .i-chekoutInfo .i-fieldset .empty-cart { padding-left:0;} .i-chekoutInfo .i-tip-container { width: 53%;} } @media only screen and (min-width : 480px) and (max-width : 767px) { h1 { font-size:40px; font-weight:400;} h2 { font-size:28px; font-weight:600;} h3 { font-size:26px; font-weight:400;} h4 { font-size:22px; font-weight:400;} h1, h2, h3, h4{ margin: 0 0 15px 0;} #home-header { padding:25px 0;} #home-header .header-menuimage { text-align: left; max-width: 100px; margin-bottom: 12px;} #home-header .header-details h3 { font-size:22px;} #home-header .header-details ul li.address { display:none;} #home-header .header-details ul li.note { display:none;} #home-header .header-details ul li.phone-stars span{ display:block; padding:0;} #home-header .header-details ul li.phone-stars.phone { display:none;} #home-header .header-menu ul { text-align:left;} #home-header .header-menu ul li { margin:0;} #home-header .header-menu ul li a { /*background: #cb202d;*/ border: 2px solid #FFFFFF; display: inline-block; padding: 5px 10px; font-size: 15px; /*text-transform: uppercase;*/ font-weight: 600; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #home-header .header-menu ul li a i { color:#FFFFFF;} #home-header .header-menu ul li a span { top:0;} #home-header .header-menu ul li a:hover, #home-header .header-menu ul li a:focus { color: #FFFFFF; outline: none; background: transparent!important;} #home-header .header-menu a.cart { top:10%;} #home-header .header-menu a.cart { width: 54px; height: 54px; line-height: 50px;} #home-header .header-menu a.cart i { font-size: 34px;} #home-aboutus { background: #f2f2f2;} #home-aboutus .col-lg-12{ padding:0;} .login-popup .modal-dialog { width:100%; top: 50px;} .login-popup .modal-content { padding: 15px;} .login-popup .modal-body h2 { font-size:22px; margin-bottom: 20px; text-align: left;} .login-popup .modal-body p { margin-bottom:10px;} .login-popup .modal-body .loginleft { width:100%; float:none; padding: 0 0 30px 0; margin: 0 0 10px 0; background: url(../images/divider-shadow-btm.png) no-repeat bottom center;} .login-popup .modal-body .socialleft { width:100%; float:none; padding: 0;} .login-popup .modal-body .socialleft a.social-btn { margin:0 0 10px 0;} .login-popup .modal-body .socialleft a.social-btn.google { margin:0;} .login-popup .modal-dialog .btn.closebtn { top:0; right:0; border-radius: 0px 0px 0px 6px; -moz-border-radius: 0px 0px 0px 6px; -webkit-border-radius: 0px 0px 0px 6px; -o-border-radius: 0px 0px 0px 6px;} .menu-customize .modal-dialog { width:100%; top: 50px;} .menu-customize .modal-body { padding:15px;} .menu-tabs .sectionLeft { display:none;} .menu-tabs .sectionRight { width:100%;} .menu-tabs .tab-content > .tab-pane { display:block; margin-bottom: 15px; background: #FFFFFF; padding: 15px;} .menu-tabs .tab-content { padding: 0;} .menu-tabs .tab-content .menu-head { margin-bottom:10px;} .menu-item { width:48%; margin-bottom: 10px;} .menu-item:nth-child(odd) { margin-right:14px;} .menu-item:nth-child(even) { margin-right: 0;} .menu-item .menu-info p { min-height:25px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .menu-tabs .tab-content .menu-head h4 { font-size:20px; margin-bottom:6px;} .menu-item.noimg-menu { width:100%; padding: 10px; margin-bottom: 10px; float: none; min-height: inherit!important;} .menu-item.noimg-menu:nth-child(even) { margin-right:0;} .menu-item.noimg-menu:nth-child(odd) { margin-right: 0;} .menu-item.noimg-menu .menu-info p { margin-bottom: 10px; min-height: auto; text-overflow: inherit; white-space: inherit; overflow: inherit;} .menu-item.noimg-menu .menu-info p .vegfood { vertical-align:middle; position: relative; top: -2px; margin-right: 6px;} .menu-item.noimg-menu .menu-info .menutext { min-height:inherit;} #home-footer-copy { padding: 10px 0; text-align:center;} #home-footer-copy p { margin: 0 0 10px 0;} #home-footer-copy ul { text-align:center;} #cart-empty { padding:35px 0;} .cart-empty-box { max-width: 300px;} #checkout-main { padding:25px 0;} .checkout-tabs .sectionLeft, .checkout-tabs .sectionRight { float:none; width:100%;} .checkout-tabs ul.nav-tabs { padding:10px; margin:0 0 10px 0;} .checkout-tabs ul.nav-tabs li { float:left; display:inline-block;} .checkout-tabs ul.nav-tabs li a { text-align:left; padding:0 10px 0 0; font-size: 22px; text-overflow: inherit; white-space: inherit; overflow: inherit; width: 50px; height: 40px; margin-right: 15px; padding: 4px; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .checkout-tabs ul.nav-tabs li a span { display:none;} .checkout-tabs ul.nav-tabs li a i { margin-left:0;} .checkout-tabs ul.nav-tabs>li.active>a, .checkout-tabs ul.nav-tabs>li.active>a:focus { background: #FFFFFF; color: #cb202d; border: 0px none;} .checkout-detailbox { padding:10px;} #home-footer-copy { display:none;} .i-chekoutInfo .i-fieldset.i-checkoutBtnContainer { position: fixed!important; top: inherit!important; left: 0!important; right: 0!important; bottom: 0; margin: 0 auto; padding: 0;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { /*padding: 10px 0 12px 0;*/ padding:0;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { background:#d6d6d6;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft .i-chkOrderAmt { padding-top:5px;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft .i-chkOrderAmt, .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft a { padding-left:10px;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight .x-btn-default-small.i-red-btn { display:block; /*padding: 20px 18px!important;*/ padding: 0!important; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft, .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight .x-btn-default-small.i-red-btn { height: 4em;} .i-discButton.x-btn-default-small { line-height:50px; width: 90%!important; height: 60px!important; margin:0!important;} #back-to-top, #back-to-top.show { display:none!important;} .i-coupon-rPanel .cd-panel-header, .i-coupon-rPanel .cd-panel-container { width:100%!important;} .i-coupon-rPanel .i-order-panel .coupons-list .couponapply.sml-btn { background:transparent; color: rgba(247, 78, 87, 1); padding: 8px 0; font-size: 15px;} .i-coupon-rPanel .i-chkout-textcoupon .i-coupon-text .x-form-text-field-body-default { min-width:100%;} .i-coupon-rPanel .i-chkout-textcoupon .x-btn-default-small.i-red-btn { float:right; min-width:auto;} } @media only screen and (min-width : 400px) and (max-width : 479px) {} @media only screen and (min-width : 320px) and (max-width : 400px) {} @media only screen and (min-width : 320px) and (max-width : 479px) { /*h1 { font-size:40px; font-weight:400;} h2 { font-size:28px; font-weight:600;} h3 { font-size:26px; font-weight:400;} h4 { font-size:22px; font-weight:400;} h1, h2, h3, h4{ margin: 0 0 15px 0;}*/ #home-header { padding:20px 0;} #home-header .header-menuimage { text-align: left; max-width: 100px; margin-bottom: 12px;} #home-header .header-details h3 { font-size:20px;} #home-header .header-details h3 strong { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 245px;} #home-header .header-details ul li.address { display:none;} #home-header .header-details ul li.note { display:none;} #home-header .header-details ul li.phone-stars span{ display:block; padding:0;} #home-header .header-details ul li.phone-stars.phone { display:none;} #home-header .header-menu ul { text-align:left;} #home-header .header-menu ul li { margin:0;} #home-header .header-menu ul li a { padding: 5px 10px; line-height: inherit; border: 2px solid #FFFFFF; display: inline-block; font-size: 14px; font-weight: 600; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #home-header .header-menu ul li a i { color:#FFFFFF;} #home-header .header-menu ul li a span { top:0;} #home-header .header-menu ul li a:hover, #home-header .header-menu ul li a:focus { color: #FFFFFF; outline: none; background: transparent!important;} #home-header .header-menu a.cart { top:10%;} #home-header .header-menu a.cart { width: 54px; height: 54px; line-height: 50px;} #home-header .header-menu a.cart i { font-size: 34px;} #home-aboutus { background: #f2f2f2;} #home-aboutus .col-lg-12{ padding:0;} .login-popup .modal-dialog { width:100%; top: 50px;} .login-popup .modal-content { padding: 15px;} .login-popup .modal-body h2 { font-size:22px; margin-bottom: 20px; text-align: left;} .login-popup .modal-body p { margin-bottom:10px;} .login-popup .modal-body .loginleft { width:100%; float:none; padding: 0 0 30px 0; margin: 0 0 10px 0; background: url(../images/divider-shadow-btm.png) no-repeat bottom center;} .login-popup .modal-body .socialleft { width:100%; float:none; padding: 0;} .login-popup .modal-body .socialleft a.social-btn { margin:0 0 10px 0;} .login-popup .modal-body .socialleft a.social-btn.google { margin:0;} .login-popup .modal-dialog .btn.closebtn { top:0; right:0; border-radius: 0px 0px 0px 6px; -moz-border-radius: 0px 0px 0px 6px; -webkit-border-radius: 0px 0px 0px 6px; -o-border-radius: 0px 0px 0px 6px;} .menu-customize .modal-dialog { width:100%; top: 50px;} .menu-customize .modal-body { padding:15px;} .menu-tabs .sectionLeft { display:none;} .menu-tabs .sectionRight { width:100%; left:0 !important;} .menu-tabs .tab-content > .tab-pane { display:block; margin-bottom: 15px; background: #FFFFFF; padding: 6px 15px;} .menu-tabs .tab-content { padding: 0;} .menu-tabs .tab-content .menu-head { margin-bottom:10px;} .menu-item { width:47%; margin-bottom: 10px;} .menu-item:nth-child(odd) { margin-right: 15px;} .menu-item:nth-child(even) { margin-right:0;} .menu-item .menu-info p { min-height:25px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .menu-tabs .tab-content .menu-head h4 { font-size:20px; margin-bottom:6px;} .menu-item.noimg-menu { width:100%; padding: 10px; margin-bottom: 10px; float: none; min-height: inherit!important;} .menu-item.noimg-menu:nth-child(even) { margin-right:0;} .menu-item.noimg-menu:nth-child(odd) { margin-right: 0;} .menu-item.noimg-menu .menu-info p { margin-bottom: 10px; min-height: auto; text-overflow: inherit; white-space: inherit; overflow: inherit;} .menu-item.noimg-menu .menu-info p .vegfood { vertical-align:middle; position: relative; top: -2px; margin-right: 6px;} .menu-item.noimg-menu .menu-info .menutext { min-height:inherit;} #home-footer-copy { display:none; padding: 10px 0; text-align:center;} #home-footer-copy p { margin: 0 0 10px 0;} #home-footer-copy ul { text-align:center;} #cart-empty { padding:35px 0;} .cart-empty-box { max-width: 300px;} #checkout-main { padding:25px 0;} .checkout-tabs .sectionLeft, .checkout-tabs .sectionRight { float:none; width:100%;} .checkout-tabs ul.nav-tabs { padding:10px; margin:0 0 10px 0;} .checkout-tabs ul.nav-tabs li { float:left; display:inline-block;} .checkout-tabs ul.nav-tabs li a { text-align:left; padding:0 10px 0 0; font-size: 22px; text-overflow: inherit; white-space: inherit; overflow: inherit; width: 50px; height: 40px; margin-right: 15px; padding: 4px; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .checkout-tabs ul.nav-tabs li a span { display:none;} .checkout-tabs ul.nav-tabs li a i { margin-left:0;} .checkout-tabs ul.nav-tabs>li.active>a, .checkout-tabs ul.nav-tabs>li.active>a:focus { background: #FFFFFF; color: #cb202d; border: 0px none;} .checkout-detailbox { padding:10px;} #home-footer-copy { display:none;} .i-chekoutInfo .i-fieldset.i-checkoutBtnContainer { position: fixed!important; top: inherit!important; left: 0!important; right: 0!important; bottom: 0; margin: 0 auto; padding: 0;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { /*padding: 10px 0 12px 0;*/ padding: 0;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft { background:#d6d6d6;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft .i-chkOrderAmt { padding-top:5px;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft .i-chkOrderAmt, .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft a { padding-left:10px;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight .x-btn-default-small.i-red-btn { display:block; /*padding: 20px 18px!important;*/ padding: 0!important; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important;} .i-chekoutInfo .i-fieldset .i-btnCheckoutContLeft, .i-chekoutInfo .i-fieldset .i-btnCheckoutContRight .x-btn-default-small.i-red-btn { height: 4em;} .i-discButton.x-btn-default-small { line-height:50px; width: 90%!important; height: 60px!important; margin:0!important;} #back-to-top, #back-to-top.show { display:none!important;} .i-coupon-rPanel .cd-panel-header, .i-coupon-rPanel .cd-panel-container { width:100%!important;} .i-coupon-rPanel .i-order-panel .coupons-list .couponapply.sml-btn { background:transparent; color: rgba(247, 78, 87, 1); padding: 8px 0; font-size: 15px;} .i-coupon-rPanel .i-chkout-textcoupon .i-coupon-text .x-form-text-field-body-default { min-width:100%;} .i-coupon-rPanel .i-chkout-textcoupon .x-btn-default-small.i-red-btn { float:right; min-width:auto;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon .i-couponBadge { width:8%; text-align: left; margin-right: 2%;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon input[type=button] { width:89%; padding-top: 2px;} } /********* start update **********************/ body.i-layout2 .i-cat-item-layout2 .i-category-list-view .i-category-panel-name.x-item-selected h4 { background:#e11329; color:#ffffff;} .i-menudesc { margin: 0; padding: 20px 0 1px 0;} .i-category-container .i-category-panel { margin-bottom: 10px;} .i-category-panel { padding: 5px 0!important;} .x-window-default { padding: 4px 4px 4px 4px; border-width: 1px; border-style: solid; background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .x-window.i-itemWindow .x-window-header .x-window-header-body { overflow: visible!important; height: 28px!important;} .x-window.i-itemWindow .x-window-body-default, .i-messageWindow .x-window-body-default { background: transparent !important; border: none !important;} .x-window.i-itemWindow .x-window-header-default-top, .x-window.i-itemWindow .x-window-header { border: none !important;} .x-window .x-window-header-default-top .x-window-header-text-default { color: #fff; font-style: normal; font-weight: bold; font-size: 18px; text-transform: uppercase; font-family: Arial,Helvetica,sans-serif;} .price-fldset { border: 0;} .x-window .x-form-radio { width: 19px; height: 19px; vertical-align: -4px; background-image: url(https://s3.amazonaws.com/imenusencha/resources/themes/images/default/form/icon_radial.png?v=1.0); } .x-panel-body-default { color: black;} .x-column { float: left;} .x-btn { display: inline-block; zoom: 1; position: relative; cursor: pointer; cursor: hand; white-space: nowrap; vertical-align: middle; background-repeat: no-repeat;} .x-panel-body { overflow: hidden; position: relative; font-size: 12px;} .x-box-inner { overflow: hidden; zoom: 1; position: relative; left: 0; top: 0;} .x-window.i-itemWindow .x-fieldset { padding: 10px 12px;} .x-window.i-itemWindow .x-fieldset { background: #f8f8f8; border-style: solid; border-color: #f8f8f8!important; border-width: 1px 1px 1px 1px; /*border: 1px dashed #e9e9eb!important;*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .x-fieldset { border: 1px solid #d1d1d1; padding: 0 10px; margin-bottom: 10px; display: block; overflow: hidden;} .i-addonHighlight { font-weight: bold!important;} #item_desc { margin-top: 10px; font-size: 14px; color: #7b7b7b !important;} #item_name { font-size: 2em; font-weight: bold; display: block;} #item_details_holder { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ddd;} .i-fieldcontainer { width:50%; float:left;} .x-toolbar.x-toolbar-default { background: #efefef; border-color: #e2e2e2;} .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { right: 16px!important; left: auto!important;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { padding: 15px 12px; text-align:center; display: inline-block; *display: inline; text-decoration: none; /*background: rgba(203, 32, 45, 1);*/ border:0px none; outline:0px none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn.i-blue-btn.x-btn-focus { outline:0px none;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn-focus { box-shadow:none; -webkit-box-shadow:none;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn.i-blue-btn .x-btn-inner-default-toolbar-small { font-weight: 400; font-size:14px; color:#FFFFFF;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-button { /*right: 16px!important; left: auto!important;*/} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-button { padding: 8px 12px; text-align:center; display: inline-block; *display: inline; text-decoration: none; background: rgba(51, 55, 61, 1); border:0px none; outline:0px none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-button.x-btn-focus { outline:0px none;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn-focus { box-shadow:none; -webkit-box-shadow:none;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-button .x-btn-inner-default-toolbar-small { font-weight: 400; font-size:14px; color:#FFFFFF;} /*.i-order-panel .x-btn.i-blue-btn.chkoutbtn { font-family: 'OpenSans'; font-weight: 300; font-size:17px; padding: 8px 40px; text-align:center; display: inline-block; *display: inline; text-decoration: none; background: rgba(203, 32, 45, 1); color:#FFFFFF; border:0px none; outline:0px none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .i-order-panel .x-btn.i-blue-btn.i-big-blue-button.chkoutbtn .x-btn-inner { font-size:17px; line-height: 22px; font-weight: 300; padding:0;} .i-order-panel .x-btn-over.i-blue-btn.chkoutbtn { background: rgba(203, 32, 45, 0.8); text-decoration:none; color:#FFFFFF;} */ .x-window.i-itemWindow .x-fieldset.i-AddOnRequiredBlock { background: #f1f1f1!important; position: relative; overflow: visible; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;*/} .x-window.i-itemWindow .x-fieldset.i-AddOnRequiredBlock:before { position: absolute; width: 25px; height: 25px; content: ""; top: -1px; left: -16px; background: url(https://s3.amazonaws.com/imenusencha/resources/themes/images/default/miscellaneous/AddOnFlag.svg) left center no-repeat!important;} .x-window.i-itemWindow .i-AddOnRequiredBlock { background: #f1f1f1!important; position: relative; overflow: visible; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;*/} .x-window.i-itemWindow .i-AddOnRequiredBlock:before { position: absolute; width: 25px; height: 25px; content: ""; top: -1px; left: -16px; background: url(https://s3.amazonaws.com/imenusencha/resources/themes/images/default/miscellaneous/AddOnFlag.svg) left center no-repeat!important;} .x-window.i-itemWindow .i-optionList.i-AddOnRequiredBlock { background: #f1f1f1!important; position: relative; overflow: visible; border: 0px none; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;*/} .x-window.i-itemWindow .i-optionList.i-AddOnRequiredBlock:before { position: absolute; width: 25px; height: 25px; content: ""; top: -1px; left: -16px; background: url(https://s3.amazonaws.com/imenusencha/resources/themes/images/default/miscellaneous/AddOnFlag.svg) left center no-repeat!important;} .x-window.i-itemWindow .i-optionList { background: #FFFFFFF; border: 1px solid #cacaca; padding: 10px 12px; margin: 0 0 10px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; } .x-window .x-fieldset h4 .add-on-reqd { font-size: 12px;} .x-window .x-fieldset h4 .add-on-reqd { color: #ea0101;} .x-window .x-fieldset h4 small { display: block; font-size: 12px; text-transform: none;} .x-window .x-fieldset h4 small { color: #777; font-size: 13px!important; padding: 5px 0; font-weight: 600; display: block;} #instructions_fieldcontainer {} #instructions_fieldcontainer .instructions_fieldcontainer-splinst { width:100%;} #instructions_fieldcontainer .instructions_fieldcontainer-splinst #splInst { width:100%!important;} #instructions_fieldcontainer .instructions_fieldcontainer-splinst #splInst div, #instructions_fieldcontainer .instructions_fieldcontainer-name #splInst div { width: 100%!important;} .instructions { width: 100%!important; padding-top: 5px; /*width: 50%!important; float: left;*/ font-size: 1.2em; display:block;} #splInst, #splInst div, #name, #name div { width: 99%!important;} .x-form-item-body { float: left; display: block; max-width: 100%!important;} .x-window.i-itemWindow .x-fieldset { background: 0 0!important; border-color: #cacaca!important;} .x-window.i-itemWindow h1, .x-panel.i-order-panel h1 { color: #222; font-style: normal; font-weight: 400; font-size: 20px; text-transform: none; line-height: 26px; margin-bottom: 10px;} .x-window.i-itemWindow .x-fieldset .i-PortionWindow { margin-bottom:0px;} .x-window.i-itemWindow .x-fieldset .i-PortionWindow .x-form-cb-label-default.x-form-cb-label-after { font-size: 14px; font-weight: 600; padding-left: 25px;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest .i-fieldcontainer { width:50%; float:left; left: auto!important; position: relative!important; margin-bottom:0px;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest .i-fieldcontainer .addonoptionwidth { margin-bottom:0px;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest .i-fieldcontainer .x-form-cb-label-default.x-form-cb-label-after { font-size:14px;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest h4{ font-size: 21px; margin-bottom: 15px;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest h4 small{ padding: 10px 0 0 0; color: #585858; font-weight: 600;} .x-window-header-title-default > .x-title-text-default:after { display:none;} .x-window.i-itemWindow .x-window-header-title-default { color:#FFFFFF;} .x-window.i-itemWindow .x-window-header-title-default > .x-title-text-default:after { display:none;} .x-window.i-itemWindow .x-window-header-default .x-tool-focus { outline:0px none; outline-offset:0px;} .x-window.i-itemWindow .i-price-fldset-maincont { border: 1px dashed #a7a7a7!important; padding: 10px 12px; margin: 0 0 15px 0;} .x-window.i-itemWindow .i-price-fldset-maincont .x-fieldset { border: 0px none!important; padding: 0; margin:0; width:75%; float:left; height:auto!important;} .x-window.i-itemWindow .i-price-fldset-maincont .x-fieldset .x-fieldset-body { height:auto!important;} /*.i-qty-select-cont { float: right; left:auto!important; right: 0!important; position: relative!important; top: 0;}*/ .i-qty-select-cont { float: left; left:0!important; right: auto!important; position: relative!important; top: 0;} .i-qty-select .x-btn { min-width: inherit!important; height:32px!important; width: 32px!important; margin: 0 3px!important; text-decoration:none; /*background: #cb202d!important;*/ border-color: #ab1a25; padding:0!important;} .i-qty-select .x-btn.x-btn-default-small em button { padding: 5px 6px!important;} .i-qty-select .x-btn .x-btn-center .x-btn-inner { font-size: 16px; font-weight: 700; margin: 0!important; text-align: center; line-height: 15px!important; padding: 0!important;} .i-qty-select .x-form-text { height: 30px!important; width: 30px; padding:0; text-align: center;} .i-QuantityBox { width: 32px!important;} .i-QuantityBox .x-form-trigger-wrap-default { height: 32px!important;} .i-QuantityBox .x-form-trigger-wrap-default .x-form-text-default { height: 30px!important; padding: 0 6px; font-size: 13px;} .i-QuantityBox .x-form-text-field-body-default { min-width:100%;} .x-window.i-itemWindow .price-fldset #item_name { font-size: 20px; font-weight:normal;} .x-window.i-itemWindow .price-fldset #item_name h1 { line-height: 20px; margin-bottom: 6px; color: #000000;} .x-window.i-itemWindow .price-fldset #item_name .i-login-window-close { font-size:18px; color:#000000; margin-top: -5px;} .x-window.i-itemWindow .i-QtyOuterCont { margin-bottom: 10px;} .x-window.i-itemWindow .i-QtyOuterCont .i-AddItemDescCont { float:left; width:80%;} .x-window.i-itemWindow .i-QtyOuterCont .i-AddItemDescCont #item_details_holder{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0px none;} .x-window.i-itemWindow .i-QtyOuterCont ..i-qty-select-cont { width:20%;} .x-window.i-itemWindow.i-itemwindow-closefix .x-window-header-default-top { background: transparent!important; padding: 0 15px;} .x-window.i-itemWindow.i-itemwindow-closefix .x-window-body-default { top:0!important;} .x-window.i-itemWindow.i-itemwindow-closefix .x-window-header-title-default { display:none;} .x-window.i-itemWindow.i-itemwindow-closefix .x-window-header-default-top .x-tool-after-title {/* position:fixed!important; left: auto!important; top:0px!important; right:0px!important;*/ z-index:9999!important; margin: 10px 0 0 0!important;} .x-window.i-itemWindow.i-itemwindow-closefix .x-window-header-default-top .x-tool-after-title .x-tool-close { font-size:18px; color:#000000; float: right;} .x-window.i-itemWindow.i-itemwindow-closefix .x-window-header-default-top .x-tool-after-title .x-tool-close:before { font-family: food-ordering; content: '\e814';} .x-window.i-itemWindow .x-fieldset.i-AddOnRequiredBlock, .x-window.i-itemWindow .i-price-fldset-maincont.i-AddOnRequiredBlock { border:0px none!important;} .x-window.i-itemWindow .i-price-fldset-maincont.i-AddOnRequiredBlock { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .x-window.i-itemWindow .i-price-fldset-maincont label.i-portionlbl, .x-window.i-itemWindow .x-fieldset h4 { font-size:17px; font-weight:600; color:#000000; font-family: 'OpenSans';} .x-window.i-itemWindow .x-fieldset h4 { margin-bottom:10px;} .x-window.i-itemWindow .x-fieldset h4 small { padding-bottom:0;} .x-window.i-itemWindow .i-fieldset-container h4 { font-size:17px; font-weight:600; color:#000000; font-family: 'OpenSans';} .x-window.i-itemWindow .i-fieldset-container h4 { margin-bottom:10px;} .x-window.i-itemWindow .i-fieldset-container h4 small { padding-bottom:0;} .x-window.i-itemWindow .i-fieldset-container h4 small { color: #777; font-size: 13px!important; padding: 5px 0; font-weight: 600; display: block; text-transform: none;} .x-window.i-itemWindow .i-fieldset-container h4 .add-on-reqd { color: #ea0101; font-size: 12px;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer { float:none; margin-bottom:10px; width:100%;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer.fieldcontain { float:left; width:50%;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .addonoption_inner{ float:left;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .addonoption_innerddl{float:left;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .addonoptionwidth { margin:2px 0 0 0;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer label.AddOnOptionCheckboxLbl{ padding-left:10px; margin: 0; font-size: 14px; vertical-align: top;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .addonoptionwidth .x-form-checkbox { margin-top: 1px;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .addonoptionwidth .x-form-radio { margin-top: 1px;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .addonoptionwidth .x-form-cb-label-default.x-form-cb-label-after { margin: 0; font-size:14px;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo { float: left; margin-bottom: 0; margin-left: 6px; min-height: inherit; min-width: 60px; width: 30px; height: 20px !important; font-size: 14px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo .x-form-trigger-wrap-default { height: 18px!important;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo .x-form-trigger-wrap-default .x-form-text-default{ height: 22px!important;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo .x-form-trigger-default { font: 16px/22px FontAwesome; width: 18px;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo .x-form-item-body-default { min-height: inherit; min-width: 60px;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo option { background: #FFFFFF; color: #000000;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer .i-modifierCombo option:focus { background: #ff4455; color: #FFFFFF;} .x-window.i-itemWindow.x-window-default { border-color:#cb202d; border:0px none!important; border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; -o-border-radius: 6px!important;} /*.x-window .x-window-header-default-top, .x-mask-msg, .x-window.i-itemWindow .x-window-header { background: #cb202d!important;}*/ .x-window .x-window-header-default-top { padding: 10px 15px; line-height: 44px;} .x-window .x-window-header-default-top .x-box-inner { height:auto;} .x-window.i-itemWindow.x-window-default .x-toolbar.x-toolbar-default { background: transparent; border-top: 1px solid #dddddd!important;} .x-window-header-default .x-tool-img { background: transparent!important; width: 28px; height: 28px; line-height:26px; font-size: 15px; font-weight: 400; border: 2px solid #FFFFFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;} .x-window.i-itemWindow .x-window-header-default-top .x-tool-after-title .x-tool-img{ border: 0px none; font-size: 20px;} .x-window .x-form-cb-checked .x-form-radio, .x-window .x-form-cb-checked.x-form-cb-focus { background-position: 0 -24px;} .x-window .x-form-radio { width: 19px !important; height: 19px !important; vertical-align: -4px; background-image: url(https://s3.amazonaws.com/imenusencha/resources/themes/images/default/form/icon_radial.png?v=1.0);} .x-window .x-form-radio-default:before, .x-window .x-form-cb-checked .x-form-radio-default:before { display:none;} .x-window .x-form-checkbox-default:before, .x-window .x-form-cb-checked .x-form-checkbox-default:before { display:none;} .x-window .addonoptionwidth .x-form-field { vertical-align: bottom;} .x-window .x-form-cb-checked .x-form-checkbox { background-position: 0 -23px;} .x-window .x-form-checkbox { background: url(https://s3.amazonaws.com/imenusencha/resources/themes/images/default/form/icon_option.png) no-repeat;} .x-window .x-form-checkbox, .x-window .x-form-radio { float: none; overflow: hidden; padding: 0; border: 0;} /********* 6 sept **********************/ .x-panel.i-order-panel .x-panel-body {padding: 0;} .x-panel.i-order-panel > .x-panel-body-default { width:100%!important;} .i-orderMessage { text-align: center; line-height: 25px; padding:0 20px 15px;} .i-orderMessage.i-almostdone-ordermessage { padding: 18px 0;} .i-orderPlaced { background:#414141; color:#fff;} .i-orderMessage.i-almostdone-ordermessage .x-container { padding: 0 0 15px 0;} .i-orderMessage.i-almostdone-ordermessage .x-btn.i-blue-btn.chkoutbtn { width: 80% !Important; float: none;} .x-btn.i-blue-btn.i-big-blue-button .x-btn-inner { font-size: 15px;} .i-discButton { width:180px !important; height:102px !important; overflow:hidden; white-space:normal !important;} .i-discButton.x-btn em, .i-discButton.x-btn em button { height:105px !important; width:100% !important;} .i-TotalPriceDetail .i-price-list-item:first-child { border-top: 1px solid #ededed;} .i-TotalPriceDetail .i-price-list-item:last-child { border-bottom:0px none;} .i-edit-item-view .i-price-list-item { padding:10px; font-weight: 600;} .i-price-list-item { padding: 7px 0; border-bottom: 1px solid #ededed; overflow: auto; font-weight: 400;} .i-price-list-item .i-item-name, .i-category-item-view .i-price-list-item.i-title .i-item-name { float: left; max-width: 68%;} .i-price-list-item .i-item-price { float: right; max-width: 30%; text-align: right; padding-right: 2px; color: #cb202d;} .i-price-list-item .i-item-name .i-disc-maxcap { text-align:left;} .i-price-list-item .total, .i-netAmount { font-weight: bold; font-size:14px;} .i-price-list-item .i-item-name small { color:#757575;} .i-subTotal, .i-netTotal, .i-title { padding:5px;} .i-title { font-size:13px;} .i-subTotal { padding: 10px 0; font-size: 15px; font-weight: 600;} .i-netTotal { font-weight: 400; margin: 6px 0; background: #ededed; color: #282c3f; padding: 8px 10px; line-height: 24px; border:0px none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .i-netTotal .i-item-price { display: inline-block; text-align: right; float: right; color: #282c3f; font-size: 22px; max-width: inherit;} .i-float-left { float: left;} .i-float-right { float: right;} a:focus { outline:none; text-decoration:none; outline-offset: 0px;} .i-orderticket-links { padding: 0; font-size: 13px; clear: both;} .i-orderticket-links .i-blue-link { background: #282828; color: #fff; font-style: normal; font-weight: 600; font-size: 12px; padding: 13px 8px; min-width: 65px; text-align: center; display: inline-block; text-decoration:none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .i-order-panel .i-orderticket-chkcontBtm { padding:10px 0 0 0;} .i-order-panel .i-orderticket-chkcontBtm .i-order-title{ width: 25%;} .i-order-panel .i-orderticket-chkcontBtm .i-order-title.i-float-left { text-align: left; padding-bottom:0; display:none;} .i-order-panel .i-orderticket-chkcontBtm .i-order-title.i-float-right { text-align: right; padding-bottom:0; display:none;} .i-order-panel .i-orderticket-chkcontBtm .i-checkOutCartBtn { width: 100%; float: left; text-align: center;} .i-order-panel .i-orderticket-chkcontBtm .i-checkOutCartBtn .x-btn.i-blue-btn.chkoutbtn { display:block;} .i-order-panel .i-orderticket-chkcontBtm .x-btn.i-blue-btn { right:0!important;} .x-btn-default-small { border:0px none!important; padding: 10px 18px!important; margin: 0!important; min-width: 125px; text-align: center; text-decoration: none; /*background: #cb202d!important;*/ border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; -o-border-radius: 4px!important;} .x-btn-default-small .x-btn-inner-default-small { font-weight: 600; font-size: 14px; color: #FFFFFF;} .x-btn-over.x-btn-default-small { border:0px none!important; text-decoration:none!important; /*background: #b81e29!important;*/} .x-btn-focus.x-btn-over.x-btn-default-small { box-shadow:none!important; -webkit-box-shadow:none!important;} .x-btn-focus.x-btn-default-small { outline:none; box-shadow:none!important; -webkit-box-shadow:none!important;} .x-btn-default-small.i-red-btn { /*background: #cb202d!important;*/} .x-btn-default-small.i-blck-btn { background: #fd4f57!important;} .x-btn-over.x-btn-default-small.i-red-btn { /*background: #b81e29!important;*/} .i-blue-link.editSplInst { text-decoration:underline; color: #cb202d;} .i-order-panel .i-orderMessage { font-weight: 400; font-size: 18px; color: #6a6c76; display:block; border-bottom: 1px solid #ededed; margin-bottom: 12px; padding: 0 12px 12px 12px;} .i-order-panel .x-toolbar.x-toolbar-default.x-docked-bottom { background: transparent!important; border:0px none!important; padding:0;} .i-order-panel .x-toolbar.x-toolbar-default.x-docked-bottom .i-orderticket-chkcontBtm { width:100%!important;} .i-address-panel.i-address-panel-delivery .i-orderticket-links { padding: 6px 6px 0 0; display: inline-block;} .i-address-panel.i-address-panel-delivery .i-orderticket-links .i-blue-link { padding: 8px 10px; min-width: 75px;} /*.i-order-panel .i-category-item-view { overflow:auto;}*/ .i-order-panel .i-order-title{ padding-bottom:5px;} .i-order-panel .i-orderTimer { font-weight: 400; font-size: 14px;} .i-order-panel .i-orderTimer span{ margin-left: 25px; padding:0 10px; background: #790000; width: 100px; color: #FFFFFF; font-weight: bold;} .i-order-panel .i-orderTimer span.open{ background: #008000;} .i-order-panel .i-category-item-view .i-price-list-item{ padding: 5px; text-align: left; background: #ededed; margin-bottom: 2px; font-weight: 600; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .i-order-panel .i-category-item-view .i-price-list-item.i-Subcon { background:transparent;} .i-order-panel .i-category-item-view .i-price-list-item.i-Subcon:last-child { border-bottom:0px none;} .i-order-panel .i-category-item-view .i-price-list-item:last-child { border-bottom:0px none;} .i-order-panel .i-category-item-view .i-price-list-item .i-cart-item-name { float: left; width: 50%; text-overflow: inherit; white-space: inherit; overflow:hidden;} .i-order-panel .i-category-item-view .i-price-list-item .i-cart-item-name .i-itemEditIcon i { cursor:pointer; color: #f74e57;} .i-category-item-view .i-price-list-item .i-cart-item-name { float: left; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .i-order-panel .x-btn.i-blue-btn.chkoutbtn { font-family: 'OpenSans'; font-weight: 300; font-size:17px; padding: 8px 40px; text-align:center; display: inline-block; *display: inline; text-decoration: none; background: rgba(203, 32, 45, 1); color:#FFFFFF; border:0px none; outline:0px none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .i-order-panel .x-btn.i-blue-btn.i-big-blue-button.chkoutbtn .x-btn-inner { font-size:17px; line-height: 22px; font-weight: 300; padding:0;} .i-order-panel .x-btn-over.i-blue-btn.chkoutbtn { background: rgba(203, 32, 45, 0.8); text-decoration:none; color:#FFFFFF;} .i-messageWindow { border:0px none!important; border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; -o-border-radius: 4px!important;} .i-messageWindow .x-window-header { border:0px none!important;} .cd-panel-content { overflow: inherit!important;} .x-form-cb-label-default.x-form-cb-label-after { padding-left:30px!important; margin-top:8px; font-weight: 400; font-size: 15px; color: #33373d;} .x-form-cb-checked .x-form-cb-label-default.x-form-cb-label-after { color: #cb202d;} .i-login-window .x-form-cb-checked .x-form-cb-label-default.x-form-cb-label-after { color: #33373d; margin:0;} .i-login-window .x-form-cb-checked .x-form-checkbox { margin-top:0;} .x-form-radio-default { text-align: center;/* width: 16px; height: 16px;*/} /*.x-form-cb-checked .x-form-radio-default:before { background: url(resources/images/radio.png) no-repeat;} .x-form-radio-default:before { background: url(resources/images/radio.png) no-repeat;} */ .x-form-trigger-wrap-default { background: #FFFFFF; height: 36px!important; border: 1px solid #ccc!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);} .x-form-trigger-wrap-default .x-form-text-default { background:transparent; min-height: inherit; height: 34px!important; padding: 2px 5px; font-size: 14px; color: #000000!important; opacity: 1!important;} /*20200711 Prashant update above class .x-form-trigger-wrap-default .x-form-text-default - set padding:2px 5px; to 2px 10px;*/ .x-form-trigger-wrap-default .x-form-trigger-default { background:transparent; vertical-align: middle;} /*.i-fieldset .x-form-text-field-body-default { min-width: 100%; width:100%;}*/ /*.i-fieldset .addonoptionwidth.x-form-item { width:25%; margin:0 12px 0 0; float: left;}*/ .i-fieldset .addonoptionwidth.x-form-item { width:25%; float: left;} /*20200520 Prashant remove margin confirm with Sujit*/ .i-fieldset .x-field.x-form-item { width:25%; margin:0 12px 0 0; float: left;} .i-fieldset.i-paymentList .x-field.x-form-item { width:40%;} .i-fieldset .x-form-fieldcontainer.i-expirydate-container { width: 25%; margin: 0 12px 0 0; float: left;} .i-fieldset .x-form-text-field-body-default { min-width: 100%;} .i-fieldset { padding: 15px; margin-bottom: 15px; border: 1px dashed #e9e9eb;} .i-fieldset h1 { font-size: 16px; color: #33373d; font-weight: 600; margin: 0 0 14px 0;} .i-fieldset h1 .add-on-reqd { color: #f40000; font-size: 12px; vertical-align: middle;} .i-checkOne-topContainer .x-box-item+.x-box-item .i-address-panel { min-height: 0;} .i-address-panel { padding: 15px; width: 35%; min-height: auto!important; float:left;} .i-address-panel.i-address-panel-delivery { min-height: 200px!important; margin-right: 25px!important; padding: 20px 30px 15px 55px; position: relative; cursor: pointer;} .i-address-panel.i-address-panel-delivery i { position: absolute; left: 18px; font-size: 22px; top: 20px; color: #cb202d;} .i-address-panel .i-address-panel-inner { font-size:15px; font-weight:400;} .i-address-panel .i-address-panel-inner .i-orderticket-links .i-blue-link { margin:0 6px 6px 0;} .i-address-panel.i-address-panel-delivery:hover { box-shadow: 0 2px 8px #d4d5d9; -moz-box-shadow: 0 2px 8px #d4d5d9; -webkit-box-shadow: 0 2px 8px #d4d5d9;} .i-address-panel.i-address-panel-delivery span.i-orderticket-links { display:block;} .i-address-panel.i-address-panel-delivery span.i-address-panel-addnewaddress{ display:block; font-size: 16px; color: #cb202d; font-weight:400;} .i-address-panel.i-address-panel-delivery .i-orderticket-links .i-blue-link.i-new-address { background:#cb202e; font-size: 14px; font-weight: 600; padding: 8px 18px; min-width: 125px; text-transform: inherit;} .i-fieldset .i-address-panel .x-field.x-form-item { float:none; width:100%; margin:12px 0 0 0;} .i-fieldset .i-address-panel .x-form-text-default { font-size:20px; color: #555; font-weight:400;} .i-fieldset .i-payoptdetails-box .x-form-item-label-default.x-form-item-label-top { font-size: 14px; color: #404040; font-weight: 400;} .i-fieldset .i-payoptdetails-box .x-form-item-label-default.x-form-item-label-top a.cvv { color: #404040; text-decoration:none;} .i-tip-container { float:left; width: 40%;} .i-tip-container a.i-blue-link { background: #676767; font-size: 14px; font-weight: 600; padding: 8px 14px 9px 14px; margin-right: 5px; color: #FFFFFF; display: inline-block; text-decoration: none; text-align: center; min-width: 60px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .i-tip-container a.i-blue-link.active { background: #292929;} .i-payoptdetails-box, .i-payInfo { padding: 15px!important; border: 1px dashed #e9e9eb!important; margin: 8px 0 0 0;} .i-serAddSch, .i-address-panel { line-height: 20px; border: 0; /*padding: 5px 8px;*/ margin: 0 5px 0 0; min-height: 113px; position: relative; border: 1px dashed #e9e9eb;} .i-contact-phone { font-size: 14px; font-weight: 600;} /*i-login-window css*/ .i-login-window { /*padding: 20px 30px!important;*/ border:0px none!important; border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; -o-border-radius: 6px!important; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important; box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important;} .i-login-window .x-window-body { overflow-x:hidden!important; padding: 20px 30px;} .i-login-window .i-loginWrapper { margin: 0!important;} .i-login-window .i-loginCol2Cont { margin: 0 0 10px 0;} .i-login-window .i-loginCol2Cont .x-field.x-form-item.i-rememberme{ width: 50%!important; float:left; margin: 0;} .i-login-window .i-loginCol2Cont .x-field.x-form-item.i-rememberme .x-form-cb-default { margin:0;} .i-login-window .i-loginCol2Cont .x-field.x-form-item.i-rememberme .x-form-cb-label-default.x-form-cb-label-after { margin:0;} .i-login-window .i-loginCol2Cont .i-resetPwdCont { width: 100%!important; text-align: center; padding: 12px 0;} .i-login-window .i-rightRegisCont .i-resetPwdCont { width: 100%!important; text-align: right; padding: 12px 0 18px 0;} .i-login-window .i-rightRegisCont .i-resetPwdCont .forgot-link { display: block; padding: 0;} .i-login-window .i-rightRegisCont .i-resetPwdCont .forgot-link a { border-bottom: 1px dotted #0b2135; color: #0b2135; font-size: 15px; font-weight: 400; text-decoration: none;} .i-leftLoginCont { width: 100%!important;} .i-rightRegisCont { width: 100%!important; } .i-login-window .x-field.x-form-item { width:100%; margin-bottom: 15px;} .i-login-window .x-form-text-field-body-default { min-width:100%;} .i-login-window .x-form-trigger-wrap-default { border: 2px solid #ccc!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;} .i-login-window .x-btn-default-small.i-signin { border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important;} .i-login-window .x-form-trigger-wrap-default .x-form-text-default { height: 44px!important;} .i-rightRegisCont .i-fbLoginBtn-container { padding: 0 0 15px 0!important;} .i-leftLoginCont .i-RegPanelBtn, .i-rightRegisCont .i-RegPanelBtn { font-family: 'OpenSans'; font-weight: 600; font-size: 15px; padding: 14px 18px; color: #FFFFFF; display: block; text-decoration: none; text-align:center; position:relative; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;} .i-rightRegisCont .i-RegPanelBtn i{ margin-right: 10px; position: absolute; left: 20px;} .i-rightRegisCont .i-RegPanelBtn [class^="icon-"]:before, .i-rightRegisCont .i-RegPanelBtn [class*=" icon-"]:before{ margin:0; } .i-rightRegisCont .i-RegPanelBtn.i-fbLoginBtn { background: #4a6ca6!important;} /*.i-rightRegisCont .i-RegPanelBtn.i-GoogleLoginBtn { background: #e66248!important;}*/ .i-rightRegisCont .i-RegPanelBtn.i-GoogleLoginBtn { background-color: #ffffff!important; border: 1px solid #e9e9e9!important; color: #0b2135!important;} .i-rightRegisCont .i-RegPanelBtn span.i-gplus { margin-right: 10px; position: absolute; left: 18px; top: 12px;} .i-rightRegisCont .i-RegPanelBtn span.i-gplus img { max-height: 15px; display: inline-block; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; /*-webkit-transform: translate3d(0,0,0);*/} .i-login-window .i-login-window-close{ right: 25px!important; left: auto!important; top: 15px!important; color: #cb202d; font-size: 18px;} .i-login-window .i-login-panel-social-heading { font-size: 15px; margin: 10px 0; font-weight: 600; display: block; text-align: center;} .i-login-window .i-signupCont p.no-account{ margin: 5px 0 22px 0; text-align: center; font-size:15px; font-weight: 600;} .i-login-window .i-signupCont p.no-account a { border-bottom: 1px dotted #cb202d; color: #cb202d; text-decoration:none; display:block; padding: 10px 18px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;} .i-login-window .i-FacebookCont, .i-login-window .i-googleCont { width:48%; float:left; position:relative!important; left:0!important;} .i-login-window .i-FacebookCont { margin-right:5px!important;} .i-login-window .i-googleCont { margin-left:5px!important; float: right;} .i-login-window .i-FacebookCont .x-autocontainer-outerCt, .i-login-window .i-FacebookCont .x-autocontainer-innerCt { display:block;} .i-login-window .i-googleCont .x-autocontainer-outerCt, .i-login-window .i-googleCont .x-autocontainer-innerCt { display:block;} /*.x-window.i-itemWindow.i-login-newuser-window .x-window-header-default-top, .x-window.i-itemWindow.i-login-newuser-window .x-window-header { background:transparent!important;} .x-window.i-itemWindow.i-login-newuser-window .x-window-header .x-window-header-title { display:none;}*/ /*i-contactus-window css*/ .i-contactus-window { /*padding: 20px 30px!important;*/ border:0px none!important; border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; -o-border-radius: 6px!important; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important; box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important;} .i-contactus-window .x-window-body { overflow-x:hidden!important; padding: 20px 25px;} .about-contactusbtn { background: #fd4f57; color:#FFFFFF; display: inline-block; font-size: 14px; font-weight: 600; text-decoration: none; float: left; padding: 10px 14px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .about-contactusbtn:focus, .about-contactusbtn:hover { text-decoration:none; color:#FFFFFF;} .i-contactus-window .i-contactus-header { font-size: 21px; font-weight: 600; color: #000000; position: relative; padding-bottom: 15px; margin-bottom: 15px;} .i-contactus-window .i-contactus-header:before { content: ''; position: absolute; left: 0; bottom: 0px; width: 26px; height: 2px; background: #fd4f57;} .i-contactus-window .i-contactus-note { font-size: 13px; font-weight: 600; margin-bottom: 15px;} .i-contactus-window .i-contactus-window-close { /*right: 25px!important;*/ right: 0!important; left: auto!important; /*top: 15px!important;*/ top: 0!important; color: #fd4f57!important; font-size: 18px;} .i-contactus-window .i-contactus-window-close i.icon-cancel:before { margin:0;} .i-contactus-window .i-contactus-form .i-contactus-col1 { float: left; width: 48%!important;} .i-contactus-window .i-contactus-form .i-contactus-col2 { float: right; width: 48%!important;} .i-contactus-window .i-contactus-form .x-form-item { /*float: left; margin: 0 2% 0 0;*/ width: 100%; margin: 0;} .i-contactus-window .i-contactus-form .x-form-item .x-form-item-body { min-width: 100%; margin-bottom: 15px;} .i-contactus-window .i-contactus-form .x-form-item .x-form-item-label { min-height: 28px;} .i-contactus-window .i-contactus-form .x-form-item .x-form-item-label-inner { padding: 0;} .i-contactus-window .x-docked-bottom { padding:10px 25px; background: transparent; border: 0px none;} .i-contactus-window .x-docked-bottom .x-btn.i-button { width: 48%; padding: 14px 18px!important; position: initial!important; text-decoration: none; border: 0px none; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important;} .i-contactus-window .x-docked-bottom .x-btn.i-button.x-btn-focus.x-btn-over.x-btn-default-toolbar-small { border:0px none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .i-contactus-window .x-docked-bottom .x-btn.i-button.x-btn-focus.x-btn-default-toolbar-small { border:0px none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .i-contactus-window .x-docked-bottom .x-btn.i-button .x-btn-inner-default-toolbar-small { font-size:15px; font-weight: 600; line-height: normal; color: #FFFFFF;} .i-contactus-window .x-docked-bottom .x-btn.i-button.i-contact-submitbtn { float: left; background: #fd4f57!important;} .i-contactus-window .x-docked-bottom .x-btn.i-button.i-contact-cancelbtn { float: right; background: #0b2135!important;} .i-contactus-window .i-contactus-header .x-autocontainer-outerCt, .i-contactus-window .i-contactus-header .x-autocontainer-innerCt { display:block;} /*i-login-newuser-window css*/ .i-login-newuser-window.i-ExtraLogin .i-register-panel-heading { padding: 20px 15px 0 15px;} .i-login-newuser-window.i-ExtraLogin .i-fbregister-panel { padding: 0 15px;} .i-login-newuser-window.i-ExtraLogin .i-fbregister-panel .x-form-trigger-wrap-default { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;} .i-login-newuser-window.i-ExtraLogin .i-fbregister-panel .x-form-trigger-wrap-default .x-form-text-default { height: 44px!important;} .i-login-newuser-window.i-ExtraLogin .i-fbregister-panel .x-toolbar-footer .x-btn-default-small { width: 100%; display: block; left: 0!important; padding: 14px 18px!important; margin: 0!important; border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius:0px!important; -o-border-radius: 0px!important;} .i-login-newuser-window .i-register-panel-heading { padding: 25px 15px 0 15px; margin-bottom: 15px;} .i-login-newuser-window .i-register-panel-heading span { font-size: 14px; position:relative; padding-bottom: 15px; display: block;} .i-login-newuser-window .i-register-panel-heading span:before { content: ''; position: absolute; left: 0; bottom: 0px; width: 26px; height: 2px; background: #fd4f57;} .i-login-newuser-window .i-register-panel-heading span strong{ font-size: 21px; font-weight: 600; color: #000000;} .i-login-newuser-window .i-register-panel-heading span a{ text-decoration:none; color: #fd4f57;} .i-login-newuser-window .i-register-panel .x-form-trigger-wrap-default .x-form-text-default { height: 44px!important;} .i-login-newuser-window .i-register-panel .x-form-trigger-wrap-default { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;} .i-login-newuser-window.i-forgetPwd-window .x-btn-default-small.i-signin { border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important;} .i-login-newuser-window.i-forgetPwd-window .x-form-trigger-wrap-default .x-form-text-default { height: 44px!important;} .i-login-newuser-window.i-forgetPwd-window .x-form-trigger-wrap-default { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;} .i-login-newuser-window .i-register-panel .i-registerBottom .x-btn-default-small.i-signin { -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; -ms-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important;} .i-login-newuser-window .i-register-panel-heading .i-login-window-close { right: 15px!important; left: auto!important; top: 10px!important; color: #fd4f57!important; font-size: 18px;} .i-login-newuser-window .i-register-panel-heading .i-login-window-close .icon-cancel:before { margin:0;} .i-login-window .i-login-panel-heading { margin: 0 0 20px 0; padding-bottom: 15px; font-size: 21px; font-weight: 600; color: #000000!important; position:relative;} .i-login-window .i-login-panel-heading:before { content:''; position:absolute; right: 0; left: 0; bottom: 0px; width: 26px; margin: 0 auto; height: 2px; background: #fd4f57!important;} .i-login-window .i-login-panel-heading span { text-align: center; width: 100%; display: block; padding: 10px 0 0 0;} .i-login-window .i-login-panel-heading img { position: absolute; left: 0;} .i-login-pwd-container { position: relative;} .i-leftLoginCont .i-login-panel .x-btn.x-btn-default-small.i-show-pwd { left: auto!important; right: 0!important; width: 40px!important; height: 40px!important; padding: 0!important; min-width: inherit;} .x-btn.x-btn-default-small.i-show-pwd { position: absolute; background: #fd4f57; top: 0; left: 232px; width: 24px!important; height: 24px!important; padding: 0;} .x-btn.x-btn-default-small.i-show-pwd.x-btn-pressed { background: #fd4f57!important;} .i-leftLoginCont .i-login-panel .x-btn.x-btn-default-small.i-show-pwd button .x-btn-icon.fa { padding: 14px 8px 14px 15px!important; font-size: 18px;} .i-leftLoginCont .forgot-link, .i-leftLoginCont p.no-account { display: block; padding: 0;} .i-leftLoginCont .forgot-link a{ border-bottom: 1px dotted #cb202d; color: #cb202d; font-size: 15px; font-weight: 400; text-decoration: none;} .i-leftLoginCont p.no-account { margin: 0; padding:0;} .i-leftLoginCont p.no-account a{ border-bottom: 1px dotted #cb202d; color: #cb202d; font-weight: 300; text-decoration: none;} /*.i-category-item-view .i-price-list-item.i-title { cursor: pointer; padding: 7px; margin: 4px 0; border: 1px dashed #d2d2d2; font-weight: 600; font-size: 13px;}*/ .i-category-item-view .i-price-list-item.i-title { margin: 4px 0; font-weight: 400; font-size: 13px; padding: 0; border: 0px none;} .i-category-item-view .i-price-list-item.i-Subcon { background: #ededed; color: #282c3f; margin-bottom: 4px; border: 0px none; padding: 4px;} .i-order-details-title { padding: 0 15px;} .i-order-details-title h2{ margin-bottom: 15px; font-size: 22px; font-weight: 400; color: #cb202d;} .i-order-title .i-orderTimer { font-size: 13px; font-weight: 400; margin-bottom: 5px;} .i-category-item-view .i-menuitem.i-menuItemBox { padding: 6px 4px; border: 1px dashed #d2d2d2;} .i-category-item-view .i-menuitem.i-menuItemBox .i-price-list-item { background:transparent; line-height: 24px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;} .i-category-item-view .i-menuitem.i-menuItemBox .i-price-list-item .i-cart-item-name { line-height: 18px;} .i-category-item-view .i-menuitem.i-menuItemBox .i-price-list-item .i-item-price { width: 25%; padding-right: 0;} .i-checkout3-middleContainer { padding:15px!important;} .i-itemEditIcon { color: #0b2135!important;} .i-itemEditIcon { font-size: 18px; position: relative; top: 2px; margin-left: 5px;} .x-window.i-itemWindow.i-success-window .x-window-body-default{ padding:10px!important;} .i-orderMessage.i-orderPlaced { background: #fd4f57!important;} .i-orderPlaced { background: #363636; color: #ffffff;} .x-window.i-itemWindow.i-success-window .i-orderMessage.i-orderPlaced { padding: 12px; border-bottom: 0px none; font-size: 15px; line-height: 22px; font-weight: 600;} .x-window.i-itemWindow.i-success-window .i-orderMessage.i-orderPlaced a { text-decoration: none; color: #FFFFFF;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage { margin: 10px 0; float: left; width: 100%; clear: both;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage ul { padding: 0; margin:0; list-style-type:none;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage ul li { padding: 10px; float: left; width: 32%; margin: 0 6px 6px 0; min-height: 80px;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage ul li { background: #f4f4f4;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage li h4, .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage li p { padding: 0!important; margin: 0 0 5px 0;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage h4 { text-align: left; color: #222; font-style: normal; font-weight: 600; font-size: 16px; text-transform: none;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage li p { font-size: 14px;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage li.i-special-instructions { width: 100%; background: transparent; min-height: 0; border-bottom: solid 1px #ddd; margin:0;} .x-panel.i-order-panel .i-orderMessage.i-almostdone-ordermessage.i-almostdone-summary .x-panel-body { width:100%!important;} .i-orderMessage.i-almostdone-ordermessage.i-almostdone-summary { background: #fff; border: 1px dashed #ccc; padding: 12px 0; width:100%!important;} .i-almostdone-ordermessage.i-almostdone-summary ul { padding: 5px 10px;} .i-almostdone-ordermessage.i-almostdone-summary ul li { padding: 0 0 8px 0; margin-bottom: 8px;} .i-almostdone-ordermessage.i-almostdone-summary ul li:last-child { margin:0; padding:0; border-bottom:0px none;} .i-almostdone-ordermessage.i-almostdone-summary h4 { color: #222222; font-weight: 600; font-size: 15px; margin: 0 0 6px 0;} .i-almostdone-ordermessage.i-almostdone-summary p { padding: 0!important; margin: 0; color: #222222; font-weight: normal; font-size: 14px;} .i-almostdone-ordermessage.i-almostdone-summary h4 span { font-size: 12px; float: right; font-weight: normal;} .i-almostdone-ordermessage.i-almostdone-summary .i-orderaspect { padding: 0 0 12px 0;} .i-almostdone-ordermessage.i-almostdone-summary .i-orderaspect h2 { padding: 0 12px 10px 12px; font-size: 22px; font-weight: 400; color: #cb202d; margin: 0; text-align: left;} .i-almostdone-ordermessage.i-almostdone-summary .i-orderaspect .i-ordeaspect-ordertotal { color: #cb202d; font-weight: 600; font-size: 20px;} .i-almostdone-ordermessage.i-almostdone-summary .i-orderaspect a.i-blue-link { color: #212121;} .i-almostdone-ordermessage.i-almostdone-summary .i-editIcon .fa-pencil-square-o { font-size: 19px;} .x-window.i-login-newuser-window { border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; -o-border-radius: 6px!important; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important; -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important; box-shadow: 0 3px 9px rgba(0, 0, 0, .5)!important;} .x-window.i-login-newuser-window .i-register-panel .x-form-item, .x-window.i-login-newuser-window .i-register-panel .i-pwd-container{ float:left; width:45%!important; margin: 0 14px 10px 14px;} .x-window.i-login-newuser-window .i-register-panel .x-field.i-PhoneWithCode { position:relative;} .x-window.i-login-newuser-window .i-register-panel .x-field.i-PhoneWithCode .intl-tel-input { position:inherit;} .x-window.i-login-newuser-window.i-forgetPwd-window .x-window-body{ padding:20px 30px;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .i-FP-Message strong { margin-bottom:10px; display: block;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .i-registerBottom { padding-left:0; padding-right:0;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .i-pwd-container .x-form-item { margin:0!important;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .i-registerBottom .i-OPT-btns .x-btn-default-small.i-signin { margin: 0 10px 0 0!important; } .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .i-registerBottom .i-OPT-btns .x-btn-default-small.i-signin.i-resPass { left:0!important;} .i-login-newuser-window.i-forgetPwd-window .i-register-panel-heading .i-login-window-close { left: auto!important; right: 0!important; top: 0!important;} .i-login-newuser-window.i-forgetPwd-window .i-register-panel-heading { padding: 10px 0 0 0; margin-bottom: 15px; text-align: center;} .i-login-newuser-window.i-forgetPwd-window .i-register-panel-heading span:before { margin: 0 auto; left: 0; right: 0;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .x-form-item, .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .i-pwd-container{ float:none!important; width:100%!important; margin: 0 0 10px 0!important;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .x-form-item { margin: 0 0 18px 0!important;} .i-login-window .x-btn-default-small.i-signin, .i-login-window .i-signupCont p.no-account a { padding: 14px 18px!important;} .x-window.i-login-newuser-window .i-register-panel .i-pwd-container { position:relative;} .x-window.i-login-newuser-window .i-register-panel .x-form-item .x-form-text-field-body-default { min-width:100%; width:100%;} .x-window.i-login-newuser-window .i-register-panel .i-registerBottom { padding:0 15px 15px 15px;} .x-window.i-login-newuser-window .i-register-panel .i-pwd-container .x-form-item { float: none!important; width: 100%!important; margin: 0;} .x-window.i-login-newuser-window .i-register-panel .i-pwd-container .x-btn.i-register-show-pwd { background: #737373; min-width: inherit; position: absolute; top: 0; left: auto!important; right: 0!important; width: 36px!important; height: 36px!important; padding: 0!important;} .x-window.i-login-newuser-window .i-register-panel .i-moboptin-body { float: none!important; width: 90%!important; margin: 0 14px 0 14px;} .x-window.i-login-newuser-window .i-register-panel .i-moboptin-body .x-form-cb-wrap-default, .x-window.i-login-newuser-window .i-register-panel .i-moboptin-body .x-form-item-body-default { height:auto; min-height:auto;} .x-window.i-login-newuser-window .i-register-panel .i-moboptin-body .i-moboptin, .x-window.i-login-newuser-window .i-register-panel .i-moboptin-body .i-fbmoboptin label { font-size: 13px!important; line-height: 20px; font-weight: 300; width: 400px!important; padding: 5px 0 0 30px!important;} .x-window .x-btn-default-small.i-signin { padding: 14px 18px!important; display: block;} .x-window .x-btn-default-small.i-signin .x-btn-button-default-small { min-height:inherit;} .x-window .x-btn-default-small.i-signin .x-btn-inner-default-small { font-size:15px; font-weight:600; line-height:normal;} .i-messageWindow .x-toolbar-footer .x-btn-default-small { margin:0 5px!important;} .i-orderViewWindow .x-panel-body-default{ padding:10px!important;} .i-orderViewWindow .x-toolbar.x-toolbar-default.x-toolbar-default-docked-bottom { padding:0;} .i-orderViewWindow .x-panel-body-default .i-order-title h1 { font-size: 16px; font-weight: 600;} .i-orderViewWindow .x-window-header-title a.i-print{ font-size: 24px; color: #FFFFFF; position: relative; top: -2px;} .mystuff-tabs { padding:20px 0!important; background: #f6f6f6!important;} .mystuff-tabs #MyStuff-body.x-panel-body-default { background: transparent!important;} .mystuff-tabs .mystuff-detailbox .recent-orders a.i-viewOrder, .mystuff-tabs .mystuff-detailbox .recent-orders a.i-reOrder { margin-right: 5px;} .mystuff-tabs .mystuff-detailbox .recent-orders.x-view-item-focused { outline:0px none!important; outline-offset:0px!important;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 { width: 48%!important; margin-right: 2%;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-form-item, .mystuff-tabs .mystuff-detailbox .i-changeEmail-col2 .x-form-item { width:100%; display:block;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-form-item .x-form-text-field-body-default, .mystuff-tabs .mystuff-detailbox .i-changeEmail-col2 .x-form-item .x-form-text-field-body-default { min-width:100%; max-width:100%; width:100%;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-form-item .x-form-cb-wrap-default { height: auto; min-height: auto;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-form-item.x-form-type-checkbox .x-form-cb-default { margin-top: 12px; color: #cb202d;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-form-item.x-form-type-checkbox .i-moboptin { font-size: 13px!important; line-height: 20px; font-weight: 300; width: 100%!important; padding: 10px 0 0 25px!important; margin-bottom: 10px;} .mystuff-tabs .mystuff-detailbox .i-changeEmail-col2 { width:50%!important;} .mystuff-tabs .mystuff-detailbox .x-form-item-label-default.x-form-item-label-top { font-size:15px; font-weight:600;} .mystuff-tabs .mystuff-detailbox .i-changeEmail-col2 .x-btn-default-small.i-red-btn, .mystuff-tabs .mystuff-detailbox .i-profile-col1 .x-btn-default-small.i-red-btn { margin-top:10px!important;} .mystuff-tabs .mystuff-detailbox .i-changePassword { width:50%!important;} .mystuff-tabs .mystuff-detailbox .i-pwd-container1 { position: relative;} .mystuff-tabs .mystuff-detailbox .i-pwd-container1 .x-btn.x-btn-default-small.i-show-pwd { left: auto!important; right: 0!important; width: 36px!important; height: 36px!important; padding: 0!important; min-width: inherit; position: absolute; background: #737373; top: 25px;} .mystuff-tabs .mystuff-detailbox .i-pwd-container1 .x-form-item { width:100%!important;} .mystuff-tabs .mystuff-detailbox .i-pwd-container1 .x-form-text-field-body-default { min-width:100%; max-width:100%; width:100%;} .mystuff-tabs .mystuff-detailbox .i-pwd-container1 .x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner{ padding: 0 0 8px 0!important;} .mystuff-tabs .mystuff-detailbox .coupons-list ul { border:0px none!important;} .i-NewAddressWindow .x-window-body { padding:15px;} .i-NewAddressWindow .x-form-item { width:100%!important;} .i-NewAddressWindow .x-form-item-label-default {font-size: 14px; font-weight: 600; padding: 10px 0 0 0!important; vertical-align: top;} .i-NewAddressWindow .x-form-text-field-body-default { width:100%!important; min-width:100%; max-width:100%;} .i-NewAddressWindow .i-StateZip .x-form-item.i-StateZip_col1 { width: 49%!important; margin-right: 1%;} .i-NewAddressWindow .i-StateZip .x-form-item.i-StateZip_col2 { width: 49%!important; margin-left: 1%;} .i-NewAddressWindow .i-StateZip .x-form-item, .i-NewAddressWindow .i-FNameLname .x-form-item { width:50%!important; float:left;} .i-NewAddressWindow .i-StateZip .x-form-item:last-child .x-form-item-label-default, .i-NewAddressWindow .i-FNameLname .x-form-item:last-child .x-form-item-label-default{ padding: 10px 10px 0 10px!important;} .i-NewAddressWindow .x-toolbar-footer { background:transparent; border:0px none; padding: 10px 0 0 0!important;} .i-NewAddressWindow .x-toolbar-footer .x-btn-default-small.i-red-btn { left:0!important;} .i-AddressBookCont .x-btn-default-small.i-red-btn{ margin-bottom: 15px!important;} .i-AddressBookCont .address-box .sml-btn { margin-right:6px;} .i-AddressBookCont .address-box { margin-right: 10px; margin-bottom: 10px;} .i-AddressBookCont .address-box p { margin: 0 0 8px 0;} .i-AddressBookCont .address-box.x-view-item-focused { outline:0px none!important; outline-offset:0px!important;} .x-mask-msg { min-width:125px; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .x-mask-msg .x-mask-msg-text { font-size:13px; font-weight:600; color:#FFFFFF; padding: 35px 0 0; background-image: url(../images/loading.gif?v=1.5);} .i-ExtraLogin .x-window-body-default { padding:15px;} .i-ExtraLogin .x-window-body-default .i-fbimenuexists p { font-size:14px;} .i-ExtraLogin .i-fbregister-panel .x-toolbar-footer { padding:10px 0 0 0; text-align: center; background: transparent;} .i-ExtraLogin .i-fbregister-panel .x-toolbar-footer .x-btn-default-small { position: inherit!important; margin: 0 4px!important; display: inline-block; min-width: auto!important;} .i-ExtraLogin .i-fbregister-panel .i-pwd-container { position:relative;} .i-ExtraLogin .i-fbregister-panel .x-form-text-field-body-default { width:100%!important; min-width:100%; max-width:100%;} .i-ExtraLogin .i-fbregister-panel .x-form-item { width:100%;} .i-ExtraLogin .i-fbregister-panel .i-fbregister-message { font-size: 14px; font-weight: 600; margin-bottom: 15px;} .i-ExtraLogin .i-fbregister-panel .x-btn.x-btn-default-small.i-register-show-pwd { left: auto!important; right: 0!important; width: 36px!important; height: 36px!important; padding: 0!important; min-width: inherit; position: absolute; background: #737373; top: 0;} .i-ExtraLogin .i-fbregister-panel .x-form-item-label-default { padding: 10px 0 0 0; vertical-align: top; font-size: 14px; font-weight: 600;} .i-ExtraLogin .i-fbregister-panel .x-form-cb-label-default.x-form-cb-label-after { font-size: 13px;} .i-loyaltyPointList { padding: 8px 0;} .i-loyaltyPointList .i-balance { display: inline-block; width: 48%; margin: 0 5px 0 0; border: 1px solid #e8e8e8;} .i-loyaltyPointList .i-balance h2 { font-size: 15px; font-weight: 600; background: #e8e8e8; padding: 6px; margin-bottom: 6px;} .i-loyaltyPointList .i-balance span { font-size: 18px; padding: 0 6px;} .menu-item { min-height: 250px; margin-bottom: 15px; text-align:center;} .menu-item.noimg-menu { min-height: 150px;} .menu-item .menu-info { text-align:left; min-height: 90px;} .menu-item .menu-info span.addcart a i { font-size: 12px; margin-left: 6px;} .menu-item .menu-info span.i-price { font-size: 15px; font-weight: 600;} .menu-item .menu-info span.i-price .i-price-tag.price { color: #3c3c3c;} .menu-item .menu-info p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /*width: 245px;*/ width: 100%;} .i-itemImageAdjust { height: 156px;} .i-itemImageAdjust img{ display: inline-block; width:100%; } .menu-head .menu-img img{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .menu-item.noimg-menu .menu-info .menutext{ display: -webkit-box; max-width: 100%; margin: 0 auto 10px auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .menu-tabs .tab-content .menu-head { padding-right: 12px;} .menu-tabs .tab-content .menu-head p { margin:0 0 10px 0;} .x-form-trigger-wrap-invalid.x-form-trigger-wrap-default { border-color: #c30!important;} .error { color: #cf4c35; font-weight:700; font-size:13px; padding-left: 15px;} .header-menu.navmenu { display:none;} .i-SubmitStep3 { width:100%!important; text-align:right; display: block;} .i-SubmitStep3 .x-panel-body { width:100%!important;} .navbar-brand > img { display: inline-block; -webkit-transform: translate3d(0,0,0); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;} .AboutUsTab { padding:15px;} .AboutUsTab h1 { font-weight: 600; color: #cb202d; font-size: 24px;} .AboutUsTab .OrderInfoBlock .OrderDescription .left { width:48%; float:left; margin: 0 10px;} .AboutUsTab .OrderInfoBlock .OrderDescription .left.mappingImg div { float:left;} .AboutUsTab .OrderInfoBlock .OrderDescription .left.mappingImg a.deliveryMapLink { float: right; max-width: 60px; margin-top:-30px; } .AboutUsTab .OrderInfoBlock p:first-child { border-top: 1px dotted #cccccc; margin: 0;} .AboutUsTab .OrderInfoBlock p { font-size:15px; padding: 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #cccccc;} .AboutUsTab .OrderInfoBlock p i{ margin-right:10px; font-size:22px;} .AboutUsTab .OrderInfoBlock p i.icon-icon1 { margin-right:20px;} .AboutUsTab .OrderInfoBlock p strong{ font-weight:600;} .AboutUsTab .OrderInfoBlock .OrderDescription.i-locinfoAvail .i-locInfoAboutUs{ margin-bottom: 15px;} .AboutUsTab .OrderInfoBlock .OrderDescription.i-locinfoAvail p { border-top: 0px none #cccccc!important; border-bottom: 0px none!important; margin: 0;} .AboutUsTab .OrderInfoBlock,i-aboutBasicInfo, .AboutUsTab .OrderInfoBlock.i-aboutService, .AboutUsTab .OrderInfoBlock.i-aboutPayment { padding:10px; margin-bottom:10px; /*border: 1px dotted #969696;*/ background: #f5f5f5;} .AboutUsTab .OrderInfoBlock.i-aboutService h3, .AboutUsTab .OrderInfoBlock.i-aboutPayment h3 { width:35%; float:left;} .AboutUsTab .OrderInfoBlock.i-aboutService .i-aboutServiceTable, .AboutUsTab .OrderInfoBlock.i-aboutPayment ul { width:65%; float:right;} .AboutUsTab .OrderInfoBlock.i-aboutService h3, .AboutUsTab .OrderInfoBlock.i-aboutPayment h3 { font-weight: 600; font-size: 20px;} .AboutUsTab .OrderInfoBlock.i-aboutService table { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar;} .AboutUsTab .OrderInfoBlock.i-aboutService table tr td { padding: 8px 10px; font-size: 14px; font-weight: 400;} .AboutUsTab .OrderInfoBlock.i-aboutPayment ul { padding:0; border:0px none;} .AboutUsTab .OrderInfoBlock.i-aboutPayment ul li { float:left; padding: 5px; border: 1px solid #bfbfbf; margin-right: 5px; margin-bottom:5px;} .x-btn.i-DisableBtn { background: #7e7e7e!important; border-style: solid; border-color: transparent; border-width: 0;} .x-window.i-itemWindow .i-AddItemForm { padding:15px 15px 15px 15px;} .x-window.i-messageWindow .x-window-text { font-size: 14px; font-weight: 400; margin: 0 0 8px 0!important;} .x-window.i-messageWindow .x-window-text font { font-family: 'OpenSans'!important;} .x-window.i-messageWindow .x-form-text-field-body-default { width:100%;} #home-header .header-menuimage { min-height:125px;} .panel .panel-body .mobile-view { display:none;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .x-tab-bar-default { background:transparent;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .x-tab-bar-default-top > .x-tab-bar-body-default { padding:0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .x-tab.x-tab-active.x-tab-default { background: #c0a589; padding: 4px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .x-tab.x-tab-active.x-tab-default .x-tab-inner-default { color:#FFFFFF;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .x-tab-focus.x-tab-default { outline:0px none;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .x-tab-inner-default { color:#000000;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .ccinfo { padding: 10px 0 0 0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .ccinfo label { margin:0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box .ccinfo input[type=radio] { margin: -2px 8px 0 0; vertical-align: middle;} .i-chekoutInfo .i-tip-container { width: 50%;} .i-chekoutInfo .i-tip-container a.i-blue-link.custom { min-width: 225px; text-align: left;} .i-chekoutInfo .i-chkOutTipAmt { width: 40%; float:left;} .i-chekoutInfo .i-chkOutTipAmt .i-chkOutTipAmtCurr { width: 5%; float:left;} .i-chekoutInfo .i-chkOutTipAmt .i-chkOutTipAmtCurr strong { font-size: 16px; padding: 6px 0 0 0; display: inline-block;} .i-chekoutInfo .i-chkOutTipAmt .i-tip-customBoxOuter{} .i-search-container { padding: 10px; /*border-bottom: 1px solid #e9e9eb;*/ } .i-search-container #menuCombo { left: auto!important; right: 0!Important;} .i-search-container #menuCombo .x-form-item-label-default { padding: 8px 0 0 0; vertical-align: top; width: auto!important; margin: 0; font-weight: 600; font-size: 14px;} .chkIsSafari {background: #fd4f57; padding: 12px; border-radius: 4px;-moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; text-align: center; color: #FFFFFF; font-size: 14px;font-weight: 600; } .error.register{width : 90% !important; padding-bottom: 10px; display: block;} /********* Sujit New Changes **********************/ .i-upsell-main { padding:0 45px;} /*.i-upsell-main .i-upsell-item { background: #FFFFFF; border: 1px solid #dddfe2; padding: 8px; width: 24%; float: left; margin: 0.5%;}*/ .i-upsell-main .i-upsell-item .i-float-left { width: 35%;} .i-upsell-main .i-upsell-item .i-float-right { width: 65%;} .i-upsell-main .i-upsell-item { background: #FFFFFF; border: 1px solid #dddfe2; padding: 4px; width: 31%; float: left; margin: 0.5%;} .i-upsell-main .carousel-control.left, .i-upsell-main .carousel-control.right { background:none; background-image:none; top: 40px; width: auto;} .i-upsell-main .carousel-control.left { text-align:left; left: -45px;} .i-upsell-main .carousel-control.right { text-align:right; right: -45px;} .i-upsell-main .carousel-control span.fa { height: 36px; width: 36px; line-height: 36px; text-align: center; background: #000000; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;} .i-upsell-main .i-upsell-item .i-float-left span { display: inline-block; width: 100px; height: 100px; line-height: 92px; text-align: center;} .i-upsell-main .i-upsell-item .i-float-left span img { display:inline-block; max-width: 100%; max-height: 100%;} .i-upsell-main .i-upsell-item .i-float-right { font-size:14px; font-weight:600;} .i-upsell-main .i-upsell-item .i-upsell-itemname { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 190px; margin-bottom: 5px;} .i-upsell-main .i-upsell-item .price-add-main .pricemain { float:left; font-weight: 400;} .i-upsell-main .i-upsell-item .price-add-main .addcart { float:right;} .i-upsell-main .i-upsell-item .price-add-main .addcart a{ color: #fd4f57; font-weight:600;} .i-chekoutInfo .i-fieldset.i-paymentList .i-paypro-content { background: #f0f9e8; border: 1px solid #c9de96; padding: 5px 12px; font-size: 14px; font-weight: 600; text-align: center; margin: 8px auto 5px auto; color: #398235; font-style: italic;} .i-category-item-view .i-menuitem.i-menuItemBox .i-cartInst { text-align:left; display: block;} .i-rightCartPayDisc { background: #f0f9e8; border: 2px solid #c9de96; padding: 4px 10px; font-size: 15px; font-weight: 600; text-align: center; margin: 5px auto; color: #398235; font-style: italic;} /********* Credit Card Window 1 Feb **********************/ .i-NewCCardWindow .x-window-body { padding:15px 0;} .i-NewCCardWindow .x-window-body .i-cc-savebtn-cont { padding:0 15px;} .i-NewCCardWindow .x-form-item { float:left;} .i-NewCCardWindow .x-form-item-label-default {font-size: 14px; font-weight: 600; padding: 10px 0 0 0!important; vertical-align: top;} .i-NewCCardWindow .x-form-text-field-body-default { width:100%!important; min-width:100%; max-width:100%;} .i-NewCCardWindow .x-form-item { padding:0 15px; width: 49%!important;} .i-NewCCardWindow .x-form-item.i-expirydate-container { width: 100%!important;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expmonth, .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expyear { padding-left:0; width: 25%!important;} /********* Credit Card Special 11 Feb **********************/ .i-NewCCardWindow .i-cc-addwindow-spl { padding:0 15px; width: 98%!important;} .i-NewCCardWindow .i-cc-addwindow-spl.i-cc-spl-cond { display:block;} .i-NewCCardWindow .i-cc-addwindow-spl .x-field.i-cc-ccnumber { padding: 0 15px 0 0; width: 50%!important;} .i-NewCCardWindow .i-cc-addwindow-spl .x-field.i-cc-cvvno { padding:0 0 0 15px; width: 50%!important;} .i-NewCCardWindow .i-cc-addwindow-spl .x-form-item.i-expirydate-container { padding:0;} .i-NewCCardWindow .i-cc-addwindow-spl .x-field.x-form-item .x-form-item-label { font-size: 14px; font-weight: 600; color: #404040; padding: 10px 0 5px 0!important; vertical-align: top; display: block; margin: 0; height: auto; min-height: auto; width: auto!important;} .i-NewCCardWindow .i-cc-addwindow-spl .x-form-fieldcontainer.i-expirydate-container .x-form-item-label { font-size: 14px; font-weight: 600; color: #404040; padding: 10px 0 5px 0!important; vertical-align: top; display: block; margin: 0; height: auto; min-height: auto; width: auto!important;} .i-NewCCardWindow .i-cc-addwindow-spl .x-form-fieldcontainer.i-expirydate-container .i-cc-expmonth .x-form-item-label, .i-NewCCardWindow .i-cc-addwindow-spl .x-form-fieldcontainer.i-expirydate-container .i-cc-expyear .x-form-item-label { display:none;} /*.i-NewCCardWindow .x-form-item:nth-child(even) { width: 49%!important; margin-right: 1%;} .i-NewCCardWindow .x-form-item:nth-child(odd) { width: 49%!important; margin-left: 1%;}*/ .x-window.i-cc-cvvwindow .x-window-body-default { padding:10px 15px; position:relative;} .x-window.i-cc-cvvwindow .x-window-body-default .i-cc-window-close{ position: absolute; z-index: 99; right: -5px; top: -10px; font-size: 17px; color:#0b2135; text-decoration:none;} .x-window.i-cc-cvvwindow .x-window-body-default p { margin:0;} .x-window.i-cc-cvvwindow .x-window-header-default-top { padding: 2px 15px; line-height: 30px;} .mystuff-detailbox .i-cc-savecard-window .x-btn-default-small.i-red-btn{ margin-bottom: 15px!important;} .mystuff-detailbox .i-cc-savecard-window .recent-orders label { display:block; margin:0;} .mystuff-detailbox .i-cc-savecard-window .recent-orders label span { font-weight: 600; font-size: 13px; padding: 7px 0 0 0; display: inline-block;} .mystuff-detailbox .i-cc-savecard-window .recent-orders a.sml-btn { float:right;} .mystuff-detailbox .i-AddressBookCont .address-box .sml-btn { margin-right:6px;} .mystuff-detailbox .i-AddressBookCont .address-box { margin-right: 10px; margin-bottom: 10px;} .mystuff-detailbox .i-AddressBookCont .address-box p { margin: 0 0 8px 0;} .mystuff-detailbox .i-AddressBookCont .address-box.x-view-item-focused { outline:0px none!important; outline-offset:0px!important;} /********* Payment Methode - Credit Card Section *********/ .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod { border: 1px dashed #cccccc!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .ccinfo.x-view-item-focused { outline:0px none!important; outline-offset:0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .ccinfo label span { font-weight: 600; font-size: 13px;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-tab-bar .x-tab.x-tab-default { height:auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-tab-bar .x-tab.x-tab-default .x-tab-inner-default { font-size: 13px; font-weight: 600;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-tab-bar .x-tab.x-tab-active.x-tab-default {} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-populate-cont { margin:10px 0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-populate-cont a.i-cc-populate-link { font-size: 13px; color: #fd4e57; font-weight: 600; display: inline-block; text-decoration: underline;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item { width: 30%; margin-bottom: 12px;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item label.x-form-item-label-top { padding: 0 0 10px 0 !important; display: block; margin: 0; height: auto; min-height: auto;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item label .x-form-item-label-inner { padding:0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-form-fieldcontainer.i-expirydate-container label.x-form-item-label-top { padding: 0 0 10px 0 !important; display: block; margin: 0; height: auto; min-height: auto;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-form-fieldcontainer.i-expirydate-container label .x-form-item-label-inner { padding:0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-storecard-cont { margin: 10px 0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-storecard-cont .x-form-cb-default { margin:2px 0 0 0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-storecard-cont .x-form-checkbox-default { display:inline-block; color: #0a2135;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-storecard-cont .x-form-cb-label-default.x-form-cb-label-after { margin:0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-storecard-cont .x-form-checkbox-focus.x-form-checkbox-default { color: #0a2135;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item.i-cczip, .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item.i-cc-cvvno { width: 15%;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-addwindow-spl.i-cc-spl-cond { display:block;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-addwindow-spl .x-field.x-form-item .x-form-item-label { font-size: 14px; color: #404040; font-weight: 400; padding: 0 0 10px 0 !important; display: block; margin: 0; height: auto; min-height: auto; width: auto!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-addwindow-spl .x-form-fieldcontainer.i-expirydate-container .x-form-item-label { font-size: 14px; color: #404040; font-weight: 400; padding: 0 0 10px 0 !important; display: block; margin: 0; height: auto; min-height: auto; width: auto!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-addwindow-spl .x-form-fieldcontainer.i-expirydate-container .i-cc-expmonth .x-form-item-label, .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-cc-addwindow-spl .x-form-fieldcontainer.i-expirydate-container .i-cc-expyear .x-form-item-label { display:none;} .i-fieldset .x-field.x-form-item.i-dinein-input { width: 13%;} /********* sheetal **********************/ #updtabtn-btnInnerEl .x-btn-inner-default-toolbar-small{ padding: 0 50px;} .x-btn.i-button.i-blck-btn.i-deleteItemBtn{ display:block!important; opacity:1!important; left: 675px!important; background: #33373d!important; color:#ffffff!important; padding: 8px 12px!important; text-align: center!important; display: inline-block!important; text-decoration: none!important; border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; -o-border-radius: 4px!important;} .x-btn.i-button.i-blck-btn.i-deleteItemBtn span{ color:#fff!important; font-size:14px;} /********* end update **********************/ @media only screen and (min-width : 1025px) and (max-width : 1200px) { .menu-tabs .sectionLeft { width:24%;} .menu-tabs .sectionRight { width:74%;} .menu-item.noimg-menu { width:46%;} } @media only screen and (min-width : 768px) and (max-width : 1024px) { .navbar-inverse .headertop { text-align:center; position:relative;} .navbar-inverse .headertop .navbar-header { float: none!important; padding: 0!important;} .navbar-inverse .headertop .header-menu { position: absolute!important; left: 0; top: 0;} .navbar-inverse .headertop .navbar-brand { float:none!important;} .i-qty-select .x-btn { min-width: auto!important;} .i-chekoutInfo .i-tip-container { width: 75%;} .i-chekoutInfo .i-chkOutTipAmt { width: 25%;} .i-chekoutInfo .i-chkOutTipAmt .i-chkOutTipAmtCurr {width: 10%;} .i-chekoutInfo .i-chkOutTipAmt .i-tip-customBoxOuter {width: 80%;} /***Sujit New Changes***/ .i-upsell-main .i-upsell-item { width: 49%;} .i-upsell-main .i-upsell-item .i-float-left { width: 40%;} .i-upsell-main .i-upsell-item .i-float-right { width: 60%;} .i-upsell-main .i-upsell-item .i-upsell-itemname { width:auto;} .mystuff-tabs { background:transparent!important;} .menu-tabs .mystuff-tabs .sectionLeft { width: 100%!important; display:block!important; float: none; margin-bottom: 10px; padding: 0 15px;} .mystuff-tabs ul.nav-tabs { padding: 8px;} .mystuff-tabs ul.nav-tabs li { float: left; width: auto;} .mystuff-tabs ul.nav-tabs li a { border-right: 0px none!important; font-size:14px; padding: 5px 0 0 0; text-align:center; width: 46px; height: 36px; line-height: 32px; margin-right: 6px; text-overflow: inherit; white-space: inherit; overflow: inherit; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .mystuff-tabs ul.nav-tabs li a span { display:none;} .mystuff-tabs ul.nav-tabs li a.cl-coupon, .mystuff-tabs ul.nav-tabs li a.cl-password {padding: 5px 0 0 0;} .mystuff-tabs ul.nav-tabs>li.active>a, .mystuff-tabs ul.nav-tabs>li.active>a:focus { border-right: 0px none!important; background: #d42c34!important; color: #FFFFFF!important;} .mystuff-tabs ul.nav-tabs li a i { margin:0; font-size:22px;} .mystuff-detailbox .recent-orders { width:45%;} .AboutUsTab .OrderInfoBlock .OrderDescription .left { width:45%;} /***iPad Changes***/ .menu-tabs .tab-content > .tab-pane { padding: 0 10px; margin-bottom: 0;} .menu-tabs .tab-content > .tab-pane .panel-default > .panel-heading { margin-bottom:1px;} .menu-item.noimg-menu, .menu-item.noimg-menu .menu-info{ min-height: inherit;} .menu-item.noimg-menu .menu-info .menutext { min-height: inherit;} .i-banner #headerContainer span { } .i-banner #headerContainer span img { max-width: 65px;} } @media only screen and (min-width : 600px) and (max-width : 603px) { .navbar-inverse .headertop { /*background: #000000!important;*/ text-align:center; position:relative;} .navbar-inverse .headertop .navbar-header { float: none!important; padding: 0!important;} .navbar-inverse .headertop .header-menu { position: absolute!important; left: 0; top: 0;} .navbar-inverse .headertop .navbar-brand { float:none!important;} .i-qty-select .x-btn { min-width: auto!important;} } @media only screen and (min-width : 480px) and (max-width : 767px) { .x-panel-body-default { font-weight: 400!important;} .navbar-inverse .headertop { text-align:center; position:relative;} .navbar-inverse .headertop .navbar-header { float: none!important; padding: 0!important;} .navbar-inverse .headertop .header-menu { position: absolute!important; left: 0; top: 0; padding: 4px 0 0 0;} .navbar-inverse .headertop .navbar-brand { float:none!important;} .navbar-inverse { padding: 5px 0; min-height: 45px;} .navbar-brand > img { max-width: 125px;} .navbar-inverse .headertop p.powerdby { padding: 2px 0 0 10px; width: 90px; font-size: 11px;} .navbar-inverse .navbar-nav>li>a { padding: 4px 8px;} .navbar-inverse .header-menu.deskmenu .my-stuff-link{ display:none; padding:0;} .navbar-inverse .navbar-nav>li { padding:0;} .navbar-inverse .navbar-nav { margin:0;} .navbar-toggle { padding: 12px 0 0 10px; margin: 0;} #home-header { padding: 70px 0 10px 0;} .i-banner { padding: 55px 0 10px 0!important;} .navbar-inverse .headertop .i-WelcomeName { right: 0; top: 10px; margin: 0; font-size: 13px; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFFFFF!important;} #home-header .header-menuimage { float:left; max-width: 100px; margin-bottom:0; min-height: 60px;} #home-header .header-menu.navmenu { float:right; padding: 11px 0 0 0; display: none!important;} #home-header .header-menu.navmenu .loginWinSrc { display:none;} #home-header .header-menu.navmenu .lnkLogout { display: none!important;} #home-header .header-menu a.cart { top: 25%;} #home-header .header-details { padding:0 0 0 0;} #home-header .header-details h3 { margin-bottom:0;} #home-header .header-details ul li.phone-stars span i.icon-icon1, #home-header .header-details ul li.phone-stars span i.icon-icon3 { display:none;} #home-header .header-details ul li { padding:5px 0;} #home-header .header-details ul li a .icon-icon5:before, #home-header .header-details ul li a .icon-icon8:before { margin:0;} #home-header .header-menu ul li:last-child { margin-left:3px;} #home-header .header-menu ul li.divider { display:none;} #home-header .header-menu ul li a { padding: 5px 10px; line-height: inherit;} #home-header .header-menu ul li.my-stuff-link { margin-right: -4px;} #home-header .header-menu ul li.my-stuff-link a i { font-size: 15px; margin-right: 8px;} #home-header .header-menu ul li.my-stuff-link a i.icon-icon8:before { margin:0;} #home-header .header-menu ul li a i.icon-icon5 { font-size:15px;} #home-header .header-menu ul li a span { top:1px; font-size:14px} .i-address-panel { width:100%; margin:0;} .i-address-panel.i-address-panel-delivery { min-height: inherit!important; margin: 0 0 10px 0!important;} .i-address-panel .i-address-panel-inner .i-contact-phone .x-field.x-form-item { margin: 10px 0 0 0!important;} .i-fieldset, .i-serAddSch, .i-address-panel, .i-payoptdetails-box, .i-payInfo { border-color:#cccccc!important;} .i-fieldset .i-payoptdetails-box .x-field.x-form-item { margin: 0 0 0 0!important;} .i-fieldset .addonoptionwidth.x-form-item { width:50%; margin:0;} .i-fieldset .x-field.x-form-item { width:100%; margin: 0 0 10px 0!important;} .i-fieldset .i-payoptdetails-box .x-field.x-form-item.i-zip-item { width:100%!important;} .i-fieldset .i-payoptdetails-box .i-expirydate-container { float: left; width: 100%;} .i-fieldset .i-payoptdetails-box .i-expirydate-container .x-field.x-form-item { width: 48%!important; margin-right: 2%!important;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery { margin: 0 0 0 0!important;} .i-fieldset .i-paymentType-box .x-form-cb-default { margin-top:2px;} .i-fieldset .i-paymentType-box .x-form-cb-label-default.x-form-cb-label-after { margin-top:0;} .i-fieldset .i-paymentType-box .x-form-cb-wrap-default { height:auto!important; min-height: auto!important;} .i-fieldset .i-paymentType-box .x-form-cb-label-default.x-form-cb-label-after { margin: 0 0 5px 0!important;} .i-fieldset.i-paymentList .x-field.x-form-item { width:100%;} .i-fieldset.i-paymentList .x-field.x-form-item { margin:10px 0 0 0!important;} .i-fieldset.i-paymentList h1 { margin:0;} .i-fieldset.i-paymentList .i-paymentType-box .x-form-cb-label-default.x-form-cb-label-after { margin: 0 0 0 0!important;} .i-fieldset.i-cont2col .x-field.x-form-item { width:48%; margin: 0 0 0 0!important;} .i-fieldset.i-cont2col .x-field.x-form-item:first-child { margin-right:10px!important;} .i-fieldset.i-cont2col .x-field.x-form-item.i-coupon-text { margin-right:10px!important; width: 54%;} .i-fieldset.i-nobox { padding: 0; border: 0px none; margin-bottom: 10px;} .i-fieldset.i-nobox .x-field.x-form-item:first-child { margin: 0!important;} .i-fieldset .x-anchor-form-item, .i-fieldset .x-autocontainer-form-item { margin-bottom: 0px;} .i-tip-container { width:100%; text-align:center;} .i-tip-container a.i-blue-link { width: 23%; margin: 0 2px 4px 2px;} .i-tip-container a.i-blue-link.custom { width:96%; display:block; margin: 0 auto 10px auto;} .i-login-window .i-loginWrapper { width:100%!important;} .i-login-window .x-window-body { padding: 15px 15px;} .i-login-window .i-login-panel-heading { margin: 10px 0 20px 0; font-size: 18px;} .i-login-window .i-login-window-close { width: 28px; height: 28px; line-height: 28px; text-align: center; left: auto!important; right: 0!important; top: 0!important;} .i-leftLoginCont, .i-rightRegisCont { width: 100%!important; float: none;} .i-login-window .i-rightRegisCont .i-resetPwdCont { padding: 14px 0 14px 0;} .i-leftLoginCont { padding: 0 0 0 0; } .i-rightRegisCont { padding: 0;} .i-login-window .i-login-panel-social-heading { margin-bottom: 15px;} .i-rightRegisCont .i-fbLoginBtn-container { padding: 0 0 10px 0!important;} .i-rightRegisCont .i-GoogleLoginBtn-container { padding: 0 0 0 0!important;} .x-window.i-itemWindow h1, .x-panel.i-order-panel h1 { font-size: 17px; line-height: 24px;} .x-window.i-itemWindow .x-fieldset, .i-qty-select-cont { width:100%!important; float:none!important;} .x-window.i-itemWindow .x-fieldset { margin-bottom: 10px!important;} .i-qty-select-cont { margin-bottom:0px!important;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest .i-fieldcontainer { width:100%!important; float:none!important;} .x-window.i-itemWindow.x-window-default .x-toolbar.x-toolbar-default { padding:6px;} .i-AddItem-bottombar .x-box-inner { height: 50px!important;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .error { margin: 10px 0; display: block; width: 100%; top: -4px!important; z-index: 99999;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { display:block; /*width: 100%;*/ width:auto; right: 0!important;} .x-btn-default-small.i-red-btn.i-submit-btn { display:block; width: 100%; padding: 10px 0!important; right: auto!important; min-width: 100%;} #instructions_fieldcontainer .instructions_fieldcontainer-splinst, #instructions_fieldcontainer .instructions_fieldcontainer-name { width:100%; float:none; padding: 0;} #instructions_fieldcontainer .instructions_fieldcontainer-splinst #splInst div, #instructions_fieldcontainer .instructions_fieldcontainer-name #splInst div, #instructions_fieldcontainer .instructions_fieldcontainer-name #name div { width:100%!important;} #instructions_fieldcontainer .instructions { padding:0!important; margin-bottom: 8px;} #instructions_fieldcontainer #splInst, #instructions_fieldcontainer #splInst div, #instructions_fieldcontainer #name, #instructions_fieldcontainer #name div { margin-bottom: 5px;} #instructions_fieldcontainer #name, #instructions_fieldcontainer #name div { margin-bottom:0;} .mystuff-detailbox .i-myStuff-Title h4 { font-weight: 400; font-size: 20px; padding-bottom: 10px; margin-bottom: 12px;} .mystuff-detailbox .i-myStuff-Title h5 { font-size: 16px;} .mystuff-detailbox .recent-orders { float:none; width:100%; margin:0 0 12px 0;} .mystuff-detailbox .recent-orders .recent-info p { font-size:14px;} .mystuff-tabs { padding: 0!important;} .menu-tabs .mystuff-tabs .sectionLeft { width: 100%!important; display:block!important; float: none; margin-bottom: 10px;} .mystuff-tabs ul.nav-tabs { padding: 8px;} .mystuff-tabs ul.nav-tabs li { float: left; width: auto;} .mystuff-tabs ul.nav-tabs li a { border-right: 0px none!important; font-size:14px; padding: 5px 0 0 0; text-align:center; width: 46px; height: 36px; line-height: 32px; margin-right: 6px; text-overflow: inherit; white-space: inherit; overflow: inherit; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .mystuff-tabs ul.nav-tabs li a span { display:none;} .mystuff-tabs ul.nav-tabs li a.cl-coupon, .mystuff-tabs ul.nav-tabs li a.cl-password {padding: 5px 0 0 0;} .mystuff-tabs ul.nav-tabs>li.active>a, .mystuff-tabs ul.nav-tabs>li.active>a:focus { border-right: 0px none!important; background: #d42c34!important; /*background: #FFFFFF!important;*/ /*color: #0b2135!important;*/ color: #FFFFFF!important;} .mystuff-tabs ul.nav-tabs li a i { margin:0; font-size:22px;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 { padding-bottom:5px; margin-bottom:15px!important; border-bottom: 1px solid #bfbfbf!important;} .mystuff-tabs .mystuff-detailbox .i-profile-col1, .mystuff-tabs .mystuff-detailbox .i-changeEmail-col2 { width:100%!important; margin:0;} .mystuff-tabs .mystuff-detailbox .i-changePassword { width:100%!important;} .i-AddressBookCont .address-box { width:100%; margin: 0 0 15px 0; min-height: 150px; padding: 15px 15px 15px 40px;} .i-AddressBookCont .address-box i { left: 5px; top: 10px;} .i-NewAddressWindow .i-StateZip .x-form-item, .i-NewAddressWindow .i-FNameLname .x-form-item { width:100%!important; float:none; display:block;} .i-NewAddressWindow .i-StateZip .x-form-item.i-StateZip_col1, .i-NewAddressWindow .i-StateZip .x-form-item.i-StateZip_col2 { width: 100%!important; margin: 0 0 5px 0; float: left;} .i-NewAddressWindow .x-form-item { margin-bottom:5px; } .i-NewAddressWindow .x-form-item-label-default { width:100%!important; display:block; padding: 5px 0 0 0!important; min-height: auto;} .i-NewAddressWindow .i-StateZip .x-form-item:last-child .x-form-item-label-default, .i-NewAddressWindow .i-FNameLname .x-form-item:last-child .x-form-item-label-default { padding-left:0!important;} .x-window.i-login-newuser-window .i-register-panel .x-form-item, .x-window.i-login-newuser-window .i-register-panel .i-pwd-container { float:none; width: 100%!important; margin: 0 0 10px 0;} .x-window.i-login-newuser-window .i-register-panel .x-panel-body-default { padding: 0 15px!important;} .x-window.i-login-newuser-window .i-register-panel .i-registerBottom { text-align: center;} .x-window.i-login-newuser-window .i-register-panel .i-registerBottom .x-panel-body-default { padding:0!important;} .x-window.i-login-newuser-window.i-forgetPwd-window .x-window-body { padding: 15px 15px;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .x-panel-body-default { padding: 0 0!important;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-login-window-close { width: 40px; height: 40px; line-height: 40px; text-align: center; left: auto!important; right: 0!important; top: 0!important; font-size: 22px;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage ul li { float: none; width: 100%; margin: 0 0 5px 0; min-height: auto;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { width:48%; display:inline-block; right: 0!important; margin: 0!important; padding: 15px 12px!important;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-button { width:48%; display:inline-block; float:left;} .x-window.i-itemWindow.i-changeBtn .x-toolbar.x-toolbar-default .x-btn.i-deleteItemBtn { width:48%; display:inline-block; right: 0!important; margin: 0!important; padding: 8px 0!important; left: 0!important;} .x-window.i-itemWindow.i-changeBtn .x-toolbar.x-toolbar-default .x-btn.i-updateItemBtn { width:48%; display:inline-block; float:left; margin: 0!important; right: 0!important; padding: 8px 0!important;} .menu-item { min-height: 180px;} .menu-item .menu-info p, .menu-item .menu-info span.addcart a, .menu-item .menu-info span.i-price { font-size:16px; font-weight: 700;} .menu-item .menu-info span.addcart a i { font-size:16px;} .menu-item .menu-info p { width:auto;} .pic-caption p { font-size:11px!important;} .menu-tabs .tab-content > .tab-pane { padding: 0 15px; margin-bottom:0;} .menu-tabs .tab-content > .tab-pane .panel-default > .panel-heading { margin-bottom:1px;} .i-itemImageAdjust { /*max-height: 80px!important;*/ max-height: 136px!important;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest h4 { font-size: 17px;} .x-window.i-itemWindow .i-price-fldset-maincont { padding:8px;} .x-window.i-itemWindow .i-price-fldset-maincont .i-PortionWindow td { width: 100%!important; float: left!important;} .x-window.i-itemWindow .i-AddItemForm { overflow-y:scroll;} .i-subTotal { padding: 6px 0;} .i-price-list-item { padding: 4px 0;} .i-edit-item-view .i-price-list-item { padding: 8px;} .i-netTotal { margin: 4px 0; padding: 6px 10px;} .i-netTotal .i-item-price { font-size: 22px;} .i-SubmitStep3 .x-panel-body .x-autocontainer-outerCt, .i-SubmitStep3 .x-panel-body .x-autocontainer-innerCt { width: 100%;} .AboutUsTab .OrderInfoBlock .OrderDescription .left { width:100%; float:none; margin: 0;} .AboutUsTab .OrderInfoBlock p:first-child { border-top: 0px none;} .i-loyaltyPointList .i-balance { display: block; width: 100%; margin: 0 0 10px 0;} .i-firstCat .menu-item .menu-info span.addcart a { width: 80px;} .i-firstCat .menu-item .menu-info .setQtycart { width: 80px;} .i-firstCat .menu-item .menu-info span.i-price { font-size:14px; padding: 5px 0 0 0;} .i-firstCat .menu-item .menu-info .setQtycart .i-qty-add { width: 28px;} .i-firstCat .menu-item .menu-info .setQtycart .i-qtycart-adjust { width: 25px;} .menu-item .menu-info { min-height: auto;} .menu-item .menu-info .i-price-row { min-height: 30px;} .setQtyRightCart .i-qty-add { width: 36%; float: left;} .setQtyRightCart .i-qtyRightCart-adjust { width: 32%;} #breadcrumb-main ol li a { padding: 5px 6px;} .i-chekoutInfo .i-fieldset .empty-cart { padding-left:10px;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon .i-couponBadge { width:5%; text-align: left; margin-right: 2%;} .i-chekoutInfo .i-fieldset .x-form-fieldcontainer .i-applyCoupon input[type=button] { width:92%; padding-top: 2px;} .i-coupon-info .i-couponSection1 span { display:block; padding-left:0; width: 100%; padding:0;} .i-coupon-info .i-couponSection1 { width:80%;} .i-coupon-info .i-couponSection2 { width:20%;} .i-coupon-info .i-couponSection1 .i-CouponRow1 { width:80%; margin-left: 10px;} .i-coupon-info .i-couponSection1 strong, .i-coupon-info .i-couponSection1 .i-CouponRow1 div { padding-top:0;} .i-coupon-info .i-couponSection1 strong { padding-left:0;} .i-chekoutInfo .i-fieldset.i-noHeight.i-cont2col .i-CO-SpecialInst.x-field.x-form-item { margin: 6px 0 0 0!important;} .i-chekoutInfo .i-fieldset.i-noPadding{ padding: 6px 15px;} .i-coupon-rPanel .i-order-panel .i-chkoutCouponList { padding-bottom:100px;} .i-search-container #menuCombo { left: 0!important; right: auto!Important;} .panel .panel-body .mobile-view { display:block;} .x-window.i-itemWindow .i-QtyOuterCont .i-AddItemDescCont { width:100%; float: none; margin-bottom: 10px;} .x-window.i-itemWindow .i-QtyOuterCont .i-AddItemDescCont #item_details_holder #item_desc { margin-top:0} .about-contactusbtn { display:block; float: none; text-align: center;} .i-contactus-window .x-window-body { padding: 15px 15px;} .i-contactus-window .i-contactus-form .i-contactus-col1, .i-contactus-window .i-contactus-form .i-contactus-col2 { float: none; width: 100%!important;} .i-contactus-window .x-docked-bottom { padding: 10px 15px;} /***Sujit New Changes***/ .i-upsell-main { padding:0;} .i-upsell-main .carousel-control.left, .i-upsell-main .carousel-control.right { display:none;} /*.i-upsell-main .carousel-control.left { left: -32px;} .i-upsell-main .carousel-control.right { right: -32px;}*/ .i-upsell-main .i-upsell-item { width: 49%;} .i-upsell-main .i-upsell-item .i-float-left { width: 100%; text-align:center;} .i-upsell-main .i-upsell-item .i-float-right { width: 100%;} .i-upsell-main .i-upsell-item .i-upsell-itemname { width:auto; margin-top: 10px;} .i-upsell-main .carousel-control.left, .i-upsell-main .carousel-control.right { top: 40px;} .AboutUsTab .OrderInfoBlock p { margin:0;} .AboutUsTab .OrderInfoBlock.i-aboutService h3, .AboutUsTab .OrderInfoBlock.i-aboutPayment h3 { font-size:18px; margin: 0 0 10px 0; width:100%; float:none;} .AboutUsTab .OrderInfoBlock.i-aboutService .i-aboutServiceTable, .AboutUsTab .OrderInfoBlock.i-aboutPayment ul { width:100%; float:none;} .AboutUsTab .OrderInfoBlock.i-aboutService table { width:100%; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar;} .AboutUsTab .OrderInfoBlock.i-aboutService table tr td { border:1px solid #c7c7c7; } .i-banner #headerContainer span { top: -20px; } .i-banner #headerContainer span img { max-width: 45px;} .i-NewCCardWindow .x-window-body { padding:15px;} .i-NewCCardWindow .x-form-item { float:none; width: 100%!important; padding: 0;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expmonth, .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expyear { float: left; padding-right: 5%;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expmonth { width: 45%!important;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expyear { width: 45%!important;} .i-NewCCardWindow .x-window-body .i-cc-savebtn-cont { padding: 0 0 30px 0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item { width:100%; margin: 0 0 10px 0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-expirydate-container .x-field { width: 40%!important; margin:0 10px 10px 0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item.i-cczip, .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item.i-cc-cvvno { width:100%;} .i-NewCCardWindow .i-cc-addwindow-spl .x-field.i-cc-ccnumber, .i-NewCCardWindow .i-cc-addwindow-spl .x-field.i-cc-cvvno { padding: 0; width: 100%!important;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer.fieldcontain { width:100%; float:none; } } @media only screen and (min-width : 320px) and (max-width : 479px) { .x-panel-body-default { font-weight: 400!important;} .navbar-inverse { padding: 3px 0; min-height: 44px;} .navbar-brand > img { max-width: 125px;} .navbar-inverse .headertop p.powerdby { padding: 2px 0 0 10px; width: 90px; font-size: 11px;} .navbar-inverse .headertop .navbar-header { float:right; padding: 0 100px 0 0;} .navbar-inverse .header-menu { padding: 4px 0 0 0; float:left;} .navbar-inverse .navbar-nav>li>a { padding: 4px 12px;} .navbar-inverse .header-menu.deskmenu .my-stuff-link{ display:none; padding:0;} .navbar-inverse .navbar-nav>li { padding:0;} .navbar-inverse .navbar-nav { margin:0;} .navbar-toggle { padding: 12px 0 0 10px; margin: 0;} #home-header { padding: 55px 0 10px 0;} .i-banner { padding: 55px 0 10px 0!important;} .i-aafesHead { padding: 55px 0 10px 0!important;} .navbar-inverse .headertop .i-WelcomeName { right: 0; top: 10px; margin: 0; font-size: 13px; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFFFFF!important;} #home-header .header-menuimage { float:left; max-width: 100px; margin-bottom:0; min-height: 60px; display: none;} #home-header .header-menu.navmenu { float:right; padding: 11px 0 0 0; display: none!important;} #home-header .header-menu.navmenu .loginWinSrc { display:none;} #home-header .header-menu.navmenu .lnkLogout { display: none!important;} #home-header .header-menu a.cart { top: 25%;} #home-header .header-details { padding:0 0 0 0;} .i-aafesHead .header-details { padding: 10px!important;} #home-header .header-details h3 { margin-bottom:0;} #home-header .header-details ul li.phone-stars span i.icon-icon1, #home-header .header-details ul li.phone-stars span i.icon-icon3 { display:none;} #home-header .header-details ul li { padding:0 0 5px 0;} #home-header .header-details ul li a .icon-icon5:before, #home-header .header-details ul li a .icon-icon8:before { margin:0;} #home-header .header-menu ul li:last-child { margin-left:3px;} #home-header .header-menu ul li.divider { display:none;} #home-header .header-menu ul li a { padding: 5px 10px; line-height: inherit;} #home-header .header-menu ul li.my-stuff-link { margin-right: -4px;} #home-header .header-menu ul li.my-stuff-link a i { font-size: 15px; margin-right: 8px;} #home-header .header-menu ul li.my-stuff-link a i.icon-icon8:before { margin:0;} #home-header .header-menu ul li a i.icon-icon5 { font-size:15px;} #home-header .header-menu ul li a span { top:1px; font-size:14px} .i-address-panel { width:100%; margin:0;} .i-address-panel.i-address-panel-delivery { min-height: inherit!important; margin: 0 0 10px 0!important;} .i-address-panel .i-address-panel-inner .i-contact-phone .x-field.x-form-item { margin: 10px 0 0 0!important;} .i-fieldset, .i-serAddSch, .i-address-panel, .i-payoptdetails-box, .i-payInfo { border-color:#cccccc!important;} .i-fieldset .i-payoptdetails-box .x-field.x-form-item { margin: 0 0 0 0!important;} .i-fieldset .addonoptionwidth.x-form-item { width:50%; margin:0;} .i-fieldset .x-field.x-form-item { width:100%; margin: 0 0 10px 0!important;} .i-fieldset .x-field.x-form-item.i-dinein-input { width:48%; margin: 0 10px 10px 0!important;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery { margin: 0 0 0 0!important;} .i-chekoutInfo .i-address-panel.i-address-panel-delivery.i-addNewAddrChkout { padding:6px;} .i-fieldset.i-paymentList .x-field.x-form-item { width:100%;} .i-fieldset.i-paymentList .x-field.x-form-item { margin:10px 0 0 0!important;} .i-fieldset.i-paymentList h1 { margin:0;} .i-fieldset.i-paymentList .i-paymentType-box .x-form-cb-label-default.x-form-cb-label-after { margin: 0 0 0 0!important;} .i-fieldset.i-paymentList .x-field.x-form-item.i-paymentType-box { margin: 8px 0 0 0!important;} .i-fieldset.i-paymentList .i-paymentType-box .x-form-cb-default { margin-top: 0;} .i-fieldset.i-cont2col .x-field.x-form-item { width:48%; margin: 0 0 0 0!important;} .i-fieldset.i-cont2col .x-field.x-form-item:first-child { margin-right:10px!important;} .i-fieldset.i-cont2col .x-field.x-form-item.i-coupon-text { margin-right:10px!important; width: 54%;} .i-fieldset.i-nobox { padding: 0; border: 0px none; margin-bottom: 10px;} .i-fieldset.i-nobox .x-field.x-form-item:first-child { margin: 0!important;} .i-fieldset .x-anchor-form-item, .i-fieldset .x-autocontainer-form-item { margin-bottom: 0px;} .i-fieldset .i-payoptdetails-box .x-field.x-form-item.i-zip-item { width:100%!important;} .i-fieldset .i-payoptdetails-box .i-expirydate-container { float: left; width: 100%;} .i-fieldset .i-payoptdetails-box .i-expirydate-container .x-field.x-form-item { width: 48%!important; margin-right: 2%!important;} .i-fieldset .i-paymentType-box .x-form-cb-default { margin-top:2px;} .i-fieldset .i-paymentType-box .x-form-cb-label-default.x-form-cb-label-after { margin-top:0;} .i-fieldset .i-paymentType-box .x-form-cb-wrap-default { height:auto!important; min-height: auto!important;} .i-fieldset .i-paymentType-box .x-form-cb-label-default.x-form-cb-label-after { margin: 0 0 5px 0!important;} .i-tip-container { width:100%; text-align:center;} .i-tip-container a.i-blue-link { width: 23%; margin: 0 2px 4px 2px;} .i-tip-container a.i-blue-link.custom { width:96%; display:block; margin: 0 auto 10px auto;} .i-login-window .i-loginWrapper { width:100%!important;} .i-login-window .x-window-body { padding: 15px 15px;} .i-login-window .i-login-panel-heading { margin: 10px 0 20px 0; font-size: 18px;} .i-login-window .i-login-window-close { width: 40px; height: 40px; line-height: 40px; text-align: center; left: auto!important; right: 0!important; top: 0!important; font-size: 22px;} .i-login-newuser-window .i-register-panel-heading .i-login-window-close { width: 40px; height: 40px; line-height: 40px; text-align: center; left: auto!important; right: 0!important; top: 0!important; font-size: 22px;} .i-login-newuser-window .i-register-panel-heading span strong { font-size: 18px;} .i-login-newuser-window .i-register-panel-heading { padding: 25px 15px 0 15px;} .x-window.i-login-newuser-window.i-forgetPwd-window .x-window-body { padding: 15px 15px;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-register-panel .x-panel-body-default { padding: 0 0!important;} .x-window.i-login-newuser-window.i-forgetPwd-window .i-login-window-close { width: 40px; height: 40px; line-height: 40px; text-align: center; left: auto!important; right: 0!important; top: 0!important; font-size: 22px;} .i-leftLoginCont, .i-rightRegisCont { width: 100%!important; float: none;} .i-login-window .i-rightRegisCont .i-resetPwdCont { padding: 14px 0 14px 0;} .i-leftLoginCont { padding: 0 0 0 0;} .i-rightRegisCont { padding: 0;} .i-login-window .i-login-panel-social-heading { margin-bottom: 15px;} .i-rightRegisCont .i-fbLoginBtn-container { padding: 0 0 10px 0!important;} .i-rightRegisCont .i-GoogleLoginBtn-container { padding: 0 0 0 0!important;} .x-window.i-itemWindow h1, .x-panel.i-order-panel h1 { font-size: 17px; line-height: 24px;} .x-window.i-itemWindow .x-fieldset, .i-qty-select-cont { width:100%!important; float:none!important;} .x-window.i-itemWindow .x-fieldset { margin-bottom: 10px!important;} .i-qty-select-cont { margin-bottom:0px!important;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest .i-fieldcontainer { width:100%!important; float:none!important;} .x-window.i-itemWindow.x-window-default .x-toolbar.x-toolbar-default { padding:6px;} .i-AddItem-bottombar .x-box-inner { height: 50px!important;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .error { margin: 10px 0; display: block; width: 100%; top: -4px!important; z-index: 99999;} .x-window.i-itemWindow .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { display:block; width: auto; right: 0!important;} .x-btn-default-small.i-red-btn.i-submit-btn { display:block; width: 100%; padding: 10px 0!important; right: auto!important; min-width: 100%;} #instructions_fieldcontainer .instructions_fieldcontainer-splinst, #instructions_fieldcontainer .instructions_fieldcontainer-name { width:100%; float:none; padding: 0;} #instructions_fieldcontainer .instructions_fieldcontainer-splinst #splInst div, #instructions_fieldcontainer .instructions_fieldcontainer-name #splInst div, #instructions_fieldcontainer .instructions_fieldcontainer-name #name div { width:100%!important;} #instructions_fieldcontainer .instructions { padding:0!important; margin-bottom: 8px;} #instructions_fieldcontainer #splInst, #instructions_fieldcontainer #splInst div, #instructions_fieldcontainer #name, #instructions_fieldcontainer #name div { margin-bottom: 5px;} #instructions_fieldcontainer #name, #instructions_fieldcontainer #name div { margin-bottom:0;} .mystuff-detailbox .i-myStuff-Title h4 { font-weight: 400; font-size: 20px; padding-bottom: 10px; margin-bottom: 12px;} .mystuff-detailbox .i-myStuff-Title h5 { font-size: 16px;} .mystuff-detailbox .recent-orders { float:none; width:100%; margin:0 0 12px 0;} .mystuff-detailbox .recent-orders .recent-info p { font-size:14px;} .mystuff-tabs { padding: 0!important;} .menu-tabs .mystuff-tabs .sectionLeft { width: 100%!important; display:block!important; float: none; margin-bottom: 10px;} .mystuff-tabs ul.nav-tabs { padding: 8px;} .mystuff-tabs ul.nav-tabs li { float: left; width: auto;} .mystuff-tabs ul.nav-tabs li a { border-right: 0px none!important; font-size:14px; padding: 5px 0 0 0; text-align:center; width: 46px; height: 36px; line-height: 32px; margin-right: 6px; text-overflow: inherit; white-space: inherit; overflow: inherit; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;} .mystuff-tabs ul.nav-tabs li a span { display:none;} .mystuff-tabs ul.nav-tabs li a.cl-coupon, .mystuff-tabs ul.nav-tabs li a.cl-password {padding: 5px 0 0 0;} .mystuff-tabs ul.nav-tabs>li.active>a, .mystuff-tabs ul.nav-tabs>li.active>a:focus { border-right: 0px none!important; background: #d42c34!important; color: #FFFFFF!important; /*background: #FFFFFF!important; color: #0b2135!important;*/ } .mystuff-tabs ul.nav-tabs li a i { margin:0; font-size:22px;} .mystuff-tabs .mystuff-detailbox .i-profile-col1 { padding-bottom:5px; margin-bottom:15px!important; border-bottom: 1px solid #bfbfbf!important;} .mystuff-tabs .mystuff-detailbox .i-profile-col1, .mystuff-tabs .mystuff-detailbox .i-changeEmail-col2 { width:100%!important; margin:0;} .mystuff-tabs .mystuff-detailbox .i-changePassword { width:100%!important;} .i-AddressBookCont .address-box { width:100%; margin: 0 0 15px 0; min-height: 150px; padding: 15px 15px 15px 40px;} .i-AddressBookCont .address-box i { left: 5px; top: 10px;} .i-NewAddressWindow .i-StateZip .x-form-item, .i-NewAddressWindow .i-FNameLname .x-form-item { width:100%!important; float:none; display:block;} .i-NewAddressWindow .i-StateZip .x-form-item.i-StateZip_col1, .i-NewAddressWindow .i-StateZip .x-form-item.i-StateZip_col2 { width: 100%!important; margin: 0 0 5px 0; float: left;} .i-NewAddressWindow .x-form-item { margin-bottom:5px; } .i-NewAddressWindow .x-form-item-label-default { width:100%!important; display:block; padding: 5px 0 0 0!important; min-height: auto;} .i-NewAddressWindow .i-StateZip .x-form-item:last-child .x-form-item-label-default, .i-NewAddressWindow .i-FNameLname .x-form-item:last-child .x-form-item-label-default { padding-left:0!important;} .x-window.i-login-newuser-window .i-register-panel .x-form-item, .x-window.i-login-newuser-window .i-register-panel .i-pwd-container { float:none; width: 100%!important; margin: 0 0 10px 0;} .x-window.i-login-newuser-window .i-register-panel .x-panel-body-default { padding: 0 15px!important;} .x-window.i-login-newuser-window .i-register-panel .i-registerBottom { text-align: center;} .x-window.i-login-newuser-window .i-register-panel .i-registerBottom .x-panel-body-default { padding:0!important;} .x-window.i-itemWindow.i-success-window .i-almostdone-ordermessage ul li { float: none; width: 100%; margin: 0 0 5px 0; min-height: auto;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-blue-btn { width:48%; display:inline-block; right: 0!important; margin: 0!important; padding: 15px 12px!important;} .x-window.i-itemWindow.i-success-window .x-toolbar.x-toolbar-default .x-btn.i-button { width:48%; display:inline-block; float:left;} .x-window.i-itemWindow.i-changeBtn .x-toolbar.x-toolbar-default .x-btn.i-deleteItemBtn { width:48%; display:inline-block; right: 0!important; margin: 0!important; padding: 8px 0!important; left: 0!important;} .x-window.i-itemWindow.i-changeBtn .x-toolbar.x-toolbar-default .x-btn.i-updateItemBtn { width:48%; display:inline-block; float:left; margin: 0!important; right: 0!important; padding: 8px 0!important;} .menu-item { min-height: 180px;} .menu-item .menu-info p, .menu-item .menu-info span.addcart a, .menu-item .menu-info span.i-price { font-size:16px; font-weight: 700;} .menu-item .menu-info span.addcart a i { font-size:16px;} .menu-item .menu-info p { width:auto;} .pic-caption p { font-size:11px!important;} .menu-tabs .tab-content > .tab-pane { padding:0 15px; margin-bottom:0;} .panel-default > .panel-heading { margin-bottom:1px!important;} .i-itemImageAdjust { /*max-height: 80px!important;*/ max-height: 135px!important;} .x-window.i-itemWindow .x-fieldset .i-AddOnTest h4 { font-size: 17px;} .x-window.i-itemWindow .i-price-fldset-maincont { padding:8px;} .x-window.i-itemWindow .i-price-fldset-maincont .i-PortionWindow td { width: 100%!important; float: left!important;} .x-window.i-itemWindow .i-AddItemForm { overflow-y:scroll;} .i-subTotal { padding: 6px 0;} .i-price-list-item { padding: 4px 0;} .i-edit-item-view .i-price-list-item { padding: 8px;} .i-netTotal { margin: 4px 0; padding: 6px 10px;} .i-netTotal .i-item-price { font-size: 22px;} .i-SubmitStep3 .x-panel-body .x-autocontainer-outerCt, .i-SubmitStep3 .x-panel-body .x-autocontainer-innerCt { width: 100%;} .AboutUsTab .OrderInfoBlock .OrderDescription .left { width:100%; float:none; margin: 0;} .AboutUsTab .OrderInfoBlock p:first-child { border-top: 0px none;} .i-loyaltyPointList .i-balance { display: block; width: 100%; margin: 0 0 10px 0;} /*.i-firstCat .menu-item .menu-info span.addcart { float:none; width:100%; margin: 5px 0 0 0;} */ .i-firstCat .menu-item .menu-info span.addcart a { width: 80px;} .i-firstCat .menu-item .menu-info .setQtycart { width: 80px;} .i-firstCat .menu-item .menu-info span.i-price { font-size:14px; padding: 5px 0 0 0;} .i-firstCat .menu-item .menu-info .setQtycart .i-qty-add { width: 28px;} .i-firstCat .menu-item .menu-info .setQtycart .i-qtycart-adjust { width: 25px;} .menu-item .menu-info { min-height: auto;} .menu-item .menu-info .i-price-row { min-height: 30px;} .setQtyRightCart .i-qty-add { width: 36%; float: left;} .setQtyRightCart .i-qtyRightCart-adjust { width: 32%;} #breadcrumb-main ol li a { padding: 5px 6px;} .i-chekoutInfo .i-fieldset .empty-cart { padding-left:10px;} .i-coupon-info .i-couponSection1 span { display:block; padding-left:0; width: 100%; padding:0;} .i-coupon-info .i-couponSection1 { width:80%;} .i-coupon-info .i-couponSection2 { width:20%;} .i-coupon-info .i-couponSection1 .i-CouponRow1 { width:80%; margin-left: 10px;} .i-coupon-info .i-couponSection1 strong, .i-coupon-info .i-couponSection1 .i-CouponRow1 div { padding-top:0;} .i-coupon-info .i-couponSection1 strong { padding-left:0;} .i-chekoutInfo .i-fieldset.i-noHeight.i-cont2col .i-CO-SpecialInst.x-field.x-form-item { margin: 6px 0 0 0!important;} .i-chekoutInfo .i-fieldset.i-noPadding{ padding: 6px 15px;} .i-coupon-rPanel .i-order-panel .i-chkoutCouponList { padding-bottom:100px;} .i-search-container #menuCombo { left: 0!important; right: auto!Important;} .panel .panel-body .mobile-view { display:block;} .x-window.i-itemWindow .i-QtyOuterCont .i-AddItemDescCont { width:100%; float: none; margin-bottom: 10px;} .x-window.i-itemWindow .i-QtyOuterCont .i-AddItemDescCont #item_details_holder #item_desc { margin-top:0} .priceHide{display:none} .i-chekoutInfo .i-tip-container, .i-chekoutInfo .i-chkOutTipAmt { width:100%;} .i-chekoutInfo .i-chkOutTipAmt .i-tip-customBoxOuter { width:50%;} .about-contactusbtn { display:block; float: none; text-align: center;} .i-contactus-window .x-window-body { padding: 15px 15px;} .i-contactus-window .i-contactus-form .i-contactus-col1, .i-contactus-window .i-contactus-form .i-contactus-col2 { float: none; width: 100%!important;} .i-contactus-window .x-docked-bottom { padding: 10px 15px;} .AboutUsTab .OrderInfoBlock p { margin:0;} /***Sujit New Changes***/ .i-upsell-main { padding:0;} .i-upsell-main .carousel-control.left, .i-upsell-main .carousel-control.right { display:none;} /*.i-upsell-main .carousel-control.left { left: 0;} .i-upsell-main .carousel-control.right { right: 0;}*/ .i-upsell-main .i-upsell-item { width: 49%;} .i-upsell-main .i-upsell-item .i-float-left { width: 100%; text-align:center;} .i-upsell-main .i-upsell-item .i-float-right { width: 100%;} .i-upsell-main .i-upsell-item .i-upsell-itemname { width:auto; margin-top: 10px;} .i-upsell-main .carousel-control.left, .i-upsell-main .carousel-control.right { top: 40px;} .AboutUsTab .OrderInfoBlock.i-aboutService h3, .AboutUsTab .OrderInfoBlock.i-aboutPayment h3 { font-size:18px; margin: 0 0 10px 0; width:100%; float:none;} .AboutUsTab .OrderInfoBlock.i-aboutService .i-aboutServiceTable, .AboutUsTab .OrderInfoBlock.i-aboutPayment ul { width:100%; float:none;} .AboutUsTab .OrderInfoBlock.i-aboutService table { width:100%; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar;} .AboutUsTab .OrderInfoBlock.i-aboutService table tr td { border:1px solid #c7c7c7; } .i-banner #headerContainer span { top: -20px; } .i-banner #headerContainer span img { max-width: 45px;} .i-NewCCardWindow .x-window-body { padding:15px;} .i-NewCCardWindow .x-form-item { float:none; width: 100%!important; padding: 0;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expmonth, .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expyear { float: left; padding-right: 5%;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expmonth { width: 45%!important;} .i-NewCCardWindow .x-form-item.i-expirydate-container .i-cc-expyear { width: 45%!important;} .i-NewCCardWindow .x-window-body .i-cc-savebtn-cont { padding: 0 0 30px 0;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item { width:100%; margin: 0 0 10px 0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .i-expirydate-container .x-field { width: 40%!important; margin:0 10px 10px 0!important;} .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item.i-cczip, .i-chekoutInfo .i-paymentList .i-payoptdetails-box.i-cc-paymethod .x-field.x-form-item.i-cc-cvvno { width:100%;} .i-NewCCardWindow .i-cc-addwindow-spl .x-field.i-cc-ccnumber, .i-NewCCardWindow .i-cc-addwindow-spl .x-field.i-cc-cvvno { padding: 0; width: 100%!important;} .x-window.i-itemWindow .i-fieldset-container .i-fieldcontainer.fieldcontain { width:100%; float:none; } } /***new accordian css***/ @media(min-width:1025px){ .menu-head.desktop-view { display:block;} .panel-heading{ display:none;} .panel{ border:none; box-shadow:none;} .panel-body { padding:0;} .panel-collapse { display:block!important;} .panel-collapse{ height:auto; &.collapse{ display:block;} } /***.i-chekoutInfo .i-tip-container { width: 69%; }***/ } @media(max-width:1024px){ .menu-head.desktop-view { display:none;} .menu-head.mobile-view .menu-img { display:none;} .panel-default > .panel-heading { background:transparent;} .tab-content{ .tab-pane{ display:block; } } .nav-tabs{ display:none;} .nav-tabs.i-mystuffTabs{ display:block!important;} .panel-body { padding:0;} .panel-default > .panel-heading { padding:0; border:0px none; margin-bottom: 4px;} .panel-title a{ display:block; background: #0b2135!important; padding: 14px 8px 8px 8px; color:#FFFFFF; text-decoration:none; position:relative;} .panel-title a:after { font: normal normal normal 14px/1 FontAwesome; content: "\f078"; position:absolute; right:10px; top: 16px;} .panel-title a.collapsed:after { font: normal normal normal 14px/1 FontAwesome; content: "\f054"; position:absolute; right:10px; top: 18px;} .menu-tabs .tab-content .menu-head.mobile-view { margin:0; padding:0; position: relative;} .menu-tabs .tab-content .menu-head.mobile-view .up-down{ position: absolute; right: 0; top: 0; font-size: 22px;} .menu-tabs .tab-content .menu-head.mobile-view .up-down .fa-angle-up { display:none;} .menu-tabs .tab-content .menu-head.mobile-view h4{ color:#FFFFFF!important; font-size:17px; font-weight:400;} .menu-tabs .tab-content .menu-head.mobile-view p{ color:#FFFFFF; margin:0; font-size:14px;} .panel{ margin:0; box-shadow:none; border-radius:0; margin-top:0; border: 0px none;} .tab-pane{ &:first-child{ .panel{ border-radius:5px 5px 0 0; } } &:last-child{ .panel{ border-radius:0 0 5px 5px; } } } } .i-discMessage { font-size: 18px; font-weight: normal; text-align: center; padding: 10px;} .i-discContainer { margin:0 auto; padding:15px 0 0 0; text-align: center;} .i-discButton { line-height: 100px;} .i-discButton button { vertical-align: middle;} .i-discButton { width:180px !important; height:102px !important; overflow:hidden; white-space:normal !important;} .i-discButton.x-btn-default-small .x-btn-inner-default-small { padding: 6px!important; white-space: normal!important;} .i-discButton.x-btn em, .i-discButton.x-btn em button { height:105px !important; width:100% !important;} .i-discButton.x-btn em { *width:97% !important;} .i-discButton.x-btn em button .x-btn-inner { white-space:normal !important; padding:0 !important; *width:100% !important;} .i-discButton.x-btn-default-small { text-decoration:none; line-height: 100px; margin: 0 10px 10px 10px!important; background: #fd4f57!important; line-height: 93px; padding:0 !important;border:2px solid;} .i-discButton.x-btn-default-small em { display: block; border: 2px solid #fff; height: 98px !important;} .i-discButton.x-btn-default-small button td { background: transparent !Important;} .i-discButton .x-btn-default-small-icon button, .x-btn-default-small-icon .x-btn-inner, .x-btn-default-small-noicon button, .x-btn-default-small-noicon .x-btn-inner { height: auto !important;} #telephone .x-form-text-wrap, #fbtelephone .x-form-text-wrap { overflow: inherit !important;}