/*
//   Style settings for default takeaway / restaurant theme
*/

.desc_clear {
        clear:both;
}


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

.ocontent {
	position:relative;
	top:150px;
	width:1000px;
	margin-left:-500px;
	left:50%;
	padding:0px;
	min-height:300px;
}
.ocontent button {
	background-color:#885679;
	border:2px solid #92212F;
	background: linear-gradient(#c08080,#92212F);
	display:inline-block;
	color:#ffffff;
	padding:5px;
	font-size:22px;
	text-shadow: 1px 1px 1px #000000;
	min-width:140px;
	border-radius:10px;
}
.ocontent button:hover {
	background: transparent;
        background-color: #C08020;
}
.policy {
	border-radius:5px;
	color:#ffffff;
	padding:3px;
	text-shadow: 1px 1px 1px #000000;
	margin:5px;
	background-color:#885679;
	border:2px solid #92212F;
	background: linear-gradient(#c08080,#92212F);
	display:inline-block;
	color:#ffffff;
}
.policy :hover {
	background: transparent;
        background-color: #C08020;
}
.ocontent .side {
	top:0px;
}
.ocontent .order {
	top:0px;
}
.content.noside .side {
	display:none;
}
.content.noside .main {
	margin-left:0px;
	width:auto;
}

.main {
	width:743px;
	margin-left:240px;
	font-size:14pt;
	min-height:300px;
	padding: 5px;
}

.main hr {
	color:#ddd;
	width:90%;
}

.ocontent .main {
	width:450px;
}

.side {
	position:absolute;
	top:0px;
	left:0px;
	width:217px;
}
.side2 {
	font-size:12pt;
	padding: 5px;
	min-height:400px;
}
.StickyIsSupported .side {
        height:100%;
}
.StickyIsSupported .side2 {
        -ms-position:sticky;
        -webkit-position:sticky;
        -moz-position:sticky;
        position:sticky;
        top:0px;
}

.order {
	position:absolute;
	padding:5px;
	top:120px;
	right:0px;
	width:272px;
}
.order2 {
	font-size:12pt;
	color:#000;
	xmin-height:400px;
}
.StickyIsSupported .order {
        height:100%;
}
.StickyIsSupported .order2 {
        -ms-position:sticky;
        -webkit-position:sticky;
        -moz-position:sticky;
        position:sticky;
        top:0px;
}

.order_hidden_title,.order_hidden_close {
	display:none;
}
.online_usernote {
	border: 1px solid black;
	margin:4px;
	padding:4px;
}
.online_menu_sectionClose {
	display:none;
}

.online_menu_option_time {
	border:1px dotted #400000;
}
.online_menu_option_time th, .online_menu_option_time td {
	border:1px dotted #400000;
}



.footer {
	padding-left:240px;
	font-size:16pt;
}

.orderInProgress .footer table {
	display:none;
}


.ca_footer {
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
	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) {
}
/*  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:105px;
	left: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) {
.side {
	display:none;
}
.title3 {
	display:none;
}
.content {
	width:auto;
	top:0px;
}
.main {
	width:auto;
	margin-left:0px;
	margin-top:60px;
}
.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:auto;
}
.footer {
	padding-left:0px;
}
.content tr {
	display:inline;
}
.content td {
	display:inline-block;
	max-width:330px;
}

}


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


.side {
	display:none;
}
.menubar img {
	display:none;
}
.content {
	width:auto;
	top:0px;
}
.main {
	width:auto;
	margin-left:0px;
	margin-top:30px;
	font-size:20pt;
}
.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;
}

}

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

}

@media screen and (min-resolution: 120dpi) and (max-width: 490px) {
a img {
	height:45px;
}
.ocontent {
	top:180px;
}
.content {
	top:180px;
}
}
/*
 * Cinnamon Spice colours
 *   EDE592 (background cream)
 *   745340  text brown
 *   C55D5A  border red
 */
addr {
	font-size:1.1em;
	color:#000000;
}

h2.bgtitle {
	text-align:center;
}
h2.bgtitle, .online_menu_sectionTitle {
	color:#EE1C25;
	font-weight:900;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 10px;
	border:0px;
	border-bottom:3px solid #92212F;
	font-size:20pt tahoma,verdana,sans-serif;
}

.main .heading {
	display:none;
}

.heading {
	background:url(/cgi-bin/asset?site=45&image=TitleDiv.png&oformat=png) transparent no-repeat;
	background-size: 100% 100%;
	padding: 10px 20px 10px 20px;
	text-align:center;
	font-size:25pt;
	color: #000000;
	position:relative;
	top:-45px;
	margin: 0 0 -30px 10px;
}

.main {
	color:#002000;
	border:0px;
	margin-bottom:40px;
}

.side {
	border:0px;
}
.side_footer {
	padding:5px;
	box-shadow: 5px 5px 3px 3px rgba(0,0,0,0.5);
	border:2px solid #C55D5A;
	color:#000000;
	font-weight:bold;
	border-radius:5px;
	background-color: #EDE592;
}
.review_side {
	color:#002000;
}
.order {
	border:1px dotted #885679;
	border-radius:4px;
}
.order_side {
	padding: 5px;
	background:#eee;
	border-radius:5px;
	color:#002000;
}
.paytype {
	font-size:12pt;
	font-weight:normal;
	font-style:italic;
}
.ocontent .web_htmlsectionbutton {
	width:100%;
	font-size:12pt;
	color:#400000;
	margin-top:2px;
	border: 0px;
	padding:5px;
	display:inline-block;
	background:transparent;
	text-shadow: none;
	box-shadow: none;
}

.footer_section {
	margin:10px;
	padding:10px;
	border:#C55D5A 5px solid;
	border-radius:20px;
	vertical-align:top;
	background:url(/cgi-bin/asset?site=45&image=LightGreenWallpaper_sm.jpg) #c0ffc0 no-repeat;
	background-size:cover;
	box-shadow: 5px 5px 3px 3px rgba(0,0,0,0.5);
	color:#002000;
}

.footer_menuitem {
	float:left;
	display:block;
	font-weight:bold;
	width:246px;
}
.footer_menuitem .price {
	text-align:right;
	float:right;
	padding-right:20px;
}

h1, h2 {
	color:#000000;
}
h1 {
	margin: 10px 0px 5px 15px;
	font-size:26pt;
	font-weight:bold;
}

li {
	background: none;
	padding:0 0 0 10px;
}

.online_checkout_button {
	margin-left:5px;
}
	
button .selected
{
	color: #ffffff;
	border-bottom: 2px solid black;
}
button .unselected
{
	color: #808080;
}

#time_hr, #time_min, #time_ampm  {
	font-size:40pt;
}

.forgotpw {
	display:none;
}

.onlinemenu {
	position:relative;
}


.paypal_options {
	width:200px;
	max-height:50px;
}

.ydcol1 {
	width:75px;
}


.online_login {
	height:48px;
	width:102px;
	display:inline-block;
	color:transparent;
}

.online_skiplogin {
	height:48px;
	width:188px;
	color:transparent;
	float:right;
}
.online_forgotpw {
	height:48px;
	width:221px;
	display:inline-block;
	color:transparent;
}
.online_createlogin {
	height:48px;
	width:200px;
	display:inline-block;
	color:transparent;
}
.online_createlogin :hover {
	position:relative;
	top:2px;
	left:2px;
}

.online_next {
	width:150px;
	height:50px;
}

.online_menu_tabs {
	xposition:fixed;
	position:absolute;
	width:148px;
	border:1px solid black;
}

.online_menu_sectionClose {
	width:32px;
	height:32px;
	float:right;
	overflow:visible;
	clear:both;
	color:transparent;
	background:url(/images/online/green_up.png) no-repeat transparent 0px 7px;
}
.online_menu_sectionOpen {
	width:32px;
	height:32px;
	float:right;
	overflow:visible;
	clear:both;
	border-radius:5px;
	color:transparent;
	background:url(/images/online/green_down.png) no-repeat transparent 0px 7px;
}
.online_menu_sectionTitle {
}
.online_menu_sectionTitle :hover {
        background-color: #C08020;
	color:#fff;
}

.online_menu_sectionContent {
	position:relative;
	color:#000000;
}

.online_menu_item_description {
        color:#404040;
}

/* single size option */

.online_menu_singlesize {
	position:relative;
	padding:0px;
	margin-top:10px;
	min-height:35px;
}
.online_menu_singlesize:hover {
        background-color: #ffffff;
}
.online_menu_singlesize .online_menu_item_name {
	position:relative;
	display:inline;
	float:left;
	left:10px;
}
.online_menu_singlesize .online_menu_item_price {
	display:inline;
	position:relative;
	padding-right:10px;
	text-align:right;
}
.online_menu_singlesize .online_menu_item_add {
	position:absolute;
	display:inline;
	right:4px;
}
.online_menu_singlesize .online_menu_item_price_minus {
	position:relative;
	left:8px;
	display:inline-block;
	width:20px;
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
}

/* multi size option */
.online_menu_multisize {
	padding:0px;
	margin-top:10px;
	position:relative;
}
.online_menu_multisize:hover {
        background-color: #ffffff;
}
.online_menu_multisize .online_menu_item_price_minus {
	position:absolute;
	right:70px;
	top:0px;
	background-color:#885679;
	border-top-left-radius:5px !important;
	border-bottom-left-radius:5px !important;
	display:block;
	width:35px;
}
.online_menu_multisize .online_menu_item_price_minus button {
	border-top-left-radius:5px !important;
	border-bottom-left-radius:5px !important;
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
	width:20px;
	padding-bottom:3px !important;
	background-color:#885679;
}
.online_menu_item_col1 {
	float:left;
	width:224px; /* <50% */
	vertical-align:top;
}
.online_menu_item_col1 .online_menu_item_description {
	padding: 2px 0px 2px 10px;
}
.online_menu_item_col2 {
	float:right;
	width:224px; /* <50% */
}
.online_menu_item_cole {
	clear:both;
}
.online_menu_multisize .online_menu_item_name {
	position:relative;
	display:inline-block;
	padding-left:10px;
}

.online_menu_item_sizerow {
	position:relative;
	padding: 5px 0 15px 0;
}
.online_menu_item_col2 .online_menu_item_name {
	padding-left:10px;
}
.online_menu_item_sizerow .online_menu_item_size {
	xposition:absolute;
	padding-right:100px;
	color:#400000;
}
.online_menu_item_sizerow .online_menu_item_price {
	padding-right:10px;
	text-align:right;
	display:inline;
}
.online_menu_item_sizerow .online_menu_item_add {
	position:absolute;
	top:0px;
	font-weight:bold;
	display:inline;
	right:4px;
}
.online_menu_item_add button {
	height:32px;
	min-width:90px;
	background-color:#885679;
	border-radius:5px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	font-size:16pt;
}

.online_menu_singlesize.online_menu_oddline, .online_menu_multisize.online_menu_oddline {
}

.online_menu_item_name {
	font-weight:bold;
}
.online_menu_item_size {
	color:#400000;
}
.online_menu_item_price {
	font-weight:bold;
	color:#ffffff;
}
.online_menu_item_nodescription {
	clear:both;
}
.online_menu_item_description {
	clear:both;
	padding: 12px 10px 2px 10px;
	font-size:11pt;
}
.ocontent .onlinemenu button {
	padding:0px;
	margin:0px;
	min-width:0px;
	border:0px;
	box-shadow: none;
}





.orderline {
	position:relative;
	margin-bottom:5px;
}
.orderline_price {
	position:absolute;
	right:4px;
}
.orderline_name {
	display:inline-block;
	padding-right:45px;
	padding-left:20px;
}

.orderline_total {
	padding-top: 10px;
	font-size:18pt;
	font-weight:bold;
}
.orderline_subtotal {
	padding-top: 10px;
	font-weight:bold;
	font-size:15pt;
}
.orderline_checkout {
	text-align:middle;
	font-weight:bold;
}

button.amendtime_addminus {
	font-size:20pt;
	width:50px;
	min-width:50px;
	font-weight:bold;
}

#menu_block button {
	padding: 5px 0px 5px 15px;
	margin: 5px 0 5px 0;
	text-align:left;
}

