@import url(https://fonts.googleapis.com/css?family=Russo+One|Audiowide|Audiowide|Audiowide|Audiowide);

body .visible-miltonkeynes { display:none !important; } 
body .hidden-miltonkeynes { display:inherit !important; } 
body.shop_miltonkeynes .hidden-miltonkeynes { display:none !important; }
body.shop_miltonkeynes .visible-miltonkeynes { display:inherit !important; }

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

body {
	color: #000000;
	font-family: 'Russo One';
}
h1 {
	font-family: 'Audiowide';
}
h2 {
	font-family: 'Audiowide';
}
h3 {
	font-family: 'Audiowide';
}
h4 {
	font-family: 'Audiowide';
}
body {
	background-color: #ffffff;

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {

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

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

/* DISPLAY NONES ----------------------------------------------- */
.row_phones, .home #body h1, .members #body h1, #body-bottom-hr, .home-about p, .mobileOpenStatus {
    display: none !important;
}

.monweds, .tues, .thurs {
    display:none;
}

.day_1 .monweds, .day_3 .monweds,
.day_2 .tues,
.day_4 .thurs{
    display:block;
}


    
/* GENERAL / WIDTHING ----------------------------------------------- */

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

h1 {
 	color: #FFFFFF;   
}

.well, #container {
    border: none;
    box-shadow: none;
    border-radius: 0; 
}
#container {
    width: 100%;
    padding: 0;
}
.ct_header_row, .ct_details_bar_content, #body, .mod_postcode_box, footer .row-fluid {
	max-width: 1170px;
    margin: 0 auto;
}
body:not(.home) #body {
    padding-top: 20px;
 	padding-bottom: 40px;   
}

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

a, a:hover, a:focus,h1 small {
 	color: #4ec7ff;   
}
.home footer a, .home footer a:hover, .home footer a:focus {
   color: #0087df;
}

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

.well {
 	background: #FFFFFF;
    color: #000000;
}
.well p {
 	color: #000000;   
}
.well h3, .well h4, .well h5, .well h6 {
 	color: #000000;   
}


.inner-wrapper {
    background-image: url("https://cdn1.zfood.co.uk/819/images/zpos-bg-bbp_header_bg_1.jpg");
    background-size: cover;   
}

/* ALERTS (postcode box styling will overwrite) ----------------------------------------------- */
.modal {
    border-radius: 0;
    border: none;
    box-shadow: none;   
}
.modal-body .well {
 	background: transparent;   
}
.modal-header  {
    border-radius: 0;
    border: none;
    background: #0086df;
}
.modal-header h3 {
    text-align: center !important;   
    color: #FFFFFF;
}
.modal-header .close {
    color: #FFFFFF;
    opacity: 0.7;
}
.modal-footer {
    border-radius: 0;
    border: none;
    background: #000000;
    color: #FFFFFF;
}
.modal-footer button:first-of-type {
	background: #e60000;
}
.modal-footer button:first-of-type:hover {
	background: #d80000;
}
.modal-footer h3.price {
    font-size: 24px !important;
}
.modal-body {
 	background: #FFFFFF;
    color: #000000;
}
.modal-body small {
 	color: #000000;   
}
.modal-body h4 {
 	font-size: 22px;   
}

.alert {
    text-align: center;
    border: none;
    text-shadow: none;
	border-radius: 0;
    background: #e2e2e2;
    color: #000;
}
.alert-error, .alert-danger {
	background: #e22417;
    color: #fff !important;
}
.alert-warning {
	background: #ff8100;
    color: #000;
}
.alert-success {
	background: #007300;
    color: #fff;
}
.alert-info {
	background: #0086df;
    color: #fff;
}

.sys-message {
 	margin-bottom: 0px !important;   
    z-index: 50;
    position: relative;
    text-align: center;
}

/*---------------------TABLE STRIPED FIX---------------------*/

table,
.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th,
.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th,
table .muted{
	background: transparent;
}
.table-hover tbody tr.ui-state-highlight:hover>th,
.table-hover tbody tr.ui-state-highlight:hover>td {
	background: transparent;
}
.row-odd,
.row-product:hover {
	background: none;
}

/* HEADER / NAV BAR ----------------------------------------------- */
header {
    /*background-image: url("https://cdn1.zfood.co.uk/819/images/zpos-bg-bbp_header_bg.jpg"); */
    background-size: cover;
}

