/*----------------------------------------------

	CLASSIC.CSS
	Author:		Engage Interactive
	
	GENERIC STYLES

----------------------------------------------*/

 
 

/*---------------------

	FOR IE

---------------------*/

#page_decorations {
	background: url(../images/classic/template/header.gif) 0 0 repeat-x;	
}

#page_decorations .decoration {
	display: none;
	position: absolute;
}

#page_decorations.show .decoration {
	display: block;
}


/* LEAVES */

#page_decorations .leaves {
	right: 0; bottom: 0;
	width: 190px;
	height: 600px;
	background: url(../images/classic/template/decorations/leaves.gif);
}


/* BIRDS */

#page_decorations .birds {
	top: 50%; left: 0;
	width: 225px;
	height: 360px;
	background: url(../images/classic/template/decorations/birds.gif);
}


/* FLOWERS */

#page_decorations .flower {
	top: 5%; right: 0;
	width: 125px;
	height: 200px;
	background: url(../images/classic/template/decorations/flower.gif);
}


/* SUN */

#page_decorations .sun {
	top: 0; left: 0;
	width: 190px;
	height: 190px;
	background: url(../images/classic/template/decorations/sun.gif);
}


 

 

/*-------------------------------

	GENERIC STUFF

-------------------------------*/

/*---------------------

	WHITE LINK

*/

.white_link:hover,
#brands .current span,
footer li a:hover {
	background-color: #3a9490;
	text-shadow: 1px 1px #328884;
}

.brand_accent .white_link:hover {
	background-color: #f18a00;
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,.2);
}

.brand_accent .white_link {
	color: #333;
	text-shadow: none;
}


/*---------------------

	CONTENT AREAS

---------------------*/


/* SIMPLE PROMO */

.simple_promo h3 {
	color: #2da19f;
}


/* BEIGE */

.beige,
.beige .light {
	 background: url(../images/top-bg1.png) no-repeat 0 -4px #fff; 
 
	 
}

.beige .dark,
.beige > h1,
.beige > h2,
.beige > h3 {
	background: #f3f2ec;
}

.beige .content:not(:last-child) {
	border-bottom-color: #e4e2db;
}


/* BRAND ACCENT */

.brand_accent,
#booking_location,
#booking_location h2 span,
#search,
#search_results .top_border,
#search_results .result:hover,
#loving_this {
	background-color: #3e9f9d;
	background-image: url(../images/classic/textures/green.jpg);
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,.18);
}

.brand_accent .dark,
.brand_accent > h1,
.brand_accent > h2,
.brand_accent > h3,
.brand_accent > h4,
#left nav .separator {
	background: #338f8d;
}

.brand_accent a {
	color: #f6ce2f;
}


/* DOTTED BORDER */

.border,
.simple_promo {
	border-color: #bcb3a6;
}

.webkit .border,
.gecko .border,
.webkit .simple_promo,
.gecko .simple_promo {
	border-image: url(../images/classic/template/dotted_border.png) 9 round round;

	-moz-border-image: url(../images/classic/template/dotted_border.png) 9 9 round round;
	-webkit-border-image: url(../images/classic/template/dotted_border.png) 9 round round;
}


/* PAPER */

.paper {
	background: url(../images/classic/textures/paper.gif);
}

.webkit .paper,
.gecko .paper {
	-moz-border-image: url(../images/classic/textures/paper_border.png) 6 repeat;
	-webkit-border-image: url(../images/classic/textures/paper_border.png) 6  repeat;

	border-image: url(../images/classic/textures/paper_border.png) fill 6 6 6 6 repeat;
}


/* ERROR/ALERTS */

.error_message,
p.error {
	background: #df2d00;
	border-color: #ab2200;
	box-shadow: inset 0 1px #ff7a7a, inset 0 -3px #c82800, 2px 3px rgba(0,0,0,.14);
	
	-moz-box-shadow: inset 0 1px #ff7a7a, inset 0 -3px #c82800, 2px 3px rgba(0,0,0,.14);
	-webkit-box-shadow: inset 0 1px #ff7a7a, inset 0 -3px #c82800, 2px 3px rgba(0,0,0,.14);
}


