/*
//   Style settings for default takeaway / restaurant theme
//   Colour settings should be overridden per client
*/

body {
	background-color:#000000;
	overflow-x:hidden;
	min-width:330px;
}

.heading {
	font-size:25pt;
	text-align:center;
}

.carousel {
	height:320px;
	width:100%;
	overflow:hidden;	
	position:relative;
}
.carousel_image {
	height:400px;
	position:absolute;
	width:1000px;
	overflow:hidden;
}
.carousel_image img {
	height:400px;
	margin-left:auto;
	margin-right:auto;
}

.allergynote {
	color:#ff0000;
	font-weight:bold;
	padding:3px;
	border: 2px solid #ff0000;
	margin: 3px;
}

.imgcache {
	width:1px;height:1px;overflow:hidden;
}
.cache_image {
	width:1px;height:1px;
}

.menubar {
	width:100%;
	height: 100px;
	z-index:900;
}
.logo {
	height: 100px;
}

.menu {
	position:absolute;
	top:75px;
	left:50%;
	width:1000px;
	margin-left:-500px;
	
}
.menu button {
	min-width:95px;
	padding:5px;
        font-size:22px;
}


.banner {
	height:290px;
	width:1000px;
	padding: 40px 0 10px 0;
	margin:auto;
	margin-bottom:10px;

}
.ocontent {
	position:relative;
	top:150px;
	width:1000px;
	margin-left:-500px;
	left:50%;
	padding:0px;
	min-height:300px;
}
.ocontent .side {
	top:0px;
}
.ocontent .order {
	top:0px;
}

.orderbasketsummary {
	display:none;
	height:40px;
	background-color:#92212F;
	color:#ffffff;
	text-align:center;
	padding-top:4px;
	bottom:0px;
	left:0px;
	right:0px;
	position:fixed;
}

