/* Make browser defaults consistant */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;}

body{
	line-height:1;}

ol,ul,li{
	list-style:none;	 	}	#sci-google-map li{	 font-weight: bolder;	}

blockquote,q{
	quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;}

table{
	border-collapse:collapse;
	border-spacing:0;}

body,html{
	margin:0;
	padding:0;}

.clearfix:after{
	clear:both;
	content:"\00A0";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;}

.clearfix{
	display:inline-block;}

html[xmlns] .clearfix{
	display:block;}

* html .clearfix{
	height:1%;}

.clearfix{
	display:block;}

.clearfix{
	clear:both;}

/* Edit below this line not above || The above lines are to normalize browsers so they dont have different settings and display contents incorrectly */

#header,#main,#footer{
	position:relative;
	width:100%;}

.container{
	clear:both;
	margin:auto;
	width:960px;}

html,body{
	font-family:"helvetica bold", arial bold, arial;}

#logo{
	font-size:1px;
	height:251px;
	margin:0;
	margin-left:35px;
	overflow:hidden;
	padding:0;
	position:absolute;
	text-indent:-1000px;
	top:-37px;
	width:161px;
	z-index: 1;}

#logo a{
	display:block;
	height:100%;
	margin-top:-13px;
	width:100%;}

#logo,
#nav ul li{
	float:left;}

#nav{
	display:block;
	height:70px;
	margin: 0px;
	overflow:hidden;
	padding:0;}

#nav ul.menu{
	display:block;
	height:80px;
	padding-left:203px;}

#nav ul li{
	height:26px;
	margin:19px 0px;
	padding:6px 40px;}

#nav ul li a{
	border-bottom:1px solid transparent;
	border-right:1px solid transparent;
	display:block;
	font-family:'Helvetica bold',Arial;
	font-size:26px;
	font-weight:bold;
	height:100%;
	line-height:22px;
	margin-left:-5px;
	margin-top:-5px;
	padding:5px;
	text-align:center;
	width:100%;}

.header_wrapper{
	/*padding-top:40px;*/}

.rounded{
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;}

.rounded2{
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;}

#banner{
	margin:30px 0;
	margin-top:35px;
	position:relative;}

#banner .banner_wrapper{
	height:350px;
	overflow:hidden;
	position:relative;}

#banner .banner_wrapper img{
	height:360px;
	width:960px;}

#banner .banner_overlay {
	bottom:0px;
	font-family:"Helvetica Bold",Arial;
	font-weight:bold;
	height:70px;
	left:0px;
	position:absolute;
	right:0px;}

#banner .banner_overlay .lockpad{
	float:left;
	font-size:22px;
	line-height:40px;
	margin:17px;
	margin-top:14px;
	min-height:40px;
	padding-left:90px;
	padding-top:0px;}

#banner .banner_overlay .btn{
	float:right;
	margin-right:35px;
	margin-top:17px;}

.btn{
	font-family:'Helvetica bold',Arial;
	overflow:hidden;}

.btn .wrapper{
	display:block;
	padding:10px;}

.btn span,
.btn i{
	display:block;
	float:left;}

.btn i{
	height:16px;
	margin-right:8px;
	width:26px;}

.btn span{
	width:auto;}

h1,h2,h3,h4,h5,h6{
	font-family:"Helvetica bold",Arial;}

#content,
#sidebar{
	float:left;
	margin:17px 0;
	padding:30px 40px;
	position:relative;
	width:580px;}

#sidebar{
	clear:none;
	float:right;
	width:196px;	}
#sidebar1{
	/*clear:both;
	float:left;*/
	width:180px;
	padding:10px 0px;}
	#sidebar2{
	/*clear:both;
	float:left;*/
	width:180px;
	padding:10px 0px;}
#content h1,h2,h3,h4,h5,h6{
	margin:10px 0px;}

#content h2{
	font-size:20px;
	margin-top:0;
	padding:10px;}

#sidebar h2{
	font-size:20px;
	line-height:18px;
	margin-bottom:26px;
	margin-top:0;}

#content h3{
	font-size:14px;
	font-size:13px;
	line-height:22px;}

#content .left{
	float:left;
	width:285px;}

#content .right{
	float:right;}

.home_content{
	/*width:360px;*/}



.dish{
	list-style:none;
	margin-bottom:20px;}

.dish li{
	clear:both;
	display:block;
	float:none;
	margin:3px 0;
	padding:0;
	/*padding-left:10px;*/}