/*-------------------------------

	ICONS

-------------------------------*/

/* BROWN */
.icon:after,
.icon i {
	background-image: url(../images/classic/icons/brown.png);
}


/* WHITE */
.brand_accent .icon:after,
.brand_accent .icon i,
#booking_location .icon:after,
booking_location .icon i,
.tclose,
#left nav a i,
#left nav a:after,
.tweet p time i,
.tweet p time:after {
	background-image: url(../images/classic/icons/white.png);
}


/* GREEN */
.key {
	background-image: url(../images/classic/icons/green.png);
}


/* YELLOW */
#left nav a:hover i,
#left nav a:hover:after,
#left nav a.on i,
#left nav a.on:after {
	background-image: url(../images/classic/icons/yellow.png);
}


/*---------------------

	BULLETS
	These do not use the same method as each one is the same.

*/

/* NORMAL */

.bullets li {
	background-image: url(../images/classic/icons/brown_bullet.png);
}

.tick i,
.tick:after {
	background-image: url(../images/classic/icons/brown_tick.png);
}

.ticks li {
	background-image: url(../images/classic/icons/brown_tick.png);
}

/* BRAND ACCENT */

.brand_accent .bullets li {
	background-image: url(../images/classic/icons/white_bullet.png);
}

.brand_accent .ticks li {
	background-image: url(../images/classic/icons/white_tick.png);
}


/* FAQ */

.faq dt:after,
.faq dd:after,
.faq i {
	background-image: url(../images/classic/icons/faq.png);
}


/*-------------------------------

	HEADER

-------------------------------*/

#logo {
	width: 226px;
}


/*---------------------

	NAV

---------------------*/

#primary ul {
	background: url(../images/generic/textures/white.jpg);
}

#primary li {
	border-color: #dddad2;
}

#primary ul a {
	color: #654523;
	text-shadow: 1px 1px rgba(255,255,255,.2);
}

#primary ul a:hover,
#primary .on a {
	box-shadow: 0 2px rgba(0,0,0,.2);
	background-color: #e38200;
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,.2);
	
	-moz-box-shadow: 0 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px rgba(0,0,0,.2);
}

#primary ul a:active,
#primary .on a {
	box-shadow: inset 0 2px rgba(0,0,0,.14), 0 1px #FFF;
	
	-moz-box-shadow: inset 0 2px rgba(0,0,0,.14), 0 1px #FFF;
	-webkit-box-shadow: inset 0 2px rgba(0,0,0,.14), 0 1px #FFF;
}


/*---------------------

	HOME BUTTON

*/

#primary .home a {
	background: #3e9f9d url(../images/generic/icons/logos.png) 0 50px;
}

#primary .home a:hover {
	background-position: 0 0;
}


/*---------------------

	SEARCH

---------------------*/

#search .join {
	border-color: #2b7a77;
}

#search_results h2 {
	background: #f8f7f3;
}

#search_results h2,
#search_results .result {
	border-color: #e4e2db;
}

#search_results .result {
	background: #f3f2ec;
}

#search_results .result:hover small:after {
	background-image: url(../images/classic/icons/white.png);
}

#search_results .result .white_link:hover {
	background: #FFF200 url(../images/generic/template/white_link.png) 100% 50% no-repeat;
	color: #000;
	text-shadow: none;
}

#search_results h3 {
	color: #c72424;
}

#search_results h3 span {
	color: #5C4832;
}

#search.active button span,
#search_message .button span {
	background-image: url(../images/classic/icons/search_close.png);
}


/* LOADING */

#overlay .loading {
	background-image: url(../images/classic/template/loading.gif);
}


/*---------------------

	TINYBOX

---------------------*/

.tbox {
	background: #FFF url(../images/classic/template/loading.gif) 50% 50% no-repeat;
}

.tclose {
	border-color: #3E9F9D;
	background-color: #3E9F9D;
}

