
body .visible-crawley { display:none !important; } 
body .hidden-crawley { display:inherit !important; } 
body.shop_crawley .hidden-crawley { display:none !important; }
body.shop_crawley .visible-crawley { display:inherit !important; }

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

body {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {


	background-attachment: scroll;
}

header, #mobile-header {

	background-attachment: scroll;
}

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

/*---------------DEFAULT STYLES------------------*/


#container, body {
	padding: 0;
}
footer {
	margin-top: 0;
}
* {
	text-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}


.home body {
	background: none;
	background-color: #fff;
    
}

.home #body
{
    display:none;
}

body {
	background: none;
	background-color: #fff;
    background-image: url(/myimages/789/zpos-bg-stonebg.jpg);
	background-position: top center;
	background-size: contain;
}


a {
	text-decoration: none;
	color: #b73535;
	cursor: pointer;
}
a:hover, a:focus {
	color: #b73535hover;
	text-decoration: underline;
}
em {
	color: #b73535;
}
.uc {
	text-transform: none;
}
.ui-widget>.ui-widget-header {
	margin: 0;
	padding: .5em .7em .2em;
}

/*-----------------------------FONTS--------------------------------*/

h1, h2, h3, h5, h6,
header .navbar .nav a,
input,
.btn, .btn:hover, .btn:focus,
.modal-body h4 .name,
.well h4
{
 	font-family: 'klasikregular';   
}

.big-subtitle {
    font-family: 'klasikregular';
    font-size: 32px;
    text-align: center;
    z-index: 10;
    position: relative;
    font-weight: normal;
}
.big-title {
    font-family: 'klasikregular'; 
    /*font-size: 85px;*/
    font-size: 70px;
    text-transform: uppercase;
    text-align: center;
    line-height: 110%;
    z-index: 5;
    position: relative;
    margin-top: -25px;
    font-weight: bold;
}
.lead {
    font-family:'klasikregular';
}
/*---------------WRAPPERS------------------*/

#container {
	width: 100%;
	border-radius: 0;
	background: none;
}
#body, #responsive-food-menu, .ct_header_row, footer .row-fluid, .mod_postcode_box, .navbar .container, .ct_details_bar, .hero, .maincontentarea .row-fluid, .openingtimes {
	max-width: 1400px;
	margin: 0 auto;
}
.home #body {
	max-width: 1400px;
	margin-top: 0;
	margin-bottom: 0;
}
/*---------------HEADER------------------*/



header {
	background-image: none;
	padding-top: 20px;
	width:100%;
    background-color:#fff;
    border-bottom:solid 3px #b73535;
}


#logo {
	margin-top: 0px;
}
.ct_header_row {
	padding: 0px 0px;
	position: relative;
	z-index: 2;
	padding-top: 0px;
}
/*---------------body------------------*/

.bodywrap {
	background: none;
	padding: 40px 0px;
}


.home .bodywrap {
	background-image: none;
	background-position: top center;
	background-size: cover;
	width: 100%;
	margin: auto;
	padding: 0px;
}



#body h1 {
	
}

#body .well h1 {
	color: #565656;
}

.home #body h1, .home #body .home-about, #body-bottom-hr, .voucher_box span, .row_phones {
	display: none;
}
.home #body .column_modules {}

#body 

{
	background: none;
}
/*---------------------details bar---------------------*/

.ct_details_bar {
	color: #565656;
	font-size: 22px;
	padding-top: 5px;
    clear:both;
    font-family:"klasikregular";
    display:none;
}
.ct_details_bar a, .ct_details_bar em {
	color: #b73535;
}

.ct_details_bar .tl {
    text-align: right!important;
}

.ct_user_status 
{
    padding-bottom:10px;
}
/*---------------NAVIGATION------------------*/

header .navbar {
	margin-bottom: 0 !important;
	font-family: "klasikregular";
    text-transform:uppercase;
   
   
}

.nav-collapse
{
    float:right;
}

.navbar-inner {
	background: none;
	border: 0px;
}
.navbar-inner .container {
	background: none;
}
.row-fluid.ct_header_row {
	position: relative;
}
.home .navbar {}
.navbar-inner {
	padding-left: 0px;
	padding-right: 0px;
}
/*normal nav*/

.navbar .nav>li>a {
	color: #565656;
    font-size: 24px;
	padding: 20px;
	padding-top: 21px;
}

img#dot {
    position:absolute;
}

li.members img#dot {
    left: 450px;
}
li.contact-us img#dot {
        right: 60px;
}
li.home img#dot {
    left:25px;
}
.menu li.menu.collection img#dot {
    left:220px;
} 