.content.noside .side {
	display:none;
}
.content.noside .main {
	margin-left:0px;
	width:auto;
}
.content {
	position:relative;
	top:0px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

.main {
	width:743px;
	margin-left:240px;
	font-size:15pt;
	min-height:300px;
	padding: 5px;
}
.main img {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.main .checkout_option {
	display:inline;
}

.ocontent .main {
	width:450px;
}

.side {
	position:absolute;
	left:0px;
	width:217px;
	font-size:12pt;
	padding: 5px;
	min-height:400px;
	border: 4px solid #000000;
}

.order {
	position:absolute;
	top:120px;
	right:0px;
	width:272px;
	font-size:12pt;
	xbackground-color:#fff;
	color:#000;
	xmin-height:400px;
}

.order_hidden_title,.order_hidden_close {
	display:none;
}
.online_menu_sectionClose {
	display:none;
}

.footer {
	padding-left:240px;
	font-size:16pt;
}
.footer h2 {
        font-size:18px;
        display:block;
}

.orderInProgress .footer table {
	display:none;
}


.ca_footer {
	font-size:14px;
	margin-top:10px;
	margin-left:10px;
	line-height:1.4;
	font-style:italic;
}
.noside .footer {
	padding-left:0px;
}
.noside .ca_footer {
	margin-left:0px;
}

/* FULL HD */
@media screen and (min-width: 1901px) {
}

/*  web */
@media screen and (min-width: 1001px) and (max-width:1900px) {
}

@media screen and (min-width: 781px) {
	.online_menu_sectionOpen {
		display:none;
	}
}

/*  small web */
@media screen and (min-width: 781px) and (max-width:1000px) {
.menubar_logo {
	left:0px;
	margin-left:0px;
	width:100%;
}
.content {
	width:auto;
}
.ocontent {
	width:100%;
	margin-left:0px;
	left:0px;
}
.main {
	width:auto;
}
.menubar {
	width:auto;
	left:0px;
	right:0px;
	margin-left:auto;
}
.menu {
	position:absolute;
	margin-left:auto;
	top:85px;
	right:20px;
	width:auto;
}
.findusmap {
	width:600px;
}
.ocontent .side {
	display:none;
}
.ocontent .main {
	margin-left:0px;
	width:auto;
	margin-right:280px;
}
.ocontent .order {
	right:0px;
}
.order_hidden_title {
	display:block;
}
.online_menu_sectionClose {
	display:block;
}
.online_menu_sectionClose.order_hidden_close {
	display:none;
}
}
/*  mobile */
@media screen and (max-width: 780px) {
.orderbasketsummary {
	display:block;
	text-align:left;
}
.basketimg {
	text-align:center;
}
.side,.banner {
	display:none;
}
.title3 {
	display:none;
}
.menubar img {
	display:none;
}
.menubar_logo {
	width:100%;
	margin-left:0px;
	left:0px;
}
.menu {
	position:absolute;
	margin-left:auto;
	top:105px;
	left:20px;
	width:auto;
}
.content {
	width:auto;
	top:0px;
}
.main {
	width:auto;
	margin-left:0px;
	margin-top:60px;
}
.menubar {
	width:auto;
	height:45px;
	left:0px;
	position:relative;
	margin-left:auto;
}
.menu {
}
.order_hidden_title {
	display:block;
}
.online_menu_sectionClose {
	display:block;
}
.online_menu_sectionClose.order_hidden_close {
	display:none;
}
.ocontent {
	width:100%;
	margin-left:0px;
	top:70px;
	left:0px;
}
.ocontent .side {
	display:none;
}
.ocontent .main {
	left:0px;
	width:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
.order {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
.footer {
	padding-left:0px;
}
.content tr {
	display:inline;
}
.content td {
	display:block;
	max-width:780px;
}

}


/* nav bar does not fit... */
@media screen and (max-width: 550px) {
.pageorder .navaboutus { display: none; }
.pageorder .navfindus { display: none; }
.pageorder .navreviews { display: none; }
.pageorder .navorder { display: none; }
.title1 {
	font-size:24pt !important;
}
.title2 { display:none; }
.menu {
	left:10%;
	width:80%;
}
.menu button {
	display:block;
	border:1px dotted #885679 !important;
	width:100%;
}
.ocontent {
	top:200px;
}
.content {
	top:140px;
}
.pageorder .ocontent { top: 60px; }
}

/*  mobile small hi res screen */
@media screen and (min-resolution: 120dpi) and (max-width: 780px) {


.side,.banner {
	display:none;
}
.menubar img {
	display:none;
}
.content {
	width:auto;
	top:0px;
}
.main {
	width:auto;
	margin-left:0px;
	margin-top:30px;
	font-size:20pt;
}
.heading {
	font-size:35pt;
}
.menubar {
	width:auto;
	height:auto;
	padding-bottom:40px;
	left:0px;
	position:relative;
	margin-left:auto;
}
.menu {
	position:relative;
}
.menu button {
	font-size:25pt;
	padding:15px;
}
.order_hidden_title {
	display:block;
}
.online_menu_sectionClose {
	display:block;
}
.online_menu_sectionClose.order_hidden_close {
	display:none;
}
.ocontent {
	width:100%;
	margin-left:0px;
	top:70px;
	left:0px;
}
.ocontent .side {
	display:none;
}
.ocontent .main {
	left:0px;
	width:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
.order {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
.footer {
	display:none;
}
.footer h2 {
	font-size:35pt;
}

a img {
	height:85px;
}

}

@media screen and (min-resolution: 120dpi) and (max-width: 490px) {
.menu {
	width:100%;
	left:0px;
	padding:5px;
}
.menu button {
	font-size:20pt;
	padding:5px;
}
.main {
	font-size:15pt;
}
a img {
	height:45px;
}
.ocontent {
	top:180px;
}
.content {
	top:180px;
}
}

#reviews img {
	float:right;
}