@import url(https://fonts.googleapis.com/css?family=Inconsolata);

body .visible-swindon { display:none !important; } 
body .hidden-swindon { display:inherit !important; } 
body.shop_swindon .hidden-swindon { display:none !important; }
body.shop_swindon .visible-swindon { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
	font-family: 'Inconsolata';
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #f8f7ea;

	/*background-image: url("/myimages/868/zpos-bg-SushiNow_bodyBG.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/868/images/zpos-bg-SushiNow_bodyBG.jpg?auto=compress");

	background-repeat: repeat;
	background-attachment: fixed;
	background-size: contain;
}

header, #mobile-header {
	background-color: #f8f7ea;

	background-image:none;
	background-attachment: scroll;
	background-size: cover;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/* DISPLAY NONES ----------------------------------------------- */
/*.column_slideshow, */
.row_phones, 
.row_mods, 
#body-bottom-hr,
.home-about,
.home h1,
.mod_postcode_box .lead {
    display: none !important;
}
.dischome {
    margin-bottom:60px;
}
.alert-offer-pm p { 
    line-height:120%;
}
.alert-offer-pm small { 
    font-size:60%;
    opacity:0.8;
}
.alert-offer-pm strong { 
    font-size:120%;
}
    
/* GENERAL / WIDTHING ----------------------------------------------- */

h1, h2, h3, h4, h5,
p {
 	color: #000;   
}

[class^="icon-"], [class*=" icon-"] { /* icons */
    background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);  
}

.ui-widget>.ui-widget-content,
.well, #container {
    border: none;
    box-shadow: none;
    border-radius: 0; 
}

#container {
 	background: none;   
}

.well {
 	background: #f8f7ea;
    color: #000;
}

header > .row-fluid, {
 	background: #f8f7eb;   
}
.contact-us .ui-widget,
.page_members .well {
    background: #fffff2;
}

.postcodeWrapper,
.home .widthWrapper,
footer > div,
#body,
header > .row-fluid,
.ct_details_bar_content {
    max-width: 1170px;
    margin: 0 auto;
}

.home #body,
#container {
    width: 100%;
    padding: 0;
}

.home #body {
 	max-width: 100%;   
}

header {
 	margin: 10px 0 20px; 
    background: none;
}
.ct_header_row {
    box-shadow: none !important;
    border: none !important;   
 	position: relative;   
}
.red {
    color: #e20816;
}

.website-image {
    text-align: center;   
}

em, a, a:hover, a:focus,h1 small, table .text-success, .home footer a, .home footer a:hover, .home footer a:focus {
   color: #e30613;
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: 0;   
}

.widthWrapper button,
legend,
h1, h2, h3, h4, h5,
.nav-list>li>a, .nav-list .nav-header,
.navbar .nav>li>a, .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a,
.btn,
.alert,
#opening-status,
.ct_details_bar > *,
.ui-widget-header,
.hero-unit h1, .jumbotron-order-complete h1,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-state-active, .ui-state-default:hover, .ui-state-default:focus,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:focus, .ui-state-active a:hover,
.ui-state-default:hover a, .ui-state-default:focus a {
 	font-family: "Sen", sans-serif;   
}

.widthWrapper button,
legend,
.ui-tabs .ui-tabs-nav li a,
.nav-list>li>a, .nav-list .nav-header,
.navbar .nav>li>a, .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a,
h1, h2, h3, h4, h5 {
 	text-transform: uppercase;   
}

.menu-selection h1,
legend {
 	color: #000;   
}

/* black border well */
.page_members .website-image,
.ourDishesSection .row1 > *,
.ourDishesSection .row2 > *,
.well,
header > .row-fluid,
.contact-us .ui-widget,
.page_members .well,
.loyaltypoints_box {
 	border: 4px solid #000;
}

/* well black drop shadow */
.ourDishesSection .row1 > *,
.ourDishesSection .row2 > *,
.loyaltypoints_box {
    -webkit-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
    box-shadow: -10px 10px 0px 0px rgba(0,0,0,1);
}

/* red drop shadow*/
.LPImgs .img1 {
 	 -webkit-box-shadow: -10px 10px 0px 0px rgba(227,6,19,1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(227,6,19,1);
    box-shadow: -10px 10px 0px 0px rgba(227,6,19,1); 
}

/* white drop shadow*/
.ourDishesSection .row1 .imgTile:hover,
.ourDishesSection .row1 .imgTile:focus,
.ourDishesSection .row2 .imgTile:hover,
.ourDishesSection .row2 .imgTile:focus,
.LPImgs .img2 {
 	 -webkit-box-shadow: -10px 10px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(255,255,255,1);
    box-shadow: -10px 10px 0px 0px rgba(255,255,255,1); 
}



/* well black drop shadow (smaller) */
.page_members .website-image,
.well,
header > .row-fluid,
.menu-selection .btn-primary:hover,
.menu-selection .btn-primary:focus,
.page_menu .website-image img, 
header .btn.btn-navbar,
header .btn.btn-navbar.collapsed,
.contact-us .ui-widget,
.page_members .well,
.menu-selection .alert{
    -webkit-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
    box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
}


/* well red drop shadow (smaller)*/
.menu-selection .btn-primary,
#basket-container {
 	 -webkit-box-shadow: -5px 5px 0px 0px rgba(227,6,19,1);
    -moz-box-shadow: -5px 5px 0px 0px rgba(227,6,19,1);
    box-shadow: -5px 5px 0px 0px rgba(227,6,19,1); 
}