.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 {
	color: #b73535;
	background: none;
	/* Old browsers */
}



/*.navbar .nav>.active>a { 
    background-image: url("/myimages/789/dot.png"); 
    background-repeat: no-repeat; 
    background-position: center 50px; 
    z-index:999999; 
}*/

.navbar .brand {
	margin-left: 0px;
}
/*dropdown arrow*/

.navbar .nav li.dropdown>.dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
/*dropdown whilst on hover*/

.navbar .nav li.active.dropdown>a .caret, .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, .menu .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .menu .navbar .nav li.dropdown.open>.dropdown-toggle .caret, .menu .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
	border-top-color: #b73535;
	border-bottom-color: #b73535;
}
.navbar .nav .dropdown-toggle .caret {
	margin-top: 15px;
}
header .dropdown-menu {
	border: 0;
	background: #b73535;
	width: 100%;
}
header .dropdown-menu>li>a {
	color: #fff;
	font-size: 14px;
}
.navbar .nav .dropdown-menu>li>a:hover, .navbar .nav .dropdown-menu>li>a:focus {
	color: #fff;
	background: #62a670;
}
.navbar .btn-navbar {
	background: none;
	text-shadow: none;
	border: none;
	margin-bottom: 5px;
}
.navbar .btn-navbar .icon-bar {
	background: #b73535;
	width: 29px;
	height: 3px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
	background: none;
}
/**------dropdown styles everywhere else-----**/

.dropdown-menu>li>a {
	color: #b73535;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	border: 0;
	background: #b73535;
	color: #fff;
}
.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {}
.dropdown-menu {
	min-width: 200px;
}
.navbar .nav {
	margin: 0;
}
.navbar .brand {
	padding: 10px 0px 10px 20px;
}


/*---------------------caret colour---------------------*/

.navbar .nav li.dropdown>.dropdown-toggle .caret, .navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
	border-top: 6px solid #fff;
	margin-top: 7px;
}
.navbar .nav li.dropdown>.dropdown-toggle:hover>.caret, .navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret {
	border-top: 6px solid #fff !important;
}
/*---------------------opening status---------------------*/

#opening-status {
	
    
}
.status-CLOSED {
	color: #fff !important;
	font-size: 18px !important;
	background-color:#b73535;
	font-family: "klasikregular";
    text-transform:uppercase;
    padding: 10px 20px;
    background-image: url(/myimages/789/add.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    padding-left:40px;
    
}
.status-OPEN {
	color: #fff !important;
	font-size: 18px !important;
	background-color:#62a670;
	font-family: "klasikregular";
    text-transform:uppercase;
    padding: 10px 20px;
    background-image: url(/myimages/789/add.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    padding-left:40px;
}
.navbar .brand {
	font-size: 20px;
}
#responsive-food-menu .navbar-inner {
	padding: 0px;
	margin: 0px;
}
#responsive-food-menu .navbar-inner .container {
	padding: 5px;
	background: #b73535;
}
#responsive-food-menu .brand {
	color: #fff;
}
#responsive-food-menu .text-info {
	color: #fff;
}
/*---------------------postcode box---------------------*/

.postwrap {
	
    background-color:#b73535;
    padding-top:40px;
    padding-bottom:40px;
    border-top:solid 20px #fff;
    border-bottom:solid 20px #fff;
}

.postwrap h2
{
    font-size:54px;
	
   color:#fff;
}

.postwrap h3 {
	
   color:#fff;
}

