//////////////////////
//General
/////////////////////
  .instruct {
    color:black;
    font-size:8pt;
  }
  .darktag {
    color:black;
    font-weight:bold;
    font-size:10pt;
  }



///////////////////////
//Item List/Grid Detail
///////////////////////
.bigHeading {
  font-family: garamond, georgia, times new roman;
  font-size: 38px;
  color: #FFFFFF;
  font-weight: normal;
  margin: 10px 0;
}

a.itemName:link {
  color: #663059;
  font-family: garamond, georgia, times new roman;
  font-size: 18pt;
  text-decoration: none;
  font-weight:normal;
}

a.itemName:visited {
  color: #663059;
  font-family: garamond, georgia, times new roman;
  font-size: 18pt;
  text-decoration: none;
  font-weight:normal;
}

a.itemName:hover {
  color: #663059;
  font-family: garamond, georgia, times new roman;
  font-size: 18pt;
  text-decoration: underline;
  font-weight:normal;
}

.itemDesc {
  font-family: Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  font-size: 10pt;
}

.categoryDesc {
  color:#333333;
  font-size: 10pt;
  font-style: italic;
}

.categoryName {
  background: url('/pages/images/pastaBravo/images/subject_bg.jpg');
  border: solid black 1px;
  color:#FFFFFF;
  font-size: 36pt;
  font-family: garamond, georgia, times new roman;
  font-weight:bold;
  text-align:center;
}

a.itemPrice:link {
  font-family: Arial, Helvetica, sans-serif;
  color: #663059;
  font-size: 12pt;
  text-decoration: none;
  font-weight: normal;
}

a.itemPrice:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #663059;
  font-size: 12pt;
  text-decoration: none;
  font-weight: normal;
}

a.itemPrice:hover {
  font-family: Arial, Helvetica, sans-serif;
  color: #663059;
  font-size: 12pt;
  text-decoration: underline;
  font-weight: normal;
}

///////////////////////////
//Mouse-over for Grid Items
///////////////////////////
.mouseovercaptionbgcolor {
  background-color: white;
}

.mouseovercaptiontxt {
  background-color: <%=restaurant.getRestaurantColor()%>;
}

.mouseoverbgcolor {
  BACKGROUND-COLOR: <%=restaurant.getBackgroundColor()%>;
}

.categoryBackGroundColor {
  background-color: <%=restaurant.getRestaurantColor()%>;
}


/////////////////////////////
//Bottom "Powered by GG" Link
/////////////////////////////
A.gg:link {
  FONT-SIZE: 10px;
  COLOR: #000000;
  FONT-FAMILY: verdana;;
  text-decoration: none;
}

A.gg:visited {
  FONT-SIZE: 10px;
  COLOR: #000000;
  FONT-FAMILY: verdana;
  text-decoration: none;
}

A.gg:hover {
  FONT-SIZE: 10px;
  COLOR: #000000;
  FONT-FAMILY: verdana;
  text-decoration: none;
  text-decoration: underline;
}

///////////////////////
//Time Detail
//////////////////////
.timeDetail {
  text-align: center;
  font-size: 10pt;
  color:#a4a4a4;
  font-family: Arial, Helvetica, sans-serif;
}

///////////////////
//View Order Detail
///////////////////
.orderTotalTag{
  text-align:right;
  font-weight:bold;
  font-size: 10pt;
  white-space: nowrap;
}

.orderTotalTag {
  font-family: verdana;
  font-size:7pt;
  font-weight:bold;
  text-align:left;
  padding-right:10px;
  width:260px;
  white-space: nowrap;    
}

.orderTotalValue {
  font-family: verdana;
  font-size:7pt;
  text-align:right;
  padding-right:98px;
}
/////////////////////
//Login Page
/////////////////////
.loginTable {
  border:10;
  padding-right:10px;
  color:yellow;
}

///////////////////
//Takeout/Delivery
///////////////////

///////////////
//Window
///////////////
.window {
width:500px;
color:red;
background-color:blue;
}


//////////////////
//deliveryDetail (After Checkout)
//////////////////



//////////////////
//Mouse Over Popup
//////////////////
        .mouseovercaptionbgcolor {
            background-color: white;
        }

        .mouseovercaptiontxt {
            background-color: <%=restaurant.getRestaurantColor()%>;
        }

        .mouseoverbgcolor {
            BACKGROUND-COLOR: <%=restaurant.getBackgroundColor()%>;
        }

        .categoryBackGroundColor {
            background-color: <%=restaurant.getRestaurantColor()%>;
        }