#tandcs h2 {
	box-shadow: 0 10px rgba(54,159,158,.5);
	
	-moz-box-shadow: 0 10px rgba(54,159,158,.5);
}


/*-------------------------------

	TOOLTIP
	A generic tooltip

-------------------------------*/

#tooltip {
	border-color: #FFF;
}

#tooltip .arrow {
	background-image: url(../images/classic/template/tooltip_arrow.png);
}


/*-------------------------------

	ARROWS

-------------------------------*/

.slider .slider_nav .arrow {
	background-image: url(../images/classic/template/arrows.png);
}

#news .arrow {
	background-image: url(../images/classic/homepage/news_arrows.png);
}


/*----------------------------------------------

	FORMS

----------------------------------------------*/

/*---------------------

	INPUTS

---------------------*/
 
/*---------------------

	BUTTON

*/

form button,
.button {
	border-color: #d56b02;
	box-shadow: inset 0 1px #ffae42, 0 0 0 1px #FFF;
	background: #ed8000;
	text-shadow: 1px 1px #d56b02;

	-moz-box-shadow: inset 0 1px #ffae42, 0 0 0 1px #FFF;
	-webkit-box-shadow: inset 0 1px #ffae42, 0 0 0 1px #FFF;
	
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f18a00),
		color-stop(1, #e97400)
	);
	background: -moz-linear-gradient(
		center top,
		#f18a00 0%,
		#e97400 100%
	);
}


/* FOCUS */

form button:focus,
.button:focus {
	box-shadow: inset 0 1px #ffae42, 0 0 4px 2px rgba(237,128,0,.6);
	
	-moz-box-shadow: inset 0 1px #ffae42, 0 0 4px 2px rgba(237,128,0,.6);
	-webkit-box-shadow: inset 0 1px #ffae42, 0 0 4px 2px rgba(237,128,0,.6);
}


/* HOVER */

form button:hover,
form .select a:hover,
form .select.hover a,
.button:hover {
	background: #f68f16;
	
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f19800),
		color-stop(1, #e97400)
	);
	background: -moz-linear-gradient(
		center top,
		#f19800 0%,
		#e97400 100%
	);
}


/* ACTIVE */

form button:active,
form .select a:active,
.button:active {
	box-shadow: inset 0 -1px #ffae42, 0 0 0 1px #FFF;
	background: #e3800b;
	
	-moz-box-shadow: inset 0 -1px #ffae42, 0 0 0 1px #FFF;
	-webkit-box-shadow: inset 0 -1px #ffae42, 0 0 0 1px #FFF;
	
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e97400),
		color-stop(1, #f19800)
	);
	background: -moz-linear-gradient(
		center top,
		#e97400 0%,
		#f19800 100%
	);
}


/*---------------------

	SELECTS

*/

form .select {
	background: #aba090;
}

form .select.hover,
form .select.focus {
	background: #42a1af;
}


/* SELECT BODY */

form .select span {
	background: #ebe8e4;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f6f4f2),
		color-stop(1, #ebe8e4)
	);
	background-image: -moz-linear-gradient(
		center top,
		#f6f4f2 0%,
		#ebe8e4 100%
	);
}

form .select.hover span,
form .select.focus span {
	background: #c7e3e7;
	color: #37717a;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #d7edf0),
		color-stop(1, #c7e3e7)
	);
	background-image: -moz-linear-gradient(
		center top,
		#d7edf0 0%,
		#c7e3e7 100%
	);
}


/* SELECT BUTTON */

form .select a {
	box-shadow: inset 0 1px #FFF, inset 1px 0 rgba(156,144,130,.4);
	background: #bbb0a2 url(../images/classic/forms/select.png) 0 0;
	
	-moz-box-shadow: inset 0 1px #FFF, inset 1px 0 rgba(156,144,130,.4);
	-webkit-box-shadow: inset 0 1px #FFF, inset 1px 0 rgba(156,144,130,.4);
	
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #e0dad4),
		color-stop(1, #bbb0a2)
	);
	background: -moz-linear-gradient(
		center top,
		#e0dad4 0%,
		#bbb0a2 100%
	);
}