.home .right_column.span9 {
    margin-top: 20px;
    z-index: 50;
    position: relative;
}

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

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

.navbar .nav>li>a, .nav-collapse .nav>li>a /*style nav links*/ {
    background: none;
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    font-size: 24px;
    padding: 10px 0 10px 0;
    margin: 0 10px 0 10px;
}

.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: #fff;
    border-bottom: 4px solid #fff;
}

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

.navbar .btn-navbar { /*mobile navbar burger */
    background: none;
    text-shadow: none;
    box-shadow: none;
    padding: 10px;
    margin-bottom: 5px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus  {
    background: none;
}

.navbar .nav li.dropdown>.dropdown-toggle .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 {
    border-top-color: #fff;
    border-bottom-color: #fff;
}


.navbar .brand {
 	text-shadow: none;
    font-size: 24px;
    padding-right: 0;
}
header .navbar .brand {
    float: right;
}
.status-OPEN {
    color: #4ecf2c !important;
}
.status-CLOSED {
 	color: #ffbfbf !important;
}

.uk-offcanvas-bar {

}
.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 {

}

.dropdown-menu { 
	border-radius: 0;
    border: none;
}
.dropdown-menu li {
	/*width: 100%;
    text-align: center;*/
}
.dropdown-menu>li>a {
	color: #000;
    text-align: center;
    font-size: 20px;
}
.dropdown-menu>li a:hover, .dropdown-menu>li a:focus {
	background: #0087df;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	color: #fff;
}
.navbar .main-menu .dropdown-menu li {
    /*margin: 0;*/
    text-align: center;  
    /*padding: 10px;*/
}	
header .navbar .nav .dropdown-menu a {
 	text-align: center;  
    line-height: 30px;
    margin: 0px;
    /*width: 100%;*/
    padding: 3px 8px;
    font-size: 16px;
}
header .navbar .dropdown-menu {
 	margin: 0px;
    padding: 0px;
    margin-left: 10px;
}

#responsive-food-menu {
    
}
#responsive-food-menu.affix {
    background: #e22417;
}

/* SLIDESHOW  ----------------------------------------------- */

.column_slideshow {
    max-width: 678px;   
    margin: 80px 0 120px 0;
}

.column_slideshow .carousel-indicators {
    position: absolute;
    top: 407px;
    left: 47px;
    z-index: 5;
    margin: 0;
    list-style: none;
    width: fit-content;
}

.carousel-indicators li {
 	width: 20px;
    height: 20px;
    border-radius: 100%;
    background: none;
    border: 2px solid #fff;
}

.carousel-control {
 	top: 117%;  
    background: none;
    border: none;  
    z-index: 999;
}
.left.carousel-control {
 	left: 0;   
}
.carousel-control.right {
    left: 200px;
    right: auto;
}
/*.carousel-caption {
	display: none;   
}*/

.carousel-caption {
	background: unset !important;
    color: white;
    font-family: "Audiowide", sans-serif !important;
    padding: 0px !important;
    height: 100%;
    
    .h1_size_carousel, .h2_size_carousel, .h3_size_carousel, .btn {
        line-height: 90% !important;
        margin-top: 25px !important;
    }
    
    .h1_size_carousel {
        font-size: 75px;
        text-shadow: 3px 3px #0085DF;
     }
     .h3_size_carousel {
        font-size: 30px;
        font-family: 'Russo One';
     }
     .h2_size_carousel {
        font-size: 55px;
        text-shadow: 3px 3px #0085DF;
     }
        
     .btn {
        font-size: 25px;
        background: #0085DF;
        padding: 15px 40px;
     }
    
    .btn:hover {
        background: #EC4C42;
    }
        
    small {
        display: block;
        margin-top: 20px;
        font-size: 16px;
        font-family: 'Russo One';
    }
}

@media (max-width: 678px) {
    .carousel-caption {
        .h1_size_carousel, .h3_size_carousel, .h2_size_carousel, .btn, small {
            line-height: 90% !important;
        	margin-top: 15px !important;
        }
        
        .h1_size_carousel {
            font-size: 3rem;
        }
        .h3_size_carousel {
            font-size: 1.25rem !important;
        }
        .h2_size_carousel {
            font-size: 2.5rem !important;
        }
        
        small {
            font-size: 0.75rem !important;
        }
    }
}

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

