body 
{ 
color: #000000;
background-color: #fffffa;
margin: 3px;
padding: 3px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}
.select2 
{ 
color: maroon;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: center;
}

#nameaddress {
margin: 0px;
position: absolute;
top: 0px;
left: 10px;
z-index: 1;
width: 580px;
height: 140px;
padding-left: 5px;
background-repeat: no-repeat;
}

#rightcol {
margin: 3px;
position: absolute;
top: 0px;
left: 592px;
width: 190px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 5px;
border-left: thin dotted black;
z-index: 2;
}
#hours{
background: url(/images/new/hours.jpg) no-repeat;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 5px;
}
#delivpay{
background: url(/images/new/delivpay.jpg) no-repeat;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 8px;
}

#delivpay ul 
{
margin: 0em;
padding: 1em;
}

#todaysspecials{
background: url(/images/new/todaysspecials.jpg) no-repeat;
background-color:  #ffd350;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 5px;
border: 1px dotted black;
}
#loyalty
{
background-color:  #ffd350;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
padding: .5em;
border-top: 1px dotted black;
}
#payment{
background: url(/images/new/payment.jpg) no-repeat;
font-size: 10.5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 5px;
}
#yourorder{
background: url(/images/new/yourorder.jpg) no-repeat;
font-size: 10.5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 5px;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
}
#sidebar {
margin: .5em;
position: absolute;
top: 140px;
left: 10px;
width: 155px;
z-index: 3;}

#menu {
position: absolute;
top: 140px;
left: 170px;
width: 400px;
margin: auto;
padding: .5em;
z-index: 4;
}
#menucontent
{
position: relative;
left: 0px;
}
#nomenu {
margin: auto;
position: absolute;
top: 140px;
left: 170px;
width: 400px;
padding: .5em;
}
.nomenupad
{
padding-left: 15px;
padding-right: 15px;
}

#menucontent
{
position: relative;
left: 0px;
}


.messagebox
{
background-color: #fffffa;
color: maroon;
width: 150px;
font-size: 11px;
font-weight: bold;
text-align: center;
padding: .5em;
margin-left: auto;
margin-right: auto;
border: thin dotted black;
}

.message
{
background-color: #fffffa;
color: black;
width: 150px;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: .5em;
border-bottom: thin dotted black;
}

#login
{
background: url(/images/new/login.jpg) no-repeat;
color: black;
font-size: 10px;
font-weight: bold;
padding: 4px;
width: 155px;
border: thin dotted black;
}
#register
{
background: url(/images/new/register.jpg) no-repeat;
color: black;
font-size: 10px;
font-weight: bold;
padding: 4px;
width: 155px;
border: thin dotted black;
}

#warning
{
background-color: #fffffa;
color: black;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: .5em;
border-width: thin medium thin medium;
border-style: solid;
border-color: #C38931;
}
#bottom
{
background-color: #fffffa;
color: #C38931;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: .5em;
}
#delivpay
{
background: url(/images/new/delivpay.jpg) no-repeat;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 8px;
border-bottom: 1px dotted black;
}

.button
{
text-align: center;
font-family: arial,verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: maroon;
background-color: #fffcf5;
text-decoration: none;
border-style: outset;
border-color: #F5D996;
border-width: medium;
}

.largebutton
{
text-align: center;
font-family: arial,verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: maroon;
background-color: #fffcf5;
text-decoration: none;
border-style: outset;
border-color: #F5D996;
border-width: medium;
}
.bigbutton
{
text-align: center;
font-family: arial,verdana, sans-serif;
font-size: 18px;
font-weight: bold;
color: maroon;
background-color: #fffcf5;
text-decoration: none;
border-style: outset;
border-color: #F5D996;
border-width: medium;
}
.menubutton
{
width: 13em;
text-align: center;
font-family: arial,verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: white;
background-color: maroon;
text-decoration: none;
border-style: outset;
border-color: cream;
border-width: medium;
}

.firstcustitem
{
background-color: maroon;
color: #f9face;
}
.itemcol {
background-color: #fffffa;
text-align: center;
padding-top: 3px;
padding-left: 4px;
padding-right: 4px;
}
.sectdesc
{
font-size: 11px;
font-weight: bold;
color: black;
text-align: center;
padding-left: 5px;
display: inline;
}

.itemname
{font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #C38931;
border: thin dotted maroon;
background-color: #F9FACE;
padding-top: 4px;
padding-bottom: 3px;
}
.boldtext
{font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

td.lbl {font-size: 11px; font-weight: bold; text-align: right;}
td.toplbl 
{
font-size: 12px; 
font-weight: bold; 
color: maroon;
text-align: left;
}
td.toplbl2
{
font-size: 12px; 
text-align: left;
}
tr.required td.lbl {background: #FCC; border-left: 0.5em solid red;}
td.lbl {background: #FBFECD; border-left: 0.5em solid gold;}

.plaintext
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.itemdesc
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-top: thin dotted maroon;
}
a.skinny:link {color: maroon; background: transparent; font-size: 12px;
font-weight: bold; text-decoration: underline; align: center}
a.skinny:active {color: black; background: transparent; font-size: 12px;
font-weight: bold; text-decoration: underline; align: center}
a.skinny:visited {color: black; background: transparent; font-size: 12px;
font-weight: bold; text-decoration: underline; align: center}
a.skinny:hover {color: black; background: transparent;  font-size: 12px;
font-weight: bold; text-decoration: underline;  align: center}


a.wide:link {color: #C38931; background: transparent; font-size: 12px;
font-weight: bold; text-decoration: none; align: center}
a.wide:active {color: #C38931; background: transparent; font-size: 12px;
font-weight: bold;text-decoration: none;align: center}
a.wide:visited {color: #C38931; background: transparent; font-size: 12px;
font-weight: bold;text-decoration: none;align: center}
a.wide:hover {color: black; background: transparent;  font-size: 12px;
font-weight: bold;text-decoration: underline; align: center}

h1 {font-size: 2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
text-align: center;
color: #000000;}

h2 {font-size: 20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
color: #fff197;}

h3 {font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

h4 {font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

h5 {font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;}

h6 {
font-size: 17px;
color:  #c38931;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
}

#menutext {
font-size: 15px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
}

#menulabel
{
background: url(/images/new/menulist.jpg) no-repeat;
}

.menulist 
{
background-color: maroon;
color: white;
font-size: 9px;
font-weight: bold;
text-align: left;
width: 98%;
}

#menulist ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }
        
#menulist li {
        border-bottom: 1px solid #90bade;
        margin: 0;
        }

#menulist li a {
        display: block;
        padding: 5px 5px 5px 0.5em;
        border-left: 10px solid #DD6F00;
        border-right: 10px solid #DD6F00;
        background-color: maroon;
        color: #fff;
        text-decoration: none;
        width: 100%;
        }

html>body #menulist li a {
        width: auto;
        }

#menulist li a:hover {
        border-left: 10px solid maroon;
        border-right: 10px solid maroon;
        background-color: #DD6F00;
        color: #fff;
        }

.menucat
{
text-align: center;
font-family: 'OLIVEOIL', Verdana, Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #C38931;
padding: .5em;
text-decoration: underline;
}

.menuword
{
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 26px;
font-weight: bold;
color: #C38931;
text-decoration: underline;
}
#offer
{
background: gold;
font-size: 16px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: red;
font-weight: bold;
text-align: center;
padding-left: 8px;
border: dotted maroon;
padding: 5px;
}

.checkouthdrs 
{
color: maroon;
font-size: 14px;
font-weight: bold;
}