/*
	Author Name	: 	Chris Underwood
	Author Site	: 	http://www.nicasiodesign.com
	Style Name	: 	Debi's Restaurant 2008
	Style URI	:	http://www.debisrestaurant.com/debis2008.css
	Version		: 	1.0
	Comments	: 	This file contains all the css information
					for the year 2008 design/build of
					www.debisrestaurant.com
*/

/* RESET ALL FONT SIZES ------------------------------------------------------------------------

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {line-height:13px/1.231;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code {font-family:monospace;*font-size:108%;line-height:100%;}

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

/* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS ---------------------------------------

 {font-size:77%;} 		=>	10px
 {font-size:85%;} 		=>	11px
 {font-size:93%;} 		=>	12px
 {font-size:100%;} 		=>	13px
 {font-size:108%;} 		=>	14px
 {font-size:116%;} 		=>	15px
 {font-size:123.1%;}		=>	16px
 {font-size:131%;} 		=>	17px
 {font-size:138.5%;} 		=>	18px
 {font-size:146.5%;} 		=>	19px
 {font-size:153.9%;} 		=>	20px
 {font-size:161.6%;} 		=>	21px
 {font-size:167%;} 		=>	22px
 {font-size:174%;} 		=>	23px
 {font-size:182%;} 		=>	24px
 {font-size:189%;} 		=>	25px
 {font-size:197%;} 		=>	26px

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

* {margin:0;padding:0;}

.clear {clear:both;height:0px;overflow:hidden;}

a img {border:0;}

a {color:#7C4F0C;}

body {background-color:#7C4F0C;text-align:center;}
#container {margin:25px auto;width:947px;text-align:left;}
#top {width:947px;height:41px;background:transparent url('images/body-top.jpg') no-repeat top left;}
#middle {width:947px;background:transparent url('images/body-middle.jpg') repeat-y top left;}
#bottom {width:947px;height:41px;background:transparent url('images/body-bottom.jpg') no-repeat top left;}
#left {width:613px;margin-left:47px;float:left;}
#right {width:205px;margin-left:35px;float:left;}

#logo {float:left;width:277px;height:68px;margin-top:10px;}
#tagline {float:left;width:300px;margin-top:20px;margin-left:10px;text-align:right;font-size:108%;color:#402600;}
#tagline span {font-weight:bold;font-style:italic;}

#page-image {width:611px;height:361px;background:transparent url('images/page-image-bg.jpg') no-repeat top left;text-align:center;}
#page-image img {margin-top:5px;}

#mainNav {width:611px;margin-top:4px;}
#mainNav-top {width:100%;height:7px;background:transparent url('images/mainNav-top.jpg') no-repeat top left;}
#mainNav-middle {width:100%;background:transparent url('images/mainNav-middle.jpg') repeat-y top left;padding:4px 0px;}
#mainNav-bottom {width:100%;height:7px;background:transparent url('images/mainNav-bottom.jpg') no-repeat top left;}
#mainNav ul {width:100%;text-align:center;}
#mainNav ul li {display:inline;text-align:center;padding:0px 10px;}
#mainNav ul li a {color:#402600;font-size:108%;text-decoration:none;padding:2px;border-bottom:2px solid #F7EDDE;}
#mainNav ul li a:hover {border-bottom:2px solid #A69680;color:#333;}

#content {margin:15px 0px 35px 1px;}
#content p {font-size:93%;color:#333;line-height:138.5%;margin:0px 25px 20px 0px;}
#content p.no-bottom-padding {margin-bottom:0px;}
#content ul.numbered {margin:10px 55px 25px 35px;list-style-type:decimal;font-size:93%;color:#333;line-height:138.5%;}
#content ul.numbered li {margin-bottom:5px;}
#content .small {font-size:85%;}

h1 {font-size:182%;color:#333;font-family:"Times New Roman",Times,Arial,sans-serif;}
h3 {font-size:131%;color:#333;font-family:"Times New Roman",Times,Arial,sans-serif;}
h3.border {border:1px solid #7C4F0C;padding:10px;}
h4 {font-size:116%;color:#333;font-family:Arial,sans-serif;}


#dropmenudiv {position:absolute;border:1px solid #AA9E8D;font-family:Arial,sans-serif;line-height:18px;z-index:100;}

#dropmenudiv a {font-family:Arial,sans-serif;width: 100%;display: block;text-indent: 3px;color:#402600;padding: 1px 0;text-decoration: none;font-weight: bold;}

#dropmenudiv a:hover{background-color: #E0D3BF;}

TABLE#frontend-table-basic th {background-color:#7C4F0C;color:WHITE;padding:3px;}
TABLE#frontend-table-basic tr td {padding:3px;}

#footer {padding-bottom:55px;padding-top:35px;text-align:center;width:100%;font-size:93%;color:#F0D58A;font-weight:bold;line-height:252%;}
#footer a {color:#F0D58A;text-decoration:underline;}

/* ---------------- FOR VIEWING MENU --------------- */