.dish li a,
.dish li span{
	display:block;
	float:left;
	font-size:12px;
	height:17px;
	line-height:17px;
	text-align:center;
	width:17px;}

.dish li a{
	height:auto;
	margin-left:10px;
	width:auto;}

.dish .rounded{
	border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;}

#sidebar .btn{
	clear:both;}

.btn{
	cursor:pointer;
	float:left;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;}

#footer,
p{
	font-family:arial;
	font-weight:bolder;}

.address{
	margin-bottom:30px;
	margin-top:30px;}

#content p {
	font-size:13px;
	line-height:20px;}

#footer{
	font-size:12px;
	height:150px;
	line-height:22px;
	padding-top:17px;}

#footer .container{
	position:relative;}

#footer .footer_wrapper{
	border:1px solid #40070B;
	border-top:1px solid #BC7A7C;
	overflow:hidden;}

#footer .footer_wrapper .footer_inner{
	padding:20px;
	padding-bottom:10px;}

#footer .left{
	float:left;}

#footer .right{
	float:right;}

#footer .just-eat-logo{
	display:block;
	font-size:0;
	height:25px;
	left:91px;
	overflow:hidden;
	position:absolute;
	text-indent:-1000px;
	top:20px;
	width:105px;}

#footer .share{
	clear:none;
	font-size:12px;
	font-size:14px;
	font-family:"Helvetica bold",Arial;
	margin-top:-10px;
	padding:7px;}

.share-text{
	float:left;
	font-weight:bold;
	line-height:30px;
	margin-right:5px;}

.social_icons{
	clear:none;
	float:left;}

.social_icons li{
	display:block;
	float:left;
	font-size:0;
	height:30px;
	margin:0 5px;
	text-indent:-1000px;
	width:30px;}

.social_icons li a{
	display:block;
	height:100%;
	width:100%;}

.more_dishes .label,
.more_dishes{
	font-size:13px;
	line-height:18px;}

.order_online_btn .prepender{
	margin-top:2px;}

.order_online_btn .label{
	font-size:16px;}

.more_dishes .prepender{
	margin-top:1px;}

#banner .banner_overlay .lockpad .mobile{
	display:none;}

#banner .banner_overlay .btn .label{
	text-transform:uppercase;}

#nav .menu li .mobile{
	display:none;}

#nav a{
	text-decoration:none;}

#nav .menu .li_order{
	min-width:140px;}

#nav .li_home{
	background:none;}

#is_mobile{
	display:none;}

#header .container{
	position:relative;}
	
.fb_like_btn_rpdz{
	height:30px;
	left:242px;
	overflow:hidden;
	position:absolute;
	top:8px;}
	
html,body{
	height:auto !important;}

div.link a{
	color:#000 !important;
	text-decoration:none !important;}

div.link{
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAFoEvQfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACwdpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMi4yLWMwNjMgNTMuMzUyNjI0LCAyMDA4LzA3LzMwLTE4OjEyOjE4ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzQgV2luZG93cyIKICAgeG1wOkNyZWF0ZURhdGU9IjIwMTItMTEtMDdUMTY6NDA6NThaIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAxMi0xMS0wN1QxNjo0MDo1OFoiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMTItMTEtMDdUMTY6NDA6NThaIgogICBkYzpmb3JtYXQ9ImFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIvPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+HoTllAAAAA1JREFUeNpj+P//fwMACXwDfpHlCU0AAAAASUVORK5CYII=');
	border-radius:10px;
	-webkit-border-radius:10px;
	display:block;
	margin:0 !important;
	margin-bottom:30px !important;
	margin-top:10px !important;
	padding:10px !important;
	text-decoration:none !important;
	text-shadow:0 1px 0 rgba(255,255,255,0.05);}
	

#footer .link{
	width:auto !important;}

.hotoffer{
	border-radius:5px;
	cursor:default;
	margin-bottom:30px;
	text-align:center;
	width:auto;}

	.hotoffer a{
		text-decoration:none;}

	.hotoffer ul{
		display:block;
		padding:9px;}

	.hotoffer li{
		color:#fff;
		font-size:16px;
		font-weight:bold;}
		
@media screen and (min-width:1024px) {

.hotoffer{
	bottom:40px;
	left:40px;
	margin-bottom:0;
	position:absolute;}
}

