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

body .visible-tolworth { display:none !important; } 
body .hidden-tolworth { display:inherit !important; } 
body.shop_tolworth .hidden-tolworth { display:none !important; }
body.shop_tolworth .visible-tolworth { 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: #ffffff;
	font-family: 'Roboto Slab';
}
h1 {
	color: #ffffff;
	font-family: 'Roboto Slab';
}
h2 {
	color: #ffffff;
	font-family: 'Roboto Slab';
}
h3 {
	color: #ffffff;
	font-family: 'Roboto Slab';
}
h4 {
	color: #ffffff;
	font-family: 'Roboto Slab';
}
body {
	background-color: #10161f;

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #10161f;

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

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

/* see //static.zfood.co.uk/planetpizzatolworth.co.uk/css/zpos-custom.css fior the start of this sheet */

.cl-effect-13 a::before {
	position: absolute;
    top: 32px;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

/**------------------------- MEDIA QUERIES -------------------------------**/
@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
       width:100%;
    } 
    .home footer .row-fluid, .home .ct_details_bar,.home #body, .home .navbar-inner, .home .row-fluid.ct_header_row{ 
        max-width:1500px;
        margin:0 auto; 
    }
    footer .row-fluid, .ct_details_bar, #body, .navbar-inner, .row-fluid.ct_header_row{ 
        max-width:1170px;
        margin:0 auto; 
    }
    button.btn.btn-success.dropdown-toggle {
        padding: 0px 20px;
    }
}


@media (max-width:1200px){
    .span4.tr.vendor img {
        padding-right: 10px;
    } 
    #basket-container.ui-widget {
        margin-top:20px;
    }
    .menu #body .website-image,
    .members #body .website-image {
        text-align:center;
    }    
    
}