form .select.hover a,
form .select.focus a {
	box-shadow: inset 0 1px #e0f1f4, inset 1px 0 rgba(66,171,175,.6);
	background-color: #63b8c4;
	
	-moz-box-shadow: inset 0 1px #e0f1f4, inset 1px 0 rgba(66,171,175,.6);
	-webkit-box-shadow: inset 0 1px #e0f1f4, inset 1px 0 rgba(66,171,175,.6);
	
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #98d9e3),
		color-stop(1, #63b8c4)
	);
	background-image: -moz-linear-gradient(
		center top,
		#98d9e3 0%,
		#63b8c4 100%
	);
}

form .select a:after {
	background: url(../images/classic/forms/select.png) 0 0;
}


/*---------------------

	JOINS
	
	For when there is an input right next to a button or two selects

*/

form .join {
	border-color: #aba090;
	background: #aba090;
}

form .join.hover {
	border-color: #42a1af;
}

form .join.focus {
	border-color: #42a1af;
	box-shadow: 0 0 4px 2px rgba(66,171,175,.4);
	
	-moz-box-shadow: 0 0 4px 2px rgba(66,171,175,.4);
	-webkit-box-shadow: 0 0 4px 2px rgba(66,171,175,.4);
}

form .join input {
	box-shadow: inset 1px 1px 2px rgba(156,144,130,.4);

	-moz-box-shadow: inset 1px 1px 2px rgba(156,144,130,.4);
	-webkit-box-shadow: inset 1px 1px 2px rgba(156,144,130,.4);
}

form .join button {
	box-shadow: inset 0 1px #ffae42;
	
	-moz-box-shadow: inset 0 1px #ffae42;
	-webkit-box-shadow: inset 0 1px #ffae42;
}


/* SELECTS */

form .join_select {
	background: #aba090;
}


/*---------------------

	ERRORS

---------------------*/

form .error p.error:after {
	background: url(../images/classic/forms/error.png);
}

/* NORMAL */

form .error input,
form .error .select,
form .error textarea {
	border-color: #dc2d09;
	box-shadow: 0 0 0 1px #FFF, inset 1px 1px 2px rgba(220,45,9,.4);
	
	-moz-box-shadow: 0 0 0 1px #FFF, inset 1px 1px 2px rgba(220,45,9,.4);
	-webkit-box-shadow: 0 0 0 1px #FFF, inset 1px 1px 2px rgba(220,45,9,.4);
}

form .error .select {
	background: #dc2d09;
}

form .error .join_select {
	background: #dc2d09;
}


/* FOCUS */

form .error input:focus,
form .error .select.focus,
form .error textarea:focus {
	box-shadow: 0 0 4px 2px rgba(220,45,9,.4), inset 1px 1px 2px rgba(220,45,9,.4);
	
	-moz-box-shadow: 0 0 4px 2px rgba(220,45,9,.4), inset 1px 1px 2px rgba(220,45,9,.4);
	-webkit-box-shadow: 0 0 4px 2px rgba(220,45,9,.4), inset 1px 1px 2px rgba(220,45,9,.4);
}


/*----------------------------------------------

	HOMEPAGE

----------------------------------------------*/

/* INTRO */

#brand_intro {
	color: #816547;
}

/* BOOK A TABLE */

#book_a_table {
	background: url(../images/classic/template/book_a_table.png);
}


/* PROMOTIONS */

#promotions .slider_window {
	width: 380px;
	height: 450px;
}


/* WE'RE LOVING THIS */

#loving_this .background span {
	background: url(../images/classic/homepage/loving_this.png);
}

#loving_this h2 {
	font-size: 28px;
}


/* SIGN UP FORM */

#sign_up fieldset {
	background: #f8f7f3;
}

#sign_up h2 {
	color: #422a10;
}

#sign_up label {
	color: #d38902;
}


/* VIDEO PANEL */