@media screen and (max-width:800px) { 
/* this media query allows the website to be optimised for mobile devices * /
   @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	/* start */

   body{
	   font-size:10px !important;}
	   .top-text{
		  font-size:10px !important;
	   }
	   .map{
		   padding-left:10px;
	   }

	.fb_like_btn_rpdz{
		display:none;}

	#is_mobile{
		display:block;}

	#header{
		padding:0;}

	#logo{
		/*height:40%;*/
		margin:3.125% 7.291%;
		position:absolute;
		/*top:-20px;
		width:30%;*/}

	#logo a{
		background-size:85%;}

	#banner .banner_wrapper{
		height:147px;}

	.header_wrapper{
		height:170px;
		padding-top:0;}

	#nav,
	#nav ul.menu{
		background:none !important;
		border:none !important;
		border-radius:none;
		border-radius:0;
		filter:none !important;
		margin:0;
		overflow:visible;
		padding:0;
		position:relative;}

	#nav{
		clear:both;
		display:block;
		float:none;
		left:0px;
		position:absolute;
		right:0px;
		top:102.79%;}

	#cycle{
		height:148px;}

	#wrapper .container{
		width:100%;}

	#content,
	#banner,
	#sidebar,
	#footer,
	#banner{
		clear:both;
		float:none;
		margin:3.125% 7.291%;
		position:static;
		width:84.791%;}

	#banner, .slides{
		margin-left:auto;
		margin-right:auto;}

	#banner .banner_wrapper img, .slides figure img{
		height:100%;
		width:100%;}

	#banner .banner_overlay{
		font-size:80% !important;
		height:25%;
		left:auto;
		margin:3.125% 7.291%;
		padding:0;
		position:absolute;
		top:10px;
		width:50%;}

	#banner .banner_overlay .lockpad{
		float:none;
		margin:0;
		margin-top:20px;
		padding:0;		
		text-align:center;}

	#banner .banner_overlay .lockpad .mobile{
		display:block;
		font-size:90% !important;
		line-height:1.4;
		margin:auto;	
		margin-top:0px;
		text-align:center;}

	#banner .banner_overlay .lockpad .desktop{
		display:none;}

	#banner .banner_overlay .btn{
		display:block;
		float:none;
		margin:20px;}

	#banner .banner_overlay .btn .label{
		clear:both;
		display:block;
		float:none;
		font-size:120%;
		text-align:center;
		text-transform:uppercase;}

	#banner .banner_overlay .btn .prepender{
		display:none;}

	.map{
		clear:both;
		margin-top:25px;
		position:relative;}

	.map iframe{
		width:100%;}

	#main{
		margin-top:50px;}

	body #nav{
		display:block;
		margin:auto;
		margin-left:auto !important;
		margin-right:auto !important;
		width:84.0%;}

	#nav ul.menu{
		margin:auto;}

	body #nav ul li{
		border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
		clear:none;
		display:inline-block;
		float:none;
		line-height:20px;
		margin:7px 10px;
		padding:14px 18px;
		width:auto;}

	#nav .menu li{
		border:1px solid transparent;
		float:left;
		font-weight:bold !important;
		text-align:center;
		width:30%;}

	#nav .menu li,
	#nav .menu li a{
		font-size:120% !important;
		height:40px;
		line-height:40px;
		margin:0;
		padding:0;
		text-align:center;}

	#nav .menu li .mobile{
		display:inline !important;}

	#nav .menu .li_home{
		margin-right:2px !important;}

	#nav .menu .li_menu{}

	#nav .menu .li_find{
		float:right;
		white-space:no-break;}

	#nav .menu .li_order{
		clear:both;
		display:block;
		float:none;
		margin:0;
		text-transform:uppercase;
		width:auto;}

	#nav .menu .li_order a{
		white-space:nowrap;
		width:100%;}

	#header #nav .menu li{
		margin-bottom:10px;
		margin-right:4% !important;}

	#header #nav .menu .li_find{
		margin-right:0 !important;}

	#header #nav .menu .li_order{
		margin-right:0 !important;}

	#content,
	#sidebar{
		padding:26px;}

	#content{
		padding:30px;}

	#content,
	#footer,
	#sidebar,
	#content .left,
	#content .right{
		float:none;
		width:auto;}

	#sidebar{}

	#footer .container{
		width:100%;}

	#sidebar .btn{
		border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
		width:100%;}

	#sidebar{
		margin-top:25px;}

	#footer{
		margin-top:-6px;}

	#footer .footer_inner{
		width:auto !important;}

	#footer .footer_wrapper{
		width:100% !important;}

	#sidebar .dish li{
		margin-bottom:10px;}

	#content p,
	#sidebar .dish li,
	#sidebar .dish li a{
		font-size:120%;
		line-height:1.2;}

	#sidebar .dish li a{
		line-height:1.2;}

	#content h2,
	#sidebar h2{
		font-size:180%;
		line-height:1.2;}

	#content h3,
	#sidebar h3{
		/*font-size:160%;*/
		line-height:1.2;}

	#sidebar .btn{
		position:inherit;
		position:initial;
		text-align:center;}

	#sidebar .btn i{
		display:none;
		position:absolute;}

	#sidebar .btn .label{
		display:block;
		float:none;
		font-size:20px;
		text-transform:uppercase;}

	#banner .banner_wrapper{
		height:147px;
		position:inherit;
		position:initial;}

	#nav .menu li{
		margin-right:11px;}

	.btn.rounded2.review{
		float:right;}

	#content .the_menu .right{
		float:right;}

	#content .the_menu .left{
		float:left;}

	#content br{
		display:none;}

	#footer .share-text{
		line-height:30px;}

	#footer .social_icons li {
		height:30px;
		width:30px;}

	#footer .left{
		font-size:80%;}

	#footer .right{
		clear:both;
		float:left;
		margin-top:10px;}

	div.link{
		background:rgba(255,255,255,0.5);
		background-image:none;
		clear:both;
		display:block; 
		float:none;
		width:auto !important;}

	article#content{
		padding:10px !important;
		width:auto !important;}

	#content .the_menu li h2{
		font-size:110% !important;}

	#findus_btns{
		width:auto !important;}

	.btn.rounded2.delivery{
		clear:both;
		display:block !important;
		float:none;
		margin-right:0;
		margin-top:10px;
		width:auto;}

	.btn.rounded2.review{
		clear:both;
		display:block !important;
		float:none;
		margin-top:10px;
		width:auto;}

	#footer .share{
		clear:both;
		display:block;
		float:none;}

	#footer .left{
		clear:both;
		float:none;
		margin:auto;}

	/*.the_two_headers{
		display:none;}*/

	.hotoffersale{
		height:135px !important;
		margin:3.125% 7.6045% 0;
		position:absolute;
		right:0 !important;
		text-align:center;
		top:170px !important;
		width:131px !important;
		z-index:99999 !important;}
	
	.hotoffersale a{
		font-size:1.5em !important;
		top:10px !important;
		width:80px !important;}
		
		.hotoffersale a span{
			display:block;}
	
	.hotoffersale img.arrowlink{
		position:absolute !important;
		right:20px !important;
		top:19px !important;}

	#banner .banner_wrapper{
		overflow:visible;}
}