/* ALERTS (postcode box styling will overwrite) ----------------------------------------------- */
.modal {
    border-radius: 0;
    border: none;
    box-shadow: none;   
}
.modal-header  {
    border-radius: 0;
    border: none;
    background: #e30613;
    color: #fff;
}
.modal-footer {
    border-radius: 0;
    border: none;
    background: #000;
    color: #fff;
}
.modal-footer h3 {
    color: #fff;
}
.modal-body {
 	background: #f8f7ea;
    color: #000;
}

.modal hr {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.alert {
    text-align: center;
    border: none;
    text-shadow: none;
	border-radius: 0;
    color: #fff;
    background: #000;
}
.alert-error, .alert-danger {
	background: #b90000;
}
.alert-error > * {
    color: #fff;
}
.alert-warning {
	background: #ef7b04;
}
.alert-success {
	background: #139414;
}
.alert-info {
	background: #0394dc;
}

/* ------- HOME --------------- */
body.home {
	background-image: none !important;    
}

.openStatusDiv .tooltip {
 	top: 37px !important;
    left: 1px !important;  
}

.tooltip.top .tooltip-arrow {
 	top: 0;   
}


/* HEADER / NAV BAR ----------------------------------------------- */
.home .ct_details_bar {
 	display: none;   
}
.ct_details_bar > * {
 	text-align: right !important;
    display: block;
    width: 100% !important;
    margin: 0 !important;
    color: #000;
}
.ct_details_bar {
    margin: 10px 0px;
}

.navbar .brand {
 	text-shadow: none;
    float: right;
}

#responsive-food-menu .brand {
 	color: #fff;  
}

.status-OPEN {
    color: #4f9d01 !important;
}
.status-CLOSED {
    color: #a70000 !important
}
.openStatusDiv {
 	display: inline-block;   
    margin: 8px 0 8px 8px; 
}
.openStatusDiv {
 	position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
    height: 24px;
    margin-top: 0px;
    padding-top: 2px;
}
body:not(.home) header .right_column.span9 {
 	margin-top: 35px;  
    /*padding-right: 20px;*/
}
.home .row-fluid .span9 {
    width: 71.358974%;
}

.navbar .main-menu li, .navbar .nav a { /*navbar center */
    /*display: inline-block;*/
    text-align: center;
    float: none;
}
.navbar .nav { 
    text-align: right;
    float: none;
    margin: 0;
}   

.navbar-inner { /* style nav bar */
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    padding: 0;
}

.navbar .nav>li>a, .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a /*style nav links*/ {
    background: none;
    text-shadow: none;
    box-shadow: none;
}

#logo img {
 	padding: 20px;
}

.home #logo img {
 	padding: 0px;
    max-height: 270px;
}

.column_slideshow {
 	margin-top: 120px;   
}

.carousel-control {
    background: none;
    border: none;
    color: #636363;
    bottom: 0px;
    top: unset; 
}

#underlogo-text {
    text-transform: uppercase;
    color: #000000;
    font-weighT: bold;
    font-size: 21px;
    text-align: center;
    margin: 15px 0px;
}

#opening-status {
    margin: 0; 
    padding: 2px 0 5px 5px;
    font-weight: bold;
}

.openIcon {
    width: 18px;
    margin: 2px 5px 5px 5px;
}

.home .navbar .nav .dropdown-toggle .caret {
    margin-top: 13px;
}

.openStatusDiv,
.navbar .nav>li>a {
    color: #000;
    font-weight: bold;
    border: 4px solid #000;    
    font-size: 18px;
    line-height: 1.2;
}
.navbar .nav>li>a {
    padding: 5px 10px; 
    border-radius: 0;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background: none;
   	color: #e30613;
    font-weight: bold;
    border: 4px solid #e30613;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus { /* remove default active link box-shadow*/
	box-shadow: none;   
}

.navbar .btn-navbar { /*mobile navbar burger */
    text-shadow: none;
    padding: 10px;
    margin-bottom: 5px;
    background: #e30613;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus  {
    background: #000;
    border: 2px solid #e30613 !important;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar .nav li.dropdown>a:hover .caret, 
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.active>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #e30613 !important;
    border-bottom-color: #e30613;
}
.mod_postcode_box .caret {
 	border-top-color: #000000;   
}

.uk-offcanvas-bar {
	background: #000;
    color: #fff;
}
.uk-nav-offcanvas>li>a,
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
	color: #fff;
}

.dropdown-menu { 
    border-radius: 0;
	background: #e30613;
    border: 4px solid #000;
     -webkit-box-shadow: -5px 5px 0px 0px rgba(227,6,19,1);
    -moz-box-shadow: -5px 5px 0px 0px rgba(227,6,19,1);
    box-shadow: -5px 5px 0px 0px rgba(227,6,19,1); 
}
.dropdown-menu li {
	width: 100%;
    text-align: center;
}
.dropdown-menu>li>a, .dropdown-menu>li:hover, .dropdown-menu>li:focus{
	color: #fff;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, 
.dropdown-submenu:hover>a, .dropdown-submenu:focus>a,
.dropdown-menu>li:hover, .dropdown-menu>li:focus {
	background: #000;
}

#responsive-food-menu .navbar-inner{
	background: #000;
    color: #fff;
    border: none;
    padding: 0 10px;
    border-radius: 0;
}