.mod_postcode_box {
 	background: none;   
    position: relative;
    z-index: 999;
    padding-top: 40px;
}
.mod_postcode_box .lead {
 	font-family: "Audiowide", sans-serif;
    font-size: 42px;
    text-transform: uppercase;
    max-width: 620px;
    text-align: left;
    line-height: 50px;
}

.mod_postcode_box .input-append {
 	float: left;   
}
.mod_postcode_box input {
 	max-width: 410px;
    font-size: 24px;
    border: 2px solid black;
    border-radius: 0;
    padding: 20px 0;
    color: #000;
    font-weight: normal;
    font-family: "Russo One", sans-serif;
}
.mod_postcode_box input::placeholder {
    color: #140c06;
}
.mod_postcode_box button {
 	height: 64px;
    line-height: 60px;
    margin-left: 25px !important;
    width: 260px;
    border-radius: 0;   
    font-family: "Russo One", sans-serif;
    border-radius: 0 !important;
}
.mod_postcode_box button .text {
    font-size: 24px;
    text-transform: uppercase;
}

.mod_postcode_box .col.col3,.mod_postcode_box .col.col3 small {
 	clear: both; 
    text-align: left;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}

.mod_postcode_box .col.col3 {
    padding: 20px 0;   
}

.mod_postcode_box .caret {
 	margin-top: 26px;   
    margin-left: 5px;
    border-top: 6px solid #FFFFFF;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.mod_postcode_box .dropdown-menu {
 	background: #30841a;
    width: 260px;
}
.mod_postcode_box .dropdown-menu>li>a {
    color: #FFFFFF;
    padding: 5px;
}
.mod_postcode_box .dropdown-menu>li>a:hover,
.mod_postcode_box .dropdown-menu>li>a:focus {
    background: #298C0F;
}

.column_modules {
 	background: #fff;   
}

.home .website-image {
 	max-width: 600px;   
}

.homepageBanners {
	max-width: 1300px; 	
    margin: 0 auto;
        text-align: center;
}

.homepageBanners div {
    display: inline-block;
    margin: 20px;
    transition: transform .2s;
}

.homepageBanners div:hover, .homepageBanners div:focus {
	 transform: scale(1.025); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */   
}


/* 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;
    font-family: 'Russo One';
}
.btn {
    text-shadow: none;
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #fff;
    background: #868686;
    font-size: 18px;
    padding: 5px 20px;
    text-transform: uppercase;
}
.btn:hover, .btn:focus {
    background: #656565;
    color: #fff;
}
.btn-small {
    padding: 2px 10px;
}

.btn-default {
    color: #ffffff;
    background: #868686;
}
.btn-default:hover, .btn-default:focus {
    background: #656565;
}

.btn-primary {
	background: #318dc3;
}
.btn-primary:hover, .btn-primary:focus {
	background: #1f658e;
    color: #fff;
}

.btn-success {
  	background: #30841a;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
 	background: #1c5f0b;
}
.text-success {
	color: #30841a;
}
.btn-danger {
    background: #e60000;
}
.btn-danger:hover, .btn-danger:focus {
	background: #d80000;
}
.text-error {
    color: #d80000;
}
.btn-warning {
	background: #dc7a00;
}
.btn-warning:hover, .btn-warning:focus {
   background: #ca6600;
}
.text-warning {
   color: #ca6600;
}
.btn-info {
    background: #0087df;
}
.btn-info:hover, .btn-info:focus, .modal .btn-group.open .btn-info.dropdown-toggle  {
 	background: #0069ad;
}
.text-info {
   	color: #0087df;
}
.text-muted, .muted {
     color: #868686;
}
.btn-inverse {
    background: #1f1f1f;
    color: #fff;
}
.btn-inverse:hover, .btn-inverse:focus {
    background: #101010;
    color: #fff;
}

/* CHECKOUT MODAL STYLING  ----------------------------------------------- */
.checkout h4,
.checkout h5 {
	font-size: 20px;  
    font-weight: bold;
    font-family: 'Russo One'; 
}

.checkout h2 {
    color: #FFFFFF;   
}
.checkout .well-basket #basket {
    background: #FFFFFF;
    border-radius: 4px !important;   
}
.checkout .well-basket #basket tfoot th {
 	color: #000000;   
}
.checkout .well-basket .btn-warning,
.checkout .well-basket .btn-inverse {
 	height: 50px;   
}

