@import url(https://fonts.googleapis.com/css?family=Montserrat|Arbutus+Slab|Arbutus+Slab|Arbutus+Slab|Arbutus+Slab);

body .visible-rotherhithe { display:none !important; } 
body .hidden-rotherhithe { display:inherit !important; } 
body.shop_rotherhithe .hidden-rotherhithe { display:none !important; }
body.shop_rotherhithe .visible-rotherhithe { 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: 'Montserrat';
}
h1 {
	font-family: 'Arbutus Slab';
}
h2 {
	font-family: 'Arbutus Slab';
}
h3 {
	font-family: 'Arbutus Slab';
}
h4 {
	font-family: 'Arbutus Slab';
}
body {
	background-color: #333333;

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {

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

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

/******************CORE STUFF FOR ALL ZFOOD WEBSITES********************/


/*GENERAL SITE LAYOUT*/

.inner-wrapper {
    margin: 0 auto;
    background-image: url('/myimages/746/zpos-bg-perfetta_bodybg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
.page_home .inner-wrapper {
    background: none !important;
}
#container {
    width: 100%;
    padding: 0px;
}
body {
 	padding-bottom: 0px;   
}
#body {
    max-width: 1170px;
    margin: 0 auto;  
    padding-bottom: 20px;
}
.page_home #body{
    max-width: 100%; 
}
.home h1 {
 	display :none;   
}

      

/* LINKS */
a {
 	color: #b68900;   
}
a:hover,
a:focus{
 	color: #825c00 !important;   
}
em {
    color: inherit; 
}



/*BUTTONS, ALERTS, LABELS, BADGES*/

.btn, .btn-group>.btn  {
    /*background: #b68900;*/
    color: #FFFFFF;
    font-family: 'Arbutus Slab';
    border-radius: 10px !important;
    border: none;
    line-height: 110%;
    padding: 10px;
}
.btn:hover, 
.btn-group>.btn:hover {
    color: #FFFFFF;
}
.btn-large {
 	font-size: 16.5px;   
}    
.page_home .btn-large, 
.page_home .btn-group>.btn-large {
 	font-size: 20px;   
}

      
.btn-success, .alert-success, .label-success, .badge-success {
    background: #5bb75b !important;
}
.btn-success:hover {
 	background: #25862e;
    color: #FFFFFF !important;
}
  
      
.btn-danger, .alert-danger, .label-danger, .badge-danger, .alert-error {
    background: #bd362f !important;
}
.btn-danger:hover {
 	background: #860007;
    color: #FFFFFF !important;
}
      
      
.btn-primary, .alert-primary, .label-primary, .badge-primary {
    background: #3b91dc !important;
}
.btn-primary:hover {
 	background: #0064aa !important;
    color: #FFFFFF !important;
}      
      
      
.btn-warning, .alert-warning, .label-warning, .badge-warning  {
    background: #faa732 !important;
}
.btn-warning:hover {
 	background: #c27800 !important;
    color: #FFFFFF !important;
}      
 
      
.btn-info, .alert-info, .label-info, .badge-info {
    background: #2f96b4 !important;
}
.btn-info:hover {
 	background: #006884 !important;
    color: #FFFFFF !important;
}      
 
      
.btn-inverse, .alert-inverse, .label-inverse, .badge-inverse {
    background: #a2a2a2 !important;
}
.btn-inverse:hover {
 	background: #737373;
    color: #FFFFFF !important;
}
      

.alert {
    background: #b68900;
}
.alert, .well.sys-alert {
   	color: #FFFFFF;
    text-align: center;
    border-radius: 0px;
    margin-top: 10px;
}
.alert h4 {
    color: #FFFFFF;
}
.alert .close {
 	color: #FFFFFF;
    opacity: 1;
}
.well.sys-alert button.close {
    color: #FFFFFF;
    opacity: 1;
    
}
      
      
.modal-footer .btn {
    background: #333333;
}

      
      
/*TEXTS*/
.text-success {
    color: #5bb75b;
}
.text-danger {
    color: #bd362f;
}
.text-primary {
    color: #3b91dc;
}
.text-warning {
    color: #faa732;
}
.text-info {
    color: #2f96b4;
}
.text-inverse {
    color: #a2a2a2;
}
 
       
 
/*CARETS*/
.btn .caret {
 	border-top: 4px solid #FFFFFF;
}

           
      
/*WELLS*/
.well {
	background: #333333;
    color: #FFFFFF;
    border: none;
}
      
/*LEGEND*/
legend {
 	color: #FFFFFF;   
}

      
/*POPOVERS*/
.popover-title {
    color: #b68900;
    background-color: #333333;
    font-weight: bold;
    /*font-size: 15px;*/
}
.popover-content {      
    color: #333333;
    
}
      
/*INPUTS*/
/*.page_home input[type=text],
.page_home input[type=password],
.page_home input[type=number],
.page_home input[type=email],
.page_home input[type=phone],
.page_home input[type=mobile],
.page_home select {
	height: 40px;
}*/

      
/*HERO AREA*/
.hero-unit {
    background-color: #b68900;
}
.hero-unit a {
 	color: #FFFFFF; 
    text-decoration: underline;
}
      
      

/*LITTLE FIXES*/

.row-odd,
.row-product:hover {
    background: inherit;
}
      
/* Makes burger the site color*/
.btn-navbar {
 	background-color: #b68900 !important;   
    background-image: none !important;
}
 
/* Adds white background to body of Order Placed page */
.row-order-complete->.span12 {
 	background: #FFFFFF;
    padding-bottom: 20px;
}
      
/* Makes the title on the review order page black against the white background */    
.page_review-order legend {
 	color: #000000;   
}
      
/* Makes text on error404 white */
/*.page_error-404 p,
.page_error-404 h1,
.page_error-404 h2,
.page_error-404 h3 {
 	color: #FFFFFF;   
}*/
.page_error-404 .alert-error {
    background: #FFFFFF;
}
.page_error-404 .alert-error {
    
}
      
.page_error-404 .alert-error .btn:first-child {
 	background-image: none !important;
    background-color: #2f96b4 !important;
}
.page_error-404 .alert-error .btn:first-child:hover {
    background-color: #006884 !important;
    color: #ffffff !important;
}
.page_error-404 .alert-error .btn:last-child {
    background-image: none !important;
    background-color: #a2a2a2 !important;
}
.page_error-404 .alert-error .btn:last-child:hover {
    background-color: #737373 !important;
    color: #ffffff !important;
}
      
.page_menu .menu-selection .alert {
    color: #FFFFFF;
}
.page_menu .menu-selection .btn {
    color: #000000;
}
      
.carousel-control:hover, .carousel-control:focus {
    color: #FFFFFF !important;
}
.voucher_box {
 	background: #333333 !important;   
}
      
      

/******************END CORE STUFF FOR ALL ZFOOD WEBSITES********************/

      
      

/****************** HEADER **********************/

.topbar-wrap {
 	background: #eeeeee;   
}
.ct_details_bar {
    max-width: 1170px;
    margin: 0 auto;
    color: #4d4d4d;
    padding-top: 10px;
}
.ct_details_bar a {
    color: #b68900;
}
.ct_local_branch_details {
 	text-align: right;   
}


header {
    border-bottom: 8px solid #b68900;
    background: #FFFFFF;
}
.ct_header_row {
 	max-width: 1170px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
}
.ct_header_row .navbar {
 	margin-top: 20px;
    float: right;
}
.ct_header_row .navbar .navbar-inner {
 	border: none;
    background: none;
    box-shadow: none;
}
#logo {
 	position: absolute;   
}


ul.main-menu li {
 	margin-left: 30px;
}
ul.main-menu li a {
    font-size: 20px;
    line-height: 110%;
    color: #000000 !important;
    font-family: 'Arbutus Slab';
    padding: 10px 8px 3px 8px !important;
}
ul.main-menu li a:hover {
    color: #b68900 !important;
}
ul.main-menu li.active {
    border-bottom: 3px solid #b68900;
}
ul.main-menu li.active>a {
 	background-color: transparent !important;
    box-shadow: none !important;
    color: #b68900 !important;
}


ul.main-menu .dropdown-menu li {
    margin-left: 0px;
}
ul.main-menu li.dropdown.open>.dropdown-toggle {
    background-color: transparent !important;
    color: #b68900 !important;
}
ul.main-menu li.dropdown.active .caret,
ul.main-menu li a:hover .caret,
ul.main-menu li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: #b68900 !important;
    border-bottom-color: #b68900 !important;
}
ul.main-menu .dropdown-menu li a:hover {
    background: #b68900;
    color: #FFFFFF !important;
}
.dropdown-menu>li>a:hover {
    background: #b68900;
}
.nav-collapse.in .caret {
    margin-top: 12px !important;
}
      
      
.shopStatus .status-CLOSED,
.shopStatus .status-CLOSED:hover {
 	color: red !important; 
    text-transform: none;
}
.shopStatus .status-OPEN,
.shopStatus .status-OPEN:hover {
 	color: #6ea714 !important; 
    text-transform: none;
}

