﻿#MenuPlusContent {border: 0; padding-top: 12px;}
#MenuPlusContent h3 {font-size: 16px; font-weight: normal; margin: 0 12px 6px 12px;}
#MenuPlusContent p {color: #666; margin: 0 12px 12px 12px; font-size: 12px; line-height: 150%;}
#MenuPlusContent p.photohelp {font-size: 11px; font-style: italic;}
#MenuPlusContent img.intro {float: right; background: #f7f7f7; margin: 0 12px 6px 12px; padding: 0; border: 1px solid #ddd; position: relative;}
#MenuPlusContent img.thumb {float: left; background: #f7f7f7; margin: 0 30px 10px 10px; padding: 0; border: 1px solid #ddd; position: relative;}
	* HTML #MenuPlusContent img.thumb {margin: 0 15px 10px 5px;}
#MenuPlusContent a img.intro:hover, #MenuPlusContent a img.thumb:hover {border-color: #999;}
#MenuPlusContent p.show {font-size: 11px; clear: both; display: block; text-align: center; margin: 0 0 .5em 0; line-height: 2em; padding: 0; background: url(../images/consumer/expand.gif) 50% 100% no-repeat;}
#MenuPlusContent p.hide {font-size: 11px; clear: both; display: block; text-align: center; margin: .5em 0 0 0; line-height: 2em; padding: 0; background: url(../images/consumer/collapse.gif) 50% 0 no-repeat;}
#MenuPlusContent p.explanation {clear: both; margin: 0 0 1em 0; font-size: 11px; border-top: 1px solid #e7e7e7; background: #f7f7f7; padding: 3px 0; color: #999; text-align: left;}
#MenuPlusContent p.explanation img {display: inline; margin: 0 6px;}
#MenuPlusContent p.explanation a {border-bottom: 1px dotted #ccc; color: #999;}
#MenuPlusContent p.explanation a:hover {border-bottom: 1px dotted #999; color: #666; text-decoration: none;}