.checkout .well-login h5 {
	color: #FFFFFF;    
}
.checkout .well-login #loginSignin {
 	width: 230px;   
    margin-bottom: 5px;
}
.checkout .well-login p {
    color: #FFFFFF;
}

.checkout .voucher_box {
 	background: #FFFFFF; 
    color: #000000;
}
.checkout .voucher_box #checkoutVouchercode {
 	width: 160px;   
}



/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box, .loyaltypoints_box p {
    background: #0088cc !important;
    color: #fff !important;
}
.loyaltypoints_box .well {
    background: #fff;
    color: #000;
}

.loyaltypoints_box h5 {
 	color: #FFFFFF !important;   
}

.loyaltypoints_box .row-credits .well { /* border around counters */
    border: none !important;
}
.loyaltypoints_box .row-credits { /*points counter */
     
}
.loyaltypoints_box .ui-widget-header {
    border: none;
    background: #e22417;
    color: #FFFFFF;
   
}
.loyaltypoints_box .btn-link, .loyaltypoints_box .btn-link:hover, .loyaltypoints_box .btn-link:focus {
    color: #fff;
    background: none;
    text-shadow: none;
}

.loyaltypoints_box .col-equals .ui-widget-header, .loyaltypoints_box .col-equals .well {
    border: none;
   	background: none;
        color: #fff;
}
.loyaltypoints_box .label-info {
 	background: #dd7913;   
}

.loyalty-description h2 {
 	color: #000000;   
}
.checkout .ctl-redeempoints {
    font-size: 17px;
}
.loyaltypoints_box .btn-link {
 	font-size: 15px;
    padding: 5px 6px;   
}

/* MENU PAGE  ----------------------------------------------- */
.modal .media-body {
    text-align: center;
}
.modal .media-body ul {
    text-align: center;
    list-style: none;
    margin: 0;
}
.modal .specialDealSelectBox {
    margin: 0 auto !important;
    display: block !important;  
    background: #0085df;
    color: #FFFFFF;
    text-align: center;
    max-width: 350px;
    font-size: 18px;
}
.modal .btn-special-deal-customise {
    background: #30841a;
    margin: auto;
    float: none !important;
    width: 350px;
    margin: 10px auto;
}

#menu-search-box {
 	border-radius: 0px !important;   
}

#editSpecialDealModal ul,
#editProductModal ul {
    margin-left: 0px !important;
}
#editSpecialDealModal .modal-header h3,
#editProductModal .modal-header h3 {
 	font-size: 32px;   
    line-height: 140%;
}

#editSpecialDealModal .dyn-optionset .btn .caret,
#editProductModal .dyn-optionset .btn .caret {
    margin-top: 4px;
    border-top-color: #FFFFFF;
}
#editSpecialDealModal .dyn-optionset .btn,
#editProductModal .dyn-optionset .btn {
    background: #484b4c;
}

#editSpecialDealModal .dyn-optionset .btn-success,
#editProductModal .dyn-optionset .btn-success {
    background: #30841a;
}
#editSpecialDealModal .dyn-optionset .btn-danger,
#editProductModal .dyn-optionset .btn-danger {
    background: #e60000;
}
#editSpecialDealModal .dyn-optionset .btn-info,
#editProductModal .dyn-optionset .btn-info {
    background: #0087df;
}

#editSpecialDealModal h3,
#editProductModal h4 {
 	font-size: 32px;
    line-height: 140%;
}

.menu .row-product h5 {
	text-transform: uppercase;
}

.modal ul {
    text-align: center;
    list-style: none;
}
.modal small, .modalsmall, .media-body ul li {
    font-size: 15px;
}
.modal-footer small {
 	color: #FFFFFF;   
}

#order-empty {
     margin-bottom: 10px;
}
.popover {
     
}
.popover-title {
    background: #e22417;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 110%;
}

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

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

.how-im-ordering h2 {
 	text-transform: uppercase;
    font-size: 24px;
}

.how-im-ordering small {
 	color: #f6ac1f;   
}
#responsive-food-menu .brand {
 	color: #FFFFFF; 
    text-transform: uppercase;
}
#responsive-food-menu .btn-navbar .text-info {
 	color: #f6ac1f;   
}
#basket-container {
 	background: #0085df;
    color: #ab0e0e;   
}