/*Styles the mobile open status under menu*/
.mobile-brand {
    text-align:center;
    /*border-bottom: 8px solid #b68900;*/
    padding-bottom: 10px;
    /*padding-top: 10px;*/
    font-size: 24px;
    background: #FFFFFF;
}
.mobile-brand a {
    /*padding-bottom: 0px !important;  */
}


/****************** HOME **********************/

.postcode-row {
	background-color: #333333;
    color: #FFFFFF;
    padding-top: 40px;
}
.postcode-row-inner {
    max-width: 1170px;
    margin: 0 auto;
}
.mod_postcode_box {
 	background: transparent !important;
    border: none;
}
.mod_postcode_box .muted {
    color: #FFFFFF;
}
.mod_postcode_box .btn-group>.btn {
 	height: 50px; 
    background: #b68900;
}
.mod_postcode_box .btn-group>.btn:hover,
.mod_postcode_box .btn-group.open .btn.dropdown-toggle {
	background-color: #825c00;
}
#mod_postcode_box_pc {
 	margin-right: 20px;
    width: 100%;
    font-size: 18px;
    height: 50px;
    font-family: 'Montserrat';
    border-radius: 10px;
}
.page_home .caret {
    margin-top: 10px;
}
.postcode-second-half .dropdown-menu>li>a:hover {
    color: #FFFFFF !important;
}
      