@media(max-width:1660px){
    .btmbanners p {
        font-size: 20px;
        line-height: 30px;
    }
    .home header nav a, header nav a {
        margin: 0;
    }
    .navbar .nav>li>a, .home .navbar .nav>li>a {
        padding: 10px;
        font-size: 26px;
        line-height: 1.2;
    }
    .planet {
        top: -80px;
    }
    .space {
        margin: -135px;
    }
    .two, .four, .five {
        padding: 20px 30px 40px;
    }
    .left_column {
        padding-left:10px;
    }
    .right_column {
        padding-right:10px;
    }
}
@media (max-width:1500px){
    .home .right_column.span8 {
        margin-top: 10px;
    }
    .home #logo img {
        max-height: 320px;
        margin: 20px 0px 0px;
    }    
    .home .ct_details_bar,.ct_details_bar{
        font-size: 20px;
        line-height: 1.2;
    }
    .ct_details_bar div, .ct_details_bar .brand{
        padding: 10px 0;
    }	
    .home img.openicon, .home img.welcomeicon, .home img.findusicon {
        width: 20px;
    }
    .well.mod_postcode_box {
        width: 60%;
        margin: 0 auto;
        margin-top: 120px;
    }
    .space img {
        width:80%;
    }
    .home .row-fluid.ct_header_row {
        margin-bottom: 20px !important;
    }
    .btmbanners h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .btmbanners .btn.btn-primary {
        padding: 10px;
        font-size: 20px;
        margin-top: 10px;
    }
    .space {
        margin: 0px;
        margin-top: -150px;
        right: 0;
    }
}
@media (max-width:1300px){
    .home #logo img {
        max-height: 260px;
    }
    .home .navbar .nav>li>a {
        font-size: 25px;
    }
    .well.mod_postcode_box {
        width: 70%;
    }
    .btmbanners h2 {
        font-size: 25px;
    }
    .btmbanners p {
        font-size: 18px;
        line-height: 27px;
    }
    
}
@media (max-width:1200px){
    .home .navbar .nav>li>a, .navbar .nav>li>a {
        font-size: 20px;
    }
    .well.mod_postcode_box {
        width: 80%;
    }
    .two, .four, .five {
        padding: 0px;
    }
    .btmbanners p {
        font-size: 15px;
        line-height: 23px;
    }
    .astro {
        top: 90%;
        left: 25%;
    }
    .planet {
        top: -20px;
        right: 20%;
    }
}
/* Not Desktop */
@media (max-width:979px){
    .space {
        display:none;
    }
    .nav-collapse .nav>li {
        text-align: center;
    }
    .nav-collapse .dropdown-menu{
     	margin: 0;   
    }
    .well.mod_postcode_box {
        width: 90%;
        margin-top:0px;
    }
    .welcome h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .mod_postcode_box .lead {
        font-size: 36px;
    }
    .welcome {
        margin: 90px 0px 20px;
    }
    .btmbanners .span3 {
        width: 50%;
    }
    .span3.three,.span3.four {
        display:none;
    }
    .span3.two,.span3.five {
        padding:40px;
    }
    .btmbanners h2 {
        font-size: 35px;
    }
    .btmbanners p {
        font-size: 22px;
        line-height: 36px;
    }
    .navbar {
        width: 100%;
    }
    .navbar .nav>li>a {
        padding: 8px 0px 15px 0px;
    }
    .row-fluid.ct_header_row {
        margin-bottom:20px;
    }
    .astro {
        left: 50%;
    }
    .planet {
        left: 0;
        right: initial;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
       width:100%; 
   }

    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #fff !important;
    }
    .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    body {
        padding:0px;
    }
    footer {
    	height:100%;
        text-align:center;
        padding-top:8px;
        padding-bottom:8px;
        margin-top:0;
    }
    .copyright, .cards, .tr.vendor a.vendor-zpos img {
    	padding-top:8px;
        padding-bottom:8px;
    }
    .tr, .tl {
        text-align: center !important;
    }
    .menu .alert h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .alert h2 small {
        font-size:16px;
    }
    .input-append.col.col2 {
        width: 100%;
    }
    .btmbanners .span3 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 10px;
    }
    .btmbanners .span3 img {
        width: 100%;
        max-width: 370px;
    }
    .span3.five, .span3.six, .span3.eight {
        display:none;
    }
    #logo {
        text-align:center;
    }
    .home #logo img, #logo img {
        max-height: 180px;
    }
    .home .right_column.span8, .right_column.span8 {
        margin-top: 0px;
    }
    .mod_postcode_box .lead {
        font-size: 37px;
    }
    .astro {
        left: 10%;
    }
    .planet {
        top: 80px;
        left: initial;
        right: 0;
    }
}

button {
    font-family:'Roboto Slab';
}   

/**------------------------- MEDIA QUERIES -------------------------------**/
@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
       width:100%;
    } 
    .home footer .row-fluid, .home .ct_details_bar,.home #body, .home .navbar-inner, .home .row-fluid.ct_header_row{ 
        max-width:1500px;
        margin:0 auto; 
    }
    footer .row-fluid, .ct_details_bar, #body, .navbar-inner, .row-fluid.ct_header_row{ 
        max-width:1170px;
        margin:0 auto; 
    }
    button.btn.btn-success.dropdown-toggle {
        padding: 0px 20px;
    }
}


@media (max-width:1200px){
    .span4.tr.vendor img {
        padding-right: 10px;
    } 
    #basket-container.ui-widget {
        margin-top:20px;
    }
    .menu #body .website-image,
    .members #body .website-image {
        text-align:center;
    }    
    
}