#basket-container h3 {
 	color: #FFFFFF;  
    text-transform: uppercase;
}


/*Manual Themeroller stuff as the themeroller website is giving a 502 error*/
.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
.page_menu .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    background: #e22417;
    color: #FFFFFF !important;
    border-right-width: 0px !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #0085df;
    border: none;
}
.page_menu .ui-tabs .ui-tabs-nav li:hover,
.page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #EC4C42;
}
.page_menu .ui-tabs .ui-tabs-nav li a {
    color: #FFFFFF;
    text-transform: uppercase;
}
.page_menu .ui-widget-header {
 	background: none;   
    border: none;
}
.page_menu .product-container-panel .ui-widget-header {
 	background: #e22417;
    color: #FFFFFF;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
 	background: #EC4C42; 
    color: #FFFFFF;
}
.p-last-minute {
 	color: #FFFFFF;   
}

.page_review-order textarea {
 	font-family: 'Russo One';
}
.page_review-order .dropdown-toggle .caret {
 	border-top-color: #FFFFFF;   
}

.menu-selection .well {
 	background: transparent;   
}
.menu-selection .alert {
 	background: transparent;
    color: #FFFFFF;
}

/* MEMBERS  ----------------------------------------------- */
.hero-unit, .jumbotron-order-complete, 
.hero-unit p, .jumbotron-order-complete p {
	background: #ab0e0e;
    color: #fff;
}
.hero-unit a,.hero-unit a:hover, .hero-unit a:focus, .jumbotron-order-complete .text-warning {
	color: #fff;
}

.sidebar-nav .nav-list .active a, .sidebar-nav .nav>li>a:hover, .sidebar-nav .nav>li>a:focus {
	background: #ab0e0e;
    color: #FFFFFF;
}
.sidebar-nav .nav-list>li>a, .sidebar-nav .nav-list .nav-header {
	text-shadow: none;
    color: #000000;
}
.sidebar-nav .nav-list .nav-header {
  	color: #0086df;  
}

.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);   */
}

.members legend {
 	font-size: 24px;   
}

.members .section-my-orders th {
	background: #30841a;
    color: #FFFFFF;
}

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

/* INPUTS ------------------------------------------------------ */

#frmMyProfile .btn.dropdown-toggle {
 	background: #FFFFFF;
    border: 1px solid #cccccc;
    color: #555555;
    text-transform: Capitalize !important;
}
input {
    font-family: 'Russo One';
}

/*---SOCIAL MEDIA---*/

.home_social {
	max-width: 100px;
	margin: 10px auto 0px;
}
.home_social .btn {
 	padding: 0px;   
}
.home_social a,
.home_social a:hover {
	background-color: transparent;
}
.home_social a:hover {
	transform: scale(1.1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.home_social img {
	max-width: 35px;
}
.home_social a small {
 	display: none;   
}

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

}

/* ADDITIONAL CHANGES  ----------------------------------------------- */

footer {
 	background: #fff;  
    margin: 0;
    padding-top: 28px;
}

.label-copyright {
 	color: #000000;   
}

.halalimg img {
    width:45px;
}

.home .halalimg img {
    width:auto;
}

.home-about {
    position: absolute;
    background: none;
    text-align: right;
    max-width: 800px;
    z-index: 0;
    right: 0;
    top: 102px;  
}


.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
 	background: transparent;   
}
.alert-error.well-large h1 {
 	color: #fff;   
}
.well .table {
 	color: #000;
}
.ui-state-highlight {
 	background: #0087df;
    color: #fff;
}


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

}

/* CONTACT PAGE  ----------------------------------------------- */
.contact-us .ui-widget-header {
 	background: #0086df;
    color: #FFFFFF;
}
.contact-us .box-opening-hours {
 	margin-top: 20px;   
}

/* 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 {

}

/* CT DETAILS BAR --------------------- */
.ct_local_branch_details, .ct_user_status, .ct_local_branch_details em {
 	color: #fff !important;   
    text-transform: uppercase;
    font-size: 12.5px;
    font-style: normal;
}
 
/* Portrait tablet to landscape and desktop */

@media (max-width: 1380px) {
	.home-about {
        max-width: 680px;
        top: 192px;
    }
    .column_slideshow {
        
    }
    
    .column_modules {
     	padding: 0 10px;   
    }
    
    .homepageBanners div {
        max-width: 430px;   
    }
    
    footer {
        padding: 118px 20px 0 20px;   
    }
}