.carousel {
 	margin-bottom: 0px;   
}
.carousel-caption {
 	background: none;
    top: 30%;
    max-width: 1170px;
    margin: 0px auto;
}
.carousel-caption h4 {
 	font-size: 64px;
    line-height: 110%;
    width: 50%;
    letter-spacing: 4px;
}
.carousel-caption .btn {
 	margin-top: 15px;
}
.carousel-indicators {
    display: none;
}
.slider-btn {
 	background: #b68900;  
    color: #FFFFFF;
}
.slider-btn:hover {
 	background: #825c00;  
    color: #FFFFFF !important;
}


.homeFoodBoxes {
 	margin-bottom: 30px;   
    min-height:960px; /*So that the page doesn't stretch as the 4 boxes appear on scroll*/
    border-top: 8px solid #b68900;
}
.homeFoodBoxesInner {
 	max-width: 1170px;
    margin: 0px auto;
}
.homePizza {
 	background: url('/myimages/746/perfetta_pizzahome.jpg');   
}
.homePasta {
 	background: url('/myimages/746/perfetta_pastahome.jpg');  
}
.homeStarter {
 	background: url('/myimages/746/perfetta_starterhome.jpg'); 
}
.homeDessert {
 	background: url('/myimages/746/perfetta_desserthome.jpg');
}
.homePizza, .homePasta, .homeStarter, .homeDessert {
 	margin-top: 30px;   
    display: none;
    height: 450px;  
}
.homeFoodBoxButton {
    margin-top: 45%;
    margin-left: 75%;
}
.homeFoodBoxButton .btn {
    background: #000000;
    color: #FFFFFF;
}
.homeFoodBoxButton .btn:hover {
    background: #525252;
}
.homeFoodBoxLabel {
 	background-color: #b68900;
    /*width: fit-content;*/
    width: 340px;
    margin-top: 10%;
    font-size: 40px;
    line-height: 100%;
    padding: 10px;
    margin-left: -20px;
    box-shadow: 5px 10px 50px #000000;
    font-family: 'Arbutus Slab';
}
.homeFoodBoxLabel:hover {
    background-color: #825c00;
}
.homeFoodBoxLabel a {
 	color: #FFFFFF; 
    opacity: 1;
}
.homeFoodBoxLabel a:hover {
 	text-decoration: none;
    color: #FFFFFF !important;
}
.homeFoodBoxLabelArrow {
    float: right;
}

.gold-highlight {
    color: #b68900;
}
      
/****************** FOOTER **********************/