#video_promo div {
	background: url(../images/classic/homepage/video_title.gif) top no-repeat;
}



/* TWEETS */

.tweet p {
	background: #3e9f9d url(../images/classic/textures/green.jpg);
	background: url(../images/classic/homepage/twitter.png) 55% 90% no-repeat, url(../images/classic/textures/green.jpg);
	color: #FFF;
}

.tweet p a {
	color: #fff200;
}

.tweet .white_link:hover {
	background: #FFF200 url(../images/generic/template/white_link.png) 100% 50% no-repeat;
	color: #000;
	text-shadow: none;
}


/* NEWS */

#news aside {
	background: url(../images/classic/homepage/news_page.png);
}

#last_page * {
	background-image: url(../images/classic/homepage/last_news_page.png);
}


/* NEW FOOD CORNER */

#new_food h3 {
	background: url(../images/classic/homepage/new.png);
}


/* BRANDS */

#brands .clear .brand {
	border-right: dashed 1px;
	border-color: #DDDAD2;
}

#brands .clear .brand:last-child {
	border-right: none;
}

/*----------------------------------------------

	LOCATIONS

----------------------------------------------*/

/* DOWNLOAD BUTTONS */

#location_info .buttons li a {
	background-image: url(../images/classic/locations/menu_buttons.jpg);
}


/* PROMOS */

#location_promos .promo {
	background: #2B7A77;
}


/*----------------------------------------------

	BOOK ONLINE

----------------------------------------------*/

#booking_location h2 {
	background: url(../images/classic/book/strikethrough.gif) 50% 50% repeat-x;
}

#booking_location label {
	color: #ffea01;
}


/* SELECT MENU */

#booking_location .select {
	border-color: #2b7a77;
	box-shadow: 0 0 0 1px rgba(255,255,255,.2);
	color: #422A10;
	
	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,.2);
	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.2);
}


/* TYPOGRAPHY */

#flash h2,
#promotions .voucher .intro {
	background: url(../images/classic/book/underline.gif) 0 100% repeat-x;
	color: #422a10;
}

#flash h2 .online,
#qr_guide .line_2 {
	color: #d38902;
}

#flash .paper .intro {
	color: #d38902;
}


/*----------------------------------------------

	MENUS

----------------------------------------------*/

/* NAV */

#left nav a:hover,
#left nav a.on,
#news_nav h2 a:hover {
	color: #ffea01;
}

/* BACK TO TOP */

#back_to_top {
	background: url(../images/classic/menus/back_to_top.png);
}


/* HEADING */

#left nav h2 a,
#news_nav h2 a {
	background: url(../images/classic/menus/home_icon.png) 100% 0 no-repeat;
}


/* TIME & DOWNLOAD */

#menu_tags a {
	background-color: #e68300;
}

#menu_tags time {
	background-color: #3e9f9d;
}


/* ITEM */

#menu .item {
	border-color: #eceae2;
	background: #f3f2ec;
}


/* FAV */

.fav {
	background-image: url(../images/classic/menus/fav.png);
}

#menus .favourite {
	border-color: #f3cc32;
}

.webkit #menu .favourite {
	-webkit-border-image: url(../images/classic/menus/fav_border.gif) 8 round round;
}


/* INFO POPUP */

#tooltip.info ul li {
	background-image: url(../images/classic/icons/white_tick.png);
}


/* FAV IMAGE POPUP */

#menu .favourite .image,
#tooltip.favourite,
#tooltip.brand {
	border-color: #f68424;
}


#lunch {
	background: url(../images/classic/menus/tag.png);
}


/*----------------------------------------------

	PROMOTIONS

----------------------------------------------*/

.voucher h1 {
	color: #3e9f9d;
}

.slider .slider_nav li a.on, .slider .slider_nav li a:hover {
	background: #3E9F9D;
}

/*----------------------------------------------

	NEWS

----------------------------------------------*/

article .tag time {
	border-color: #d4d3cf;
}

#news_nav .on {
	background-image: url(../images/classic/icons/white_tick.png);
}