@charset "utf-8";

/* CSS Document */

/* RESET CSS */
body                                    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;border:none;}
ol, ul                                  {list-style: none;}
a                                       {text-decoration:none;cursor: pointer;color:#c61900;}
a:hover                                 {text-decoration: none;}
a:focus,input:focus                     {outline: 0;}
table                                   {border-collapse: collapse;}
a img                                   {border:0px;}
.wai                                    {width:0px !important;overflow:hidden;height:0px !important;text-indent:-5000px;margin:0px !important;padding:0px !important;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
.fl                                     {float:left !important;}
.no-border								{border: none !important;}
.no-top-padding							{padding-top: 0 !important;}

/*  site's CSS */
body                                    {font-family:arial,trebuchet ms, sans-serif;font-size:0.625em;text-align:left;background: #4d4936;color:#58130b;}
#wrapper                                {margin: 0 auto 0 auto;width:960px;background: url("../img/page-bg.gif") repeat-y top left;padding:0 11px;}
#page                                   {background: url("../img/content-bg.gif") repeat-x top left #FFD920;padding:0 29px;}

/*  the header  */
#header                                 {width:100%;}

#logo                                   {width:544px;height: 90px; background: url("../img/eatnow-logo-takeaway-home-delivery.png") no-repeat 0 13px;float:left;}
#logo a                                 {text-indent:-5000px;overflow: hidden;width:544px;height:89px;display:block;}

h4 a.login                              {float:right;height:27px;display:block;line-height:25px;text-align:center;font-size:12px; overflow:hidden;}
h4 a.login.sml							{background: url(../img/button/login-btn-sprite.png) -240px 0 no-repeat; width: 77px;}
h4 a.login.med							{background: url(../img/button/login-btn-sprite.png) -132px 0 no-repeat; width: 108px;}
h4 a.login.lrg							{background: url(../img/button/login-btn-sprite.png) 0 0 no-repeat; width: 132px;}
h4 a.login.sml:hover					{background: url(../img/button/login-btn-sprite.png) -240px -27px no-repeat;}
h4 a.login.med:hover					{background: url(../img/button/login-btn-sprite.png) -132px -27px no-repeat;}
h4 a.login.lrg:hover					{background: url(../img/button/login-btn-sprite.png) 0 -27px no-repeat;}
h4 a.login.inactive-med					{background: url(../img/button/login-btn-sprite.png) -132px -54px no-repeat; width: 108px; color: #e77b25;}
h4 a.login.inactive-lrg					{background: url(../img/button/login-btn-sprite.png) 0 -54px no-repeat; width: 132px; color: #e77b25;}

#login-logout                           {float:right;width:355px;font-weight:bold;}
#login-logout span.username             {float:right;padding:0.5em;font-size:130%;}

.has-facebook							{background: url(../img/logo/follow-us-on-facebook.png) 100px 33px no-repeat; height: 90px;}

.fb_like_btn							{width: 78px !important; padding:12px 0 0 0; float: right; clear:both;}
.connect_widget_interactive_area 		{float: right !important}

.fb_edge_widget_with_comment span.fb_edge_comment_widget {top: 20px !important; left: -321px !important;}
span.fb_edge_comment_widget iframe html .connect_comment_widget .nub {left: 360px !important}

/* search restaurant form */
#search-restaurant                      {background: url("../img/searchbox-bg.png") no-repeat top left;height:210px;padding:0 30px;color:#fff;width:433px; position: relative;}
#search-restaurant form                 {margin:15px 0;overflow:hidden;}
#search-restaurant label                {float:left;}
#search-restaurant h2                   {color:#ffda20;padding:30px 0 15px 40px !important;font-weight:bold;font-size:220% !important;}
#search-restaurant input                {font-size:120%;color:#3b0700;background: url("../img/search-bg.png") no-repeat top left;width:324px;height:49px;float:left;border:none;padding: 0 4px 0 10px;line-height:48px;}
#search-restaurant input#search         {cursor:pointer;background: url("../img/search-btn.png") no-repeat top left;width:89px;height:49px;color:#be1800;float:right;padding:0 4px 4px 0;font-weight:bold;}
#search-restaurant p                    {font-size:120%;}

.search-autocomp						{float:left;overflow-y:auto;padding:10px;position:absolute;text-decoration:underline;font-weight:bold;top:112px;color:#4788C7;display:none;background-color:#ece2ae;height:150px;width:304px;z-index:10;}

/* login form */
#login-form                             {background: url("../img/loginbox-bg.png") no-repeat top left;height:210px;padding:0 30px;color:#fff;width:433px; position: relative;}
#login-form form                        {margin:5px 0 0 0;overflow:hidden;}
#login-form a                           {margin-left:90px; color:#ffda20;}
#login-form a.white                     {margin-left:90px; color:#fff;}
#login-form label                       {color:#ffda20;font-size:120%;float:left;display:block;height:34px;width:80px;padding-top:15px;}
#login-form label#password-lbl          {margin-top:10px}
#login-form h2                          {color:#ffda20;padding:30px 0 15px 40px !important;font-weight:bold;font-size:220% !important;}
#login-form input                       {font-size:120%;color:#3b0700;background: url("../img/search-bg.png") no-repeat top left;width:318px;height:49px;float:left;border:none;padding-left:10px;line-height:48px;}
#login-form input#password              {background: url("../img/password-bg.png") no-repeat top left;width:178px;height:49px;float:left;border:none;padding-left:10px;line-height:48px; margin-top:10px}
#login-form input#search                {cursor:pointer;background: url("../img/search-btn.png") no-repeat top left;width:89px;height:49px;color:#be1800;float:right;padding:0 4px 4px 0;font-weight:bold;margin-top:10px}
#login-form p                           {font-size:120%;}

span.nocheck							{padding-right:16px; background:transparent url(../img/icon/nocheck.gif) no-repeat right;}

/* contact us form */
#contact-us                     		{background: url("../img/contact-us-bg.png") no-repeat top left;height:475px;padding:0 0 0 30px;color:#fff;width:375px; position: relative;}
#contact-us form                 		{margin:15px 0;overflow:hidden;}
#contact-us fieldset             		{border:none; padding:0; margin:0;}
#contact-us label                		{color:#fff;font-size:110%;float:left;display:block;height:29px;width:110px;padding-top:6px;}
#contact-us label span             		{color:#fff;font-size:110%;float:right;display:block; margin-right:5px;}
#contact-us h2                   		{color:#ffda20;padding:30px 0 15px 0 !important;font-weight:normal;font-size:220% !important;}
#contact-us input				 		{font-size:120%;color:#3b0700;background: url("../img/contact-field-bg.png") no-repeat top left;width:219px;height:35px;float:left;border:none;padding-left:10px;line-height:32px; margin-bottom:5px}
#contact-us textarea			 		{font-size:120%;color:#3b0700;background: url("../img/contact-text-bg.png") no-repeat top left;width:319px;height:117px;float:left;border:none;padding: 0 10px 4px 10px;margin-bottom:5px;overflow:auto;}
#contact-us input#send         			{cursor:pointer;background: url("../img/search-btn.png") no-repeat top left;width:89px;height:49px;color:#be1800;float:right;padding:0 4px 4px 0;font-weight:bold; margin-right:33px}
#contact-us p                    		{font-size:120%;float:left;}
.red {color: #a5180d;}

/* main content area  */
#content                                {overflow:hidden;height:auto;font-size:130%;line-height:130%;clear:both;}

#content p                              {padding:6px 0;padding-bottom:10px;}

#content h1                             {font-size:230%;padding:30px 0 15px 0;line-height:130%;font-weight:normal;}
#content h1.sml                         {font-size:170%;padding:30px 0 15px 0;line-height:130%;font-weight:normal;}
#content h2.highsize                    {font-size:230% !important;padding:20px 0 10px 0;line-height:130%;font-weight:normal;}
#content h2                             {font-size:170%;padding:10px 0 10px 0;}
#content h2.sml                         {font-size:130%;padding:10px 0 10px 0;}
#content h3                             {font-size:180%;padding:15px 0 5px 0 ;letter-spacing:-1px;line-height:100%;}
#content h4                             {font-size:100%;padding:5px 0;}

.highlight                              {color:#c61900;}

.column1                                {width:493px;float:left;}

.column-half-left                       {width:430px;float:left;}
.column-half-right                      {width:430px;float:right;}
.column-left-580						{width:580px;float:left;}
.column-right-380						{width:380px;float:right;}
.column-right-300						{width:300px;float:right;}

.img_right                              {float:right;margin:10px 0 10px 10px;}
.img_left                               {float:left;margin:10px 10px 10px 0px;}

/* list of restaurants and orders in the right side */
.recent-list                            {float:right;width:385px;}
#content .recent-list h3                {float:left;padding:0px 0 5px 0;}
.view-all                               {float:right;font-weight:bold;font-size:90%;padding-top:5px;}

.recent-list ul                         {width:100%;clear:both;}
.recent-list ul li                      {padding:5px;width:375px;height:54px;clear:both;}
.recent-list ul li.even                 {background: url("../img/row-bg.gif") no-repeat top left;}
.recent-list ul li img                  {float:left;margin-right:5px;}
.recent-list ul li span.details         {float:left;width:225px;font-size:90%;}
.recent-list ul li span.details a       {font-weight:bold;font-size:140%;display:block;}
.recent-list ul li span.actionlist      {float:right;width:83px;text-align:center;}
.recent-list ul li ul.star-rating       {float:right;width:80px;text-align:center;}
span.date                               {color:#ae6a61;}
a.view-btn                              {font-weight:bold;width:83px;height:27px;background: url("../img/view-btn.png") no-repeat top left;display:block;line-height:27px;color:#fff;text-align:center;font-size:90%;}

.latest-restaurants                     {padding:30px 0 0px 0;}

ul.citylist                             {margin-top:5px;line-height:80%; padding-bottom: 5px; overflow:hidden;}
ul.citylist li                          {display:inline;padding:0 5px;border-left:1px solid #c61900;margin-top:5px;float:left;}
ul.citylist li.first                    {border-left:none;padding-left:0px;}


/* progress bar */
#progressbar                            {background: url("../img/progressbar-bg.gif") top left no-repeat;width:100%;height:32px;position:relative;margin:15px 0;padding-top: 6px;}
#progressbar p                          {padding:0px !important;height:0px; width:0px;position:absolute;top:0px;left:0px;display:block;overflow:hidden;text-indent:-4000px;}

/* order steps */
.ordering-steps                         {overflow:hidden;}
.ordering-steps li                      {display:inline;font-weight:bold;color:#4a0c00;float:left;line-height:23px;padding:0 15px;_padding-right:12px;}
.ordering-steps li span                 {float:left;padding-right:6px;background: url("../img/progress-bullet-red.png") top left no-repeat ;display:block;width:24px;height:23px;color:#ffda20;text-align:center;line-height:26px;font-size:130%;}
.ordering-steps li.selected             {filter:alpha(opacity=100);opacity:1; color:#FFF;}
.ordering-steps li.selected span        {background: url("../img/progress-bullet-yellow.png") no-repeat top left;display:block;width:24px;height:23px;color:#c61900;text-align:center;line-height:26px;font-size:130%;}
.ordering-steps li.completed            {filter:alpha(opacity=40);opacity:0.4; color:#FFF;}
.ordering-steps li.completed span       {background: url("../img/progress-bullet-yellow.png") no-repeat top left;display:block;width:24px;height:23px;color:#c61900;text-align:center;line-height:26px;font-size:130%;}

/* testimonials box */
.testimonial                            {float:right;width:300px;background: url("../img/quote-start.png") no-repeat top left;padding-left:85px;font-size:110%;}
.testimonial cite                       {font-weight:bold;background: url("../img/quote-end.png") no-repeat bottom right;height:45px;font-style:normal;display:block;}
.testimonial blockquote                 {font-style:italic;padding:3px 0 10px 0;width:90%;}
.testimonial img                  		{float:left;margin-right:5px;}
.stars-box                              {height:15px;width:90%;padding:0 0 5px 0;}
#content .testimonial h3                {font-size:150%;font-weight:normal;padding:0 0 5px 0;line-height:110%;}
#content .testimonial h3 strong         {display:block;}


/* breadcrumb */
#breadcrumb                             {float:left;margin:25px 0 0 0;background: url("../img/breadcrumb-bg.gif") repeat-x top left;height:38px;width:auto;display:inline;}
#breadcrumb ul                          {height:38px;background: url("../img/breadcrumb-selected-right.gif") no-repeat top right;padding-right:11px;float:left;}
#breadcrumb ul li                       {display:inline;float:left;background: url("../img/breadcrumb-right.gif") no-repeat top left;}
#breadcrumb ul li a                     {color:#3c0700;padding:5px 5px 5px 25px;line-height:28px;display:block;}
#breadcrumb ul li.home                  {padding-left:10px;background: url("../img/breadcrumb-home.gif") no-repeat top left;}

#breadcrumb ul li.last                  {background: url("../img/breadcrumb-selected-bg.gif") repeat-x top left;}
#breadcrumb ul li.last a                {background: url("../img/breadcrumb-selected-left.gif") no-repeat top left;}


/* suburbs list */
.suburbs                                {width:24%;float:left;}
.suburbs li                             {}

/* cusuine specific restaurant list */
.cuisine-restaurants                                {width:32%;float:left;}
.cuisine-restaurants li                             {}


/* Star Rating */
ul.star-rating							{float:left; position:relative; background:transparent url(../img/bg/stars.png) repeat-x left top; height:13px; list-style-image:none; list-style-type:none; margin:3px 0 0 0; padding:0; width:80px;}
ul.star-rating li.current-rating		{float:left; margin:0; padding:0; background:transparent url(../img/bg/stars.png) repeat-x left bottom; display:block; height:13px; left:0; position:absolute; text-indent:-9999em;}
ul.star-rating li.current-rating a		{display:block;height: 13px; width: 100%; text-indent: -3000em; overflow: hidden;}

/* changes July 31 */
#content h1.smaller                     {font-size:170%;}
#content h2.smaller                     {font-size:120%;}
#content h3.smaller                     {font-size:120%;}

/* restaurant selector buttons */
.restaurant-selector                    {margin:5px 0;overflow:hidden;height:27px;}
.restaurant-selector li                 {float:left;margin-right:5px;height:27px;display:block;}
.restaurant-selector li a               {display:block;background: url("../img/restaurant-selector-left.gif") no-repeat top left;padding:0px 0 0 6px;color:#470b00;height:27px;float:left;position:relative;}

.restaurant-selector li a span.sel-left {padding-left:5px;padding-right:5px;height:27px;background: url("../img/restaurant-selector-bg.gif") repeat-x top left;line-height:27px;float:left;}
.restaurant-selector li a span.sel-right {height:27px;background: url("../img/restaurant-selector-right.gif") no-repeat top right;width:6px;float:left;}


.restaurant-selector li a:hover,.restaurant-selector li a.selected{color:#c61900;background: url("../img/restaurant-selector-left.gif") no-repeat bottom left;}
.restaurant-selector li a:hover span.sel-left,.restaurant-selector li a.selected span.sel-left {background: url("../img/restaurant-selector-bg.gif") repeat-x bottom left;}
.restaurant-selector li a:hover span.sel-right,.restaurant-selector li a.selected span.sel-right {background: url("../img/restaurant-selector-right.gif") no-repeat bottom right;}



/*search results */
.search-results                         {background: url("../img/search-results-bg-top.gif") no-repeat left 29px;overflow:hidden;height:100%;margin-top:10px;}

.search-results-selector                {margin:0px 0 5px 10px;overflow:hidden;height:30px;}
.search-results-selector li             {float:left;height:30px;display:block;}
.search-results-selector li a           {display:block;height:30px;color:#c61900;line-height:30px;background: url("../img/search-tab-bg.gif") repeat-x top left;float:left;position:relative;}

.search-key								{padding-bottom: 15px;}
.search-key img							{vertical-align: middle; padding-bottom: 3px; padding-right: 8px;}

.search-results-selector li a span.sel-left {height:30px;background: url("../img/search-tab-left.gif") no-repeat top left;float:left;padding-left:5px;}

.search-results-selector li a span.sel-right {height:30px;background: url("../img/search-tab-right.gif") no-repeat top right;width:6px;float:left;}

.search-results-selector li a:hover,.search-results-selector li a.selected{color:#470b00;background: url("../img/search-tab-bg-hover.gif") repeat-x bottom left;}
.search-results-selector li a:hover span.sel-left,.search-results-selector li a.selected span.sel-left {background: url("../img/search-tab-left-hover.gif") no-repeat bottom left;}
.search-results-selector li a:hover span.sel-right,.search-results-selector li a.selected span.sel-right {background: url("../img/search-tab-right-hover.gif") no-repeat bottom right;}

.search-results-selector li a.inactive,.search-results-selector li a.inactive:hover  {color:#e2a412;}

.delivery-fee strong					{color:#c61900;}
.discount								{color:#c61900;}

.search-link-outer						{float: right; height: 68px; width: 225px; background: url(../img/search-link-left.png) 0 0 no-repeat; margin-top: 25px; padding: 0 0 0 15px;}
.search-link							{height: 59px; padding: 9px 15px 0 0; background:url(../img/search-link-right.png) 100% 0 no-repeat; overflow:hidden;}
#content .search-link h2.sml			{margin: 0; padding: 0;}
#content .search-link p					{padding: 9px 0 0 0;}
#content .search-link .view-btn			{float: left; margin: -4px 5px 0 0;}

/* displaying the results */
.results-list                           {}
.results-list-top                       {height:10px;}
.results-list-bottom                    {height:9px;clear:both;}

.results-list a img.result-pic          {border:1px solid #fff;float:left;margin-left:15px;display:inline;}
.result-info                            {margin-left:15px;display:inline;float:left;width:80%;}
.result-info-left                       {float:left;width:46%;line-height:140%;padding-right:5px;}

.star-rating-container					{margin-bottom: 8px;}
.categories                             {color:#c68813;font-style:italic;}
.categories strong,.results-list address{font-style:normal;}
.results-list address					{padding-bottom: 8px;}
.search-promos							{font-weight: bold; font-size: 130%;}
.search-promos img						{vertical-align: middle;}

.result-info-middle                     {width:44%;float:left;}
.delivery                               {background: url("../img/delivery-icon.png") no-repeat top left;padding-left:35px;}
.no-delivery                            {background: none;padding-left:35px;}
.pickup                                 {background: url("../img/pickup-icon.png") 5px top no-repeat;padding-left:35px;margin-top:8px;}

.result-info-right                      {float:left;width:5%;}
.restaurant-closed                     {position:absolute;right:9px;top:15px;display:block;overflow:hidden;text-indent:-5000px;background: url("../img/icons/sign-closed-icon.png") no-repeat top left;width:84px;height:63px;}
.restaurant-open                       {position:absolute;right:9px;top:15px;display:block;overflow:hidden;text-indent:-5000px;background: url("../img/icons/sign-open-icon.png") no-repeat top left;width:84px;height:58px;}
.restaurant-ofl                        {position:absolute;right:9px;top:15px;display:block;overflow:hidden;text-indent:-5000px;background: url("../img/icons/sign-ofl-icon.png") no-repeat top left;width:84px;height:58px;}
.results-list p                         {padding:0px !important;}
.results-list h3 a                      {color:#3c0700;}
.results-list h3 a:hover                {color:#c61900;}
.results-list a:hover img.result-pic    {border:1px solid #c61900;}
.results-list h3                        {font-weight:normal;padding:0 0 10px 15px !important;letter-spacing:0px !important; text-shadow: 1px 1px #fdf1bc;}

.results-list li                        {position:relative;margin-top:10px;overflow:hidden;}
.results-list a.view-btn                {position:absolute;right:10px;bottom:15px;}

.results-list li.even                   {background: url("../img/search-result-even-bg.gif") repeat-y top left;}
.even .results-list-top                 {background: url("../img/search-result-even-top.gif") no-repeat top left; }
.even .results-list-bottom              {background: url("../img/search-result-even-bottom.gif") no-repeat bottom left; }

.results-list .payment-icon				{height:16px; width: 26px; display:block; float:left; margin-right: 4px; overflow:hidden; text-indent: -4321px;}

.payment-options 						{overflow:hidden; padding-left: 35px; margin-top: 8px; background: url(../img/icons/payment-options-icon.png) 3px 0 no-repeat; height: 16px;}
.payment-options strong					{float:left; margin-right: 10px;}
.payment-icon.cash						{background:url(../img/logo/payment-icons.png) 0 0 no-repeat}
.payment-icon.visa						{background:url(../img/logo/payment-icons.png) -26px 0 no-repeat}
.payment-icon.mastercard				{background:url(../img/logo/payment-icons.png) -52px 0 no-repeat}
.payment-icon.amex						{background:url(../img/logo/payment-icons.png) -78px 0 no-repeat}

/*footer style */
#footer                                 {border-top:1px solid #fff;padding:15px 10px;margin-top:20px;font-size:120%;overflow:hidden;height:100%;clear:both;}
#footer ul                              {float:right;}
#footer ul li                           {display:inline;margin-left:10px;padding-right:5px;}

#subfooter                              {background: url("../img/footer-bg.gif") no-repeat top left;margin: 0 auto 0 auto;width:982px;height:30px;}

.copyright                              {float:left;}
.copyright p                            {margin-bottom: 8px;}
.copyright img                          {margin-right: 10px; vertical-align:middle;}

/* restaurants page */
.payment-options.menu 					{background: none !important; padding-left: 0 !important;}
#sidebar-order-container				{margin:0; padding:0;}
.quick-links-box                        {width:140px;float:left;position:relative;background: url("../img/quick-links-bottom.png") no-repeat bottom left;padding-bottom:10px;margin-top:20px;}
.quick-links                            {background:#ffda20;border-left:1px solid #d68a11;border-right:1px solid #d68a11;margin-top:-10px;padding-top:15px;z-index:1;}
.quick-links li a                       {color:#c61900;}
.quick-links li                         {padding:2px 10px;}
.quick-links li.back-2-top a            {background: url("../img/back-2-top-icon.gif") no-repeat left 1px;padding-left:18px;}
.quick-links-box h3,#sidebar-order h3, #final-order h3, #invoice-payment h3   {letter-spacing:0px;position:relative;z-index:1111;text-align:left;font-size:18px !important;color:#3c0700;background: url("../img/title-right.png") no-repeat bottom right;padding:0 !important;}
.quick-links-box h3 span,#sidebar-order h3 span, #final-order h3 span, #invoice-payment h3 span {background: url("../img/title-left.png") no-repeat bottom left;height:40px;display:block;width:11px;float:left;z-index:3;position:relative;overflow:hidden;}
.quick-links-box h3 strong,#sidebar-order h3 strong,#final-order h3 strong, #invoice-payment h3 strong {background: url("../img/title-bg.gif") repeat-x bottom left;height:40px;display:block;line-height:40px;margin:0 10px 0 11px;_position:relative;_left:-3px;_margin-right:7px; font-weight: bold !important;}
#delivery-suburb-drop-down p			{padding:6px 0 0 0;}

 /* old CSS changed */
div#menu h3                             {font-size:1.4em;font-weight:normal;color:#fff;letter-spacing:0px;}
h3.brown-header                         {background:url("../img/brown_header.png") no-repeat left top transparent;margin:15px 0;padding:10px 20px !important;height:20px;overflow:hidden;}
div#menu                                {float:left;width:507px;display:inline;margin-left:15px;margin-top:5px;}
div.menu-item                           {overflow:hidden;padding:12px 0 0;}
div#menu div.dark                       {background:url("../img/menu-item-dark.gif") repeat-y scroll left top transparent;}

#menu .loyalty							{background: url(../img/loyalty-bg.png) 0 0 no-repeat; margin-bottom: 7px;}
#menu .loyalty li						{float:left; display:inline-block; display: block; width: 23px; height: 21px;background:url(../img/loyalty-steps-inactive.png) 0 0 no-repeat; padding-top: 3px; text-align: right; color: #a46930;}
#menu .loyalty li.first					{width: 19px; background:url(../img/loyalty-steps-first.png) 0 0 no-repeat; color: #A46930;}
#menu .loyalty li.first-active			{width: 19px; background:url(../img/loyalty-steps-first-active.png) 0 0 no-repeat; color: #3c0700}
#menu .loyalty li.active				{background:url(../img/loyalty-steps-active.png) 0 0 no-repeat;color: #3c0700;}
#menu .loyalty li.selected				{background:url(../img/loyalty-steps-selected.png) 0 0 no-repeat;}
#menu .loyalty li.final					{width: 47px; background:url(../img/loyalty-steps-final.png) 0 0 no-repeat;color: #fff; padding-right: 8px;}
#menu .loyalty li.final-selected		{width: 47px; background:url(../img/loyalty-steps-final-selected.png) 0 0 no-repeat;color: #fff;padding-right: 8px;}
#menu .loyalty img						{float: left; margin: 11px;}
#menu .loyalty-content					{float: left; margin: 5px; width: 380px;}
#menu .loyalty-content p				{padding: 6px 0 0px !important;}
#menu .loyalty-footer					{background: url(../img/loyalty-footer.png) 0 0 no-repeat; height: 10px;}

#menu .promo							{background: url(../img/promo-bg.png) 0 0 no-repeat; margin: 0 7px 7px 0; width: 250px; float: left;}
#menu .promo.even						{margin: 0 0 7px 0 !important;}
#menu .promo.last						{margin-bottom: 20px !important;}
#menu .promo img						{float: left; margin: 0 10px 0 0;}
#menu .promo-content					{float: left; margin: 10px 10px 0 10px; width: 230px;}
#menu .promo-content p					{padding: 6px 0 0px !important;}
#menu .promo-right						{float: left; width: 170px;}
#menu .promo-footer						{background: url(../img/promo-footer.png) 0 0 no-repeat; height: 10px;}

#menu span.disclaimer					{color:#bd9017; font-size: 80%}


table.menu-item-options,
table.special-item-options              {border-top:1px solid #E2B04F;margin-right:10px;width:250px;float:right;display:inline;}


div#menu select.specials-select 		{width: 244px;}

table.special-item-options tr td.desc      {width:130px;}
table.special-item-options tr td           {border-bottom:none;padding:5px 3px;vertical-align:middle;}
table.special-item-options tr td.price     {color:#911800;padding-right:5px;text-align:right;width:180px; font-size: 120%; font-weight: bold;}
table.special-item-options tr td.amnt      {line-height:1em;padding:0.1em;}
table.special-item-options tr td.amnt input,.select-menu select{border:1px solid #aaa;}
table.special-item-options tr td.add       {padding:0.2em 0 0.2em 0.2em; width: 34px;}
table.special-item-options input.add-special       {color:#fff;background:url("../img/add-btn.png") no-repeat scroll right top transparent;border:0 none;cursor:pointer;float:right;width:34px;height:17px;text-align:center;font-size:11px;padding-bottom:3px;line-height:17px;}
table.special-item-options tr.add-price    {border-top:1px solid #E2B04F;border-bottom:1px solid #E2B04F;}

table.special-item-options tr td.total     {font-size:1.2em;color:#a5180d;text-align:right;font-weight:bold;width:180px;}

table.menu-item-options tr td.desc      {width:130px;}
table.menu-item-options tr td           {border-bottom:1px solid #E2B04F;padding:5px 0 5px 6px;vertical-align:middle;}
table.menu-item-options tr td.price     {color:#911800;padding-right:5px;text-align:right;width:50px;}
table.menu-item-options tr td.amnt      {line-height:1em;padding:0.1em;}
table.menu-item-options tr td.amnt input,.select-menu select{border:1px solid #aaa;}
table.menu-item-options tr td.add       {padding:0.2em 0 0.2em 0.2em; width: 34px;}
table.menu-item-options input.add       {color:#fff;background:url("../img/add-btn.png") no-repeat scroll right top transparent;border:0 none;cursor:pointer;float:right;width:34px;height:17px;text-align:center;font-size:11px;padding-bottom:3px;line-height:17px;}

table.menu-item-options tr td.total     {font-size:1.2em;color:#a5180d;text-align:right;font-weight:bold;width:180px;}
input.add-text                          {font-size:1em;height:1.2em;text-align:center;vertical-align:middle;width:1.6em;}
#content div.menu-item h4               {font-size:1.2em;font-weight:bold;padding:0 0 0 15px !important;}

div.dark div.menu-item-footer           {background:url("../img/menu-item-dark.gif") no-repeat scroll left bottom transparent;clear:both;}

div.menu-item-footer                    {clear:both;height:14px;}
div.menu-item div.description           {clear:both;color:#911800;font-size:1em;line-height:1.25em;margin-left:15px;margin-right:10px;}
div.long-desc                           {float:left;width:240px;}


.recipe-list,.select-menu label         {color:#a5180d;}
.select-menu                            {margin-right:10px;width:250px;float:right;display:inline;margin-bottom:3px;margin-top:15px;}
.select-menu label                      {float:left;clear:left;padding-right:5px;width:40px;margin-bottom:5px;}
.select-menu select                     {float:left;margin-bottom:5px;width:200px;}
.select-menu .comment                   {margin-bottom:5px;width:200px;padding-left:45px;color:#a5180d;clear:both;}

/* January 6 2011 */
td.spiciness span 						{float: right;}
td.spiciness label 						{padding-left: 3px;}
table.spiciness 						{border: none !important;}
table.spiciness tr 						{background-color: #ffed94;}
table.spiciness tr.spiciness-heading 	{background-color: transparent;} 
table.spiciness tr.spiciness-heading td {font-size: 13px;line-height: 28px !important; border-collapse:collapse; border: none !important; background: url(../img/spiciness-bg.png) 0 0 no-repeat; color:#a5180d; padding: 0 6px !important;}
tr.spiciness-footer 					{border:none !important; background-color: transparent !important; background: url(../img/spiciness-bg-bottom.png) left bottom no-repeat; padding: 0 !important; height: 8px !important;}
tr.spiciness-footer td 					{border:none !important; background-color: transparent !important; padding: 0 !important; height: 8px !important;}

/* Jan 25 2011 */

.ofl-warning							{background: url(../img/icons/sign-ofl-icon.png) 0 0 no-repeat; padding: 15px 0 0 100px; margin-bottom: -12px; height:47px}

/* right side */
#create-order				    		{overflow:hidden;padding:0;}
#sidebar-order-container				{margin:0; padding:0;}
#sidebar-order                          {float:right;width:223px;margin-top:20px;background:url("../img/sidebar-order-bottom.png") no-repeat scroll left bottom;padding-bottom:10px; position: relative;}
#sidebar-order h4 span                  {margin-right:5px;background:url("../img/no-bg.png") no-repeat scroll left bottom transparent;color:#fff;width:23px;height:23px;text-align:center;line-height:23px;display:block;float:left; }
#sidebar-order h4                       {line-height:23px;}
.order-delivery                         {background:#ffed94;border-left:1px solid #d68a11;border-right:1px solid #d68a11;margin-top:-10px;padding:15px 10px 5px 10px;z-index:2;}
.order-ofl                              {background:#ffed94;border-left:1px solid #d68a11;border-right:1px solid #d68a11;padding: 0px 10px 7px;z-index:1;}
.order-content                          {background:#fff;border-left:1px solid #d68a11;border-right:1px solid #d68a11;margin-top:0;padding:5px 10px;z-index:1; clear: both;}
.order-errors                           {background:#fff;border-left:1px solid #d68a11;border-right:1px solid #d68a11;padding:5px 10px 2px;z-index:1;}
.order-delivery label                   {float:left;padding:0px 25px 10px 0;}
.order-delivery select,
.order-ofl select                  		{border:1px solid #aaa;width:100%;}
.ordered-menus tr.subtotal td           {border-top: 1px #cc9966 solid;}
.ordered-menus tr.total td              {border-bottom: 1px #cc9966 solid;border-top: 1px #cc9966 solid;}
.ordered-menus td.del-order-item        {width:13px;}
.ordered-menus td.del-order-item input.remove, .ordered-menus td.del-order-item input.remove-firstorderpromo  {background:url("../img/delete-icon.gif") no-repeat center center;width:13px;height:13px;border:0; margin-top: 2px;}
tr.discount								{background-color: #ffed94;}
tr.discount-head						{background-color: #aaa;}
.discount-heading						{padding-left:5px !important; border-bottom: 1px solid #cc9966 !important;}
td.order-colspan label					{margin-left:5px; color: #a5180d; font-style: italic; font-weight: bold; float: left;}
.first-order-promo						{margin-left:1px;color: #a5180d; font-style: italic; font-weight: bold; float: left;}
.first-order-message					{margin-left:5px;float:left; clear:both; text-align: left; font-weight:normal; width: 100%;}
.promo-amount							{float:right;color:#a5180d;}
.promo-or								{text-align:center;font-weight:bold; background: url(../img/or-background.png) 50% 50% no-repeat; padding: 0 !important;}
.ordered-menus							{width:99%;}
.ordered-menus td.order-name            {width:116px;padding-right:5px;}
.ordered-menus td.order-colspan         {width:auto; padding-right:2px;}
.ordered-menus td                       {padding:3px 0px;font-size:12px;border-bottom:0px solid #cc9966;color:#520d00; vertical-align:top;}
.ordered-menus td.order-price           {width:48px;padding-right:2px;text-align:right;}
.ordered-menus td.order-no              {width:10px;padding-right:5px; font-weight:bold; color:#a5180d;}
.ordered-menus tr.final-total td        {border-bottom:none;border-top:1px solid #000;}

a.order-enabled      					{margin-top:10px;margin-right:10px;color:#fff;height:27px;width:83px;text-align:center;float:right;line-height:27px;background:url("../img/order-submit.gif") no-repeat top right;cursor:pointer;border:0px; font-weight: bold;}
.order-content input.order-disabled     {margin-top:10px;color:#dadada;height:27px;width:83px;text-align:center;float:right;line-height:27px;background:url("../img/order-submit.gif") no-repeat top left;cursor:pointer;border:0px;}

/* error messages */
.error-order                            {margin-top:5px;background:url("../img/error-msg-bottom.gif") no-repeat scroll left bottom #C61900;color:#fff;width:201px;padding-bottom:0px;}
.error-top                              {overflow:hidden;height:100%;background:url("../img/error-msg-top.gif") no-repeat scroll left top;padding:5px;}
.error-order p                          {float:right;width:158px;display:block; padding: 0 !important;}
.error-order span.icon                  {margin-top:4px;float:left;display:block;width:150px;overflow:hidden;text-indent:-5000px;background:url("../img/warning-icon.png") no-repeat scroll left top;width:27px;height:23px;}


.closed-restaurant .error-order p       {width:100%;float:none;}
.closed-restaurant .error-order         {margin-top:20px;}

#errmsg                                 {width:470px;padding:0 0 0 54px;}
.errtitle                               {color:#a5180d;font-size:24px !important;line-height:35px;padding-bottom:15px;}
li.errmsgs                              {background:url(../img/warning-icon-red.png) 0 0 no-repeat; padding: 3px 0 7px 35px !important;}
li.errmsgs-info                         {padding: 3px 0 7px 35px;}
.errcheck 								{background:transparent url(../img/icons/cross.png) no-repeat right; padding-right: 22px;}

ul.oops-list							{margin: 0 0 15px 25px !important; cursor: pointer}
ul.oops-list li.errmsgs                 {background:url(../img/warning-icon-red.png) 0 0 no-repeat; padding: 3px 0 7px 35px;}

/* delivery page */
#signin                                 {color:#fff;background:url("../img/signin-bg.png") no-repeat scroll left bottom;width:336px;height:304px;padding:20px 40px 20px 30px;margin:20px 0 0 85px;float:left; overflow:hidden}
#signin h2, #signin h3                  {color:#ffda20;font-weight:normal;}
#signin h2  							{font-size:31px;line-height:31px;padding-bottom:15px;}
#signin h3                              {font-size:19px;padding:0 0 15px 0;letter-spacing:0px;clear:both;}
#signin input#username                  {background:url("../img/sign-in-input-big.png") no-repeat scroll left bottom;width:220px;height:35px; line-height:35px;border:none;float:left; padding-left:8px;}
#signin label							{font-size:110%;float:left;clear:left;}
#signin label.credentials               {display:block;height:32px;width:107px; padding-top: 6px;border: none;}
#signin label.registeredno              {padding:5px 10px 5px 0;}
#signin label.registeredyes             {padding:1px 10px 22px 0;}
#signin .inline-sign-in                 {border: none;}
#signin input#j_password                {background:url("../img/sign-in-input-small.png") no-repeat scroll left bottom;width:150px;height:35px; line-height: 35px;border:none;float:left; padding-left: 8px;}
#signin label input                     {margin-right:5px;}
#signin input#continue-order            {background:url("../img/search-btn.png") no-repeat scroll left top transparent;color:#BE1800;cursor:pointer;float:right;font-weight:bold; height:49px;padding:0 4px 4px 0;width:89px;border:none;margin-top:10px;font-size:15px;}
a#forgot-passwd                         {color:#ffda20;text-decoration:underline;padding:23px 0 0 0;display:block;}

#final-order                            {float:right;width:303px;margin-top:20px;background:url("../img/final-order-bottom.png") no-repeat scroll left bottom;padding-bottom:10px;}
#final-order img                        {border:1px solid #fff;float:left;margin:0px 15px 10px 0;}
.restaurant-name                        {font-size:18px;font-weight:normal;line-height:22px;}
#final-order address                    {font-style:normal;}
#final-order .order-delivery            {padding-top:25px;}
#final-order .delivery                  {clear:both;padding-bottom:10px;}
#final-order .pickup	                {clear:both;padding-bottom:10px;}
#final-order td                         {padding:5px 0 10px 0;}
#final-order td.order-name              {width:310px;}
#final-order td.order-no                {width:20px;}

/* confirmation page */
.confirmation-steps                     {width:550px;float:left;}
.confirmation-steps h2                  {color:#881107;font-weight:bold;font-size:140% !important;padding:0px 0 10px 0 !important;}
.confirmation-steps h3                  {font-size:140% !important;}

.confirmation-steps li                  {padding:15px 0;overflow:hidden;height:100%;clear:both;}
.confirmation-steps li.first            {padding:0 0 15px 0 !important;}
.confirmation-steps li.first.no-heading {padding:30px 0 15px 0 !important;}
.confirmation-steps li.first.oops-errors {padding:0 !important;}
.confirmation-steps li textarea			{font-size:120%;color:#3b0700;background: url("../img/confirmation-text-bg.png") no-repeat top left;width:426px;height:48px;float:left;border:none;padding: 10px 10px 13px 10px;margin-bottom: 0 !important;overflow:auto; font-family: Arial, Helvetica, sans-serif; font-size: 100%; resize: none; display:block; color:#3c0700;}
.confirmation-steps li p.comments		{padding: 0 0 0 10px !important; color: #e08173;}
.confirmation-steps li p.comments-l 	{padding: 0 0 0 10px !important; color: #bf9415;}

.confirmation-steps .step               {font-size:330%;float:left;width:55px;line-height:30px; font-weight:bold;}
.confirmation-steps .step-content       {float:left;width:485px;}
.confirmation-steps label               {float:left;width:220px;font-weight:bold;font-size:140%;line-height:26px;}
.confirmation-steps label.checkbox-label {font-weight:normal; font-size: 100%; line-height: 14px; width: auto;}
.confirmation-steps input,.confirmation-steps select {float:left;width:160px;border:none;padding:4px 2px;color:#3c0700;font-size:16px;font-family:arial;}
.confirmation-steps input.registration-checkbox {width: auto; padding: 0;}
.confirmation-steps input#mobileNumber  {background:url("../img/sign-in-input-small.png") no-repeat scroll left bottom;width:142px;height:36px;border:none;float:left; padding: 0 8px 0 8px; margin-right: 10px;font-weight:bold;font-size:18px;text-align:center; line-height:32px;}
.confirmation-steps input#collection    {background: url("../img/button-place-order.png") no-repeat top left;display:block;height:27px;color:#fff;text-align:center;font-size:120%; width:110px; font-weight: bold;}
.confirmation-steps span.note           {display:block;margin-top:1px; font-size: 100%}

.confirmation-steps .payment-selection-outer {height: 68px; background: url(../img/search-link-left.png) 0 0 no-repeat; padding: 0 0 0 15px; width: 465px; margin-top: 10px;}
.confirmation-steps .payment-selection	{overflow:hidden; height: 68px; background: url(../img/search-link-right.png) 100% 0 no-repeat; }
.confirmation-steps .payment-selection label {display: block; float:left; font-weight:bold;font-size:100%; width:56%; cursor: pointer; overflow:hidden;}
.confirmation-steps .payment-selection label.cash {width:43%; background:none;}
.confirmation-steps .payment-selection label span.input-container {width:28px;}
.confirmation-steps .payment-selection label span {float:left; display:inline-block;}
.confirmation-steps .payment-selection label span.cc-image {clear:both; margin-left: 29px; width: 230px;}
.confirmation-steps .payment-selection label span.cc-image img {margin-right: 3px;}
.confirmation-steps .payment-selection label input {float:right; width: 16px; border:none;margin:4px 6px;color:#3c0700;font-size:16px;font-family:arial;}

.delivery-add                           {background:url("../img/confirm-address-bottom.gif") no-repeat left bottom;width:485px;color:#fff;margin-top:18px;padding-bottom:16px;overflow:hidden;height:100%;}
.delivery-add-content                   {overflow:hidden;position:relative;background:url("../img/confirm-address-top.gif") no-repeat left top;width:445px;padding:15px 20px 0 20px;min-height:61px;}
.delivery-add address                   {font-size:110%; font-weight:bold;font-style:normal;width:290px;display:block; margin-bottom:6px;}
.delivery-add input.order-2-this-add    {position:absolute;bottom:0px;right:20px; width:151px;height:31px;text-align:center;color:#a5180d;font-weight:bold;font-size:13px;}
.delivery-add.last                      {margin-bottom:40px;}

.delivery-add-address                   {background:url("../img/confirm-add-address-bottom.gif") no-repeat left bottom;width:285px;color:#fff;margin-top:20px;padding-bottom:26px;overflow:hidden;height:100%;}
.delivery-add-address-content           {background:url("../img/confirm-add-address-top.gif") no-repeat left top;width:245px;padding:20px 20px 0 20px;min-height:253px;}
.delivery-add-address h4                {color:#ffda20;font-weight:normal;font-size:150% !important;padding:0px 30px 10px 0 !important;line-height:110%;}
.delivery-add-address dl                {}
.delivery-add-address dt                {font-size:110%;float:left;clear:left;width:80px;padding-top:10px;}
.delivery-add-address dt.streetadd      {padding-top:18px;}
.delivery-add-address dd                {font-size:110%;float:left;width:158px;padding-top:10px;}
.delivery-add-address input             {background:url("../img/sign-in-input-small.png") no-repeat scroll left bottom;width:150px;height:35px;border:none;float:left; padding: 0 0 0 8px;font-weight:normal;font-size:110%;text-align:left;}
.delivery-add-address input.order-2-this-add {background:url("../img/confirm-button-big.png") no-repeat left top;width:187px;height:36px;text-align:center;color:#a5180d;font-weight:bold;font-size:14px; cursor: pointer;padding-bottom:8px !important; padding-right:10px;margin:20px 15px 0 0;float:right;display:inline;}
a.delete-address						{background:url(../img/delete-icon-faded.png) 0 1px no-repeat;color:#D7660D; padding-left: 20px; display:block; position:absolute;top:14px;right:28px;}
a:hover.delete-address					{background:url(../img/delete-icon.png) 0 1px no-repeat;color:#ffda20;}
.last-steps								{width:440px;float:left;}
.last-steps li              		    {padding:8px 0 7px 0;overflow:hidden;height:100%;clear:both;}
.last-steps .step               		{font-size:180%;float:left;width:35px;line-height:25px; font-weight:bold;}
.last-steps .step-content       		{float:left;width:405px; padding-top: 5px;}
.last-steps .step-content strong		{font-size: 110%;}

.watermark								{color: #b8a38d !important;}
.new-registration .watermark 			{color: #ab927f !important;}



/* ******************************** ORDER BOX SCROLLER ***************************************** */
#your-order-tc 			{overflow:auto;}
.jScrollPaneContainer 	{position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack		{position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #CC9966; width: 10px;}
.jScrollPaneDrag 		{position: absolute; background: #520D00; cursor: pointer; overflow: hidden; width: 10px;}
.jScrollPaneDragTop 		{position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom 	{position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp 		{display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}
a.jScrollArrowUp:hover 	{/*background-color: #f60;*/}
a.jScrollArrowDown 		{display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}		



/* registration page & edit my details*/

.new-registration                   {background:url("../img/add-delivery-address-bg.png") no-repeat left top;width:445px;color:#fff;margin-top:0px;padding: 15px 20px 20px;overflow:hidden;height:676px;position: relative;}
.new-collection                  	{background:url("../img/new-collection-bg.png") no-repeat left top;width:445px;color:#fff;margin-top:0px;padding: 15px 20px 20px;overflow:hidden;height:538px;position: relative;}
.new-registration h4                {color:#ffda20;font-weight:bold;font-size:185% !important;padding:0px 30px 10px 0 !important;line-height:110%;}
.new-registration dl                {width: 100%; background: url("../img/delivery-address-form-separator.gif") no-repeat left bottom;padding-bottom: 7px;padding-top: 2px;}
.edit-my-details dl					{overflow: hidden;}
.new-registration dt                {float:left;clear:left;width:120px;padding:7px 10px 0 0;font-size: 100%;font-weight: bold;margin-top: 5px;}
.new-registration dd                {float:left;width:303px;margin-top:5px;padding-left: 12px;position: relative;}
.new-registration dd input          {float:left;}
.new-registration dd select         {float:left; margin-top: 5px; padding: 5px;}
.new-registration dd.required       {background: url("../img/required-dot.png") no-repeat left 14px; min-height: 35px;}
.new-registration dt span.note      {display: block;font-size: 90%;font-weight: normal;color: #e8a1a1;line-height: 0.7em; padding: 0; margin:0;}
.new-registration dd span.success	{display: block; float:left; background: url("../img/icons/tick.png") left 50% no-repeat; width: 20px;height: 34px;margin-left: 5px;}
.new-registration dd span.error  	{display: block; float:left; background: url("../img/icons/cross.png") no-repeat left 50%; width: 15px;height: 34px;margin-left: 5px;}
.new-registration dd span.tip     	{display: block; position:absolute; right:0; top:0; margin-left: 5px;color: #e08173;width:102px;line-height: 1em;padding-top: 1px;}
.new-registration dd span.tip.mobile {width: 128px;}
.new-registration input.continue    {float: right;margin-top: 0px;}
.new-registration div.clear		    {padding: 7px 0 5px; position: relative; width: 100%; overflow: hidden;}
.new-registration div.clear	label   {padding-left: 5px;}
#content .new-registration p.required-note {position: absolute; bottom: 0; left:0; background: url("../img/required-dot.png") no-repeat left 5px; padding: 0 0 10px 12px;}
#final-order.delivery					{padding-left:0;width:333px;background: url("../img/delivery-order-bottom.png") no-repeat left bottom;margin-top: 5px;}
#final-order.delivery .order-content	{margin-top: 0;}

input.text  							{background:url("../img/text-inputs.png") no-repeat scroll left top;width:122px;height:32px;border:none; padding: 0 3px 3px; display: block; line-height: 34px;color:#3c0700;font-size: 120%;}
input.text.text-dollars					{background:url("../img/text-inputs.png") no-repeat scroll left -259px;width:69px; padding:0 3px 3px 17px;}
input.text.text-80						{background:url("../img/text-inputs.png") no-repeat scroll left -222px;width:82px;}
input.text.text-120						{background:url("../img/text-inputs.png") no-repeat scroll left top;width:122px;}
input.text.text-150						{background:url("../img/text-inputs.png") no-repeat scroll left -37px; width: 153px;}
input.text.text-170						{background:url("../img/text-inputs.png") no-repeat scroll left -74px; width: 173px;}
input.text.text-220						{background:url("../img/text-inputs.png") no-repeat scroll left -111px; width: 223px;}
input.text.text-260						{background:url("../img/text-inputs.png") no-repeat scroll left -148px; width: 263px;}
input.text.text-280						{background:url("../img/text-inputs.png") no-repeat scroll left -185px; width: 283px;}
input.continue							{background: url("../img/continue-btn.png") no-repeat top left; width: 108px;height: 48px;color: #be1800;font-weight: bold;border: none;font-size: 120%;padding: 0 3px 4px 0;cursor: pointer;}
.clear									{float: none; clear: both;}
form span.select						{background:url("../img/select-bg.png") no-repeat scroll 0 0 transparent;color:#3c0700;font-size:16px;height:35px;overflow:hidden;padding:0 24px 0 8px;position:absolute;width:127px;top:0;left: 0;line-height: 30px;display: block !important;display: none;}
.relative								{position: relative;}
select.styled							{padding: 5px 0; height: 32px;display: block;float: left;line-height: 30px;}

input.text-white						{background:url("../img/text-inputs.png") no-repeat scroll left top;width:122px;height:32px;border:none; padding: 0 3px 3px; display: block; line-height: 34px;color:#3c0700;font-size: 120%;}
input.text-white.text-dollars			{background:url("../img/text-inputs-white.png") no-repeat scroll left -259px;width:69px; padding:0 3px 3px 17px;}
input.text-white.text-80				{background:url("../img/text-inputs-white.png") no-repeat scroll left -222px;width:82px;}
input.text-white.text-120				{background:url("../img/text-inputs-white.png") no-repeat scroll left top;width:122px;}
input.text-white.text-150				{background:url("../img/text-inputs-white.png") no-repeat scroll left -37px; width: 153px;}
input.text-white.text-170				{background:url("../img/text-inputs-white.png") no-repeat scroll left -74px; width: 173px;}
input.text-white.text-220				{background:url("../img/text-inputs-white.png") no-repeat scroll left -111px; width: 223px;}
input.text-white.text-260				{background:url("../img/text-inputs-white.png") no-repeat scroll left -148px; width: 263px;}
input.text-white.text-280				{background:url("../img/text-inputs-white.png") no-repeat scroll left -185px; width: 283px;}


/* Payment page, Thank you page */
input.place-order			            {float: none; background: url("../img/button-place-order.png") no-repeat left top; width: 110px; font-weight: bold; color: #fff; padding: 0 0 2px; height: 27px; font-size: 14px; margin-bottom: 8px; cursor: pointer;}
.yellow-block 							{float: left; background: url("../img/yellow-block-top.png") no-repeat right top; width: 480px; position: relative; overflow: hidden; padding: 29px 0 12px; margin: 20px 0 7px 0;}
.yellow-block.confirm-time				{margin: 0 0 20px 0 !important;}
.yellow-block .content					{background: url("../img/yellow-block-bg.png") repeat-y right top; width: 420px; padding: 23px 30px 0 30px; overflow:hidden;}
.yellow-block .bottom					{background: url("../img/yellow-block-bottom.png") no-repeat right bottom; width: 100%; height: 12px; position: absolute; left: 0; bottom: 0;}
.yellow-block.width520					{background: url("../img/yellow-block-top-520.png") no-repeat right top; width: 520px; margin-bottom: 20px;}
.yellow-block.width520 .content			{background: url("../img/yellow-block-bg-520.png") repeat-y right top; width: 440px; padding-left: 50px;}
.yellow-block.width520 .bottom			{background: url("../img/yellow-block-bottom-520.png") no-repeat right bottom;}
.yellow-block h2.heading 				{white-space: nowrap; position: absolute; top: 18px; left: 30px;}
.yellow-block.width520 h2.heading 		{left: 50px;}
#content .yellow-block h2 				{font-size: 18px; color: #881107; margin: 0px 0 5px; padding-top: 0;}
h2 .normal								{font-weight: normal;}
#content .yellow-block h2.txt24			{font-size: 24px;}
#content .recent-list.previous-orders	{float: left; padding-left: 50px;}
#content .recent-list.previous-orders h3 {color: #881107; font-size: 18px; letter-spacing: 0; margin-bottom: 10px;}
#content .recent-list.previous-orders ul li span.actionlist {padding-top: 12px;}
#creditcard-payment-info				{clear: both;}

.cc-yellow-block .content		   {width: 426px; padding: 35px 27px 15px !important;}
.cc-yellow-block h4                {color:#881107;font-weight:bold;font-size:185% !important;padding:5px 26px 13px 0 !important;line-height:110%; position:absolute; top: 18px;}
.cc-yellow-block dl                {width: 100%; padding-bottom: 7px;padding-top: 2px;}
.cc-yellow-block dt                {float:left;clear:left;width:120px;padding:7px 10px 0 0;font-size: 100%;font-weight: bold;margin-top: 5px;}
.cc-yellow-block dd                {float:left;width:280px;margin-top:8px;padding-left: 12px;position: relative;}
.cc-yellow-block dd input          {float:left;}
.cc-yellow-block dd select         {float:left; margin-top: 5px; padding: 5px; width:auto !important;}
.cc-yellow-block dd.required       {background: url("../img/required-dot-red.png") no-repeat left 14px; min-height: 35px;}
.cc-yellow-block dt span.note      {display: block;font-size: 90%;font-weight: normal;color: #e8a1a1;line-height: 0.7em; padding: 0; margin:0;}
.cc-yellow-block dd span.success	{display: block; float:left; background: url("../img/icons/tick.png") left 50% no-repeat; width: 20px;height: 34px;margin-left: 5px;}
.cc-yellow-block dd span.error  	{display: block; float:left; background: url("../img/icons/cross.png") no-repeat left 50%; width: 15px;height: 34px;margin-left: 5px;}
.cc-yellow-block dd span.tip     	{display: block; position:absolute; right:0; top:0; margin-left: 5px;color: #e08173;width:165px;line-height: 1em;padding-top: 1px;}
.cc-yellow-block .expiry-year		{margin-left: 15px;}
.cvv-icon							{padding: 3px 0 0 10px;}	
#content .cc-yellow-block p.required-note {position: absolute; bottom: 0; left:0; background: url("../img/required-dot.png") no-repeat left 5px; padding: 0 0 10px 12px;}
.cc-error							{color:#881107; display: block; clear:both;}

/* Review Page */
#review-red 					{position: relative; background: url("../img/review-red-bg.png") no-repeat left top; width: 442px; padding: 10px 15px 10px 25px; height: 406px; color: #fff; margin-top: 15px; float: left;}
#review-red h2 					{color: #ffda20; font-size: 24px; padding-bottom: 23px;}
#review-red h4 					{color: #3c0700;}
#review-red p.tip 				{padding-top: 0;}
#review-red textarea			{padding: 3px 10px 10px 3px; border: none; background: url("../img/review-text-bg.png") no-repeat left top; width: 420px; height: 95px; color:#3B0700; font-size:120%; overflow: auto;}
#review-red #submit-review		{border: none; background: url("../img/submit-review-bg.png") no-repeat left top; width: 148px; height: 49px; color:#be1800; font-size:16px; font-weight: bold; float: right; padding-bottom: 5px; margin: 12px 9px 0 0; cursor: pointer;}
.results-list.home-page			{margin-bottom: 15px;}
.restaurant-info				{width: 100%; overflow: hidden; padding-bottom: 10px;}
.restaurant-info img			{float: left; border: 1px solid #fff; margin-right: 17px;}
.restaurant-info strong			{font-size: 18px; font-weight: normal; padding: 4px 0 5px; display: block;}
.restaurant-info address		{font-style: normal; line-height: 17px;}
.restaurant-info address strong	{font-size: 1em; font-weight: bold; padding-top: 2px;}
.restaurant-info .stars			{padding-top: 10px;}
.result-info-left.review		{width:45%}
.result-info-left.review		{width:45%}
.results-list h1.listing		{font-size:180% !important;line-height:100% !important; letter-spacing: 0 !important; padding: 0 0 15px 15px !important; text-shadow: 1px 1px #fdf1bc;}
.results-list a.view-btn.reviews {background:url(../img/button/order-online-btn.png) 0 0 no-repeat; width:148px; height: 36px; font-size:110%; line-height:36px; bottom: 7px;}
#content h2 span.info			{font-size: 60%; font-weight: normal;}
.restaurant-home-page			{padding-left: 15px !important}

/*Star css*/
div.star 		{float:left; width:24px; height:20px; text-indent:-999em; cursor:pointer; display:block; overflow:hidden; background:transparent url(../img/star-yellow.png) no-repeat 0 0px;}
div.star a 		{display:block; width:24px; height:100%; background-position:0px 0px; border:0 solid #FF0000; background:transparent url(../img/star-yellow.png) no-repeat 0 0px;}
div.star_on a 	{background-position:0 -20px !important;}
div.star_hover a, div.star_live a:hover {background-position:0 -20px;}
div#indicator   {float:left;}
div.rate-roll   {margin-left:7px; background:transparent url(../img/bg/rate-roll-right.png) no-repeat right top; padding-right:10px;}
#content div.rate-roll h4 {padding:4px 0 7px 17px; font-size:0.9em; font-weight:bold; background:transparent url(../img/bg/rate-roll.png) no-repeat 0 0;}
.stars.yellow div.star.star_hover a, .stars.yellow div.star.star_live a:hover  {background-position:0 -20px;}
.review-error { color:#ffda20; background:url(../img/warning-icon.png) 0 0 no-repeat; padding: 3px 0 7px 35px;}

/* Restaurant Home Page (Review List Page) */

.review-list-container {float:left; background-color:#f9cf1e; width: 572px; padding-top:12px; margin-bottom: 12px; border: #f1bf1b 1px solid;}
.review-list-container-even {float:left; background:none; width: 572px; padding-top:0; margin-bottom: 0; border: none;}
.review-list {width: 444px; float: left; margin-bottom: 15px; clear: both; padding: 0 25px}
.review-list .star-rating {float:none; margin-left: 35px;}
.review-list .user {margin-left: 35px;}
p.review {background: url("../img/quotes-small-66.png") no-repeat top left; width:100%; padding:0 !important;}
p.review span {display: block; width:100%; margin-left: 35px; font-style:italic; background: url("../img/quotes-small-99.png") no-repeat bottom right; padding-right: 35px; min-height: 18px;}
p.user { font-weight: bold; color:#a5180d; text-transform: capitalize;padding: 3px 0 0 !important;}
p.user span { text-transform: uppercase; font-weight: bold;}
.review-list .yellow-block.width520 {background: url("../img/yellow-block-top-nobite.png") no-repeat right top; margin-bottom: 0 !important; padding: 15px 0 12px !important;}
.review-list .yellow-block.width520 .content {padding: 0 40px 0 35px; width: 445px;}
.review-list .yellow-block.width520 .content p {padding: 0 !important;color:#a5180d}
.review-list .yellow-block h2.heading {left: 35px;}

.opening-times {float:right; margin-right:20px;}
.opening-times-list td {padding: 0 10px 0 0;color:#a5180d}
.opening-times-list td.day {padding: 0 20px 0 0; color:#3c0700}
.opening-times-list td.opening-time-header {color:#3c0700}
.opening-times-list td.delivery-icon {background: url("../img/delivery-icon.png") no-repeat top left;padding: 24px 40px 0 0;}
.opening-times-list td.pickup-icon {background: url("../img/pickup-icon.png") no-repeat 5px 3px;padding: 24px 40px 0 0;}

.search-promos .popout					{display: none;background: url("../img/popout-top.png") no-repeat top left;width: 337px; padding: 21px 0 50px;position: absolute;bottom: 7px; left: -47px;}
.search-promos .popout .content			{background: url("../img/popout-content.png") repeat-y;width: 282px; padding: 0px 30px 5px 25px;color: #3c0700;}
.search-promos .popout .bottom			{background: url("../img/popout-footer.png") no-repeat;width:100%; height:44px; position: absolute;bottom: 0;left:0;}
.search-promos .popout					{padding-bottom: 44px; bottom: 23px!important; left: -47px !important;}


/* Previous Orders Page */

.review-info {margin-left:15px;display:inline;float:left;width:85%;}
.review-info-left {float:left;width:419px;line-height:140%;padding-right:5px;}
.review-info-middle {width:223px;float:left;}
.review-info-right {width:118px;;float:left;}
.total-price {font-weight: bold; border-top: #900 1px solid;}
.total-price span {float:right;}
.review-previousorders {padding-bottom:13px; background:url(../img/review-bubble-bg.png) 0 0 no-repeat; padding: 2px 0 8px 24px;}
.review-previousorders-btn {padding-bottom:10px; background:url(../img/review-bubble-bg.png) 0 0 no-repeat; padding: 2px 0 8px 24px;}
.order-items {margin: 0 !important; color:#a5180d;}
.review-info a.view-btn		{position:absolute;left:130px;top:83px;}
.review-info .review-info-left h3		{padding: 0 0 10px 0 !important;}
a.review-btn {font-weight:bold;width:83px;height:27px;background: url("../img/view-btn.png") no-repeat top left;display:block;line-height:27px;color:#fff;text-align:center;font-size:90%;}
a.review {background: none !important; width:auto !important; height: auto !important; line-height: normal !important;}
#review-order-container {margin:0; padding:0;}
#review-order {float:left;width:223px;margin-top:0;background:url("../img/sidebar-order-bottom.png") no-repeat scroll left bottom;padding-bottom:10px; position: relative;}
#review-order h4 span {margin-right:5px;background:url("../img/no-bg.png") no-repeat scroll left bottom transparent;color:#fff;width:23px;height:23px;text-align:center;line-height:23px;display:block;float:left; }
#review-order h4 {line-height:23px;}
#review-order h3 {letter-spacing:0px;position:relative;z-index:1111;text-align:left;font-size:18px !important;color:#3c0700;background: url("../img/title-right.png") no-repeat bottom right;padding:0 !important;}
#review-order h3 span {background: url("../img/title-left.png") no-repeat bottom left;height:40px;display:block;width:11px;float:left;z-index:3;position:relative;overflow:hidden;}
#review-order h3 strong {background: url("../img/title-bg.gif") repeat-x bottom left;height:40px;display:block;line-height:40px;margin:0 10px 0 11px;_position:relative;_left:-3px;_margin-right:7px}

#latest-restaurants {float: left;}

.hanging-indent {text-indent: -23px; padding-left: 23px;}


/* Pagination */

.pagination-container {width:870px; height: 30px; padding: 10px 15px; margin-bottom: 15px; background:url(../img/pagination-bg.png) 0 0 no-repeat;}
#paginate {float:right; color: #3c0700; font-weight: bold; padding-top: 1px;}
#paginate a {float: left; margin-right: 10px;}
.pagination-text {float: left; margin-right: 15px;}
a.pagination-showing, a.pagination-passive {width: 18px; height: 17px; text-align: center; display: block; padding-top: 1px;}
a.pagination-showing {color: #fff; background: url(../img/pagination-active.png) 0 0 no-repeat; cursor:default;}
a.pagination-passive {background: url(../img/pagination-passive.png) 0 0 no-repeat;}
a.pagination-passive:hover {color:#fff; background: url(../img/pagination-active.png) 0 0 no-repeat;}
a.pagination-next, a.pagination-prev {color: #fff; width: 28px; height: 18px; text-indent: -5000px; overflow: hidden;}
a.pagination-next {background: url(../img/pagination-next.png) 0 0 no-repeat; padding:0 17px 0 3px;}
a.pagination-prev {background: url(../img/pagination-prev.png) 0 0 no-repeat; padding:0 4px 0 16px;}
.pagination-prev-inactive {background: url(../img/pagination-prev-inactive.png) 0 0 no-repeat !important; cursor: default;}
.pagination-next-inactive {background: url(../img/pagination-next-inactive.png) 0 0 no-repeat !important; cursor: default;}

/* Forgot Password */
#userDetailsCommand p {font-size: 100%;}
#userDetailsCommand .textbox {margin-bottom: 8px;}
#userDetailsCommand span.err {float: left; background:url(../img/warning-icon.png) 0 0 no-repeat; padding-left: 35px; width: 70%;}

/* 404 and 505 Pages */

.yellow-block.width380 h2.heading 		{left: 30px;}
.yellow-block.width380					{background: url("../img/yellow-block-top-380.png") no-repeat right top; width: 380px; margin: 0 27px 20px 0;}
.yellow-block.width380 .content			{background: url("../img/yellow-block-bg-380.png") repeat-y right top; width: 320px; padding-left: 30px;}
.yellow-block.width380 .bottom			{background: url("../img/yellow-block-bottom-380.png") no-repeat right bottom;}
.push	{height:30px;}
ul.bullet-points						{margin-top: 10px;}
ul.bullet-points li 					{background:url(../img/general-bullet-red.png) 9px 1px no-repeat; padding-left: 35px; padding-bottom: 10px;}

/* Added 17 January 2011 - Update Details Page */

.column-right-380 h4					{line-height: 23px; font-weight: normal; padding: 3px 0 !important; margin-left: 20px;}
.column-right-380 h4 span				{background: url("../img/no-bg.png") no-repeat scroll left bottom transparent; color: #FFFFFF; display: block; float: left; height: 23px; line-height: 23px; margin-right: 5px; text-align: center; width: 23px; font-weight:bold;}
.column-right-380 h2 span				{font-size: 70%; font-weight: normal; line-height: 30px;}
p.removal-warning						{padding-left: 40px !important; margin: 20px 0 0 15px; background: url(../img/warning-icon-red.png) 0 4px no-repeat; display:block;}
dd.change-password a					{line-height: 34px; color: #ffda20; }
.list-other-addresses li {width: 360px; height: 59px; padding: 10px; display: block; background:url(../img/update-other-address-bg.png) 0 0 no-repeat; margin-bottom: 10px;}
.list-other-addresses li span {float: right;}
.list-other-addresses li a				{background:url(../img/delete-icon.gif) 0 1px no-repeat; display: block; padding-left: 18px;}
/* Change Password Page */

#change-pass				   	    {background: url("../img/loginbox-bg.png") no-repeat top left;height:210px;padding:0 20px;color:#fff;width:453px; position: relative;}
#change-pass h2						{color: #FFDA20; font-size: 220% !important; font-weight: bold; padding: 33px 0 10px 55px !important;}
#change-pass dl                		{width: 325px; overflow: hidden; padding-bottom: 7px;padding-top: 2px;}
#change-pass dt                		{float:left;clear:left;width:120px;padding:7px 10px 0 0;font-size: 100%;font-weight: bold;margin-top: 5px;}
#change-pass dd                		{float:left;width:180px;margin-top:5px;padding-left: 12px;position: relative;}
#change-pass dd input          		{float:left;}
#change-pass dd select         		{float:left; margin-top: 5px; padding: 5px;}
#change-pass dd span.success		{display: block; float:left; background: url("../img/icons/tick.png") no-repeat left 50%; width: 20px;height: 34px;margin-left: 5px;}
#change-pass dd span.error  		{display: block; float:left; background: url("../img/icons/cross.png") no-repeat left 50%; width: 15px;height: 34px;margin-left: 5px;}
#change-pass dd span.tip     		{display: block; position:absolute; right:0; top:0; margin-left: 5px;color: #e08173;width:102px;line-height: 1em;padding-top: 1px;}
#change-pass input.continue    		{float: right; margin-top: 80px;}
#change-pass div.clear		    	{padding: 7px 0 5px; position: relative; width: 100%; overflow: hidden;}
#change-pass div.clear	label   	{padding-left: 5px;}

/* Added new styles 25-01-2011 */
.question   						{display: block; clear:both;  padding: 3px 0 0 0;color: #ffda20;position: relative; cursor: pointer; width: 100%;}
.question span  					{display: block; cursor: pointer; position: relative; background: url("../img/icons/question.png") no-repeat left top; padding: 0 0 4px 23px;}
.question .popout					{display: none;background: url("../img/popout-top.png") no-repeat top left;width: 337px; padding: 21px 0 50px;position: absolute;bottom: 7px; left: -47px;}
.question .popout .content			{background: url("../img/popout-content.png") repeat-y;width: 282px; padding: 0px 30px 5px 25px !important;color: #3c0700;}
.question .popout .bottom			{background: url("../img/popout-footer.png") no-repeat;width:100%; height:44px; position: absolute;bottom: 0;left:0;}
.question .popout					{padding-bottom: 44px; bottom: 23px!important; left: -47px !important;}
#signin .question					{margin-left: 30px;}
#password-container					{height: 40px;}
.button-container					{display: block; height: 70px;}

/* Added new styles 02-02-2011 - Admin Page - Process New Orders */

p.instructions						{display: block; width: 75%; float: left; margin-bottom: 15px;}
.call-centre-help					{width:21%; float: right;}
.call-centre-help img   			{float: left; margin-right: 10px;}
.call-centre-help p					{float: left; display: block; width: 120px; padding: 3px 0 0 0 !important}
.process-order-header				{margin-bottom: 0px !important}
.process-order-header h2 			{padding: 0 !important}
.process-order-header span.time		{font-size: 65%; font-weight: normal; margin-left: 20px;}
.process-order-header span.warning	{background: url(../img/warning-icon-red.png) 0 0 no-repeat; padding: 6px 0 3px 30px;}
.restaurant-details 				{width: 480px; padding: 7px 15px; margin-bottom: 10px; background: #fff196;}
.restaurant-details h2,
.restaurant-details h3 				{padding: 4px 0 !important; font-weight: normal; letter-spacing: normal !important;}
.restaurant-details h3 				{font-size: 100% !important;}
.restaurant-details h3 span,
.restaurant-details h2 span 		{width: 155px; display: block; float: left; font-weight: bold;}
.order-details 						{width: 480px; background: #fff; padding: 7px 15px; margin-bottom: 10px; position:relative;background: #fff196;}
.order-details.wide					{width: 600px !important;}
.order-details h3 					{padding: 3px 0 !important; font-weight: normal; letter-spacing: normal !important;  overflow:hidden; padding-bottom: 5px !important;}
.order-details h3 					{font-size: 100% !important;}
.order-details h3 span,
.order-details h2 span 				{width: 150px; display: block; float: left; font-weight: bold;}
.order-details span.cc-warning		{padding: 6px 0 3px 0; font-weight: bold;}
.order-details h3 img 				{vertical-align:middle;}
.order-details span.warning			{background: url(../img/warning-icon-red.png) 0 0 no-repeat; padding: 6px 0 3px 30px; font-weight: bold;}
.order-details p.closed             {float: right; display:block;overflow:hidden;text-indent:-5000px;background: url("../img/icons/sign-currently-closed-icon.png") no-repeat top left;width:84px;height:63px;}
.order-details p.ofl                {float: right; display:block;overflow:hidden;text-indent:-5000px;background: url("../img/icons/sign-ofl-icon.png") no-repeat top left;width:84px;height:58px;}
.fax-status							{width: 230px; float: right; text-align: center;}
.fax-status p.fax-error				{padding: 3px !important; border-radius: 5px; background-color: #fdb935; display:block; margin: 0 auto;}
.fax-status a.resend				{padding: 3px !important; border-radius: 5px; background-color: #b81800; display:block; color: #fff; width: 100px; margin: 0 auto;}
.process-order table 				{width: 100%;}
.process-order table th,
.process-order table td 			{border: 2px solid #ffd920; padding: 6px 11px; vertical-align: top;}
.process-order table th.item 		{width: auto;}
.process-order table th.quantity 	{width: 50px;}
.process-order table th.description {width: auto;}
.process-order table th.total,
.process-order table th.unit 		{width: 85px;}
.process-order table th 			{background: #3c0700; text-align: center; color: #fff;}
.process-order table td 			{background: #fff;}
.process-order table td.qty 		{text-align:center;}
.process-order table td.dollars 	{text-align:right;}
.process-order table td.dollars span {float: left;}
.process-order table td.empty 		{background: none !important;}
.process-order table td.summary 	{background: #ffe984;}

.process-form						{background: #ffe984; padding: 15px; width: 460px; margin-bottom: 15px;}
#rejectOrderCommand label			{width: 112px; display: block; float: left; font-weight: bold;}
input.reject-order					{width: 83px; height: 27px; background: url(../img/button/reject-order.png) 0 0 no-repeat; cursor: pointer; float: right;}
input.accept-order					{width: 83px; height: 27px; background: url(../img/button/accept-order.png) 0 0 no-repeat; cursor: pointer; float: right;}

#acceptOrderCommand label			{width: 135px; display: block; float: left; font-weight: bold; padding: 8px 0;}
form#acceptOrderCommand span		{color: #a5180d; background: url(../img/warning-icon-red.png) 0 6px no-repeat; padding: 11px 0 3px 30px; clear:both; display:block;}

/* Added 03-02-2011 - Admin Page - Call Centre Wiki */

.wiki-container {margin: 0 100px; background: #fff4c1; padding: 10px 30px;}

/* Payment Page */

a.make-payment 					{display: block; background: url(../img/button/make-payment.png) 0 0 no-repeat; height: 27px; width: 200px; text-indent: -5000px; overflow: hidden;}
.credit-info					{float:right; width: 370px;}
.credit-card	               	{background:url("../img/payment-bg.png") no-repeat left top;width:445px;color:#fff;margin-top:0px;padding: 15px 20px 20px;overflow:hidden;height:406px;position: relative; float: left;}
.credit-card h4                	{color:#ffda20;font-weight:bold;font-size:185% !important;padding:5px 30px 13px 0 !important;line-height:110%;}
.credit-card dl                	{width: 100%; padding-bottom: 7px;padding-top: 2px;}
.credit-card dt                	{float:left;clear:left;width:120px;padding:7px 10px 0 0;font-size: 100%;font-weight: bold;margin-top: 5px;}
.credit-card dd                	{float:left;width:303px;margin-top:8px;padding-left: 12px;position: relative;}
.credit-card dd input          	{float:left;}
.credit-card dd select         	{float:left; margin-top: 5px; padding: 5px; width:auto !important;}
.credit-card dd.required       	{background: url("../img/required-dot.png") no-repeat left 14px; min-height: 35px;}
.credit-card dt span.note      	{display: block;font-size: 90%;font-weight: normal;color: #e8a1a1;line-height: 0.7em; padding: 0; margin:0;}
.credit-card dd span.success	{display: block; float:left; background: url("../img/icons/tick.png") left 50% no-repeat; width: 20px;height: 34px;margin-left: 5px;}
.credit-card dd span.error  	{display: block; float:left; background: url("../img/icons/cross.png") no-repeat left 50%; width: 15px;height: 34px;margin-left: 5px;}
.credit-card dd span.tip     	{display: block; position:absolute; right:0; top:0; margin-left: 5px;color: #e08173;width:165px;line-height: 1em;padding-top: 1px;}
.credit-card input.make-payment {background: url("../img/149-btn.png") no-repeat top left; width: 149px;height: 48px;color: #be1800;font-weight: bold;border: none;font-size: 120%;padding: 0 3px 4px 0;cursor: pointer;float: right;margin-top: 0px;}
.credit-card div.clear		    {padding: 17px 0 5px; position: relative; width: 100%; overflow: hidden;}
.credit-card div.clear	label   {padding-left: 5px;}
.credit-card .expiry-month		{margin-right: 15px;}
.cvv-icon						{padding: 3px 0 0 10px;}	
#content .credit-card p.required-note {position: absolute; bottom: 0; left:0; background: url("../img/required-dot.png") no-repeat left 5px; padding: 0 0 10px 12px;}
.credit-card p.warning			{padding-left: 40px !important; margin: 5px 0 0 0; background: url(../img/warning-icon.png) 0 4px no-repeat; display:block;}

/* Invoice Payment Confirmation */

#invoice-payment                        {float:left;width:303px;margin-top:20px;background:url("../img/final-order-bottom.png") no-repeat scroll left bottom;padding-bottom:10px;}
#invoice-payment .order-delivery img    {border:1px solid #d9981e;float:left;margin:0px 15px 10px 0;}
.restaurant-name                        {font-size:18px;font-weight:normal;line-height:22px;}
#invoice-payment address                {font-style:normal;}
#invoice-payment .order-delivery        {padding-top:25px; min-height: 110px;}
#invoice-payment ul li					{padding-bottom: 5px; clear: both;}
#invoice-payment ul li span				{display: block; width: 140px; float:left; font-weight: bold;}