.popover,
.popover * {
    border-radius: 0;
    border: none !important;
    box-shadow: none;
}

.popover {
    border: 2px solid #000 !important;
}

.popover-content,
.popover {
    background: #fff;
    color: #000;
}
.popover-title {
    background: #e30613;
    color: #fff;
}

/**-- INPUTS --**/
select, textarea, input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], 
input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], 
input[type="color"],
.page_members .btn-group .btn.dropdown-toggle,
#responsive-food-menu button {
    font-family: 'Inconsolata' !important;   
    box-sizing: border-box;
    height: 32px;
    border: 2px solid #000000;
    color: #000000;
    font-weight: bold;
    border-radius: 0px !important;
}


/* HOME - SECTION STYLES  ----------------------------------------------- */

.loyaltyPointsSection {
 	background: #000;  
    padding: 154px 0 120px;
}
.loyaltyPointsSection p {
 	color: #fff;
    font-size: 20px;
    margin: 30px 0;
    max-width: 440px;
}

.widthWrapper button {
    transition: 0.15s;
    background: #fff;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 15px;
}

.loyaltyPointsSection button {
    color: #e30613;
    border: 4px solid #e30613;
    position: relative;

}
.loyaltyPointsSection button:hover,
.loyaltyPointsSection button:focus {
    background: #e30613;
    color: #fff;
    border: 4px solid #fff;
}

.LPImgs {
 	position: relative;
    height: 390px;
    margin-top: 40px;
}
.LPImgs img {
 	position: absolute;   
    transition: 0.5s;
}

.LPImgs .img1 {
 	width: 340px; 
    z-index: 2;
    bottom: -40px;
    left: 0;
    
}
.LPImgs .img2 {
   width: 429px;
   z-index: 1;
    right: 0;
    top: 0;
}

.LPImgs img:hover,
.LPImgs img:focus {
 	transform: scale(1.05);   
}

.LPDesc button:after {
    position: absolute;
 	content:"";
    background-image: url("/myimages/868/SushiNow_LPSushi.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 138px;
    height: 75px;
    right: -150px;
    top: -30px;
}


.aboutUsSection {
    position: relative;
	text-align: center;
    padding: 70px 0;
    overflow: hidden;
}
.aboutUsSection h2 {
 	font-size: 42px;
    font-weight: 1000;
}
.aboutUsSection h3 {
	text-transform: capitalize;
}
.ourDishesSection .widthWrapper button,
.aboutUsSection button {
 	border: 4px solid #37b006;
    color: #37b006;
}
.ourDishesSection .widthWrapper button:hover,
.ourDishesSection .widthWrapper button:focus,
.aboutUsSection button:hover,
.aboutUsSection button:focus {
 	border: 4px solid #fff;
    background: #37b006;
    color: #fff;
}

.aboutUsDesc .well-small {
 	border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: bold;
    max-width: 520px;
}

.aboutUsSection .widthWrapper {
 	position: relative;   
}

.aboutUsSection .widthWrapper .img2 {
    position: absolute;
    right: -90px;
    width: 40%;
    margin-top: 50px;
}

.ourDishesSection {
 	background-image: url("/myimages/868/zpos-bg-SushiNow_OurDishesBG.jpg");
    background-size: cover;
    padding: 77px 0;
    text-align: center;
}

.ourDishesSection .row1 .imgTile,
.ourDishesSection .row2 .imgTile {
    transition: 0.4s; 
}
.ourDishesSection .row1 .imgTile:hover,
.ourDishesSection .row1 .imgTile:focus,
.ourDishesSection .row2 .imgTile:hover,
.ourDishesSection .row2 .imgTile:focus {
 	transition: 0.15s;   
}

.ourDishesSection .row1 .imgTile:hover,
.ourDishesSection .row1 .imgTile:focus,
.ourDishesSection .row2 .imgTile:hover,
.ourDishesSection .row2 .imgTile:focus {
    border: 4px solid #fff;   
}

.ourDishesSection .row1 {
    margin: 45px 0 57px;
    text-align: left;
}
.ourDishesSection .row1 > *{
    margin-left: 35px;
}
.ourDishesSection .row1 div:first-child {
 	margin-left: 0;   
}

.ourDishesSection .row2 {
    margin: 45px 0 57px;
    text-align: right;
}
.ourDishesSection .row2 > *{
    margin-right: 35px;
}
.ourDishesSection .row2 div:last-child {
 	margin-right: 0;   
}

.ourDishesSection .imgTile {
    overflow: hidden;
}

.ourDishesSection .imgTile img {
    transition: 0.5s;
    height: 100%;
}

.ourDishesSection .imgTile:hover img,
.ourDishesSection .imgTile:focus img {   
     transform: scale(1.05);
}

.ourDishesSection .widthWrapper button {
 	position: absolute;   
    left: 20px;
    bottom: 20px;
    font-size: 20px;
    padding: 5px;
}

.ourDishesSection .widthWrapper .row2 button {
    left: unset;
    right: 20px;
}

.ourDishesSection .imgTile {
    position: relative;
 	width: 320px;
    height: 300px;
    display: inline-block;
    background: #000;
}

/* POSTCODE BOX  ----------------------------------------------- */

.postcodeSection {
 	background: url('/myimages/868/sushinow_redblackbg.jpg');
    height: 380px;
}
.mod_postcode_box {
 	width: 620px; 
    float: right;
    border: 6px solid #000;
    -webkit-box-shadow: -15px 15px 0px 0px rgba(227,6,19,1);
    -moz-box-shadow: -15px 15px 0px 0px rgba(227,6,19,1);
    box-shadow: -15px 15px 0px 0px rgba(227,6,19,1); 
    background: #e30613;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -80px;
}
#postcode_imgtop {
 	margin-top: 40px !important;   
}
#postcode_imgbottom {
    float: left;
    margin-top: -70px;
}
#mod_postcode_box_pc {
 	color: #000000;
    border: 4px solid #000000;
    border-right: none !important;
    width: 70%;
    height: 48px;
    font-size: 22px;
    font-weight: bold;
}
#mod_postcode_box_pc::placeholder {
    color: #000000;  
    font-weight: bold;
}
.mod_postcode_box .btn {
    border: 4px solid #000000 !important;
    border-left: none !important;
    border-radius: 0px !important;
    width: 100%;
    font-weight: bold;
    font-size: 22px;
    padding: 10px 5px;
}
.mod_postcode_box .btn-group {
    width: 30%;
}
.mod_postcode_box .col2 {
    width: 70%;  
    margin-top: 30px;
}
.mod_postcode_box .col3 {
    max-width: 75%;
    margin: auto;   
    font-size: 20px;
    margin-top: 20px;
}
.mod_postcode_box .col3 .muted {
 	color: #FFFFFF;   
}
.mod_postcode_box .dropdown-menu {
    background: #62b90c;
}
.mod_postcode_box .dropdown-menu a {
	font-size: 20px;
    color: #FFFFFF !important;
}


