body
{
color: black;
background-color: #FFF8AF;
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: 20px;
z-index: 1;
width: 580px;
height: 140px;
padding-left: 5px;
background-repeat: no-repeat;
}

#rightcol {
margin-left: .4em;
position: absolute;
top: 0px;
left: 600px;
width: 190px;
color: #008724;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
border: 2px solid black;
background-color: #FFB428;
z-index: 2;
}  

#hours {
background: url(/goldenpizzagrafton-shrewsbury-ma/hours.jpg) no-repeat;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding: 1em;
}
#delivpay ul
{
margin: 0em;
padding: 1em;
}

#todaysspecials{
background: url(/goldenpizzagrafton-shrewsbury-ma/todaysspecials.jpg) 
no-repeat;
background-color: #FFB428;
font-size: .9em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
padding: .5em;
}
#loyalty
{
background-color:  #ffd350;
font-size: .9em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
padding: .5em;
border-top: 1px dotted black;
}
#payment{
font-size: 10.5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 5px;
}
#yourorder{
background: url(/goldenpizzagrafton-shrewsbury-ma/yourorder.jpg) no-repeat;
font-size: .9em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding: 1em;
}
#sidebar {
margin: .5em;
position: absolute;
top: 140px;
left: 20px;
width: 160px;
background-color: #FFB428;
border: 2px solid black;
z-index: 3;}

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

.messagebox
{
background-color: #FFB428;
color: #008724;
font-size: 1.1em;
font-weight: bold;
text-align: center;
padding-top: .5em;
padding-bottom: .5em;
margin-left: auto;
margin-right: auto;
border-top: 4px solid black;
border-bottom: 3px solid black;
border-right: 2px solid black;
border-left: 2px solid black;
}

.message
{
align: center;
background-color: #FFB428;
color: black;
width: 99%;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: .5em;
padding-bottom: .5em;
}

#login
{
background: url(/goldenpizzagrafton-shrewsbury-ma/login.jpg) no-repeat;
color: black;
font-size: .8em;
font-weight: bold;
padding: 4px;
}

#register
{
background: url(/goldenpizzagrafton-shrewsbury-ma/register.jpg) no-repeat;
color: black;
font-size: .8em;
font-weight: bold;
padding: 4px;
}

#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: #FFF8AF;
color: #008724;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: .5em;
}
#delivpay
{
background: url(/goldenpizzagrafton-shrewsbury-ma/delivpay.jpg) no-repeat;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 8px;
}

.button
{
align: center;
font-family: arial,verdana, sans-serif;
font-size: 1em;
font-weight: bold;
padding: 0px;
color: black;
width:auto;
overflow:visible;
background-color: #FFF8AF;
border-style: double;
border-color: #708090;
border-width: medium;
width: 15em;
}

.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: gold;
background-color: black;
text-decoration: none;
border-style: double;
border-color: cream;
border-width: medium;
}

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

.itemname
{font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: maroon;
border: thin dotted black;
background-color: #F9FACE;
padding-top: 5px;
padding-bottom: 5px;
}
.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: black;
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: #FFF8AF; background: transparent; font-size: 12px;
font-weight: bold; text-decoration: underline; align: center}
a.skinny:active {color: #008724; 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: #008724; background: transparent;  font-size: 12px;
font-weight: bold; text-decoration: underline;  align: center}


a.wide:link {color: gold; background: transparent; font-size: 12px;
font-weight: bold; text-decoration: none; align: center}
a.wide:active {color: gold; background: transparent; font-size: 12px;
font-weight: bold;text-decoration: none;align: center}
a.wide:visited {color: gold; background: transparent; font-size: 12px;
font-weight: bold;text-decoration: none;align: center}
a.wide:hover {color: white; 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(/goldenpizzagrafton-shrewsbury-ma/menulist.jpg) no-repeat;
}

.menulist
{
color: gold;
background-color: black;
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%;
      }


#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: 'Arial Black';
font-size: 24px;
font-weight: bold;
color: black;
padding: .5em;
text-decoration: underline;
}

.menuword
{
text-align: center;
font-family: 'Arial Black';
font-size: 26px;
font-weight: bold;
color: black;
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;
}


.checkouttables
{
font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