#menu_table {background:WHITE url(http://www.debisrestaurant.com/images/menuTable-tile.jpg) repeat-x top left;}

div#menuItem {
  	clear:both;
  	margin-top:10px;
	font-size:93%;
	padding:5px;
	border-bottom:2px solid #d5d5d5;
	
}
div#menuItem:hover {background-color:#fffbe9;}

div#itemQty {
	padding-left:35px;
}
div#itemOptions {
  clear:left;
  width:80%;
}
div#subMenu {
  margin-left:40px;
}
div.menuItemBorder {
	padding:10px;
	border-top:1px solid #e5e5e5;
	border-right:2px solid #d5d5d5;
	border-bottom:2px solid #d5d5d5;
	border-left:1px solid #e5e5e5;
}
div.menuItemSubBorder {
	padding-bottom:10px;
	border-bottom:1px dotted #d5d5d5;
}

span.small-text {font-size:85%;}
textarea.view-menu-options {width:25em;}

.menu-requiredMsg {float:right;position:relative;right:60px;top:7px;color:#990000;font-size:108%;font-weight:bold;}

TABLE#confirm-order-table td {padding:3px;}
TD.confirm-order-total {border-top:2px solid #ccc;}


/* --------------- FOR VIEWING MENU TABS ------------ */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 10px;
margin-bottom: 0;
font: bold 93% Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
/*display: inline;*/
float:left;
margin: 0;margin-bottom:15px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #AA9F8D;
color: #2d2b2b;
background-color:WHITE;
white-space:nowrap;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background-color:#F6EDDE;
}

.shadetabs li a.selected{ /*selected main tab style */
/*
position: relative;
top: 1px;
*/
}

.shadetabs li a.selected{ /*selected main tab style */
background-color: #7C4F0C;
color:WHITE;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
padding-top:10px;
}

@media print {
.tabcontent {
display:block !important;
}
}

#menu_table {
border:1px solid gray;
width:96%;
margin-top: 10px;
margin-bottom: 1px;
padding: 10px
}

/* ---------------------- FOR VIEWING ORDER HISTORY ------------------- */

TABLE.orderTable, TABLE.deleteMenu {clear:both;width:100%;margin-bottom:10px;}
TABLE.deleteMenu {width:50%;margin:0 auto;margin-bottom:10px;}
TABLE.orderTable th, TABLE.deleteMenu th {background-color:#7C4F0C;color:WHITE;padding:3px;font-size:85%;font-weight:bold;border-bottom:3px solid WHITE;}
TABLE.orderTable tr.orderRow:hover, TABLE.deleteMenu tr.menuRow:hover {background-color:#fffbe9;}
TABLE.orderTable td, TABLE.deleteMenu td {font-size:93%;font-weight:normal;padding:5px;border-bottom:1px solid #ccc;}
TABLE.orderTable span.orderUserEmail {font-size:77%;}
TABLE.orderTable ul.orderList {font-weight:bold;list-style-type:none;}
TABLE.orderTable ul.orderList li {font-weight:normal;background:transparent url('images/bullet_black.gif') -4px -1px no-repeat;margin-bottom:5px;padding-left:13px;}
TABLE.orderTable tr.orderRow:hover ul.orderList li {background:transparent url('images/bullet_blue.gif') -4px -1px no-repeat;}
TABLE.orderTable td a:hover {color:#659ad0;}

p.app-paged-nav {color:#666;}
p.app-paged-nav span {color:#7C4F0C;border:1px solid #333;padding:2px;}
p.app-paged-nav a {color:#666;text-decoration:none;border:1px solid #ddd;padding:2px;}
p.app-paged-nav a:hover {color:#333;border:1px solid #666;}
p.app-paged-nav a.no-border {border:1px solid WHITE;}