.menu_item_pricecount.present {
	position:absolute;
	display:block;
	font-size:10pt;
	height:20px;
	width:20px;
	text-align:center;
	top:-8px;
	right:-4px;
	background-color:#ff0000;
	border:1px solid #fff;
	border-radius:10px;
	color:#fff;
}

button.delitem {
	position:absolute;
	color:transparent;
	font-size:1px;
	background:url('/images/online/remove.png') no-repeat top left transparent;
	border:0px;
	width:20px;
	height:15px;
	display:inline-block;
	min-width:20px;
	box-shadow: none;
	padding:0px;
	margin:0px;
}

.progress {
	position:relative;
	width:82px;
	height:82px;
}
.progress img {
	width:82px;
	height:82px;
	position:absolute;
	top:0px;
	left:0px;
}
.progress.todo img {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}
.progress.active {
}
.progress .timeoverlay img {
	position:absolute;
	top:10px;
	left:10px;
	width:62px;
	height:62px;
}
.progress .title {
	display:block;
	font-style:bold;
	font-size:14pt;
}

img.checkout_option {
	width:150px;
	height:150px;
}

.order_hidden_content {
	display:none;
}
@media screen and (min-width: 780px) {
.order_hidden_title,.order_hidden_content {
	display:inherit;
}
.order_hidden_close {
	display:none;
}
}

@media screen and (max-width: 700px) {
img.checkout_option {
        width:100px;
        height:100px;
}
button.online_checkout_button {
        min-width:100px;
        font-size:18px;
}
}



.animateitem {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transition: all 3s;
        -webkit-transition: all 3s;
        -moz-transition: all 3s;
}
.animateitem.shrinkaway {
        transform:scale(0.2);
        -webkit-transform:scale(0.2);
        -moz-transform:scale(0.2);
}