/* Custom colours below */

#nav ul li a{
	color:#fff;}

.shadow{
	border-top:1px solid rgba(255, 255, 255, 0.75);
	box-shadow:inset -3px -3px 3px 3px rgba(70, 6, 12, 0.75);
	-moz-box-shadow:inset -3px -3px 3px 3px rgba(70, 6, 12, 0.75);
	-ms-box-shadow:inset -3px -3px 3px 3px rgba(70, 6, 12, 0.75);
	-o-box-shadow:inset -3px -3px 3px 3px rgba(70, 6, 12, 0.75);
	-webkit-box-shadow:inset -3px -3px 3px 3px rgba(70, 6, 12, 0.75);}

#banner .banner_wrapper{
	background:#fff;
	border:5px solid #fff;}

#content{
	background:#fff;}

.dish li a{
	color:#896956;}

#footer{
	color:#fff;}

#sidebar{
	background:#fff;}

.ligh-shadow{
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.14);
	-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.14);
	-ms-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.14);
	-o-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.14);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.14);}

.dark-shadow{
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-ms-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-o-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);}

a.btn:hover,
a.btn:hover .wrapper,
a.btn:hover .wrapper .label{
	color:#fff !important;}

#nav ul li a.active,
#nav ul li a:hover{
	background:url(../../images/web/beer/nav-active.png) center center;
	border-bottom:1px solid rgba(255,255,255,0.2);
	border-radius:5px;
	border-right:1px solid rgba(255,255,255,0.2);}

#nav ul li.li_home{
	background:none;}