.ourDishesSection .widthWrapper > div {
    position: relative;
}

.ourDishesSection .row1:after,
.ourDishesSection .row2:after {
    position: absolute;
 	content:"";  
    background-repeat: no-repeat;
    background-size: contain;    
}

.ourDishesSection .row1:after {
 	background-image: url("/myimages/868/SushiNow_SauceImg.png");  
    width: 156px;
    height: 265px;
    right: 10px;
    top: 90px;
}

.ourDishesSection .row2:after {
 	background-image: url("/myimages/868/SushiNow_SushiImg.png");  
    width: 181px;
    height: 156px;
    left: -30px;
    bottom: -90px;   
}


/* WEBSITE BUTTONS / LABELS  ----------------------------------------------- */
.btn, .btn-group, .btn-group>.btn:first-child, .btn-group>.btn:last-child {
    text-shadow: none;
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.btn {
 	border: 2px solid #000 !important; 
    background: #fff;
    color: #000;
    border-radius: 0px !important;
}

.btn:hover, .btn:focus {
    color: #000; 
}

.btn-default, .btn-default:hover, .btn-default:focus,
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.btn-success, .btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle,
.btn-danger,.btn-danger:hover, .btn-danger:focus, 
.btn-warning, .btn-warning:hover, .btn-warning:focus,
.btn-info, .btn-info:hover, .btn-info:focus, .modal .btn-group.open .btn-info.dropdown-toggle,
.btn-inverse, .btn-inverse:hover, .btn-inverse:focus {
    color: #fff;
}

.btn-default {
    background: #fff;
	color: #000;
}
.btn-default:hover, .btn-default:focus {
	background: #e2e2e2;
}
.btn-primary {
	background: #2c50ff;
}
.btn-primary:hover, .btn-primary:focus {
  	background: #1837ca;
}
.btn-success {
  	background: #66cc00;
    color: #000000;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
 	background: #65c407;
    color: #000000;
}
.text-success {
	color: #66cc00;
}
.btn-danger {
   	background: #b90000;
}
.btn-danger:hover, .btn-danger:focus {
	background: #8c0000;
}
.text-error {
  	color: #e31012;
}
.btn-warning {
	background: #ef7b04;
}
.btn-warning:hover, .btn-warning:focus {
   background: #ca6600;
}
.text-warning {
	color: #a05e00;
}
.btn-info {
    background: #0394dc;
}
.btn-info:hover, .btn-info:focus, .modal .btn-group.open .btn-info.dropdown-toggle  {
 	background: #0071a9;
}
.text-info {
	color: #0076b1;
}
.text-muted, .muted {
    color: #717171; 
}
.menu-selection .btn-primary,
.btn-inverse {
    background: #000;
}
.btn-inverse:hover, .btn-inverse:focus {
    background: #2d2d2d;
}

.menu-selection .btn-primary,
.menu-selection .btn-primary:hover,
.menu-selection .btn-primary:focus {
    border: 4px solid #000 !important;
}

.menu-selection .btn-primary:hover,
.menu-selection .btn-primary:focus {
  	background: #e30613;  
}

#responsive-food-menu .btn-navbar, 
#responsive-food-menu .btn-navbar .text-info{
 	background: none;
    color: #e30613;
}
    
/* CHECKOUT MODAL STYLING  ----------------------------------------------- */
#checkoutVouchercode {
 	width: 170px;   
}