@media (max-width: 1299px) {
    .home .halalimg {
     	display: block;
        margin: auto;
    }
}

@media (max-width: 1200px) {
 	.pay-name  {
        font-size: 75%;
    }
}

@media (max-width: 1135px) {
	.home-about {
        display: none;
    }
    .column_slideshow {
        margin: 30px auto 40px;
    }
    header {
        padding: 0 10px;   
    }
    
    .mod_postcode_box .lead {
     	text-align: center;  
        max-width: 100%;
    }
    .mod_postcode_box .input-append {
     	float: none;   
    }
    .mod_postcode_box .col.col3 {
     	text-align: center;   
    }
    
    .navbar .brand, .navbar .nav>li>a, .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
     	font-size: 20px;	   
    }
    
    .column_slideshow .carousel-indicators {
        top: 357px;
    	left: auto;  
    }
}


@media (max-width: 979px) {
    .homeOpenStatus {
    	display: none !important;   
    }
    .mobileOpenStatus {
     	display: block !important; 
        padding-top: 12px !important;
    }
    
    .ct_details_bar .span6 {
     	width: 100%;
        margin: 0;
        text-align: center !important;
        float: none;
    }
    .nav-collapse .dropdown-menu a {
     	padding: 10px 0 0px;   
    }
    .nav-collapse li {
        width: 100%;
        display: block;
    }	
   
    .navbar .btn-navbar .icon-bar {
     	background: #fff;   
    }
    
    .nav-collapse .dropdown-menu a {
     	font-size: 18px;   
        color: #FFFFFF;
        margin: 0 0 0 10px !important;
    }
    .navbar .main-menu .dropdown-menu li {
     	text-align: right;   
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
    	background: transparent;
    }
    header .navbar .nav .dropdown-menu a {
     	text-align: right;   
    }
    .pay-name  {
        font-size: 45%;
    }
    .well-how-pay .fa-check {
     	bottom: 5px !important;   
    }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .carousel-control {
     	display: none;   
    }
    .left_column, .ct_user_status, .ct_local_branch_details  {
     	text-align: center !important;  
    }
    .column_slideshow {
        margin: 30px 10px 40px;
    }	
    .column_slideshow .carousel-indicators {
     	top: 327px;   
    }
    
    body {
     	padding: 0;   
    }
    footer {
        /*margin: 65px 10px 0 10px;*/  
        margin: 0px;
        padding: 20px;
    }
    footer div, .span4.tr.vendor {
     	margin-top: 10px; 
        text-align: center !important; 
    }
    .mod_postcode_box button {
        margin-left: 0px !important;   
    }
    .mod_postcode_box > .input-append {
        width: 100%;   
    }
    .mod_postcode_box input, .mod_postcode_box .btn-group {
        display: block;
        width: 100% !important;
    }
    .mod_postcode_box .dropdown-menu {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .navbar .main-menu li, .navbar .nav a, .navbar .main-menu .dropdown-menu li {
        text-align: center;   
    }
    header .navbar .nav .dropdown-menu a {
     	text-align: center;   
    }

    .ui-tabs-vertical .ui-tabs-panel {
     	width: 100% !important;   
    }
    body:not(.home) #body {
     	padding-top: 0px;   
    }
    .menu .row-product .row-variation .btn-small {
     	margin-bottom: 5px;   
    }
    .menu-selection .btn {
     	width: 70%;
        margin: 0px auto;
    }
    .menu-selection .well {
     	margin: 0px;   
    }
    .menu-selection h1 {
     	line-height: 110%;   
    }
    header .navbar .dropdown-menu {
     	margin-left: 0px;   
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .mod_postcode_box .lead {
        font-size: 32px;
        line-height: 110%;
    }
    .mod_postcode_box button {
        height: 45px;
        line-height: 35px;
        width: 100%;
    }
    .mod_postcode_box .caret {
        margin-top: 13px;
    }
    .menu-selection .btn {
     	width: 100%;   
    }

}

/*Increase width of customisation modals to fit in toppings*/
@media (min-width: 979px) {
	body #editProductModal.modal,
	body #editSpecialDealModal.modal {
		width: 950px;
		margin-left: -475px;
	}
}

#basket-container .blockElement h3 {
 	color: #000000;   
}