/* Ala-Carte Menu */

#order-landing-text { width: 460px; float: left; background-color: #fff; padding: 20px; border: #F7F4F4 1px solid; }
#order-landing-image { width: 260px; float: right; background-color: #fff; padding: 20px;  border: #F7F4F4 1px solid; }
#order-landing-image a img { border: none; }
#alacarte_info { background: url(../images/bg-vertical-gold.gif) left top repeat-x; padding: 10px; }
#alacarte_info h3 { font-size: 14px; color: #CC6600; margin: 1em 0 0 0; line-height: 1em; }
#alacarte_info p { margin: 0; }
#alacarte_info img { }

#ala-carte div { margin-bottom: 10px; }

a.backtotop { text-align: center; display: block; font-family: Georgia, "Times New Roman", Times, serif; padding: .8em; text-decoration: none; }
a:hover.backtotop { text-decoration: underline; }

div.order-navi { border-top: #ddd 1px solid; text-align: center; }

div#tabs {  }
div#tabs ul { list-style: none; padding-bottom: 50px; }

.cat0, .cat0 span { background-image: url(../images/buffet-common/bg-btn.png); }
.cat1, .cat1 span { background-image: url(../images/buffet-common/bg-btn.png); }
.cat2, .cat2 span { background-image: url(../images/buffet-common/bg-btn.png); }
.cat3, .cat3 span { background-image: url(../images/buffet-common/bg-btn.png); }
.cat4, .cat4 span { background-image: url(../images/buffet-common/bg-btn.png); }
.cat5, .cat5 span { background-image: url(../images/buffet-common/bg-btn.png); }
.cat6, .cat6 span { background-image: url(../images/buffet-common/bg-btn.png); }

.btn-category { display: inline-block; background-position: 0 0; font: 16px Georgia, "Times New Roman", Times, serif;
								line-height: 30px; outline: none; height: 30px; text-decoration: none; margin: 0 1px; }
.btn-category span { display: inline-block; background-position: 100% 0; 
										margin-left: 5px; height: 30px; padding: 0 10px 0 5px; color: #aaa; }
										
.btn-category:hover { background-position: 0 -30px; color: #cc3300; }
.btn-category:hover span { background-position: 100% -30px; }
.btn-category:active { background-position: 0 -60px; }
.btn-category:active span { background-position: 100% -60px; }

.btn-category strong { color: #cc3300; font-weight: normal; }



div#error_message_box { padding: 0.5em; }
div#error_message_box p { font: bold 14px Arial, Helvetica, sans-serif; color: #cc0000; margin: 0.5em 0; }

div.redline { border-bottom: #bb3f3e 2px solid; height: 2px; }

/* tabs */
.ui-tabs { padding: .2em; /* zoom: 1; */ }
.ui-tabs .ui-tabs-nav { list-style: none; margin: 0; padding: 0; }
/* border-bottom: #bb3f3e 2px solid;  */
.ui-tabs .ui-tabs-nav li { float: left;}
.ui-tabs .ui-tabs-nav li a { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li a { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: 0 -60px;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: 100% -60px; color: #e9acac; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span strong { background-position: 100% -60px; color: #fff; }

#ala-carte h3 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	border: none;
	margin-bottom: 10px;
}

#ala-carte h3.steps {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 1em 0;
	color: #CC6600;
	height: 2em;
	line-height: 2em;
}

input.qty {
	font: 10px Arial, Helvetica, sans-serif;
	width: 2.4em;
	height: 2em;
	padding: .4em 0 0 0;
	text-align: center;
}

.ala-carte-table { width: 100%; }
.ala-carte-table td { background: url(../images/buffet-common/row-bg.gif) repeat-x; }
.ala-carte-table td.pax { width: 50px; text-align: center; }
.ala-carte-table td.pax span { font-size: .75em; }
.ala-carte-table td.en { font-size: 11px; width: 400px; }
.ala-carte-table td.ch { font-size: 1.2em; width: 200px; }
.ala-carte-table td.tags { font-size: 1.2em; }
.ala-carte-table tr.item_type td { padding: 5px 0 5px 0; background: none; font-size: 1.4em; color: #af2322; }
.ala-carte-table tr.err td { color: #cc0000; }

.ala-carte-additional { width: 100%; }
.ala-carte-additional td {  }
.ala-carte-additional td.pax { width: 50px; text-align: center; }
.ala-carte-additional td.pax span { font-size: .75em; }
.ala-carte-additional td.en { font-size: 11px; width: 400px; }
.ala-carte-additional td.ch { font-size: 1.2em; width: 200px; }
.ala-carte-additional td.tags { font-size: 1.2em; }
.ala-carte-additional tr.item_type td { padding: 5px 0 5px 0; background: none; font-size: 1.4em; color: #af2322; }
.ala-carte-additional tr.err td { color: #cc0000; }

.alacarte-selection { font-size: 11px; margin: 1em 0; }
.alacarte-selection td { padding: 5px 10px; background-color: #fdfdfd; border-bottom: #ffe8cd 1px solid; }
.alacarte-selection tr.table-header td { font-size: 11px; font-weight: bold; padding: 10px 10px; border-bottom: #ffe8cd 1px solid; }
.alacarte-selection tr.table-footer td { padding: 15px 10px; }
.alacarte-selection span.chi { font-size: 1.2em; }

.alacarte-selection-mini { font-size: 9px; margin: 5px 1% 10px 1%; }
.alacarte-selection-mini a { color: #990000; text-decoration: none; }
.alacarte-selection-mini a:hover { color: #ff0000; }
.alacarte-selection-mini td { padding: 3px 0; }
.alacarte-selection-mini td.chi { font-size: 1.5em; }
.alacarte-selection-mini tr.row0 td { font-size: 9px; padding: 5px 0; border-bottom: #ddd 1px solid; }
.alacarte-selection-mini tr.row1 td { border-bottom: #ddd 1px solid; }
.alacarte-selection-mini tr.row2 td { border-bottom: #ddd 1px solid; }
.alacarte-selection-mini td.price { text-align: right; }
.alacarte-selection-mini td span.large { font-size: 1.2em; }

.alacarte-order-details { font-size: 11px; margin: 1em auto; width: 95%; }
.alacarte-order-details td { padding: 3px 0; }
.alacarte-order-details tr.row0 td { font-size: 9px; padding: 5px 0; border-bottom: #aaa 1px solid; }
.alacarte-order-details tr.row1 td { border-bottom: #ddd 1px solid; color: #666; }