/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box {
	background: #e30613 !important;
    color: #fff;
}
.loyaltypoints_box p, .loyaltypoints_box h5 {
 	color: #FFFFFF !important;   
}
.loyaltypoints_box h5 {
 	/*font-size: 14px !important; 
    font-weighT: bold;
    text-align: left !important;*/
}
.loyaltypoints_box .row-credits .well { /* border around counters */
    border: 2px solid #000000 !important;
}
.loyaltypoints_box .row-credits { /*points counter */
     font-family: "Sen", sans-serif;
}
.loyaltypoints_box .row-credits .col-equals div {
 	border: none !important;   
}
.loyaltypoints_box .ui-widget-header {
    border: none;
    background: #000;
    color: #fff;
}
.loyaltypoints_box .btn-link:hover, .loyaltypoints_box .btn-link:focus,
.loyaltypoints_box .btn-link {
    border: none !important;
    background: none;
    color: #fff;
    padding: 4px 3px !important;
}
.loyaltypoints_box .btn-success {
 	color: #fff;   
}
.loyaltypoints_box .col-equals .ui-widget-header, .loyaltypoints_box .col-equals .well {
    border: none;
   	background: none;
    color: #fff;
}
/*.loyaltypoints_box  .fa-trophy {
 	margin-top: 8px;   
}*/

.loyalty-caption h3 {
 	color: #FFFFFF;   
}

/* MENU PAGE  ----------------------------------------------- */

.menu-selection .alert, .how-im-ordering, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #e30613;
    color: #fff;
}

.how-im-ordering {
 	border: 4px solid #000;
    margin: 10px;
    -webkit-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
    box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
}

.how-im-ordering h2,
.how-im-ordering small, .how-im-ordering small:hover, .how-im-ordering small:focus {
    color: #fff;
}

#basket-container {
    border: 4px solid #000;
    background: #000;
    color: #fff;
}
#basket-container h3,
#zp-offcanvas-basket h3 {
 	color: #FFFFFF;   
}
.entry_product > * {
 	font-size: 16px;
}

.modal .media-body {
    text-align: center;
}
.modal .media-body ul {
    text-align: center;
    list-style: none;
    margin: 0;
}
.modal ul {
    border-radius: 0;
    text-align: center;
    list-style: none;
}
.modal small, .modalsmall, .media-body ul li {
    font-size: 15px;
}



#order-empty {
     margin-bottom: ;
}

.row-product:hover, .row-product:focus {
 	background: transparent;   
}

.menu-selection {
    
}

.menu-selection h1 {
    text-align: center;  
    line-height: 110px;
    font-size: 50px;
}

.ui-tabs-nav, .ui-tabs-menu, .ui-state-default, .ui-state-active {
    border: none !important;
}

/* menu background */
.ui-tabs-menu {
	background: ;
    color: ;
}
/* menu nav bg */
.ui-tabs-nav {
	background: ; 
}

.ui-state-default {
	background: #fff !important;
    color: #000;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #000;
}

.ui-widget-header,
.ui-state-active, .ui-state-default:hover, .ui-state-default:focus {
    background: #000;
    color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:focus, .ui-state-active a:hover,
.ui-state-default:hover a, .ui-state-default:focus a{
    color: #fff;
    background: #e30613;
}

/* menu list */
.ui-tabs-vertical .ui-tabs-panel {
 	color: ;   
}

.row-odd {
 	background: transparent;   
}

.menu .media-heading {
    font-size: 20px;
    line-height: 1.4;
}

.modal-body .media-body {
    padding: 20px;
}
.modal-body .media-heading {
    font-size: 24px;
    line-height: 2;
}
.modal-body .caret {
 	border-top-color: ;
    border-bottom-color: ;   
}

.modal-body .btn-danger .caret,
.modal-body .btn-success .caret,
.modal-body .btn-info .caret {
    border-top-color: ;
    border-bottom-color: ;
}

.ui-widget>.ui-widget-header,
.ui-tabs-vertical .ui-tabs-nav li {
 	 border-radius: 0;  
}

/*contact headers */
.ui-widget>.ui-widget-header {
    background: #000;
    color: #fff;
    border: 6px solid #000;;
}

.contact-us [class^="icon-"], .contact-us [class*=" icon-"] {  
    background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png); 
}



/* MEMBERS  ----------------------------------------------- */
.hero-unit, .jumbotron-order-complete, .hero-unit p {
    border-radius: 0;
	background: #e30613;
    color: #fff;
}

.hero-unit a,.hero-unit a:hover, .hero-unit a:focus, .jumbotron-order-complete .text-warning {
	color: #fff;
    font-weight: bold;
}

.sidebar-nav .nav-list .active a {
	color: #fff;
}
.nav>li>a:hover, .nav>li>a:focus,
.sidebar-nav .nav>li>a:hover, .sidebar-nav .nav>li>a:focus,
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus{
	text-shadow: none;
    color: #fff;
    background: #e30613;
}

.page_members  .nav-list .nav-header,
.sidebar-nav .nav-list>li>a  {
 	color: #000;   
}

.sidebar-nav .nav-list li a [class^="icon-"], .sidebar-nav .nav-list li a [class*=" icon-"] {   
    background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png);  
}

