* {
   margin: 0;
   padding: 0;
}

body, html {
   font-family: "Oxygen", serif;
   background-color: #410000;
   background: url("images/pagebg.png");
   height: 100%;
}

#superContainer {
   min-height: 100%;
   position: relative;
}

.shadow {
   -moz-box-shadow: 0px 0px 8px #000000;
   -webkit-box-shadow: 0px 0px 8px #000000;
   box-shadow: 0px 0px 8px #000000;
}

.rounded {
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}

#headerContainer {
   background-color: black;
}

#header {
   background: url("images/header.jpg") no-repeat;
   height: 190px;
   width: 950px;
   margin: 0px auto;
   position: relative;
}

   #header #contactInfo {
      position: absolute;
      color: white;
      bottom: 21px;
      left: 5px;
   }

#nav {
   background: url("images/navbg.png") repeat-x;
   background-color: #404040;
   width: 950px;
   height: 40px;
   margin: 5px auto;
   color: #bfbfbf;
   font-weight: bold;
   border: 1px solid #5d5d5d;
}

   #nav ul {
      list-style: none;
      margin-left: 25px;
      position: relative;
   }

      #nav li {
         float: left;
         margin-right: 40px;
         font-size: 1.2em;
         line-height: 40px;
      }

         #nav li a {
            text-decoration: none;
            color: #bfbfbf;
         }

             #nav li a:hover {
               text-decoration: underline;
             }

      #nav li.selector {
         background: url("images/selector.png") no-repeat center bottom;
         width: 15px;
         height: 48px;
         position: absolute;
         left: 21px;
      }

#socialLinks {
   float: right;
   margin-top: 7px;
   margin-right: 5px;
}

   #socialLinks img {
      width: 25px;
   }

   #socialLinks a {
      margin-right: 2px;
      text-decoration: none;
   }

#footerShield {
   padding-bottom: 40px;
}

#content {
   border: 1px solid #5d5d5d;
   border-top: 10px solid black;
   background-color: #e0e0e0;
   width: 950px;
   min-height: 200px;
   margin: 0px auto;
   position: relative;
}

#loadedContent {

}

   #loadedText {
      width: 900px;
      margin: 25px;
   }

   #loadedContent p {
      padding: 3px 0px;
   }

table#businessHours {
   margin: 20px auto;
   font-size: 1em;
   color: white;
   float: right;
   margin-right: 100px;
   margin-top: 38px;
}

   #businessHours .tableHeading {
      text-decoration: underline;
      font-size: 1.1em;
   }
   
   #businessHours tr {
      margin-bottom: 50px;
   }

   #businessHours th {
      width: 75px;
   }

   #businessHours ul {
      list-style: none;
   }

   #businessHours .contactInfo {
      padding-top: 20px;
      text-align: center;
   }

#footer {
   position: absolute;
   bottom: 0px;
   color: white;
   width: 100%;
   text-align: center;
   font-size: .8em;
}

   #footer a, #footer a:visited {
      color: white;
   }

#loadingIcon {
   position: absolute;
   top: 42%;
   left: 50%;
   display: none;
}

/* ----------------------------- home.html ----------------------------- */



/* ----------------------------- menu.html ----------------------------- */
.menuItems {
   font-size: .9em !important;
   padding-top: 0px !important;
}

.menuItems table {
   border-collapse: collapse;
}

.menuItems th {
   width: 400px;
}

   .menuItems th.spicy {
      color: #b70000;
   }

.menuItems .sizes td {
   text-decoration: underline;
   font-weight: bold;
}

.menuItems .soups td {
   width: 135px;
   text-align: center;
}

.menuItems .regular td {
   width: 400px;
   text-align: center;
}

#menuDisclaimer, #plannerDisclaimer {
   font-size: .7em;
}

   #menuDisclaimer .current {
      color: green;
      font-weight: bold;
   }

   #menuDisclaimer .red {
      color: red;
      font-weight: bold;
   }

#orderPlanner {
   background-color: white;
   padding: 15px;
   margin: 15px 0px;
   border: 1px solid #d3d3d3;
}

   #orderPlanner h4 {
      text-decoration: underline;
   }

   #orderPlanner input.itemAmount {
      width: 25px;
      margin-right: 5px;
      text-align: right;
   }

   #orderPlanner input.addedInfo {
      margin: 0px 5px;
      line-height: 25px;
      position: relative;
      top: 1px;
   }

   #orderPlanner .addedInfoBox {
      display: none;
   }

   #orderPlanner .addedInfoBox input {
      width: 500px;
      margin-left: 35px;
   }

   #orderPlanner .addedInfoNote {
      font-size: .7em;
      position: relative;
      bottom: 1px;
      left: 3px;
   }

   #orderPlanner #plannerItems a {
      text-decoration: none;
   }

   #orderPlanner #plannerItems a:visited {
      color: blue;
   }

   #orderPlanner #plannerDisclaimer {
      display: none;
      margin-top: 5px;
   }
/* ----------------------------- location.html ----------------------------- */
.gmapIframe {
   text-align: center;
   margin-top: 20px;
}