@media(max-width:1660px){
    .btmbanners p {
        font-size: 20px;
        line-height: 30px;
    }
    .home header nav a, header nav a {
        margin: 0;
    }
    .navbar .nav>li>a, .home .navbar .nav>li>a {
        padding: 10px;
        font-size: 26px;
        line-height: 1.2;
    }
    .planet {
        top: -80px;
    }
    .space {
        margin: -135px;
    }
    .two, .four, .five {
        padding: 20px 30px 40px;
    }
    .left_column {
        padding-left:10px;
    }
    .right_column {
        padding-right:10px;
    }
}
@media (max-width:1500px){
    .home .right_column.span8 {
        margin-top: 10px;
    }
    .home #logo img {
        max-height: 320px;
        margin: 20px 0px 0px;
    }    
    .home .ct_details_bar,.ct_details_bar{
        font-size: 20px;
        line-height: 1.2;
    }
    .ct_details_bar div, .ct_details_bar .brand{
        padding: 10px 0;
    }	
    .home img.openicon, .home img.welcomeicon, .home img.findusicon {
        width: 20px;
    }
    .well.mod_postcode_box {
        width: 60%;
        margin: 0 auto;
        margin-top: 120px;
    }
    .space img {
        width:80%;
    }
    .home .row-fluid.ct_header_row {
        margin-bottom: 20px !important;
    }
    .btmbanners h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .btmbanners .btn.btn-primary {
        padding: 10px;
        font-size: 20px;
        margin-top: 10px;
    }
    .space {
        margin: 0px;
        margin-top: -150px;
        right: 0;
    }
}
@media (max-width:1300px){
    .home #logo img {
        max-height: 260px;
    }
    .home .navbar .nav>li>a {
        font-size: 25px;
    }
    .well.mod_postcode_box {
        width: 70%;
    }
    .btmbanners h2 {
        font-size: 25px;
    }
    .btmbanners p {
        font-size: 18px;
        line-height: 27px;
    }
    
}
@media (max-width:1200px){
    .home .navbar .nav>li>a, .navbar .nav>li>a {
        font-size: 20px;
    }
    .well.mod_postcode_box {
        width: 80%;
    }
    .two, .four, .five {
        padding: 0px;
    }
    .btmbanners p {
        font-size: 15px;
        line-height: 23px;
    }
    .astro {
        top: 90%;
        left: 25%;
    }
    .planet {
        top: -20px;
        right: 20%;
    }
}
/* Not Desktop */
@media (max-width:979px){
    .space {
        display:none;
    }
    .nav-collapse .nav>li {
        text-align: center;
    }
    .nav-collapse .dropdown-menu{
     	margin: 0;   
    }
    .well.mod_postcode_box {
        width: 90%;
        margin-top:0px;
    }
    .welcome h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .mod_postcode_box .lead {
        font-size: 36px;
    }
    .welcome {
        margin: 90px 0px 20px;
    }
    .btmbanners .span3 {
        width: 50%;
    }
    .span3.three,.span3.four {
        display:none;
    }
    .span3.two,.span3.five {
        padding:40px;
    }
    .btmbanners h2 {
        font-size: 35px;
    }
    .btmbanners p {
        font-size: 22px;
        line-height: 36px;
    }
    .navbar {
        width: 100%;
    }
    .navbar .nav>li>a {
        padding: 8px 0px 15px 0px;
    }
    .row-fluid.ct_header_row {
        margin-bottom:20px;
    }
    .astro {
        left: 50%;
    }
    .planet {
        left: 0;
        right: initial;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
       width:100%; 
   }

    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #fff !important;
    }
    .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    body {
        padding:0px;
    }
    footer {
    	height:100%;
        text-align:center;
        padding-top:8px;
        padding-bottom:8px;
        margin-top:0;
    }
    .copyright, .cards, .tr.vendor a.vendor-zpos img {
    	padding-top:8px;
        padding-bottom:8px;
    }
    .tr, .tl {
        text-align: center !important;
    }
    .menu .alert h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .alert h2 small {
        font-size:16px;
    }
    .input-append.col.col2 {
        width: 100%;
    }
    .btmbanners .span3 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 10px;
    }
    .btmbanners .span3 img {
        width: 100%;
        max-width: 370px;
    }
    .span3.five, .span3.six, .span3.eight {
        display:none;
    }
    #logo {
        text-align:center;
    }
    .home #logo img, #logo img {
        max-height: 180px;
    }
    .home .right_column.span8, .right_column.span8 {
        margin-top: 0px;
    }
    .mod_postcode_box .lead {
        font-size: 37px;
    }
    .astro {
        left: 10%;
    }
    .planet {
        top: 80px;
        left: initial;
        right: 0;
    }
}

button {
    font-family:'Roboto Slab';
}