.alert  [class^="icon-"],
.btn > [class^="icon-"], .btn:hover [class*=" icon-"], .btn:focus [class*=" icon-"],
.sidebar-nav .nav-list li a:hover [class^="icon-"], .sidebar-nav .nav-list li a:hover [class*=" icon-"],
.sidebar-nav .nav-list li a:focus [class^="icon-"], .sidebar-nav .nav-list li a:focus [class*=" icon-"],
.sidebar-nav .nav-list li.active a [class^="icon-"], .sidebar-nav .nav-list li.active a [class*=" icon-"] {
 	background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);   
}



/* ORDER PAGE  ----------------------------------------------- */
.jumbotron-order-complete {

}

/* ADDITIONAL CHANGES  ----------------------------------------------- */
.well-login, .voucher_box {
 	background: #e30613;
    color: #fff;  
}
.well-login h5, .voucher_box h5 {
    color: #FFFFFF;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
 	background: transparent;   
}
.alert-error.well-large h1 {
 	color: #fff;   
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
 	background: none;   
}

#body-bottom-hr {
    border-top: none; 
    border-bottom: none; 
}
#body {
    margin-bottom: 30px;   
}

.home #body {
 	margin-bottom: 0;   
}

footer {
 	background: #000;
    padding: 20px 0;
    margin: 0;
}

footer .muted {
 	color: #fff;   
}

footer a {
 	font-weight: bold;
    text-decoration: underline;
}

/* 404  ----------------------------------------------- */
.page_error-404 .text-error {

}

/* CONTACT PAGE  ----------------------------------------------- */

/* T&CS PAGE  ----------------------------------------------- */
.page_information .page-header, #info-company-information {
    text-align: center;
}
.page_information .page-header {
    border: none; 

}
.page_information .official-document {
    font-family: "Arial", sans-serif;   
}
    
/* REVIEW PAGE  ----------------------------------------------- */
.page-review-order {
 
}
.page-review-order .lead {

}