/* global */
* {margin: 0; padding: 0; border: 0;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; background: #fff url(../images/restaurantsites/background.png) top left repeat-x fixed;}

a {text-decoration: none;}

label {font-size: 12px; color: #555;}
input, textarea {border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 14px; color: #333; margin: .25em 0; padding: .125em 0;}
select {border: 1px solid #559CD2; color: #333; padding: .125em 0;}

h1 {}
h2 {font-size: 14px; font-weight: normal; line-height: 1.4em; color: #555; margin-bottom: .5em;}
h2 a {font-weight: bold;}
h2 em a {background: #999;}
h2 a.dropdown {background: #EDEFD9 url(../images/consumer/icon_dropdown.gif) 100% 50% no-repeat; padding: .25em 20px .25em .25em; margin: 0 0 0 .5em;}
h3 {font-size: 12px;}

br.clear {clear: both; line-height: 0; display: block;}

p {margin: 0 0 1em 0; font-size: 12px;}

img.button {border: 1px outset #fff; margin: .5em 0 0 0; display: block;}
img.button:hover {border: 1px inset #fff;}

#container {width: 950px; background: #f4ffc2 url(../images/restaurantsites/container_bg.gif) top left repeat-y; border: 10px solid #51a121; border-top: 0; margin: 0 auto 1em auto; padding: 0 0 1em 0; display: block; position: relative; text-align: left;}
* HTML #container {width: 950px !important;}
.onecol {width: 150px; float: left; padding-right: 10px;}
	*+HTML .onecol, * HTML .onecol {padding-right: 5px;}
.twocol {width: 310px; float: left; padding-right: 0;}
.threecol {width: 470px; float: left; padding-right: 10px;}
	*+HTML .threecol, * HTML .threecol {padding-right: 5px;}
.fourcol {width: 630px; float: left; padding-right: 10px;}
	*+HTML .fourcol, * HTML .fourcol {padding-right: 5px;}
.fivecol {width: 790px; float: left; padding-right: 10px;}
	*+HTML .fivecol, * HTML .fivecol {padding-right: 5px;}
.rightcol {padding-right: 0 !important;}

.linkarea {padding: 20px 20px 0 20px;}
.linkarea h3 {width: 600px; font-size: 16px; font-weight: normal; line-height: 1.5em; color: #c00; border-bottom: 1px dotted #ccc; padding-bottom: 12px;}
.linkarea ul {margin: 12px 0; list-style: none;}
.linkarea ul li {line-height: 1.5em; margin: 0 0 1.5em 0; background: url(../images/consumer/bullet.gif) .35em .6em no-repeat; padding-left: 1em; width: 310px; float: left;}  
.linkarea ul li a {font-weight: bold; font-size: 14px;}
.linkarea ul li span {font-size: 11px;}
.linkarea ul li span a {font-weight: normal; font-size: 11px;}
.linkarea p {clear: both; margin: 0 0 1em 0;}
.linkarea p.footer {border-top: 1px dotted #ccc; padding-top: 1em; font-size: 10px; font-style: italic;}

/* customer service info for TWs */
#sidebar #customerservice ul {list-style: none; padding-top: .5em; border-top: 1px dotted #ccc;}
#sidebar #customerservice ul li {margin: 0 0 .25em 0; border: 0; line-height: 18px; background: url(../images/consumer/bullet.gif) .2em .6em no-repeat; padding: 0 0 0 1em; text-transform: capitalize;}
#sidebar #customerservice ul li.help {background: url(../images/consumer/icon_help.png) 0 0 no-repeat; padding-left: 20px;}
#sidebar #customerservice ul li.phone {background: url(../images/consumer/icon_phone.gif) 0 1px no-repeat; padding-left: 20px;}
#sidebar #customerservice ul li.usphone {background: url(../images/consumer/icon_usflag.gif) 0 4px no-repeat; padding-left: 20px;}
#sidebar #customerservice ul li.ukphone {background: url(../images/consumer/icon_ukflag.gif) 0 4px no-repeat; padding-left: 20px;}
#sidebar #customerservice ul li.email {background: url(../images/consumer/icon_email.png) 0 2px no-repeat; padding-left: 20px;}

/* HIDDEN ELEMENTS */
#header,
#logo,
ul#orderprogress,
p.dailyspecialfeed,
#sitemaplink,
#footer,
#menunav,
#tagcloud,
#vendorblock,
p.printable,
#welcomenote,
p.explanation,
#sidebar div.boxed h3.startover,
#MenuPlusTabLink26, /* user reviews tab */
#restaurantinfo {display: none; visibility: hidden; text-indent: -999em;} 

/* unique to restaurant web site */
#poweredbysw {background: #c2eca8; width: 100%; padding: .5em 0; margin: 0;}
#poweredbysw p {display: block; width: 950px; margin: 0 auto; text-align: right; color: #fff; font-size: 11px;}
#poweredbysw p a { padding-left: 18px; color: #fff !important;}
#poweredbysw p a:hover { text-decoration: underline;}

#restaurantsiteheader {width: 950px; height: 130px; margin: 1em auto 0 auto; text-align: center; border: 10px solid #51a121; z-index: 2; position: relative;}
#restaurantsiteheader .headercontainer {margin: 0 auto; text-align: left; padding: 1em; color: #555;}
#restaurantsiteheader img.logo {display: block; float: left; margin: .5em 0;}
#restaurantsiteheader div.infoblock {display: block; width: 300px; padding: .75em 0 .5em 20px; float: left;}
	#restaurantsiteheader div.infoblock h1 {margin: 0; padding: 0; font-size: 16px; color: #000;}
	#restaurantsiteheader div.infoblock p {margin: 0; line-height: 1.5em;}
	#restaurantsiteheader div.infoblock p strong {}
#restaurantsiteheader br {clear: both; border: 0; margin: 0; padding: 0;}
#restaurantsiteheader a {}
#restaurantsiteheader a:hover {background: transparent; border-bottom: 1px dotted #c1c2df;}

#restaurantsitefooter {width: 930px; margin: 1em auto 0 auto; clear: both; padding: 10px; border: 0; text-align: center; color: #fff;}

/* message area */
#AlertMessage {background: transparent; padding: 10px; margin: 0; border: 0; font-style: italic; font-size: 16px;}
#AlertMessage h2 {margin: 0; color: #c00;}
#AlertMessage h2.confirmation {color: #090;} 
#AlertMessage p {line-height: 150%; margin: 0;}
#AlertMessage p a {font-weight: bold;}

/* Usability Message Area*/
#MessageArea {width:950px; margin:0 auto 0; border-left:10px solid #d19f0c; border-right:10px solid #d19f0c;}
#MessageArea.error {border-left:10px solid #d19f0c; border-right:10px solid #d19f0c;}
#MessageArea.information {border-left:10px solid #a8cd86; border-right:10px solid #a8cd86;}
#MessageArea {background: #fee207 url(../images/consumer/alertmessage-bg.gif) 0 0 repeat-x; padding: 0; text-align: center; display: none; z-index: 10;}
#MessageArea p {margin: 0 auto; width: 880px; text-align: left; font-size: 16px; color: #7c5610; font-weight: bold; background: url(../images/consumer/warning.png) 0 50% no-repeat; padding: 16px 0 16px 60px !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5); line-height: 1.5em;}
#MessageArea.information {background: #c5f19d url(../images/consumer/accepted-bg.gif) 0 0 repeat-x;}
#MessageArea.information p {color: #7c5610; background: url(../images/consumer/accepted.png) 0 50% no-repeat; color: #360;}
#MessageArea.error {background: #fee207 url(../images/consumer/alertmessage-bg.gif) 0 0 repeat-x;}
#MessageArea.error p {color: #7c5610; background: url(../images/consumer/warning.png) 0 50% no-repeat; color: #7c5610;}

.subnav {margin: 0; height: auto; border: 0; display: block; width: 100%; background: #f4ffc2 url(../images/restaurantsites/nav_bg.png) top right repeat-y; border: 0; border-bottom: 1px dotted #ccc;}
.subnav ul {margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px; position: relative; background: transparent;}
.subnav ul li {float: left; display: block; margin: 0; padding: 0; border: 0; background: transparent;}
.subnav ul li a {display: block; float: left; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; text-transform: uppercase; background: transparent;}
.subnav li a:hover {margin: 0; border: 0; background: #e1ff55; text-decoration: underline;}
.subnav li a.active {display: block; float: left; text-transform: uppercase; letter-spacing: 1px; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; color: #000; cursor: default; font-weight: bold;}

#menuplusnav {margin: 0; height: auto; border: 0; display: block; width: 100%; background: #f4ffc2 url(../images/restaurantsites/nav_bg.png) top right repeat-y; border: 0; border-bottom: 1px dotted #ccc;}
#menuplusnav ul {margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px; position: relative; background: transparent;}
#menuplusnav ul li {float: left; display: block; margin: 0; padding: 0; background: transparent;}
#menuplusnav ul li a {display: block; float: left; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; text-transform: uppercase; background: transparent;}
	#menuplusnav ul li.menuplustab a {background: transparent;}
#menuplusnav ul li a strong {color: #c00 !important;}
#menuplusnav li a:hover {margin: 0; border: 0; background: #e1ff55; text-decoration: underline;}
#menuplusnav ul span {display: block; float: left; text-transform: uppercase; letter-spacing: 1px; padding: 8px 10px; margin: 0; text-decoration: none !important; border: 0; color: #000; cursor: default; font-weight: bold;}

#sortreviews {padding: .5em 0;}

#categoryDropDown {padding: .5em 0 .5em 10px; margin: 0; list-style: none; line-height: normal; font-weight: bold; font-size: 12px; width: 170px; z-index: 5; position: relative;}
#categoryDropDown ul {padding: 0; margin: 0; list-style: none; line-height: normal;}
#categoryDropDown li ul {position: absolute; background: #ffc; width: 288px; left: -999em; border: 1px solid #ddd; padding: .25em 10px;}
#categoryDropDown li ul li {font-size: 11px; border-bottom: 1px dotted #ddd; padding: .5em 0 .25em 0;}
#categoryDropDown li:hover ul, #categoryDropDown li.sfhover ul {background-position: 0 0; left: auto;}
#categoryDropDown ul li ul li a {display: block; width: 20em;}
	#categoryDropDown li.dropdown {padding-top: .25em; display: block;}
	#categoryDropDown li.dropdown a {padding: .25em 0 .25em 24px; background: url(../images/consumer/icon_dropdown.gif) 3px 50% no-repeat; cursor: pointer; display: block;}
	#categoryDropDown li.dropdown ul li a {padding: 0; background-image: none;}

.whatnow, .checkout, .thanks, .surveybox {border: 0; background: #fff;}

#sidebar div.boxed {border: 0; background: #fff; margin: 0 0 1em 0; padding: 5px 10px 15px 10px; color: #555;}
#sidebar div.boxed table tr td.promotion {background: transparent;}
#sidebar div.boxed p.returning {margin-bottom: 2em;}
#sidebar div.liked h5 span a {background: transparent !important;}
#sidebar #Orderinfobox table tr td h4 {font-size: 14px; margin: .5em 0 .25em 0;}

.auxbox {padding: 1em 0 1.5em 2em !important; background: #fff; margin: 0;}
.auxbox .fieldbox {width: 20%; float: left;}
	.auxbox .addressbox {width: 42%; clear: left;}
.auxbox .fieldbox img.button {margin-top: 1.6em;}
.auxbox label {display: block; color: #555; margin: 0 0 .25em 0;}
	.auxbox label.break {border-top: 1px dotted #ddd; padding-top: .5em;}
.auxbox input, .auxbox select, .auxbox textarea {width: 90%; margin: 0 0 1em 0; padding: 0; font-size: 12px; padding: .25em 0;}
	.auxbox input.security, .auxbox select.security {width: 330px;}
.auxbox label img {margin: 0; padding: 0; vertical-align: bottom;}
.auxbox p {margin: 0 0 1em 0; font-size: 12px; line-height: 150%;}
.auxbox p.note {margin: .25em 0 1em 0; font-style: italic; color: #777; font-size: 11px;}
.auxbox table {width: 100%; margin: 1em 0 0 0; color: #555; clear: both; border-top: 1px dotted #ccc}
.auxbox table thead tr th {padding: .5em 0 .3em 0; font-size: 11px; font-weight: normal; color: #555; border-bottom: 1px dotted #ccc;}
.auxbox table tbody tr {background: #fff;}
.auxbox table tbody tr.even {background: #f7f7f7;}
	.orderhistory tbody tr.firm {background: #fae9e7 !important;}
	.orderhistory tbody tr.firm td {border-bottom: 1px solid #f3c8c5;}
.auxbox table tbody tr:hover {background: #ffc;}
.auxbox table tbody tr td {padding: .8em 0; text-align: center; border-bottom: 1px solid #E8E8DD; border-top: 1px solid #fff; font-size: 11px;}
.auxbox ul {font-size: 12px; margin: 0 2em;}
.auxbox ul li {margin: 0 0 .25em 0; line-height: 150%;}
.twbox {padding: 1em 0 1.5em 2em !important; background: #fff; margin: 0;}
.orderhistory {}
	.orderhistory colgroup col {width: 10%;}
	.orderhistory colgroup col.vendorcol {width: 28%;}
	.orderhistory colgroup col.actioncol {width: 12%;}
	.orderhistory colgroup col.corpvendorcol {width: 24%;}
	.orderhistory colgroup col.corpcol {width: 8%;}
.orderhistory thead tr th.date {text-align: left; padding-left: 1em;}
.orderhistory thead tr th.vendor {text-align: left; padding-left: 1em;}
.orderhistory thead tr th.actions {text-align: left; padding-left: 1em;}

.orderhistory tbody tr td {vertical-align: top;}
.orderhistory tbody tr td.date {text-align: left; padding-left: 1em;}
.orderhistory tbody tr td.vendor {text-align: left; padding-left: 1em; color: #999;}
.orderhistory tbody tr td.vendor h4 {font-size: 12px; font-weight: bold; margin: 0;}
.orderhistory tbody tr td.total {font-size: 12px; font-weight: bold;}
.orderhistory tbody tr td.overbudget {font-size: 12px; font-weight: bold; color: #c00;}
.orderhistory tbody tr td.actions {text-align: left; padding-left: 1em;}
.orderhistory tbody tr td.actions ul {margin: 0; list-style: none;}
.orderhistory tbody tr td.actions ul li {margin: 0 0 .5em 0;}
.orderhistory tbody tr td.actions ul li a {padding: .25em 0 .25em 20px;}
.orderhistory tbody tr td.actions ul li.reorder a {background: url(../images/consumer/icon_order.gif) 0 50% no-repeat;}
.orderhistory tbody tr td.actions ul li.addfave a.icon {background: url(../images/consumer/icon_addfave.gif) 0 50% no-repeat;}
	.orderhistory tbody tr td.actions ul li.addfave div {padding: .75em 0 0 0;}
	.orderhistory tbody tr td.actions ul li.addfave div input {margin-bottom: .5em;}
	.orderhistory tbody tr td.actions ul li.addfave div img.button {margin: 0;}
	.orderhistory tbody tr td.actions ul li.addfave div p {margin: .25em 0 0 0;}
	.orderhistory tbody tr td.actions ul li.addfave div a {padding: 0;}
.orderhistory tbody tr td.actions ul li.rate a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat;}
.orderhistory tbody tr td.actions ul li.edit a {background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; font-weight: bold;}
.orderhistory tbody tr td.actions ul li.cancel a {background: url(../images/consumer/icon_clearsearch.gif) 0 50% no-repeat; font-weight: bold;}
.orderhistory tbody tr.personalorder td {background: #fae9e7;}


.auxbox {padding: 1em 300px 1.5em 2em;}
.twhelpbox {padding: 1em 0 1.5em 0;}
.twhelpbox #helpcontent {padding: 0 20px;}
.twhelpbox #helpcontent h3 {margin: 1em 0 .5em 0; font-size: 14px; font-weight: bold; padding: 1em 0 .5em 0; border-bottom: 1px dotted #ddd; clear: both !important;}
.twhelpbox #helpcontent p {margin: 0 0 1em 0; font-size: 12px; line-height: 150%;}
.twhelpbox #helpcontent img.screenshot {float: right; margin: 0 0 1em 2em;}
.twhelpbox #helpcontent ul {font-size: 12px; margin: 0 2em;}
.twhelpbox #helpcontent ul li {margin: 0 0 1em 0; line-height: 150%;}
.twhelpbox #helpcontent ul li ul {font-size: 1em;}
.twhelpbox #helpcontent ol {font-size: 12px; margin: 0 2em;}
.twhelpbox #helpcontent ol li {margin: 0 0 1em 0; line-height: 150%;}
.twhelpbox #helpcontent p.note {background: #fff; border: 1px dotted #ccc; padding: 1em;}
.twhelpbox #helpcontent p.toplink {text-align: right; font-size: 11px; font-style: italic; margin: 0; clear: both;}
.twhelpbox #helpcontent p.toplink a {background: url(../images/consumer/backtotop.gif) 0 50% no-repeat; padding-left: 10px;}
.twhelpbox #helpcontent div.highlight {background: #ffc; border: 1px solid #ddd; padding: 1em; margin-bottom: 1em;}
.twhelpbox #helpcontent div.highlight p {font-size: 16px; color: #c00; margin: 0; font-style: italic;}

.twhelpbox #helpnav {padding: 0 20px;}
.twhelpbox #helpnav h3 {border: 0; margin: 0; color: #555;}
.twhelpbox #helpnav p {margin: 0;}
.twhelpbox #helpnav ul {list-style: none; margin: 0 0 2em 0;}
.twhelpbox #helpnav ul li {font-size: 12px; padding: .5em 0; margin: 0; border-top: 1px dotted #ddd; background: url(../images/consumer/bullet.gif) .35em .9em no-repeat; padding-left: 1em;}
.supportedbrowsers {padding: 0 20px; border: 0;}

/*---thickbox stylings---*/
#TB_overlay { position: absolute; z-index:100; width: 100%; height: 100%; top: 0; left: 0; min-height: 100%; background-color: #c33; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
#TB_window {position: absolute; background: #fff; z-index: 102; color:#555; display:none; border: 1px solid #333; text-align:left;}
#TB_window img {display:block; margin: 15px 0 0 15px;}
#TB_caption {padding:7px 30px 10px 25px; text-align: center; font-weight: bold; font-size: 14px; color: #333;}
#TB_closeWindow { padding: 0; margin: 0; position: absolute; top: 10px; right: 9px; z-index: 200;}
#TB_closeWindowButton img {padding: 0; margin: 0; display: block;}
#TB_closeAjaxWindow {padding:6px 10px 7px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px; color: #999; font-style: italic; font-size: 10px;}
#TB_title{background-color:#eee; height:27px;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position: absolute; display:none; height:100px; width:100px; z-index:101;}
#TB_HideSelect {z-index:99; position:absolute; top: 0; left: 0; width:100%; height:100%; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
#TB_iframeContent {border:none; clear:both;}
#TB_secondLine {font-size: 11px; font-weight: normal; margin-top: .5em; color: #666;}
#TB_next, #TB_prev {margin: 0 5px;}

/* =popup */
#popup {width: 630px; margin: 1em auto .5em auto; color: #555;}
#popup h2 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .25em 0; border-bottom: 1px dotted #ccc; line-height: normal;}
#popup h3 {margin: 1em 0 .5em 0;}
#popup h3 span {font-size: 10px !important; font-weight: normal; font-style: italic;}
#popup p {font-size: 12px; line-height: 150%;}
#popup ol {margin: 0 0 1em 2em; font-size: 12px;}
#popup ol li {margin: 0 0 .5em 0; line-height: 150%;}
#popup h4.button {text-align: left; margin: 0;}
#popup h4.button a {line-height: 30px; background: #339 url(../images/consumer/step2.png) 0 -855px no-repeat; color: #fff; text-align: left; display: block; padding-left: 10px; padding-right: 15px; border: 1px solid #339; width: 200px;}
	* HTML #popup h4.button a {height: 30px;}
	*+html #popup h4.button a {height: 30px;}
#popup h4.button a:hover {text-decoration: underline; color: #fff !important;}
#popup label img {margin: 0; padding: 0; vertical-align: bottom;}
#popup label {padding: 0 0 .25em 0; display: block;}
#popup input, #popup select, #popup textarea {width: 225px; margin: 0 0 1em 0; font-size: 12px; padding: .25em 0; display: block;}
#popup input.hidden {display: none !important;}
#popup input#VendorReviewTitle {font-size: 14px; font-weight: bold;}
	#popup .first {padding-top: .5em;}
#popup textarea {display: block; font-size: 12px; height: 6em; width: 470px !important; margin: 0;}
#popup .fieldbox {width: 50%; float: left;}
#popup .fieldboxsmall {width: 19%; float: left;}
#popup .fieldbox input, #popup .fieldbox select {width: 90%;}
#popup .fieldboxsmall input, #popup .fieldboxsmall select {width: 90%;}
#popup p.note {border-top: 1px dotted #ddd; padding-top: 1em;}
#popup p.chartnote {border-top: 1px dotted #ddd; padding-top: 1em; font-size: 10px; font-style: italic;}
#popup p.terms {margin: 0; font-size: 11px; font-style: italic;}
#popup p.import a {font-weight: bold; display: block; background: #ffc url(../images/consumer/icon_import.gif) 2px 50% no-repeat; padding: .5em 0 .5em 1.6em; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#popup p.newaddress {padding: 0; font-weight: bold; margin: -.5em 0 1em 0;}
#popup p.newaddress a {background: url(../images/consumer/icon_add.gif) 0 50% no-repeat; padding-left: 18px;}


/* =rating popup */
#popup .star-rating,
#popup .star-rating a:hover,
#popup .star-rating a:active,
#popup .star-rating a:focus,
#popup .star-rating .current-rating {background: url(../images/consumer/rating_star.gif) left -1000px repeat-x;}
#popup .star-rating {position:relative; width: 165px; height: 29px; overflow: hidden; list-style: none; margin: 0 0 2em 0; padding: 0; background-position: left top;}
#popup .star-rating li {display: inline;}
#popup .star-rating a,
#popup .star-rating .current-rating {position: absolute; top: 0; left: 0; text-indent: -1000em; height: 29px; line-height: 29px; outline:none; overflow: hidden; border: none;}
#popup .star-rating a:hover,
#popup .star-rating a:focus {background-position: left bottom;}
#popup .star-rating a.one-star {width: 20%; z-index: 6;}
#popup .star-rating a.two-stars {width: 40%; z-index: 5;}
#popup .star-rating a.three-stars {width: 60%; z-index: 4;}
#popup .star-rating a.four-stars {width: 80%; z-index: 3;}
#popup .star-rating a.five-stars {width: 100%; z-index: 2;}
#popup .star-rating .current-rating {z-index: 1; background-position: left bottom;}

#popup .publishtofacebook {padding: 1em 0 0 0;}
#popup .publishtofacebook label {text-align: left; display: inline; padding: 0; font-size: 11px;}
#popup .publishtofacebook input {margin: 0 .35em 0 0; border: 0; padding: 0; background: none; vertical-align: text-bottom; display: inline; width: auto;}

/*Forgot Username and password*/
.container .bodywrapper {background: url("../images/restaurantsites/container_bg.gif") repeat-y scroll left top #F4FFC2; border-color: -moz-use-text-color #51A121 #51A121; border-left: 10px solid #D19F0C; border-right: 10px solid #D19F0C; border-style: none solid solid; border-width: 0 10px 10px; display: block; margin: 0 auto 1em; padding: 0 0 1em; position: relative; text-align: left; width: 950px; border-color: #C48989 !important;}

.pageNotFound #container {background: #fff!important;}
.pageNotFound #container * {color: #000;}
.pageNotFound .containerError {padding: 100px 150px 200px;}
.pageNotFound .containerError h1 {font-size: 24px; margin-bottom: 20px;}
.pageNotFound .containerError h2 {font-size: 18px;}
.pageNotFound .containerError h2 a {text-decoration: underline;}
.pageNotFound .containerError h2 a:hover {background: #fff!important;}