.postcodebox {
	text-align:center;
}
.postcodebox .ct_user_status {
	padding-top: 20px;
}
.postcodebox .tc {
	
}
.postcodebox small {
	color: #fff;
	font-size: 14px;
	text-align: left !important;
}
.postcodebox .well {
	min-height: 20px;
	padding: 0px;
	margin-bottom: 0px;
	background: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.postcodebox #mod_postcode_box_pc {
	margin-right: 0px;
	width: 300px;
	background: none;
	border: solid 0px #959595;
	background-color: #eee;
	padding: 15px;
	border-radius: 0 0 0 0;
	box-shadow: none;
	margin-bottom: 0px;
	font-size: 22px;
	font-family: 'klasikregular';
	margin-bottom: 20px;
    text-align:center;
    display:inline-block;
}
.postcodebox .muted {
	color: #565656;
	font-size: 14px;
	text-align: center !important;
}
.postcodebox .btn-success {
	background: #62a670;
	background-image: none;
	font-size: 18px;
	padding: 15px;
	border-radius: none;
	border: none;
	font-family: 'klasikregular';
     text-align:center;
    display:inline-block;
}
.postcodebox .btn-success:hover, .postcodebox .btn-success:focus {}
.postcodebox .btn-group.open .btn-success.dropdown-toggle {
	background: #5bc571;
}
.mod_postcode_box .lead {
	color: #565656;
	font-size: 42px;
	text-transform: uppercase;
	padding-top: 30px;
	font-family: "klasikregular";
	text-align: left;
	line-height: 50px;
    text-align:center;
   
}
.btn-group.open .btn-success.dropdown-toggle, .mod_postcode_box .btn-group.open .btn-success.dropdown-toggle, .mod_postcode_box .dropdown-menu {
	background: #565656;
	border: none;
}
.mod_postcode_box .dropdown-menu>li>a {
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 7px 15px;
}
.mod_postcode_box .dropdown-menu>li>a:hover {
	background: #b73535;
}
.column_modules .well {}
.mod_postcode_box .dropdown-menu.pull-right {
	top: 55px;
}
/*---------------BOOTSTRAP BUTTONS ETC------------------*/
.checkout h5, .checkout h4 {
    font-size: 20px;
    line-height: 22px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #b73535;
    background: #b73535;
    color: #fff;
}
.btn {border:0px;}
.btn-success, .alert.alert-success, .label-success, .badge-success { background: #62a670; }
.btn-success:hover, .btn-success:focus { background: #42774d; }
.text-success, .green { color: #62a670; }

.btn-primary, .alert.alert-primary, .label-primary, .badge-primary { background: #1c3971; }
.btn-primary:hover, .btn-primary:focus { background: #112448; }
.text-primary { color: #62a670; }

.btn-info, .alert.alert-info, .label-info, .badge-info { background: #2f96b4; }
.btn-info:hover, .btn-info:focus { background: #237e98; }
.text-info { color: #62a670; }

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #237e98;
}

.btn-danger, .alert.alert-danger, .label-danger, .badge-danger { background: #b73535; }
.btn-danger:hover, .btn-danger:focus{ background: #df2424; }
.text-danger, .text-error { color: #b73535; }

.btn-warning, .alert.alert-warning, .label-warning, .badge-warning { background: #b73535;}
.btn-warning:hover, .btn-warning:focus{ background: #df2424; }
.text-warning { color: #b73535; }
      
.btn-inverse, .alert.alert-inverse, .label-inverse, .badge-inverse { background: #565656 !important; }    
.btn-inverse:hover, .btn-inverse:focus { background: #666 !important; }
.text-inverse { color: #565656; }

.blue, .muted { color: #565656; }
.yellow { color: #62a670; }
.white { color: #FFFFFF; }


/*--------alerts--------*/

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 0px;
	text-shadow: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.alert h2 {
	color: #fff;
	font-size: 18px;
}

.alert-info small {
	
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


.ui-widget-header {
	border: none;
	background: none;
	background-color: #565656;
	color: #fff;
}
.ui-state-highlight {
	color: #fff;
	background: none;
	background-color: #666;
}
.ui-state-highlight:hover {
	color: #666;
}
.alert {
    text-align: center;
    border: none;
    text-shadow: none;
	border-radius: 0;
	color: #fff;
}
.alert-error, .alert-danger {
	background: #db0000;
}
.alert-warning {
	background: #ffb600; 
}
.alert-success {
	background: #00b61a; 
}
.alert-info {
	background: #099be3;
}
.alert, .alert h4 {
	color: #fff;
}

/*---------------------MODAL---------------------*/

.modal { border: none; }
.modal-header { background: #b73535; }
.modal-header .close { color: #FFFFFF; opacity: 1; }
.modal-header h3 { color: #FFFFFF; font-size: 24px; }
.modal-footer { background: #565656; color: #fff; opacity: 1; }
.modal-footer button:first-of-type { background: #b73535; color:#fff; }
.modal-footer button:first-of-type:hover { background: #942828; }

.modal-body {  color: #373536; font-size: 18px; }

/*Styles the background of the wells on menu page where you select customisation for food*/      
.modal-body .well { background:#fff; color: #000000; }   

/*adjust titles on T+C page*/
.modal-body h3 { font-size: 24px;}
.modal-body h4 { font-size: 16px;}

.menu span.name {
    font-size: 18px;
}
.ui-tabs-nav li a {
    font-size: 18px;
    line-height: 25px;
}
.description small {
    font-size: 100%;
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background:transparent;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th,
.row-product:hover, .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th,
.row-odd,.row-odd:hover{
    background:none;
}

/*-----------------------MENU PAGE----------------------------*/      

/*---FOOD MENU---*/
.page_menu .ui-tabs-panel .row-product h5,
.page_menu .ui-tabs-panel .row-product .description,
.page_menu .ui-tabs-panel .row-product .price,
.page_menu .ui-tabs-panel .row-product .name small { /*color: #FFFFFF;   */}
.page_menu .ui-tabs-vertical .tb-nav-tabs { border: none; }
.page_menu .ui-tabs-vertical .tb-nav-tabs li { /*border: 1px solid #000000 !important;*/ }
.page_menu .ui-tabs-vertical .tb-nav-tabs li.ui-state-active { /*border-right: none !important;*/ }

.page_menu .ui-widget-header { font-family: 'klasikregular'; }

/*Style the 'add' buttons on food menu*/
.page_menu .row-product .btn-success { font-size: 14px !important; padding: 1px 7px; margin-bottom: 5px; font-family: 'klasikregular'; */ }

/*Style the category description*/
.page_menu .cat-desc { background: #4e4d4d; border: none; color: #848484; font-family: 'klasikregular'; padding: 20px; }
.page_menu .row-product .description, .page_menu .row-product .price { font-size: 16px; }
.page_menu .row-product small{font-size:14px;}
.page_menu .row-product .name{font-size:18px;}

/*---BASKET---*/   
#basket-container { background: none; padding: 12px; margin-bottom: 30px; }
#basket-container .ui-widget-content { background: #FFFFFF; /*border: 2px solid #cccccc;*/ }
#basket-container h3 {  }
#basket-container, #basket-container small, #basket-container th { color: #000000; }
#basket-container a { /*font-weight: normal;*/ margin-top: 10px; }
/*#basket-container .table th, #basket-container .table td { border-color: #b73535; }*/
#basket-container .table th, #basket-container .table td { border-color: #e2e2e2; }


#basket-container hr { display: none;}

/*Style the text-success + info in basket*/
#basket-container .text-success, .well-basket .text-success { /*color: #71b365;*/ }
#basket-container .text-info, .well-basket .text-info { color: #b73535; }

/*---HOW IM ORDERING---*/
.how-im-ordering { 
    border: none; 
    padding-left: 15px; 
    padding-right: 15px; 
    margin-bottom: 10px !important; 
    background: #565656; color: #FFFFFF;
    text-align:left;
    font-weight:normal;
}
.alert.alert-info.how-im-ordering {
    background:#62a670;
}
.how-im-ordering h2 { font-size: 26px;font-weight:normal; }
.how-im-ordering .tooltip { /*font-size: 16px;*/ }
.how-im-ordering small { color: #fff; }  

/*---RESPONSIVE FOOD MENU/SEARCH---*/
.menu-container .navbar-affix-container,
.menu-container .navbar-affix-container .navbar-inner { background-color: transparent !important; background-image: none; height: auto !important; border: none; }    
      
#responsive-food-menu { background-color: #565656; }
#responsive-food-menu .navbar-search input { width: 200px; }

#responsive-food-menu .btn-navbar.btn-primary { background: #b73535; height: 30px; margin-right: 10px !important; line-height: 21px; }
#responsive-food-menu .btn-navbar.btn-primary:hover { background-color: #df2424; }
#responsive-food-menu .btn-navbar.btn-primary .text-info { color: #b73535; }   
#responsive-food-menu .ctrl-mob-nav-search { padding-top: 5px !important; }

/*Not-sticky version specific*/
#responsive-food-menu.affix-top .navbar-search { margin-top: 8px; }
#responsive-food-menu.affix-top .btn-navbar.btn-primary { margin-top: 8px !important; } 
      
/*Sticky version specific*/      
#responsive-food-menu.affix { left: initial; border: 1px solid #0e5959; }
#responsive-food-menu.affix .btn-navbar { padding-top: 5px !important; }
#responsive-food-menu.affix .search-query { margin-top: 3px; }
#responsive-food-menu.affix .btn-navbar.btn-primary { margin-top: 8px !important; }

#responsive-food-menu .brand { color: #FFFFFF;font-size: 24px;line-height: 110%; font-family: 'klasikregular'; }

/*Style the product name on food menu customisation screen*/
.modal-body h4 .name { font-size: 28px; line-height: 110%; }

/*---EDIT PRODUCT MODALS---*/
    
#editProductModal .btn-info, #editSpecialDealModal .btn-info { /*text-transform: unset;*/ }
#editProductModal .btn-group a.dropdown-toggle, #editSpecialDealModal .btn-group a.dropdown-toggle { font-size: 13px !important; }
#editProductModal .dropdown-menu>li>a,#editSpecialDealModal .dropdown-menu>li>a {text-transform: uppercase;}
#editProductModal .dropdown-menu>li>a:hover, #editSpecialDealModal .dropdown-menu>li>a:hover {color: #FFFFFF; background: #b73535; }

/*Style the price in  the product customiser modal*/
.page_menu .modal-footer h3 .muted,
.page_menu .modal-footer h3.price { font-size: 18px; line-height: 110%; color:#fff; }

/*Dropdowns in modal*/
#editProductModal fieldset .btn-group>.dropdown-toggle, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle { background: #eee; }

#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info { background-color: #eee; }

#editProductModal .btn-group>.dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success { background: #b73535 !important; }

#editProductModal .close { color: #FFFFFF; opacity: 1; }

/*Fixes for Menu page*/ 

/*Remove white borders from any images on the food menu*/
.img-polaroid { background-color: transparent; border: none; }

.popover .popover-title { background: #565656; color: #FFFFFF !important; font-size: 16px; }
.popover .popover-content { color: #000000;}


.menu #basket-container .btn-success,
.menu #basket-container .btn-danger{
    /*padding:10px;*/
}

/*---------------------CHECKOUT PAGE---------------------*/



/*--BASKET---*/
.page_checkout .well-basket {background: #565656; padding: 12px; margin-bottom: 30px; }
.page_checkout #basket { background: #FFFFFF; padding: 10px; }
.page_checkout .well-basket h4 { color: #FFFFFF; }
.page_checkout .well-basket .note-delivery small { color: #FFFFFF; }
.page_checkout .well-basket .muted { color: #767676; }
.page_checkout .well-basket small { color: #000000; }
.page_checkout .product-basket th, .page_checkout .product-basket td {  }

/*'Go Back' and 'View Delivery Info' buttons*/
.page_checkout .well-basket .btn-warning, 
.page_checkout .well-basket .btn-info { /*height: 28px;*/ font-size: 14px; }

/*---LOGIN/LOGOUT BOX---*/
.page_checkout .well-login { /*border: 2px solid #cccccc;*/ }
.page_checkout .well-login, .page_checkout .well-login .control-label,
.well.alert-success.voucher_box{ 
    background: #fff;
}
.page_checkout .alert-info {
    color: #000000;
}
.page_checkout .well-login .btn { font-size: 10px !important; }
.page_checkout .well-login .btn:hover { text-decoration: none; }

/*---FORGOTTEN PW POPUP---*/
.page_checkout .ui-widget { border: 1px solid #000000; }
.page_checkout #dlgResetPassword { font-family: 'Montserrat'; }
.page_checkout #dlgResetPassword .well { border: 1px solid #FFFFFF; }
.page_checkout #dlgResetPassword .muted {  }

/*---PAYMENT SECTION---*/
.page_checkout .marginbottom15 small { color: #000000 !important; }
.pay-name { }
.trigger-paymentmethod .btn { background: transparent; }
.trigger-paymentmethod .btn.active { background-color: #565656; }
.trigger-paymentmethod .btn.active .pay-name { color: #FFFFFF; }
.trigger-paymentmethod i.tick { color: #FFFFFF; }
.page_checkout .btn-proceed-final { font-size: 18px !important; line-height: 110%; }

/*---LOYALTY POINTS SECTION---*/
.page_checkout .loyaltypoints_box { background: #1f3775; border: 0px solid #CCCCCC; color: #FFFFFF; }
.page_checkout .loyaltypoints_box .ui-widget-header { background: #b73535; border: none; }
.page_checkout .loyaltypoints_box .row-credits .well-white { color: #b73535; border: 1px solid #000000; border-top: none; }
.page_checkout .loyaltypoints_box .row-credits .col-equals .well { color: #b73535; }
.page_checkout .loyaltypoints_box .btn-success { margin-bottom: 15px; }
.page_checkout .loyaltypoints_box .btn-link{ color: #FFFFFF; font-size: 12px !important; text-decoration: underline;}
   
/*----------------------MEMBERS PAGE---------------------*/

/*---LOGGED IN---*/

/*sidebar*/ 
.page_members .sidebar-nav { color: #565656; margin-bottom: 30px; }
.page_members .sidebar-nav .nav-header { color: #b73535; font-size: 18px; }    
.page_members .sidebar-nav li a { color: #565656;}
.page_members .sidebar-nav li a:hover,
.page_members .sidebar-nav li a:focus,
.page_members .sidebar-nav li.active a { background-color: #565656; color: #FFFFFF !important;}  
.page_members .sidebar-nav small { /*color: #ab5151;*/ color: #d02929; }
.page_members .span3 .btn-success { margin-bottom: 30px; }

/*hero unit*/
.page_members .hero-unit { background-color: #565656; }
.page_members .hero-unit h1, .page_members .hero-unit h2, .page_members .hero-unit p { color: #FFFFFF !important; }

.page_members .section-.well { padding: 30px; }
.page_members .section-.well h2,
.page_members .section-.well p,
.page_members .section-.well .muted { margin-bottom: 15px;  }
.page_members .hero-unit a { color: #FFFFFF; text-decoration: underline; }

/*loyalty*/
.loyalty-card>div .loyalty-value { color: #565656; }

/*My Orders*/
.section-my-orders .ui-widget-content { background: none;   }
.section-my-orders .ui-widget-header { background-color: #565656; }
.section-my-orders th {}
.section-my-orders td {}

/*My Profile*/
.page_members .section-my-profile .caret { margin-top: 8px; }
.page_members .section-my-profile fieldset { margin-top: 20px; }

/*My Addresses*/
.section-my-addresses .marginbottom15 a { text-decoration: underline; color: #565656; }
.page_members .btn-group .btn.dropdown-toggle { background-color: #FFFFFF; text-transform: none; font-family: "Montserrat",Helvetica,Arial,sans-serif; 
                                                padding: 5px 10px; }
.section-my-addresses .ctl-lookupAddress { height: 30px; }

/*---LOGGED OUT---*/
.page_members #frmRegister legend, .page_members #frmLogin legend { padding: 20px 0px; background: #b73535; color: #FFFFFF; text-align:center; font-family:"klasikregular"; }
.page_members #frmRegister, .page_members #frmLogin { padding: 0px 0px 25px 0px; }
.page_members #frmRegister .control-group, .page_members #frmLogin .control-group { padding: 0px 25px; }
.page_members #frmRegister .btn-info, .page_members #frmLogin .btn-info { height: 30px; }      
.page_members .website-image { padding-top: 10px; }


/*----------------------CONTACT PAGE---------------------*/

.contact-us .ui-widget-header { font-size: 22px; padding: 10px; background-color: #565656; border: none; }    
.contact-us .ui-widget-content { border: none; }
.contact-us .ui-widget-content a {  }

/*map*/
.page_contact-us .row-fluid .span8 .well { border: none; margin-bottom: 30px; }  
      
/*Adds necessary gap above opening hours box on contact page*/      
.contact-us .box-opening-hours {
    margin-top: 30px;
}

/*------------------REVIEW ORDERS PAGE ------------------*/  

.page-review-order h1 { color: #FFFFFF; background-color: #565656; text-align: center; font-size: 32px; }
.page-review-order { background: transparent !important }
.page-review-order legend { color: #565656; font-size: 24px; }

/*This is needed to remove fadey effect from text*/
.page_review-order textarea { font-family: 'Montserrat'; } 

/*----------------------- 404 PAGE ----------------------*/

.page_error-404 .alert { background: transparent;  border: none; }

.page_error-404 h1 { font-size: 64px !important; padding: 5px 0px; }
.page_error-404 h2, .page_error-404 h3 { font-size: 35px;}
.page_error-404 p { font-size: 22px; }
.page_error-404 h2, .page_error-404 h3, .page_error-404 p { margin-top: 60px; line-height: 40%; color: #b73535;}
      
.page_error-404 .alert-error .btn:first-child { background-image: none !important; background-color: #b73535 !important; color: #FFFFFF; }
.page_error-404 .alert-error .btn:first-child:hover { background-color: #df2424 !important; color: #ffffff !important; }
.page_error-404 .alert-error .btn:last-child { background-image: none !important; background-color: #a2a2a2 !important; color: #FFFFFF; }
.page_error-404 .alert-error .btn:last-child:hover { background-color: #737373 !important; color: #ffffff !important; }

/*-------------------ORDER CONFIRMED PAGE----------------*/

h1.order-complete-title{ color: #565656; }
.order-info-well { }
#order-confirmation { background: #565656; color: #FFFFFF; }
.order-confirmation-note { text-align: center; }
      
/*-------------------MENU SELECTION PAGE-----------------*/ 

.menu-selection { padding: 0px 0px 100px 0px; }
.menu-selection h1 { text-align: center; font-size: 40px }
.menu-selection h3 { color: #000000; font-size: 30px; }

.menu-selection .alert, .menu-selection .well{ background: transparent; border: none; text-align:center; }
.menu-selection img { margin: 50px auto 80px; display: block; }

/*------------------TERMS AND CONDITION PAGE-------------*/

.page_information h1 { font-size: 35px; }

/*---------------------slider---------------------*/

.span8.column_slideshow {
	width: 100%;
	float: none;
}
.carousel {
	margin-bottom: 0px !important;
}
.carousel-inner {}
.carousel-indicators {
	display: none;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	margin: 0;
	width:100%;
	text-align:center;
    margin:auto;
}


.carousel-indicators li {
	border-radius: 50% !important;
}
.carousel-control {
	background: none;
	border: none;
	top: 50%;
}
.carousel-control, .carousel-control:hover, .carousel-control:focus {
	color: #fff;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100)
}
.carousel-control:hover, .carousel-control:focus {
	color: #ffffff;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
}
.carousel-caption {
	color: #565656;
	background: none;
	text-align: center;
	position: static;
	z-index: 0;
	opacity: 0;
	display: none;
}
.carousel-caption h4 {
	color: #565656;
	line-height: 1.2;
}
.zp-heading {
	display: inline-block;
	color: #565656;
	font-size: 50px;
	line-height: 1.2;
	position: relative;
	margin: 0 0 40px 0;
}
.zp-heading:after {
	content: '';
	position: absolute;
	height: 5px;
	width: 60px;
	background: #565656;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.carousel-caption h2 {
	color: #565656;
	font-size: 180px;
	line-height: 0.95;
	letter-spacing: 40px;
	margin: 0;
}
/*---------------MAIN CONTENT AREA------------------*/

.alignmiddle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-khtml-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	width: 100%;
}
.maincontentarea {}



.postcodearea
{
    text-align:center;
    background-color:#fff;
    margin-top:40px;
    padding-bottom:30px;
}

.loginarea
{
    background-color:#b73535;
    color:#fff;
    padding-top:20px;
    padding-bottom:10px;
    font-size:18px;
    text-align:center;
    font-family: "klasikregular";
    text-transform:uppercase;
    margin-bottom:40px;
}

.loginarea a {
	color: #ffde00;
}
.loginarea a:hover, footer a:focus {
	color: #ffde00;
	text-decoration: underline;
}

.loginarea .tl {
    text-align: center!important;
}

.clear
{
    clear:both;
}

.row1 .burgers
{
    float:left;
    width:49%;
    margin-bottom:40px;
}

.row1 .chicken
{
    float:right;
    width:49%;
     margin-bottom:40px;
}

.row2 .points
{
    float:left;
    width:50%;
     margin-bottom:40px;
}

.row2 .register
{
    float:right;
    width:50%;
     margin-bottom:40px;
}

.headeropen
{
    background-color:#ebebeb;
    float:right;
}

.headeradd
{
    font-size:18px;
    text-transform:uppercase;
    font-family: "klasikregular";
    color:#565656;
    padding:8px 20px;
    float:left;
    background-color:#ebebeb;
    background-image: url(/myimages/789/marker.png);
    background-position: 10px 10px;
    background-repeat:no-repeat;
    padding-left:30px;
   
}

.headerstatus
{
  margin-top:8px;
    float:right;
}


.time
{
    font-size:26px;
    text-transform:uppercase;
    font-family: "klasikregular";
    color:#fff;
    padding:10px 20px;
    background-color:#b73535;
    display:inline-block;
    position:relative;
    padding-left:0px;
   
}

.timearrow
{
    position:absolute;
    top:0px;
    right:-20px;
}

.timeblock
{
    position:absolute;
    top:0px;
    left:-600px;
    background-color:#b73535;
    width:600px;
    height:40px;
}



/*---------------FOOTER------------------*/



footer {
	margin-top: 0px;
	padding-top: 40px;
	padding-bottom: 30px;	
	color: #fff;
	font-size: 14px;
    background-color:#b73535;
	
}


footer img {
	padding-top: 10px;
}
footer .muted {
	color: #fff;
	font-size: 12px;
}
footer a {
	color: #ffde00;
}
footer a:hover, footer a:focus {
	color: #ffde00;
	text-decoration: underline;
}
/*---------------MOBILE------------------*/

@media only screen and (max-width: 1300px) {
	
	
}


@media only screen and (max-width: 1200px) {
    
    
    
   

	
	/*---GENERAL FIXES-----*/
	#logo {
		margin-top: 0px;
	}
	.navbar .nav>li>a {
		padding: 10px !important;
	}
	.navbar .brand {
		padding: 0px 0px 10px 10px;
	}
	.tl, .tr {
		text-align: center!important;
	}
}


@media only screen and (max-width: 979px) {
	.postcodebg {
		margin-bottom: 100px;
	}
	
	.home header {
	
	position: static;
 
}
    
    .row1 .burgers
{
    float:none;
    width:100%;
    margin-bottom:40px;
}

.row1 .chicken
{
    float:none;
    width:100%;
     margin-bottom:40px;
}

.row2 .points
{
    float:none;
    width:100%;
     margin-bottom:40px;
}

.row2 .register
{
    float:none;
    width:100%;
     margin-bottom:40px;
}

.status-OPEN, .status-CLOSED {
    background-image: none;
    padding: 11px 0px;
    display: block;
}
    
    
    .headeropen
{
    background-color:#ebebeb;
    float:none;
    text-align:center;
    
}

.headeradd
{
    text-align:center;
    float:none;
    background-image:none;   
    padding: 10px 20px;
}

.headerstatus
{
  margin-top:0px;
    float:none;
    text-align:center;
}
    img#dot {display:none;}
    .row1,.row2 {
        width: 80%;
        margin: 0 auto;
    }
	
	
	/*--------------- HEADERMOBILE ------------------*/
    
    
    header .navbar {
		background: none;
		width: 100%;
		float: none;
	}
	header {
		
	}
	header .navbar {
		background: none;
		width: 95%;
		float: none;
	}
    
    .nav-collapse {
    clear: both;
    width: 100%;
}
    
    /*--------------- NAV MOBILE ------------------*/
	.navbar-inner {
		padding-left: 0px;
		padding-right: 0px;
	}
	header .main-menu {}
	header .navbar {
		background: none;
		width: 100%;
		float: none;
        padding-bottom:0px;
	}
	.nav-collapse .dropdown-menu {
		margin: 0 0px;
	}
	.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {}
	.navbar .nav>li>a {
		padding: 20px 15px;
	}
	.how-im-ordering h2 a small {
		color: #b73535;
		font-size: 13px !important;
		text-decoration: none;
		margin-left: 5px;
	}
	.modal-body h4 {
		line-height: 110%;
	}
	.navbar .nav li.dropdown>.dropdown-toggle .caret {
		margin-top: 5px !important;
	}
	.nav-collapse .dropdown-menu a {
		color: #b73535;
	}
	.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
		color: #b73535 !important;
        text-align:center;
	}
    
    .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 {
	color: #565656 !important;
	background: none;
	/* Old browsers */
}
	
	#logo {
		text-align: center;
        margin-bottom:30px;
	}
	
	.ct_details_bar .tr, .ct_details_bar .tl {
		text-align: center!important;
	}
	.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
		color: #fff;
	}
	footer {
		text-align: center;
		
		
	}
	.vendor-zpos, .vendor-eposnet {
		width: auto;
		margin-top: 20px;
		text-align: center;
		display: block;
	}
}

@media (max-width: 1200px){
    #logo img {
        padding-left: 10px;
    }
    .time {
        font-size: 14px;
        padding: 9px 18px 9px 9px;
    }
    li.members img#dot {
        left: 398px;
    }
    .left_column.span4 {
        width:27%
    }
    .right_column.span8 {
        width:70%;
    }
    header {
        padding-top: 10px;
    }
    footer {
        padding:20px;
    }
    .span4.tr.vendor {text-align:right !Important;}

    
}

@media (max-width: 979px) and (min-width: 768px) {
	
	/*--------------- MAKE LOGO AND NAV COLS FULL WIDTH ------------------*/
	.row-fluid .span4, .row-fluid .span8 {
		width: 100%;
        margin:0px;
	}
}


@media only screen and (max-width: 767px) {
    .left_column.span4,
    .right_column.span8{
        width: 100%;
    }
	.carousel-inner>.item>img {
		margin: 0;
		padding-top: 100px;
		padding-bottom: 100px;
		float: none;
		margin-right: 0px;
	}
    .postcodebox #mod_postcode_box_pc{
        padding: 22px;
    }
    .mod_postcode_box .btn-group {
        width:300px;
    }
    .mod_postcode_box button.btn.btn-success.dropdown-toggle {width:100%;}
    
	#body, #responsive-food-menu, .ct_header_row, .ct_details_bar, footer .row-fluid, .mod_postcode_box, .navbar .container {
		width: 100%;
		margin: 0 auto;
	}
	.home #body {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}
    .how-im-ordering h2 {
        font-size: 21px;
    }
	
	/*--------------- BODY MOBILE ------------------*/
	.postcodebox {}
	.postcodebox #mod_postcode_box_pc {
		display: block;
	}
	.postcodebox .btn-success {
		display: block;
	}
	.mod_postcode_box .lead {
	color: #565656;
	font-size: 24px;
	text-transform: uppercase;
	padding-top: 30px;
	font-family: "klasikregular";
	text-align: left;
	line-height: 30px;
    text-align:center;
   
}
	/*--------------- FOOTER MOBILE ------------------*/
	.copyright {
		margin-bottom: 20px;
	}
	/*--------------- OTHER MOBILE FIXES ------------------*/
}