@media (max-width: 1200px) {
    
    .home header .left_column {
     	padding-left: 10px;   
    }
    .home header .right_column .openStatusDiv {
     	margin-right: 10px;   
    }
    
    .ourDishesSection .row1:after,
    .ourDishesSection .row2:after {
        display: none;   
    }
    
    .aboutUsSection .widthWrapper .img2 {
        position: relative;
        right: unset;
        width: 23%;
        margin: auto;
    }
    
    .loyaltyPointsSection .LPDesc {
        padding: 0 40px 0 20px;|
    }
    .loyaltyPointsSection .LPImgs {
        margin: 0 20px 0 0;   
    }
    
    footer {
		padding: 20px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
	.right_column {
     	padding-right: 20px;   
    }
}

@media (min-width: 1101px) {
    .home .navbar .dropdown-menu {
        width: 267px;   
    }   
}
@media (max-width: 1100px) {
    .ourDishesSection .row1,
    .ourDishesSection .row2 {
        text-align: center;   
    }
        
    .ourDishesSection .row1 div:first-child,
    .ourDishesSection .row2 div:last-child {
     	margin: 0 20px;   
    }
    
    .ourDishesSection .imgTile {
     	width: 250px;
        height: 250px;
        margin: 0 20px;
    }
    
    .ourDishesSection .widthWrapper button {
        font-size: 14px;
    }
    
}

@media (min-width: 980px) {
    .home .navbar .nav > li > a {
        box-shadow: -5px 5px 0px 0px rgba(0,0,0,1); 
        margin-bottom: 15px;
        font-size: 23px;
        font-weight: bolder;
    }
    .home .navbar .nav>.active>a, 
    .home .navbar .nav>.active>a:hover,
    .home .navbar .nav>.active>a:focus,
    .home .navbar .nav>li>a:focus,
    .home .navbar .nav>li>a:hover, 
    .home .navbar .nav li.dropdown.open>.dropdown-toggle,
    .home .navbar .nav li.dropdown.active>.dropdown-toggle,
    .home .navbar .nav li.dropdown.open.active>.dropdown-toggle {
        box-shadow: -5px 5px 0px 0px #e30613; 
    }   
    body:not(.home) .navbar .main-menu li, body:not(.home) .navbar .nav a { /*navbar center */
        display: inline-block;
    }
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    .navbar .nav {
        text-align: center;
    }
    .navbar .nav li {
     	margin-bottom: 5px;   
    }
    .nav-collapse .dropdown-menu a {
     	padding: 5px 0;
        color: #000;
    }
    .nav-collapse li {
        width: 100%;
        display: block;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus,
    .navbar .dropdown-menu>li:hover, .navbar .dropdown-menu>li:focus {
        background: none;
        color: #e30613;
    }
    
    .ourDishesSection .imgTile {
     	width: 200px;
        height: 200px;
        margin: 0 15px;
    }
    .column_slideshow {
        margin-top: 20px;
        margin-bottom: 40px;
    }   
    
    .ourDishesSection .widthWrapper .row2 button,
    .ourDishesSection .widthWrapper button {
        left: 2px;
    	bottom: 10px;
    }
    
    .loyaltyPointsSection button:after,
    .aboutUsSection .widthWrapper img {
     	display: none;   
    }
    
    .aboutUsDesc .well-small,
    .aboutUsDesc.span6 {
     	width: 100%;
        margin: 0 auto;
    }

    .aboutUsDesc .well-small {
     	max-width: 80%;   
    }
    
    .aboutUsSection button {
     	margin-top: 20px;   
    }
        
}

@media (max-width: 979px) and (min-width: 768px) {
    .home .navbar .nav > li > a {
        font-size: 16px; 
    }
    .home .navbar .nav .dropdown-toggle .caret {
        margin-top: 8px;
    }
    .home .nav-collapse {
     	margin-top: 60px;   
    }
    .home .nav-collapse .dropdown-menu {
     	margin-left: 0px;
        margin-right: 0px;
    }
    .home .nav-collapse .dropdown-menu a {
     	box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
        border: 4px solid #000;
        font-size: 12px;
        margin-bottom: 5px;
        font-size: 10px !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .home .nav-collapse .dropdown-menu li {
        margin-bottom: 5px;   
    }
    body:not(.home) header .nav-collapse {
        height: auto;
        width: 260px;
        float: right;
    }
    .home .nav-collapse a {
     	border: none !important;  
        color: #FFFFFF !important;
    }
    .home .navbar .nav>.active>a, 
    .home .navbar .nav>.active>a:hover,
    .home .navbar .nav>.active>a:focus,
    .home .navbar .nav>li>a:focus,
    .home .navbar .nav>li>a:hover, 
    .home .navbar .nav li.dropdown.open>.dropdown-toggle,
    .home .navbar .nav li.dropdown.active>.dropdown-toggle,
    .home .navbar .nav li.dropdown.open.active>.dropdown-toggle {
        color: #e30613 !important; 
    }   
    .home .nav-collapse {
        background: #000000;
    }
    .home .navbar .nav .dropdown-toggle .caret {
     	border-top-color: #FFFFFF !important;   
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    .home header .left_column {
     	padding: 0 10px;   
    }
    .home #header-icons {
     	margin-left: 10px;   
    }
    
    .LPDesc button:after {
     	display: none;   
    }
    
    body {
     	padding: 0;   
    }
    
    .left_column.span3 {
        text-align: center;
    }
    header .right_column.span9 {
     	margin: 0;   
    }
    
    .ct_user_status,
    .ct_local_branch_details {
     	text-align: center !important;   
    }

    #body h1 {
     	text-align: center;  
        line-height: 1.4; 
    }

    footer div, .span4.tr.vendor {
     	margin-top: 10px; 
        text-align: center !important; 
    }
    
    
    .widthWrapper {
     	padding: 20px 10px;  
        text-align: center;
    }
    .loyaltyPointsSection {
        padding: 40px 0;
    }
    .loyaltyPointsSection p {
     	margin: 40px auto;   
    }
    .span6.LPImgs {
     	max-width: 95%;  
        margin: 0 auto;
        position: relative;
        margin-top: 40px;
    }
    .LPImgs .img1 {
        width: 280px;
    }
    .LPImgs .img2 {
        width: 359px;
    }
    
    .ourDishesSection .row1 div:first-child, .ourDishesSection .row2 div:last-child,
    .ourDishesSection .imgTile {
     	width: 200px;
        height: 200px;
        margin: 15px;
    }
    .ourDishesSection .row1 {
     	margin-bottom: 10px;   
    }
    .ourDishesSection .row2 {
        margin: 0;   
    }
    .home #logo img {
        max-height: 100px;
    }
    .home #logo {
        margin-top: 0px;   
    }
    #header-icons {
        left: 0px;
        right: auto;
    }
    .right_column {
        width: 100% !important;   
    }
    .mod_postcode_box {
        width: 100%;
        margin-top: 0px;
        float: none;
        box-sizing: border-box;
        box-shadow: none;
        padding: 20px !important;
    }
    .postcodeSection {
        height: auto;
        margin-top: -30px;
    }
    #postcode_imgbottom {
        displaY: none;   
    }
    #underlogo-text {
     	display: none;   
    }
    .home header {
     	margin-bottom: 0px;   
    }
    .navbar .nav>li>a {
        font-size: 24px;
    }
    .ct_details_bar .span6 {
     	width: 100%;
        margin: 0;
        text-align: center !important;
        float: none;
    }
    body:not(.home) header .right_column.span9 {
        margin-top: -15px;
    }
    body:not(.home) .btn-navbar {
    	margin-top: -15px;
	}
    .how-im-ordering {
     	margin-top: -20px;   
    }
    .nav-collapse .dropdown-menu a {
        font-size: 18px;
    }
    #mod_postcode_box_pc,
    .mod_postcode_box .btn-group {
     	displaY: block;   
        widtH: 100%;
    }
    #mod_postcode_box_pc {
        border-right: 4px solid #000000 !important;
    }
    .mod_postcode_box .btn {
        margin-top: 5px;
        border-left: 4px solid #000000 !important;
    }
    
    .aboutUsSection {
     	padding: 30px 0;   
    }
    
    .aboutUsSection .img1 {
        max-width: 75%;
        margin: 0 auto !important;
        padding-bottom: 20px;
    }
    .aboutUsSection .widthWrapper {
     	text-align: center;   
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.span6.LPImgs {
     	display: none;   
    }
    #logo {
        margin-top: 50px !important;   
    }
    .btn-small {
        margin-bottom: 5px;   
    }
    .checkout .ctl-redeempoints {
        margin-bottom: 10px;   
    }
    .navbar .nav .dropdown-toggle .caret {
        margin-top: 12px;
    }
    .contact-us .box-contact-information,
    .contact-us .box-opening-hours {
     	margin-top: 20px;   	
    }
}