@media screen and (max-width:480px) {
/* this media query allows the website to be optimised for mobile devices * /
   @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { 
/* start */

	#logo a{
		margin-top:0;}

	.header_wrapper{
		padding-top:0;}

	#nav,
	#nav ul.menu{
		background:none;
		border:none !important;
		filter:none;}

	#banner .banner_overlay{
		box-shadow:0 0 5px 0 rgba(255,255,255,0.27);
		color:#fff;}

	#banner .banner_overlay .lockpad{
		background:none !important;
		color:#8b181b !important;
		font-size:18px;
		text-shadow:0 1px 0 rgba(255,255,255,0.55);}

	#main{
		background-image:none !important;}

	body #nav ul li{
		text-shadow:0 1px 0 #360800;}

	#content,
	#sidebar{
		background:#fff !important;}

	#nav ul.menu li.li_order a{
		color:#fff !important;
		text-shadow:0 1px 0 rgba(113,72,0,0.45);}

	#sidebar li{
		line-height:20px;}

	#footer .just-eat-logo{
		background-position:left center !important;
		background-size:86px 19px !important;}

	#content .the_menu li h2{
		height:auto;}

	.the_two_headers{
		display:none;}

	#nav{
		margin-top:0px !important;}

	#content .the_menu .label_text{
		width:300px;}

	#banner .banner_wrapper{
		/*overflow:visible;*/ /* CHECK */}
/* end */
}


.left{
	float:left;}

.right{
	float:right;}

.findus.list{
	color:#896956;
	font-size:13px;}

.findus.list .item{
	line-height:22px;}

.btn.delivery{
	margin-right:10px;}

.btn .delivery{
	background:url(../../images/web/beer/van.png) no-repeat;
	display:block;
	float:left;
	height:16px;
	margin-right:5px;
	width:16px;}

.btn .star{
	background:url(../../images/web/beer/star.png) no-repeat;
	display:block;
	float:left;
	height:16px;
	margin-right:5px;
	width:16px;}

#findus_btns{
	margin-bottom:23px;
	width:350px;}

#findus_btns .btn{
	font-size:13px;}

article#content.page_404{
	display:block;
	width:880px;}

.the_menu li h2{
	color:#8B181B;
	cursor:hand;
	cursor:pointer;
	height:20px;
	padding:10px;}

.the_menu .the_sub_menu{
	background:#ebebeb;
	display:none;
	margin-bottom:10px;
	padding:10px;}

.the_menu .the_sub_menu li{
	/*background:url(../../images/web/beer/menu_line.png) repeat-x center bottom;*/
	color:#000;
	line-height:18px;
	/*margin:5px 0;
	padding:5px 0;*/
	padding-bottom:10px;}

.the_menu .the_sub_menu li a{
	color:#896956;}

.the_menu .the_sub_menu li:last-child{
	background:none;
	margin-bottom:0;
	padding-bottom:5px;}

.the_menu .the_sub_menu li .plus{
	background:url(../../images/web/beer/plus.jpg) no-repeat center center;
	float:right;
	height:20px;
	margin-left:10px;
	margin-top:-2px;
	overflow:hidden;
	text-indent:-1000px;
	width:20px;}

#content .the_menu .the_sub_menu .clearfix{
	clear:none;}

#content .the_menu .left{
	width:auto;}

#content .the_menu .price_wrap .plus{
	width:20px !important;}

.the_two_headers{
	left:240px;
	position:absolute;
	top:30px;}

.the_two_headers h3{
	font-size:16px;}

#nav{
	margin-top:60px;}

.hotoffersale{
	height:179px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:174px;
	z-index:99999;}

.hotoffersale a{
	color:#fff !important;
	font-family:Trebuchet MS,Verdana,Arial;
	font-size:1.2em;
	position:absolute;
	right:15px;
	text-decoration:none !important;
	top:15px;
	width:118px;}

.hotoffersale a span{
	display:block;
	font-size:1.6em !important;
	text-transform:uppercase;}
	
	.hotoffersale a span em{
		display:block;
		font-style:normal;}
		
		.hotoffersale a span strong{
			font-weight:normal;}
			
		.hotoffersale a span.es strong{
			left:-15px;
			position:relative;}

.hotoffersale img.arrowlink{
	height:5px !important;
	position:absolute;
	right:25px;
	top:28px;
	width:8px !important;}
	.fp_subheader{
		line-height:18px !important;
	}
	.menu_description a{
		font-size:12px;
	}