/* Template Styles */

a {text-decoration: none; font-weight: bold; color: #0086ff; }
a:hover {text-decoration: underline; color: #FFB344;}

html { height: 100%; }
body { position: relative; height: 100%; font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: url(/i/bodyContainer.jpg) 50% 0; }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight, .floatRight { float: right; margin: 0 0 10px 15px; }
.imgLeft { float: left; margin: 0 15px 10px 0; }

#bodyContainer { background: #ffffff url(/i/bodyTop.jpg) repeat-x 50% 0; }

#master { width: 952px; margin: 0 auto; overflow: hidden; }

#header { display: inline-block; width: 940px; margin: 0 auto; }
#logo { float: left; margin: 0 0 -8px 0; width: 468px; }

#loginArea { float: left; width: 215px; margin: 11px 0 0 257px; }
#loginArea .field { float: left; display: inline; margin: 0 2px 6px 0; }
#loginArea .textBox INPUT { width: 116px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 1em; color: #646464; border: 1px solid #74b33e; background: #ffffff; }
#loginArea .textBox.password INPUT {background: #ffffff url(/i/loginpassword-bg.gif) no-repeat left top;}

.browserFirefox #loginArea .textBox INPUT { height: 16px; padding-top: 2px; }
#loginArea .password INPUT { width: 50px; }
#loginArea .login { float: right; margin-right: 23px; position: relative; top: -1px; display: block; width: 39px; height: 22px; background: url(/i/buttons/login.gif); }
.browserIE6 #loginArea .login, .browserIE7 #loginArea .login { top: 0; }
#loginArea .login:hover { background-position: 0 -22px; }
#loginArea .checkBox INPUT { float: left; height: 12px; width: 12px; }
#loginArea .checkBox LABEL { display: inline-block; margin-left: 5px; font-size: 1em; color: #8ac157; } 
.browserFirefox #loginArea .checkBox LABEL, .browserSafari #loginArea .checkBox LABEL { padding-top: 1px; }
#loginArea .forgottenPassword { float: left; width: 140px; text-align: left; font-size: 1em; }
#loginArea A { color: #bbd942; }
#loginArea A:hover { color: #ffffff }
#loginArea P { margin: 0 0 4px; font-size: 1.1em; color: #ffffff; }
#loginArea .loggedIn { text-align: right; }
#loginArea #loginErrors {color: Orange; float: right; font-size: 1.2em; font-weight: bold; margin-top: 5px;}

#mainColumn { position: relative; margin-top: 9px; background: url(/i/mainCol_middle_wide.gif); }
#mainColumn.wide .mainColumnTop { display: none; }
#mainColumn.wide .mainColumnMiddle { padding-top: 28px; background: url(/i/mainCol_top_wide.gif) no-repeat; }
#mainColumn.wide .mainColumnBottom { padding: 0 6px 40px; background: url(/i/mainCol_bottom_wide.gif) no-repeat 0 100%; }

#mainColumn.narrow { float: left; width: 712px; margin-right: 3px; background: url(/i/mainCol_middle_narrow.gif); }
#mainColumn.narrow .mainColumnTop { display: none; }
#mainColumn.narrow .mainColumnMiddle { padding-top: 28px; background: url(/i/mainCol_top_narrow.gif) no-repeat; }
#mainColumn.narrow .mainColumnBottom { padding: 0 6px 40px; background: url(/i/mainCol_bottom_narrow.gif) no-repeat 0 100%; }

#mainColumn.menuPage { float: left; width: 710px; margin-right: 3px; background: none; }
#mainColumn.menuPage .mainColumnTop { margin-top: 4px; width: 960px; }
#mainColumn.menuPage .mainColumnTop .middle { background: url(/i/header_middle.png) repeat-y; position: relative;  }
#mainColumn.restaurantList .mainColumnTop .middle { margin-bottom: 10px;  }
#mainColumn.menuPage .mainColumnTop .top { background: url(/i/header_top.png) no-repeat; height: 35px; margin-top: 4px; padding-top: 25px; }
#mainColumn.menuPage .mainColumnTop .bottom { background: url(/i/header_bottom.png) no-repeat; height: 70px; margin-top: -65px; position: relative;}
#mainColumn.menuPage .mainColumnMiddle { }
#mainColumn.menuPage .mainColumnBottom { padding: 0 0 10px 0; background: url(/i/mainCol_bottom.gif) no-repeat 0 100%; margin-left: 195px; margin-bottom: 15px;  width: 710px;}
#mainColumn.menuPage .breadcrumb { margin-bottom: 0px;}

.breadcrumb { padding-left: 17px; margin-bottom: 12px; }
.breadcrumb LI { display: inline; padding-left: 3px; font-size: 1.1em; line-height: 1em; font-weight: bold; color: #006718; }
.breadcrumb LI A { padding-right: 12px; color: #889d9f; text-decoration: none; background: url(/i/breadcrumb_arrow.gif) no-repeat 100% 4px; }
.browserSafari .breadcrumb LI A { background-position: 100% 3px; }
.breadcrumb LI A:hover { color: #677677; }

#rightHandColumn { float: left; width: 234px; margin-left: 5px; position: absolute; top: 254px; margin-left: 720px; z-index: 1;}
#menuPlaceholder { float: left; width: 234px; margin-left: 5px; position: fixed; margin-left: 720px; z-index: 1; display: none; font-size: 1.1em; font-weight: bold; color: #808080;}
.browserIE #rightHandColumn { margin-left: 0px; }
#bodyBottom { clear: both; height: 53px; background: url(/i/bodyBottom.jpg) repeat-x 50% 0; }

#footer { padding-top: 22px; text-align: center; }
#footer LI { display: inline; margin: 0 6px; font-size: 1.1em; color: #74b33e; }
#footer LI A { color: #74b33e; text-decoration: none; }
#footer LI A:hover { color: #ffffff; }

/* Common Styles */

P { margin: 10px 0; font-size: 1.4em; line-height: 1.3em; color: #717a81; }
H1 { margin-bottom: 3px; font: bold 3em/1em Segoe UI, sans-serif; color: #004b54; text-transform: capitalize; }
H2 { color: #74B33E; font: bold 1.8em/1em Segoe UI, sans-serif; }
H3 { color: #547B9F; font: bold 1.0em/1em Segoe UI, sans-serif; }
H4 { color: #74b33e; font: bold 1.8em/1em Arial, sans-serif; margin-bottom:5px; }
H5 { color: #0e50a9; font: bold 1.4em/1em Arial, sans-serif; margin-bottom: 3px; }

.normalContent { padding: 0 20px 12px 20px; }
.normalContent P A { font-weight: bold; color: #004b54; text-decoration: none; }
.normalContent P A:hover { color: #23757f; }

.topContainer { background: url(/i/topContainerFade.gif) repeat-x 0 100%; padding:0 20px 30px; overflow:hidden; }
.topContainer h1 { display:block; }
.topContainer p { }
.topContainer img { float: right; margin-left: 20px; }

.midContainer { border-top:1px solid #a7a69d; padding: 20px; overflow:hidden; }
.midContainer h1 { text-transform: none !important; }
.midContainer .orderDetails { width:170px; float:left; }
.midContainer .orderDetails .orderList { margin: 10px 0; color:#717a81; font-size:1.2em; }
.midContainer .orderDetails .orderList li { margin: 5px 0; }

.deliveryDetails { width:205px; margin:0 20px; float:left; }
.deliveryDetails .restaurantName { font-weight:bold; font-size:2.4em; line-height: 1em; color:#0086ff; text-transform:capitalize; margin-bottom: 5px; display:block; }
.deliveryDetails .telephone { color: #0e50a9; font: bold 1.2em/1em Arial, sans-serif; margin-bottom: 10px; display:block; }
.deliveryDetails .times { color:#74b33e; font-weight:bold; font-size:1.2em; display:block; }
.deliveryDetails .deliveryTime { color:#72a58e; font-size:1.2em; display:block; }
.deliveryDetails p { font-size:1.2em; margin: 10px 0; }

.socialLinks { overflow:hidden; }
.socialLinks .text { font-weight:bold; font-size:1.8em; margin-top:38px; font-family:Segoe UI,sans-serif; }
.socialLinks .text .facebookText { text-decoration:none; color:#084ea3; }
.socialLinks .text .facebookText:hover { text-decoration:underline; }
.socialLinks .text .twitterText { text-decoration:none; color:#32b3e0; }
.socialLinks .text .twitterText:hover { text-decoration:underline; }
.socialLinks .facebook { background: url(/i/buttons/facebook.jpg); float:left; width:75px; height:116px; margin:10px 20px 10px 0; }
.socialLinks .facebook:hover { background-position:0 -116px; }
.socialLinks .twitter { background: url(/i/buttons/twitter.jpg); float:left; width:75px; height:116px; margin:10px 20px 10px 0; }
.socialLinks .twitter:hover { background-position:0 -116px; }

.timeDate { float: left; margin-left: 40px; font-size: 1.4em; color: #667f90; }

.faq { margin: 12px 0; }
.faq .question {zoom: 1; display: inline; clear: both; padding-left: 23px; font: bold 1.8em Segoe UI, sans-serif; font-size: 1.8em; font-weight: bold; color: #006718; cursor: pointer; background: url(/i/faq_arrows.gif) no-repeat 0 5px; }
.faq .question:hover {color: #40a758; }
.faq .question.open {background: url(/i/faq_arrows_down.gif) no-repeat 0 5px; }
.faq .answer { display: none; margin: 7px 0 0; padding: 8px 10px; font-size: 1.1em; color: #376843; background: #e9f2c4; }

.resultsLayout { display: inline-block;}

.leftColumn {width: 190px; position: absolute; top: 168px; }
.leftColumn .top { background: url(/i/leftNav_top2.gif) no-repeat; height: 21px; }

.leftColumn .search { background: url(/i/leftNavsearch.gif) repeat-y; margin-top:-10px; overflow:hidden; }
.leftColumn .search .holder { overflow:hidden; margin:0 0 10px 25px; }
.leftColumn .search .holder .searchTitle { font-size:1.4em; font-weight:bold; color:#627678; margin-bottom:5px; display: block; }
.leftColumn .search .holder .searchBox { width:112px; border:1px solid #c1c1c1; padding:2px 5px; font-size:1.1em; color:#6a7c7e; float:left; height:14px; }
.leftColumn .search .holder .searchButton { background: url(/i/buttons/search.gif); width:20px; height:20px; float:left; }
.leftColumn .search .holder .searchButton:hover { background-position:0 -20px; }

.leftColumn .middle { background: url(/i/leftNav_middle.gif) repeat-y; }
.leftColumn .bottom { background: url(/i/leftNav_bottom.gif) no-repeat; height: 25px;  }
.resultsLayout .searchResults { float: left; width: 500px; }
.resultsLayout .menu .top { float: left; width: 520px; background: url(/i/maincol_top.gif) no-repeat; height: 5px; }
.resultsLayout .menu { float: left; width: 520px; background: url(/i/maincol_middle.gif) repeat-y; }
.resultsLayout .menu .menuCategory {margin-left: 6px; margin-right: 5px; padding: 10px 8px; color: #717A81; border-bottom: 1px solid #D8DADB;  }
.resultsLayout .menu .menuCategory h2 {color: #0086FF; margin-bottom: 3px; }


.resultsLayout .searchResults .top { float: left; width: 520px; background: url(/i/maincol_top.gif) no-repeat; height: 5px; }
.resultsLayout .searchResults { float: left; width: 520px; background: url(/i/maincol_middle.gif) repeat-y; }
.resultsLayout .searchResults .menuCategory {margin-left: 6px; margin-right: 5px; padding: 10px 8px; color: #717A81; border-bottom: 1px solid #D8DADB;  }
.resultsLayout .searchResults .menuCategory h2 {color: #0086FF; }


.leftNav #menu_MealDeals A {font-weight: bold; color: #74B33E; }
.leftNav #menu_favourites a span {padding-left: 20px; height: 18px;}
#menu_categories {width: 185px;}
.leftNav LI A { display: block; height: 19px; padding-left: 23px; font: normal 1.4em/30px Segoe UI, sans-serif; color: #885b32; text-decoration: none; margin-left: 5px; line-height: 17px; border-bottom: 1px solid #D8DADB;}
.leftNav #menu_all a:hover { background: url(/i/leftNav_bg.gif) no-repeat 0 0; border-bottom: 1px solid transparent;  height: 20px;}
.leftNav LI A:hover, .leftNav LI A.selected { border-bottom: 1px solid transparent;  background: url(/i/leftNav_bg.gif) no-repeat 0 0; font-weight: bold; color: #ffffff; background-position: 0 0; margin-top: -1px; padding-top: 1px; }
.leftNav .favouriteStar { display: block; height: 30px; cursor: pointer; background: url(/i/categorystar.png) no-repeat 0 0; }
.leftNav LI A:hover .favouriteStar, .leftNav LI A.selected .favouriteStar {background: url(/i/categorystar.png) no-repeat 0 0; }

.searchResults .searchResult { display: inline-block; background: url(/i/searchReults_bg_open.gif) repeat-x 0 100%; margin-left: 6px; width: 508px;}
.searchResults .searchResult.closed { background-image: url(/i/searchReults_bg_closed.gif); }
.searchResults .searchResult .col1 { float : left; width: 130px; padding: 9px; }
.searchResults .searchResult .col2 { float : left; width: 234px; padding: 6px 20px 6px 3px; }
.searchResults .searchResult .col3 { float : left; width: 74px; padding: 23px 20px 9px 0; }
.searchResults .searchResult a { text-decoration: none; color: #0086ff; }
.searchResults .searchResult .title { margin-bottom: 2px; font-size: 2.4em; font-weight: bold; line-height: 1em; color: #0086ff; }
.searchResults .searchResult .type { margin-bottom: 2px; font-size: 1.4em; font-weight: bold; line-height: 1em; color: #0e50a9; }
.searchResults .searchResult .collection { margin-bottom: 2px; font-size: 1.2em; font-weight: bold; line-height: 1em; color: #74b33e; }
.searchResults .searchResult .delivery { margin-bottom: 4px; font-size: 1em; line-height: 1em; color: #72a58e; }
.searchResults .searchResult.closed .collection { margin: 5px 0; color: #b30f13; }
.searchResults .searchResult.closed .delivery { display: none; }
.searchResults .searchResult .address { font-size: 1.1em; line-height: 1em; color: #717a81; }
.searchResults .viewMenu { display: block; width: 72px; height: 50px; background: url(/i/buttons/viewMenu.gif); }
.searchResults .viewMenu:hover { background-position: -72px 0; }

.closed {color: #b30f13 !important; }

.backToTop { width: 100%; }
.backToTop A { float: right; display: inline-block; width: 86px; height: 15px; margin: 17px 55px; background: url(/i/backToTop.gif); }
.backToTop A:hover { background-position: 0 -16px; }

#yourOrder .top { height: 63px; background: url(/i/yourOrder_top.gif) 0 -63px; }
#yourOrder.empty .top { background-position: 0 0; }
#yourOrder .middle { padding: 2px 22px 4px; background: url(/i/yourOrder_middle.gif); }
#yourOrder.empty .middle { padding-top: 17px; }
#yourOrder .bottom { height: 21px; background: url(/i/yourOrder_bottom.gif); }
#yourOrder .emptyOrder { padding: 16px 25px; font-size: 1.4em; font-weight: bold; color: #74b33e; text-align: center; border-top: 2px solid #999999; border-bottom: 2px solid #999999; }
#yourOrder .restaurant { margin-bottom: 6px; font-size: 1.4em; font-weight: bold; color: #74b33e; }
#yourOrder .items { border-top: 2px solid #999999; margin-bottom: 10px; }
#yourOrder .item { display: inline-block; width: 190px; overflow: hidden; padding: 3px 0; border-bottom: 2px solid #999999; }
#yourOrder .item .details { float: left; width: 129px; }
#yourOrder .item .details .name { margin-bottom: 1px; font-size: 1em; font-weight: bold; color: #006718; }
#yourOrder .item .details .price { font-size: 1em; color: #717a81; }
#yourOrder .item .quantities { float: left; width: 61px; padding: 2px 0; }
#yourOrder .item .quantities .TVI-form { float: left; }
#yourOrder .item .quantities .textBox LABEL { float: left; display: block; padding: 5px 1px 0 0; }
#yourOrder .item .quantities .textBox INPUT { float: left; width: 15px; height: 14px; padding: 0 3px; font-size: 1em; font-weight: bold; color: #006718; border: 1px solid #c1c1c1; }
#yourOrder .item .quantities .controls { float: right; width: 29px; height: 16px; margin-left: 1px; }
#yourOrder .item .quantities .controls .quantity { float: left; width: 14px; height: 16px; margin-left: 1px; }
#yourOrder .item .quantities .controls A { display: block; line-height: 0; overflow: hidden; background: url(/i/buttons/qty_buttons.gif); }
#yourOrder .item .quantities .controls .quantityUp { top: 0; left: 0; width: 14px; height: 8px; background-position: 0 0; }
#yourOrder .item .quantities .controls .quantityUp:hover { background-position: 0 -16px; }
#yourOrder .item .quantities .controls .quantityDown { top: 8px; left: 0; width: 14px; height: 8px; background-position: 0 -8px; }
#yourOrder .item .quantities .controls .quantityDown:hover { background-position: 0 -24px; }
#yourOrder .item .quantities .controls .remove { top: 0; left: 15px; width: 14px; height: 16px; background-position: -15px 0; }
#yourOrder .item .quantities .controls .remove:hover { background-position: -15px -16px; }
#yourOrder .customisation { font-size: 1.1em; margin-bottom: 4px; }
#yourOrder .customisation .viewHideCustomisation { }
#yourOrder .customisation .viewHideCustomisation A { float: right; display: inline-block; width: 96px; height: 10px; line-height: 0; overflow: hidden; margin-bottom: 4px; background: url(/i/buttons/cutsomisation.gif); }
#yourOrder .customisation.closed .viewHideCustomisation A:hover { background-position: -100px 0; }
#yourOrder .customisation.open .viewHideCustomisation A { background-position: 0 -11px; }
#yourOrder .customisation.open .viewHideCustomisation A:hover { background-position: -100px -11px; }
#yourOrder .customItem .label { display: inline-block; width: 122px; color: #808080; }
#yourOrder .customItem .price { display: inline-block; width: 65px; color: #9f9e9e; text-align: right; }
#yourOrder .orderDetails .label { display: inline-block; width: 122px; font-size: 1.1em; font-weight: bold; color: #808080; }
#yourOrder .orderDetails .wide { width: 194px; font-size: 1em; }
#yourOrder .orderDetails .price { display: inline-block; width: 65px; font-size: 1.4em; font-weight: bold; color: #808080; text-align: right; }
#yourOrder .orderTotal .label { display: inline-block; width: 122px; font-size: 1.4em; font-weight: bold; color: #626262; }
#yourOrder .orderTotal .price { display: inline-block; width: 65px; font-size: 1.6em; font-weight: bold; color: #626262; text-align: right; }
#yourOrder .goToCheckout { display: block; width: 190px; height: 30px; margin-top: 10px; background: url(/i/buttons/Checkout.gif); }
#yourOrder .goToCheckout:hover { background-position: 0 -30px; }

.rightColumnBox { margin-top: 6px; }
.rightColumnBox .top { height: 12px; line-height: 0; overflow: hidden; background: url(/i/rightcolumnBox_top.gif); }
.rightColumnBox .middle { padding: 5px 22px; background: url(/i/rightcolumnBox_middle.gif); }
.rightColumnBox .bottom { height: 14px; background: url(/i/rightcolumnBox_bottom.gif); }

#restaurantSearch .TVI-form { margin: 4px 0; background: url(/i/findRestaurant_knifeForm.gif) no-repeat 100% 0; }
#restaurantSearch .TVI-form .field { display: inline-block; margin: 3px 0; }
#restaurantSearch .TVI-form .textBox INPUT { float: left; width: 138px; height: 20px; line-height: 20px; padding: 0 5px; font-size: 1.2em; color: #006718; border: 1px solid #c6d782; }
.browserFirefox #restaurantSearch .TVI-form .textBox INPUT { padding-top: 2px; height: 16px; }
.go { float: left; display: block; width: 32px; height: 20px; margin-left: 8px; background: url(/i/buttons/go.gif); }
.go:hover { background-position: 0 -20px; }

.promoArea { width: 100%; margin-top: 30px; text-align: center; }
.promoArea IMG { margin-bottom: 5px; }

.restaurantInfo { display: inline-block; width: 917px; padding-bottom: 0; position: relative; top: -20px; z-index: 5;}
.restaurantInfo h3 { font-weight: bold; font-size: 1.6em; text-transform: lowercase; color: #004B54;}
.restaurantInfo .headings { float: left; width: 635px; }
.restaurantInfo .headings h1 { margin-bottom: 10px;}
.restaurantInfo .delivery { font: bold 1.8em/1em Segoe UI, sans-serif; color: #74b33e; float: left; margin-right: 20px; }
.restaurantInfo .delivery .deliveryTime { margin-left: 5px; font-size: 0.9em; font-weight: normal; color: #72a58e; }
.restaurantInfo .restaurantLogo { float: left; position: relative; margin-right: 20px; top: 6px; }
.restaurantInfo .moreLessInfo { float: left; width: 95px; margin-top: -7px; }
.restaurantInfo .moreLessInfo A { display: block; width: 95px; height: 29px; background: url(/i/buttons/moreLessInfo.gif) no-repeat -86px 0; }
.restaurantInfo .moreLessInfo A:hover { background-position: -86px -31px; }
.restaurantInfo .moreLessInfo.open A { background-position: 11px 0; }
.restaurantInfo .moreLessInfo.open A:hover { background-position: 11px -31px; }
.restaurantInfo .moreInfo { display: none; clear: both; }
.restaurantInfo .moreInfo TABLE TD, .restaurantInfo .moreInfo TABLE TH  { padding: 3px 15px; border: 1px solid #7db948; }
.restaurantInfo .moreInfo TABLE TH { font-size: 1.2em; font-weight: bold; color: #004b54; }
.restaurantInfo .moreInfo TABLE TD { font-size: 1.1em; color: #72a58e; }
.restaurantInfo .moreInfo TABLE { float: left; }
.mapWrapper { position: absolute; left: -99999px; top: -99999px;}
#map {float: right; border: 1px solid black; display: block; width: 430px; height: 152px;}
.restaurantInfo #map {margin-bottom: 30px;}

.menu .menuItem { margin-left:6px; padding-left:8px; border-bottom: 1px solid #D8DADB; border-top: 0; border-right: 0; width: 500px; }
.menu .alt { background-color: #EDF1F1;}
.menu .menuItem .type {display: none;}
.menu .menuItem .title { line-height: 20px; margin-bottom: 2px; font-size: 1.4em; font-weight: bold; color: #808080; float: left; margin-right: 8px; }
.menu .menuItem .favouriteStar { float: left; display: block; width: 20px; height: 20px; margin-right: 4px; background: url(/i/itemstar.png) no-repeat; }
.menu .menuItem .favouriteStar.favourited { background-position: 0 -20px; }
.menu .menuItem .itemInfo {background: url(/i/info.png) 0 0 no-repeat; height: 14px; width: 14px; float: left; display: block; margin-top: 3px;}
.menu .menuItem .itemInfoSelected {background: url(/i/info.png) 0 -14px no-repeat; height: 14px; width: 14px; float: left; display: block; margin-top: 3px;}
.menu .menuItem .description { font-size: 1.1em; color: #717a81; display: none; }
.menu .menuItem .functions { display: inline-block; padding: 7px 0; width: 500px; }
.menu .menuItem .functions .TVI-form { float: left; }
.menu .menuItem .functions .field { float: left; }
.menu .menuItem .functions .select SELECT { width: 230px; height: 18px; line-height: 14px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; }
.menu .menuItem .functions .textBox LABEL { float: left; display: block; padding: 7px 2px 0 4px; }
.menu .menuItem .functions .textBox INPUT { float: left; width: 15px; height: 18px; line-height: 18px; padding: 0 3px; font-size: 1.1em; font-weight: bold; color: #3f5c77; border: 1px solid #c1c1c1; }
.browserFirefox .menu .menuItem .functions .textBox INPUT { height: 16px; }
.menu .menuItem .functions .customise { float: right; width: 140px; margin-right: 4px; height: 20px; }
.menu .menuItem .functions .customise A { float: right; display: block; width: 140px; height: 20px; background: url(/i/buttons/chooseoptions.gif); }
.menu .menuItem .functions .customise A:hover { background-position: 0 -20px; }
.menu .menuItem .functions .withVariants { float: right; width: 77px; margin-right: 4px; height: 20px; }
.menu .menuItem .functions .withVariants A { float: right; display: block; width: 77px; height: 20px; background: url(/i/buttons/customise.gif); }
.menu .menuItem .functions .withVariants A:hover { background-position: 0 -20px; }
.menu .menuItem .functions .addToBasket { float: right; width: 140px; height: 20px; margin-right: 4px; }
.menu .menuItem .functions .addToBasket A { float: right; outline: 0 none; display: block; width: 140px; height: 20px; background: url(/i/buttons/add.gif); }
.menu .menuItem .functions .addToBasket A:hover, .menu .menuItem .functions .addToBasket A:focus {outline: 0 none; background-position: 0 -20px; }
.menu .menuItem .functions .addingToBasket { float: left; display: none; width: 24px; height: 20px; background: url(/i/buttons/adding.gif); }
.menu .menuItem .functions .addedToBasket { float: left; display: block; width: 20px; height: 20px; background: url(/i/buttons/added.gif); background-position: right top; }
.menu .menuItem .functions .price {font-weight: bold; float: left; font-size: 1.4em; color: #808080;}

#customisePopup { display: none; position: absolute; top: -15px; left: 205px; z-index: 100; width: 530px; height: 670px; }
#customisePopup .top { position: relative; height: 60px; background: url(/i/customisePopup_top.png); background-position: 1px 0; }
#customisePopup .top .close { position: absolute; top: 35px; right: 35px; display: block; width: 46px; height: 11px; line-height: 0; overflow: hidden; background: url(/i/buttons/close.gif); }
#customisePopup .top .close:hover { background-position: 0 -11px; }
#customisePopup .middle { width: 460px; overflow: hidden; padding: 1px 35px 11px; background: url(/i/customisePopup_middle.png); }
#customisePopup .bottom { height: 15px; background: url(/i/customisePopup_bottom.png); }
#customisePopup .title { font: bold 1.6em/1em Segoe UI, sans-serif; color: #0086ff; }
#customisePopup .title.customiseItem { font: bold 2.1em/1em Segoe UI, sans-serif; color: #0086ff; margin-top: 3px; }
#customisePopup P { font-size: 1.1em; color: #717a81; }
#customisePopup .TVI-form { margin: 10px 0 20px; }
#customisePopup .TVI-form .select { margin-bottom: 4px; }
#customisePopup .TVI-form .select LABEL { display: inline-block; width: 110px; height: 18px; line-height: 17px; margin-right: 4px; font-size: 1.1em; color: #717a81; border-bottom: 1px dashed #bdc0c0; }
#customisePopup .TVI-form .select SELECT { width: 300px; height: 18px; line-height: 18px; font-size: 1.1em; color: #547b9f; }
#customisePopup .checkboxList { display: inline-block; width: 480px; }
#customisePopup .TVI-form .checkBox { float: left; width: 220px; margin-right: 20px; margin-bottom: 4px;  padding-bottom: 2px; border-bottom: 1px dashed #bdc0c0; }
.browserIE6 #customisePopup .TVI-form .checkBox, .browserIE7 #customisePopup .TVI-form .checkBox { margin-bottom: 0px; }
#customisePopup .TVI-form .checkBox LABEL { display: inline-block; width: 197px; font-size: 1.1em; color: #717a81; }
#customisePopup .TVI-form .checkBox LABEL .label { display: inline-block; width: 165px; }
#customisePopup .TVI-form .checkBox LABEL .price { display: inline-block; width: 27px; text-align: right; }
#customisePopup .totalPrice { padding: 7px 0 8px; border-top: 1px solid #b0b3b3; }
#customisePopup .totalPrice .price { float: left; width: 358px; font-size: 1.5em; color: #626262; }
#customisePopup .totalPrice .price STRONG { margin-left: 5px; font-size: 1.2em; font-weight: bold; color: #363636; }
#customisePopup .totalPrice .addToBasket { float: left; width: 102px; margin-top: 2px; }
#customisePopup .totalPrice .addToBasketWrapper { float: left; width: 77px; margin-right: 4px; }
#customisePopup .totalPrice .addToBasket A {outline: 0 none; display: block; width: 102px; height: 20px; background: url(/i/buttons/add.gif); }
#customisePopup .totalPrice .addToBasket A:hover, .menu .menuItem .functions .addToBasket A:focus {outline: 0 none; background-position: 0 -20px; }
#customisePopup .totalPrice .addingToBasket { float: left; display: none; width: 24px; height: 20px; background: url(/i/buttons/adding.gif); }
#customisePopup .totalPrice .addedToBasket { float: left; display: block; width: 20px; height: 20px; background: url(/i/buttons/added.gif); background-position: right top; }


.checkout { display: inline-block; min-height: 530px; }
.checkout .breadcrumb LI { padding-left: 0; color: #006718; }
.checkout .breadcrumb LI A { padding-left: 27px; color: #006718; background: url(/i/checkoutBreadcrumb.gif) no-repeat 0 4px; }
.checkout .browserSafari .breadcrumb LI A { background-position: 0 3px; }
.checkout .breadcrumb LI A:hover { color: #1b8a34; }
.checkout .checkoutBox { float: left; display: inline; width: 260px; margin: 15px 0 15px 40px; }
.checkout .checkoutBox .top { height: 8px; line-height: 0; overflow: hidden; background: url(/i/checkoutBox_top.gif); }
.checkout .checkoutBox .middle { padding: 12px 18px 20px; background: url(/i/checkoutBox_middle.gif); }
.checkout .checkoutBox .bottom { height: 8px; line-height: 0; overflow: hidden; background: url(/i/checkoutBox_bottom.gif); }
.checkout .checkoutBox .text { height: 69px; margin: 0 17px 12px; font: bold 1.8em/1.1em Segoe UI, sans-serif; color: #006718; border-bottom: 1px dashed #bdc0c0; }
.checkout .checkoutBox .continueNoRegister { background: url(/i/buttons/continueWithoutRegistering.gif); }
.checkout .checkoutBox .registerNow { background: url(/i/buttons/registerNow.gif); }
.checkout .checkoutBox .login { background: url(/i/buttons/checkoutLogin.gif); }
.checkout .checkoutBox .button { margin: 0 17px; display: block; width: 190px; height: 40px; }
.checkout .checkoutBox .button:hover { background-position: 0 -40px; }
.checkout .checkoutBox .dropdown { display: none; margin-top: 29px; }
.checkout .checkoutBox .dropdown .continue { display: block; width: 82px; height: 20px; margin: 10px 0 0 142px; background: url(/i/buttons/continue.gif); }
.checkout .checkoutBox .dropdown .continue:hover { background-position: 0 -20px; }
.checkout .checkoutBox .dropdown .login { display: block; width: 62px; height: 20px; margin: 10px 0 0 162px; background: url(/i/buttons/dropdownLogin.gif); }
.checkout .checkoutBox .dropdown .login:hover { background-position: 0 -20px; }

.checkout .column1 { float: left; display: inline; width: 500px; margin: 0 40px; padding-top: 20px; }
.checkout .column2 { float: left; display: inline; width: 320px; margin-right: 40px; padding-top: 20px; }
.checkout .column1 .checkoutColumnBox { margin-bottom: 10px; }
.checkout .column1 .checkoutColumnBox .top { height: 8px; line-height: 0; overflow: hidden; background: url(/i/checkoutCol1Box_top.gif); }
.checkout .column1 .checkoutColumnBox .middle { padding: 12px 18px 9px; background: url(/i/checkoutCol1Box_middle.gif); min-width: 0px;}
.checkout .column1 .checkoutColumnBox .bottom { height: 8px; line-height: 0; overflow: hidden; background: url(/i/checkoutCol1Box_bottom.gif); }
.checkout .column2 .checkoutColumnBox { }
.checkout .column2 .checkoutColumnBox .top { height: 8px; line-height: 0; overflow: hidden; background: url(/i/checkoutCol2Box_top.gif); }
.checkout .column2 .checkoutColumnBox .middle { padding: 12px 18px 15px; background: url(/i/checkoutCol2Box_middle.gif); }
.checkout .column2 .checkoutColumnBox .bottom { height: 8px; line-height: 0; overflow: hidden; background: url(/i/checkoutCol2Box_bottom.gif); }
.checkout .checkoutColumnBox .radio LABEL { display: inline-block; width: 97px; line-height: 15px; font-size: 1.4em; font-weight: bold; color: #4d5358; }
.checkout .checkoutColumnBox .radio INPUT { margin-right: 50px; }
.checkout .checkoutColumnBox .hr { margin-bottom: 7px; padding-bottom: 6px; border-bottom: 1px dashed #bdc0c0; }
.checkout .checkoutColumnBox .item { margin-bottom: 6px; padding-bottom: 6px; font-size: 1.4em; color: #717a81; border-bottom: 1px dashed #bdc0c0; }
.checkout .checkoutColumnBox .item .label { display: inline-block; width: 400px; }
.checkout .checkoutColumnBox .item .customItem { margin-left: 10px;}
.checkout .checkoutColumnBox .item .customItem .label{ width: 390px;}
.checkout .checkoutColumnBox .item .price { display: inline-block; width: 60px; text-align: right; }
.checkout .checkoutColumnBox .item.strong { font-weight: bold; color: #4e5459; }
.checkout .checkoutColumnBox .item.total { font-weight: bold; color: #e76700; }
.checkout .column1 .checkoutColumnBox .narrowForm { margin-top: 20px; }
.checkout .column1 .checkoutColumnBox .narrowForm .textArea TEXTAREA { width: 457px; height: 83px;}
.checkout .checkoutColumnBox .title { margin-bottom: 15px; padding-bottom: 5px; font-size: 1.4em; font-weight: bold; color: #4d5358; border-bottom: 1px dashed #bdc0c0;  min-width: 0px;}
.checkout .checkoutColumnBox P { font-size: 1.1em; }
.checkout .column2 .checkoutColumnBox .narrowForm .textBox INPUT { width: 272px; }
.checkout .column2 .checkoutColumnBox .narrowForm .textArea TEXTAREA { width: 277px; }
.checkout .completeOrder { display: block; width: 190px; height: 40px; margin: 15px 47px 0; background: url(/i/buttons/completeOrder.gif); }
.checkout .completeOrder:hover { background-position: 0 -40px; }
.checkout .error {color: Red; font-size: 1.2em; font-weight: bold; margin-top: 5px;}
.error {color: Red; font-size: 1.2em; font-weight: bold; margin-top: 5px;}

.favourites a.favourite {color: #4D5358;}

.checkout .checkoutColumnBox.prevOrders .titleSmall {font-size: 1.2em; font-weight: bold; color: #4D5358;}
.checkout .checkoutColumnBox.prevOrders .item {font-size: 1.2em;}

#hallDetails {display: none;}

.narrowForm .field { margin-bottom: 7px; }
.narrowForm .textBox INPUT { width: 212px; height: 18px; line-height: 18px; padding: 0 5px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; }
.browserFirefox .narrowForm .textBox INPUT { padding-top: 2px; height: 15px; }
.narrowForm .textBox.password INPUT {background: url(/i/narrowpassword-bg.gif) no-repeat left top;}
.narrowForm .textBox.confirmPassword INPUT {background: url(/i/narrowconfirmpassword-bg.gif) no-repeat left top;}
.note { margin-top: 2px; font-size: 1em; line-height: 1em; color: #717a81;  min-width: 0px;}
.narrowForm .textArea TEXTAREA { width: 217px; height: 62px; overflow: auto; padding: 5px 0 5px 5px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; font-family: Arial, Tahoma, Verdana, Sans-Serif;  }
.narrowForm .checkBox { margin-top: 10px; }
.narrowForm .checkBox INPUT { float: left; height: 12px; width: 12px; }
.narrowForm .checkBox LABEL { display: inline-block; margin-left: 5px; font-size: 1.1em; color: #717a81; } 
.narrowForm .select select { width: 224px; height: 20px; line-height: 19px; padding: 0 5px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; }
.browserFirefox .narrowForm .select select { height: 19px; }


.wideForm { margin: 15px 0; }
.wideForm .field { margin-bottom: 7px; }
.wideForm LABEL { display: inline-block; vertical-align: top; padding-top: 4px; width: 150px; font-size: 1.1em; font-weight: bold; color: #547b9f; }
.wideForm .textBox INPUT { width: 312px; height: 18px; line-height: 18px; padding: 0 5px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; }
.browserFirefox .wideForm .textBox INPUT { padding-top: 2px; height: 15px; }
.wideForm .note { margin: 2px 0 0 155px; font-size: 1em; line-height: 1em; color: #717a81; }
.wideForm .textArea TEXTAREA { width: 317px; height: 62px; overflow: auto; padding: 5px 0 5px 5px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; font-family: Arial, Tahoma, Verdana, Sans-Serif;  }
.wideForm .checkBox { margin-top: 10px; }
.wideForm .checkBox INPUT { float: left; height: 12px; width: 12px; }
.wideForm .checkBox LABEL { display: inline-block; margin-left: 5px; font-size: 1.1em; color: #717a81; } 
.wideForm .select select { width: 324px; height: 20px; line-height: 19px; padding: 0 5px; font-size: 1.1em; color: #547b9f; border: 1px solid #c1c1c1; }

.sendMessage { display: block; width: 190px; height: 40px; margin: 15px 153px 0; background: url(/i/buttons/sendMessage.gif); }
.sendMessage:hover { background-position: 0 -40px; }

/* Home Page Styles */

.homepage { width: 940px; display: inline-block; padding-top: 10px; background: url(/i/homepageVerticalSeperator.gif) no-repeat 545px 52px; }
.homepage .col1 { float: left; width: 485px; padding: 0 25px 0 40px; }
.homepage .col2 { float: left; width: 320px; padding: 0 40px 0 30px; }
.homepage .getStarted { margin-top: 0; padding: 15px 0 0 0; text-indent: 20px no-repeat; }
.homepage .faqLink { display: block; margin-top: 20px; font-size: 1.1em; font-weight: bold; color: #909090; }
.homepage .faqLink:hover { color: #b5b4b4; }
.homepage .mainheader { color: #4060FC; font-size: 250%; font-weight: bold; margin-top: 0; padding: 13px 0 0 0; }

.homepage .OR { margin: 7px 143px 10px; }

.homepage .findSomeFood { display: block; width: 200px; height: 40px; margin: 16px 60px; background: url(/i/buttons/findSomeFood.gif); }
.homepage .findSomeFood:hover { background-position: 0 -40px; }

.submit { display: block; width: 200px; height: 40px; margin: 16px 60px; background: url(/i/buttons/submit.gif); }
.submit.submitDetails {width: 190px;}
.submit:hover { background-position: 0 -40px; }

#paymentForm .submit {width: 190px; float: left; margin-left: 148px;}
.paymentLogos {position: absolute; right: 20px; bottom: 14px; top: 100px; width: 155px;}
.paymentLogos table {margin: auto;}

.homepageFormContainer { width: 320px; background: url(/i/homepageForm_bg.gif); }
.homepageFormContainer .bottom { height: 2px; line-height: 0; overflow: hidden; background: url(/i/homepageForm_bottom.gif); }
.homepageFormContainer LABEL { display: block; margin-bottom: 4px; }
.homepageFormContainer .TVI-form { padding: 11px 0 10px 40px; background: url(/i/homepageForm_arrow.gif) no-repeat 6px 32px; }
.homepageFormContainer .TVI-form .textBox INPUT { width: 226px; height: 22px; padding: 0 6px; line-height: 22px; font-size: 1.2em; color: #235078; border: 1px solid #0d499b; background: #ffffff; }
.browserFirefox .homepageFormContainer .TVI-form .textBox INPUT { padding-top: 3px; height: 19px; }
.homepageFormContainer .TVI-form .field { margin-bottom: 6px; }
.homepageFormContainer .TVI-form .select SELECT { width: 240px; height: 22px; padding: 0 0 0 6px; font-size: 1.2em; color: #235078; border: 1px solid #0d499b; background: #ffffff; }

.homepageLatestNews { clear: both; width: 944px; margin: 12px auto 20px; }
.homepageLatestNews .top { height: 15px; background: url(/i/homepageLatestNews_top.gif); }
.homepageLatestNews .middle { padding: 6px 0 6px 20px; background: url(/i/homepageLatestNews_middle.gif); }
.homepageLatestNews .middleContainer { min-height: 62px; padding-left: 44px; background: url(/i/homepageLatestNews_knifeFork.gif) no-repeat; }
.homepageLatestNews .bottom { height: 14px; background: url(/i/homepageLatestNews_bottom.gif); }
.homepageLatestNews .title { margin-bottom: 6px; }
.homepageLatestNews UL { margin: 2px 0; }
.homepageLatestNews LI { display: inline; margin-right: 3px; font-size: 1.5em; color: #646759; }
.homepageLatestNews LI.date { color: #004b54; font-size: 1.4em; font-weight: bold; }
.homepageLatestNews LI A { color: #e47819; font-weight: bold; text-decoration: none; }
.homepageLatestNews LI A:hover { color: #e5924a; }

.item.leftFloat span,.item.leftFloat a, .item.leftFloat input {float: left;}
#discountStatus {color: red; font-weight: bold;}

/* RATINGS (have also added height:100%; position: releative; to body and html at top (for popup)*/
.rating .title { float: left; line-height: 12px; font-size: 1.1em; font-weight: bold; color: #859ea1; }
.rating .stars { float: left; display: block; width: 64px; height: 12px; line-height: 0; overflow: hidden; margin: 0 4px 0 6px; background: url(/i/nostars.gif); }
.restuarantInfo .stars {margin: 0;}
.rating .allstars { float: left; display: inline; left: 0; width: 100%; height: 12px; line-height: 0; overflow: hidden; margin: 0; background: url(/i/allstars.gif); }

.rating .starsFull { float: left; display: inline; width: 64px; height: 12px; line-height: 0; overflow: hidden; margin: 0 4px 0 6px; background: url(../i/rating.gif); }
.rating .stars0 { background-position: 0 0; }
.rating .stars1 { background-position: 0 -12px; }
.rating .stars2 { background-position: 0 -24px; }
.rating .stars3 { background-position: 0 -36px; }
.rating .stars4 { background-position: 0 -48px; }
.rating .stars5 { background-position: 0 -60px; }

.leaveReview .reviewStars {display: inline-block; position: relative; width: 65px; height: 12px; line-height: 0; overflow: hidden; margin: 0 4px 0 0; background: url(/i/nostars.gif); }
.leaveReview .allstars {z-index: 1; float: left; display: inline; position: absolute; left: 0; width: 60%; height: 12px; line-height: 0; overflow: hidden; margin: 0; background: url(/i/allstars.gif); }
.leaveReview .stars5 {width: 100%;}
.leaveReview .stars4 {width: 80%;}
.leaveReview .stars3 {width: 60%;}
.leaveReview .stars2 {width: 40%;}
.leaveReview .stars1 {width: 20%;}
.leaveReview .star {z-index: 2; position: relative; float: left; width: 13px; height: 12px; display: block;}
.leaveReview p {display: block; margin-top: 20px;}
.leaveReview .submit {margin-left: 286px; width: 190px;}
.leaveReview .error {float: left; margin-left: 285px;}

.rating .value { float: left; display: inline; line-height: 12px; font-size: 1.1em; font-weight: bold; color: #859ea1; }
.rating A { float: left; line-height: 12px; font-size: 1em; font-weight: bold; color: #6ab8ff; text-decoration: underline; }
.rating A:hover { color: #97ccfc; }

/* For menu page - in restaurant info/heading */
.rating .value { margin-right: 8px; }

/* For search results - some change to column width/padding (markup is different for rating also (due to right align, float:right) */
.searchResults .searchResult .col2 { width: 217px; padding: 6px 10px 6px 3px; }
.searchResults .searchResult .col3 { width: 110px; padding: 10px 20px 9px 0; text-align: right; }
.searchResults .viewMenu { float: right; }
.searchResults .searchResult .rating { margin-bottom: 7px; overflow: hidden; zoom: 1; }
.searchResults .searchResult .rating .stars { float: right; }
.searchResults .searchResult .rating .value { float: right; margin: 0; }
.searchResults .searchResult .rating A { float: none; line-height: 16px; color: #6ab8ff; text-decoration: underline; }
.searchResults .searchResult .rating A:hover { color: #97ccfc; }

/* Ratings popup - markup in master.master */
.reviewPopup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/i/reviewPopup_bg.png); z-index: 20; }
.reviewPopupContainer { width: 730px; margin: 75px auto 0; }
.reviewPopup .top { height: 15px; background: url(/i/reviewPopup_topBottom.png); }
.reviewPopup .bottom { height: 15px; background: url(/i/reviewPopup_topBottom.png); }
.reviewPopup .middle { position: relative; width: 660px; overflow: hidden; padding: 10px 35px 30px; background: url(/i/reviewPopup_middle.png); }
.reviewPopup .close { position: absolute; top: 20px; right: 35px; display: block; width: 46px; height: 11px; line-height: 0; overflow: hidden; text-indent: -9999em; background: url(/i/buttons/close.gif); }
.reviewPopup .close:hover { background-position: 0 -11px; }
.reviewPopup .backToTop { width: auto; position: absolute; bottom: 6px; right: 35px; }
.reviewPopup .backToTop A { float: none; display: block; width: 86px; height: 15px; margin: 0; text-indent: -9999em; background: url(/i/backToTop.gif); }
.reviewPopup .backToTop A:hover { background-position: 0 -16px; }
.reviewPopup H2 { font: bold 2.4em/25px Segoe UI, Arial, sans-serif; color: #004b54; }
.reviewPopup H2 IMG { padding: 0 5px 5px 5px; vertical-align: text-bottom; }
.reviewPopup H2 .number { position: relative; top: -3px; font-size: 0.7em; font-weight: normal; color: #859ea1; }
.reviewPopup .ratingsSummary { width: 660px; overflow: hidden; padding: 8px 0 12px; border-bottom: 1px solid #8f9d9e; }
.reviewPopup .ratingsSummary .ratingsSummaryContainer { width: 730px; }
.reviewPopup .ratingsSummary .rating { float: left; display: inline; margin-right: 20px; }
.reviewPopup .ratingsSummary .overall .title { color: #004b54; }
.reviewPopup .ratingsSummary .overall .value { color: #004b54; }
.reviewPopup .reviewsContainer { height: 405px; overflow: auto; }
.reviewPopup .review { width: 640px; overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #bdc0c0; }
.reviewPopup .review .col1 { float: left; display: inline; width: 480px; margin-right: 25px; }
.reviewPopup .review .col2 { float: left; display: inline; width: 135px; }
.reviewPopup .review .date { margin-bottom: 8px; font-size: 1.2em; color: #65a92a; }
.reviewPopup .review .text { margin-bottom: 8px; font-size: 1.4em; line-height: 1.3em; color: #717a81; }
.reviewPopup .review .credit { font-size: 1.2em; font-weight: bold; color: #004b54; font-family: Segoe UI, Arial, Tahoma, Verdana, Sans-Serif; }
.reviewPopup .review .credit .name { margin-right: 8px; font-size: 1.3em; color: #0086ff; }
.reviewPopup .review .rating { overflow: hidden; display: inline-block; margin-bottom : 10px; }
.reviewPopup .review .rating .title { width: 55px; }

.tooltip {position: absolute; display: block; display: none;  width: 264px; margin-left: -7px;}
.tooltip .tooltipMiddle { background: url(/i/tooltipMiddle.gif) repeat-y; display: block; padding:0 15px; width: 270px; font-family: Arial, Sans-Serif; line-height: 150%; font-size: 1.2em; }
.tooltip .tooltipTop { background: url(/i/tooltipTop.gif) repeat-y; height: 6px; width: 294px; }
.tooltip .tooltipBottom { background: url(/i/tooltipBottom.gif) no-repeat; display: block; height: 18px; width: 294px;}


.loading { margin: 10px; height: 16px; width: 16px; background: url(/i/loading.gif); margin-left: 162px;}
#topBanners {text-align: center; padding: 0;}
#topBanners img {padding: 10px 8px;}