#header-icons {
    list-style-type: none !important;
    position: absolute;
    top: 0px;
    right: 174px; 
}
.home #header-icons {
 	right: 174px;   
}
#header-icons .box {
 	box-shadow: -5px 5px 0px 0px rgba(0,0,0,1);
    height: 21px;
    border: 4px solid #000000;
    float: left;
    margin-right: 15px;
    padding: 2px 10px;
}
#header-icons img { 
    transition: all 0.3s;
    height: 20px;
}
#header-icons a {
    font-size: 12px; 
}
#header-icons a:hover,
#header-icons a:focus {
 	color: #FFFFFF;   
}
#header-icons a:hover img {
 	transform: translateY(-2px);   
}
#header-icons.mobile {
    display: none;
}
.header-cart {
 	position: relative;   
}
.basket-quantity {
    background: #e30613;
    position: absolute;
    right: -5px;
    top: 0px;
    z-index: 50;
    border-radius: 0px !important;
    padding: 1px 5px;
}
body { padding-bottom:0px !important; }

.alert-success.sys-alert {
    color:#fff;
    border-bottom:solid 4px #000;
    margin-bottom:20px;
}
.alert-success.sys-alert p { color:#fff; }


.alert-info .badge {
    background:#1c668a;
     border-radius: 0px;
}

.allergen .website-image,
.page_menu .allergen.website-image img{
    box-shadow:0px !important;
}

.members .ui-slider-handle {
 	background: #e30613 !important;   
}




/**ACCORDION****/
.tb-nav.tb-nav-tabs ,
.brand, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel { width:100% !important; }
.accordion-inner { padding: 15px 30px; }
.accordion-inner { background: transparent; }
.accordion-inner .row-product { padding-top:10px; padding-bottom:10px; }

#menu-accordion .ui-widget-header { background:none; border:none; }

.accordion-body { background:#fff; }
.accordion-group { border:none; margin-bottom:0px; }
.accordion-toggle {
    border-radius: 0px !important;
    background-color: #e30613;
    text-align: center;
    border: solid 3px #000000 !important;
}
.accordion-body {
    border-radius: 0px !important;
    background-color: #fff;  
}



.active-toggle,
.accordion-toggle:hover,
.accordion-toggle:active,
.accordion-toggle:focus {
    background:#880e0e !important;
    color:#fff !important;
}
.active-toggle h3,
.accordion-toggle:hover h3,
.accordion-toggle:active h3,
.accordion-toggle:focus h3 {
    color:#fff;
}

.accordion-toggle .fa { /*display:none !important;*/ }


.ui-tabs-vertical .ui-tabs-panel,
.ui-tabs-menu,
#ui-tabs-1 { padding:0px !important; border:none;}
.ui-tabs-menu { background: none !important; border: none !important; }
.ui-tabs-menu h3 { font-size:20px; } 

.loading { text-align:center; }
.loader {
    color: #000;
    font-size:65px;
    margin:0 auto;
    padding:35px;
    text-align:center;
}

#responsive-food-menu
.ui-tabs-menu { opacity:0; }
.minus,.plus { line-height:40px;float:right; color:#fff; font-weight:bold; }
.accordion-heading h3 .fa { float: right; line-height: 40px; }

#responsive-food-menu {
	border-radius: 10px !important;
}
.navbar-affix-container {
    margin-bottom: 10px !important;
}

#responsive-food-menu.navbar {
    padding-bottom: 7px !important;
}

#menu-accordion .cat-desc {
    border: 1px solid #fff;
    background: #f7bf29;
    color: #444;
    padding: 10px 20px;
}

/* further edits - needs to concat with others */
.accordion-inner {
    padding: 30px;
}


@media (max-width: 767px) {
    .loader { color: #000; }
    body.nighttime .how-im-ordering h2 { color:#444 !important; }
    body.nighttime .how-im-ordering small { color:#777 !important; }
    #responsive-food-menu .navbar-inner { background:#fff; min-height:20px !important; }
    .accordion-inner {
    	padding: 15px 15px !important;
	}
    .mod_postcode_box .btn {
        width: auto;
        font-size: 18px;
    }
}
div[class*="search-cont-"] h3 {  color:#fff; }
/* hide search */
.menu-builder .navbar-affix-container { display:none; }
.how-im-ordering { background: #FF9800; }
.how-im-ordering h2 { font-size:25px; line-height:115%; }



.sys-message h2 {
 	color: #FFFFFF;   
}

.app-alert h2 {
 	color: #FFFFFF;
    font-weight: bold;
}
.app-alert p {
 	max-width: 1250px;
    margin: 20px auto 10px;
    font-size: 20px;
    color: #FFFFFF;
}
.app-alert.hidden-desktop p {
 	font-size: 14px;   
    margin-top: 8px;
}
.app-alert { 
    text-align:center; 
    padding: 10px;
    margin: 0px auto !important;
    border-bottom: solid 4px #000;
}
.app-alert p small {
    font-size: 14px;
}
p.apptc{
    margin-top:0px;
    padding-top:0px;
}

.badge {
    font-weight:normal;
}
#mobile_food_menu_nav .zp-ctl-categories {
 	display: none !important;   
}
#website-image-16905 img, #website-image-16907 img {
    box-shadow: none !Important;
}
#home-order-buttons {
    display: grid;
}
#logo {
    margin-bottom: 10px;
}