.footer-top {
    background-color: #b68900;
    color: #FFFFFF;
}
.footer-top-inner {
 	max-width: 1170px;
    margin: 0px auto;
}
.footer-top-right {
 	text-align: right;
    padding-top: 40px;
}
.footer-top-left {
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer-top-left p {
    font-size: 18px;
}
.footer-order-btn {
 	background: #333333;
    color: #FFFFFF;
}
.footer-order-btn:hover {
    background: #565656;
}
footer {
 	background: #333333;
    margin-top: 0px;
}
.footer-inner {
 	max-width: 1170px;
    margin: 0px auto;   
    padding-top: 20px;
    padding-bottom: 10px;
    color: #FFFFFF;
}
.footer-inner a {
    color: #b68900;
}
.copyright .muted {
 	color: #FFFFFF;   
}




/****************** MENU, CHECKOUT, CONTACT **********************/

.how-im-ordering-container {
    background: #333333 !important; 
}
.how-im-ordering {
 	max-width: 1170px;
    margin: 0 auto;
    background: #333333 !important; 
    border: none;
    text-align: center;
}
.how-im-ordering h2 {
 	color: #FFFFFF;   
    text-shadow: none;
}
.how-im-ordering a small {
    color:#b68900;
    text-shadow: none;
    font-weight: bold;
    text-decoration: underline;
}


.menu-builder .ui-tabs-nav {
 	border: none;   
}
.menu-builder .ui-tabs-nav li {
    border-radius: 0px;
}
.product-container-panel h3.ui-widget-header {
    color: #FFFFFF;
    border: none;
    background-color: #b68900;
}
.navbar-search {
 	margin-top: 0px;   
}
.navbar-search .search-query {
    border-radius: 10px;
    height: 30px;
}
.website-image {
    border: 10px solid #333333;
}

.menu-container .btn {
    padding: 5px 10px;
}
#responsive-food-menu .navbar-inner {
 	background: #333333;   
    border: none;
}

.entry_product {
    color: #FFFFFF;
    background-color: #333333;
}

.table-hover tbody tr:hover>td, 
.table-hover tbody tr:hover>th { 
    background: inherit; 
}

.box-contact-information h3,
.box-opening-hours h3,
.box-delivery-information h3{
 	color: #b68900;   
}

.icon-bullhorn,
.icon-envelope {
 	background-color: #FFFFFF;   
}
      
#editProductModal .well .btn-group>.btn,
#editSpecialDealModal .well .btn-group>.btn  {
 	color: #000000;
}
#editProductModal .well .btn-group>.btn>.caret,
#editSpecialDealModal .well .btn-group>.btn>.caret {
      border-top: 4px solid #000000;
}
#editProductModal .well .btn-group>.btn-info,
#editSpecialDealModal .well .btn-group>.btn-info,
#editProductModal .well .btn-group>.btn-success,
#editSpecialDealModal .well .btn-group>.btn-success{
 	color: #FFFFFF;
}
#editProductModal .well .btn-group>.btn-info>.caret,
#editSpecialDealModal .well .btn-group>.btn-info>.caret,
#editProductModal .well .btn-group>.btn-success>.caret,
#editSpecialDealModal .well .btn-group>.btn-success>.caret {
      border-top: 4px solid #FFFFFF;
}

.page_checkout .marginbottom15 {
    background-color: #333333;
        padding: 10px;
        border-radius: 4px;
}
.page_checkout .marginbottom15 small {
 	color: #FFFFFF;   
}
.page_checkout .loyaltypoints_box {
    background: #b68900;
}
.page_checkout .loyaltypoints_box .row-credits .ui-widget-header {
 	color: #FFFFFF;   
}
.page_checkout .loyaltypoints_box .row-credits .well {
 	color: #000000;   
}

.trigger-paymentmethod .pay-name {
    color: #5ab75b;
}
 
#responsive-food-menu .brand {
    text-shadow: none;
    color: #FFFFFF;
}
#responsive-food-menu-container {
 	background: #333333;   
}
#responsive-food-menu {
 	max-width: 1170px;  
    margin: 0 auto;
}
      
.page_contact-us h1 {
    background: #333333;
    color: #FFFFFF;
    /*margin-bottom: 0px;*/
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}    
      
      
/****************** MEMBERS PAGE **********************/
      
.page_members .nav-list>.active>a {
    background-color: #b68900;
    color: #FFFFFF;
}
.page_members th, .page_members td {
    color: #FFFFFF;
}
.page_members #frmNewAddress small {
    color: #FFFFFF;   
}
.page_members #body,
.page_menu #body {
    padding-top: 30px;
}
.page_members .sidebar-nav li a {
 	text-shadow: none;
    font-weight: bold;
}
.page_members .sidebar-nav li a:hover {
    background-color: #e4c77b;
}
.page_members a.dropdown-toggle {
 	color: #555555 !important;   
}
.page_members a.dropdown-toggle .caret {     
    border-top: 4px solid #555555;
}
   
/****************** MEDIA QUERIES **********************/
      
@media (max-width: 1200px) {
    #logo img,
    .homeFoodBoxesInner,
    .footer-top,
    .footer-inner{
    	padding-left: 60px;
        padding-right: 60px;
    }
    .carousel-caption {
        padding-left: 150px;
        padding-right: 60px;
    }
    .carousel-caption h4 {
    	font-size: 36px;
    }
    .postcode-row {
        padding-left: 60px;
        padding-right: 120px;
    }
    #logo img {
     	max-width: 70%;   
        padding-top: 10px;
    }
    .navbar .nav>li>a {
     	font-size:16px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .mod_postcode_box {
     	padding-left: 0px;   
    }
    #mod_postcode_box_pc {
        font-size: 14px;
    }
    .homeFoodBoxButton {
     	display: none;   
    }
    .homeFoodBoxLabel {
     	margin-left: 0px;  
        width: fit-content;
        font-size: 30px;
    }
    .ct_user_status {
        width: 100% !important;   
        text-align: center !important;
     }
     .ct_local_branch_details {
        width: 100% !important;   
         text-align: center;
         margin-left: 0px !important;
     }
    .homePizza, .homePasta, .homeStarter, .homeDessert {
    	height: 250px;
    }
    .homeFoodBoxes {
     	min-height: 560px;   
    }
    .postcode-first-half h2 {
     	font-size: 26px;
    }
    .menu-builder .ui-tabs-vertical  {
        border-radius: 0px;
        border-top: 1px solid #FFFFFF;
    }
    
    
}
@media (max-width: 979px) {
    #logo {
     	position: static;
    	text-align: center;   
    }
    .carousel-caption {
     	top: 10%;   
    }
    #logo img {
        max-width: 100%;
    }
    .ct_header_row {
        padding-bottom: 0px;
    }
    .ct_header_row .navbar {
        float: none;
    }
    /*.nav-collapse.in {
        margin-top: 90px;
        height: 230px !important;
    }*/
    ul.main-menu li.active {
     	border: none;   
    }
    ul.main-menu li {
     	text-align: center;   
        margin-left: 0px;
    }
    .navbar .nav>li>a {
        font-size: 24px;
    }
    /*header {
     	border-bottom: none;   
    }*/
    .ct_header_row .navbar {
     	margin-top: 0px;  
        margin-bottom: 0px !important;
    }
    .navbar .btn {
	    /*margin-top: 15px;*/
    }
}
    
@media (max-width: 767px) {
   
   .carousel-caption h4 {
       font-size: 24px;
   }
    .carousel-caption .btn {
     	font-size: 16px;   
    }
    .carousel-caption {
     	top: 5%;
        padding-left: 100px;
    
    }
    .footer-top-right {
     	padding-bottom: 10px;
        padding-top: 0px;
    }
    .postcode-first-half {
     	text-align: center;   
    }
    .postcode-row {
        padding-right: 60px;
    }
    .postcode-second-half .btn-group {
         display: block;
    }
    .postcode-second-half .btn-group>.btn {
        width: 100%;
    }
    body {
     	padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .footer-top-left,
    .footer-top-right {
     	text-align: center !important;   
    }
    
    .copyright,
    .cards,
    .vendor {
     	text-align: center !important;
        padding-bottom: 30px;
    }
    .page_checkout h2 {
     	padding-left: 20px;   
    }
}
@media (max-width: 480px) {
    
    #logo img,
    .homeFoodBoxesInner,
    .footer-top,
    .footer-inner,
    .carousel-caption {
    	padding-left: 20px;
        padding-right: 20px;
    }
    
    .carousel-caption {
     	background: rgba(0, 0, 0, 0.75); 
    }
    .carousel-caption h4 {
     	width: 100%; 
        text-align: center;
    }
    .carousel-caption p {
        text-align: center;
    }
    /*#logo img {
        max-width: 250px;
    }*/
    .mobile-brand a {
     	font-size: 12px  !important;   
    }
    .mod_postcode_box {
        padding: 19px 0px 0px 0px;
    }
    .homeFoodBoxLabel {
     	font-size: 22px;   
    }
    .ct_header_row {
        padding-top: 10px;
    }
    .ct_details_bar {
     	font-size: 12px;   
    }
}

/***************MEDIA QUERY FIXES TO BE APPLIED TO ALL ZFood*******************/
@media (max-width:767px) {
 	/* Makes menu on mobile not have massive gap on left*/
	.menu-container .ui-tabs-vertical .ui-tabs-panel {
 		width: 100% !important;
	}   
    .row-order-complete- .span12{
        padding: 20px;
    }
}