.wrapper { width:900px; margin:0px auto; }
.header { height:100px; background-image:url('../images/title.png'); #position: relative; }
.sophiehead { float:left; }
.sophiehead img { border-style: none; }
.title { float:left; width: 680px; height:100px; display: table; #position: absolute; #top: 50%;}
.title-name { display: table-cell; text-align:center; vertical-align: middle; font-size: 250%; font-weight:bold;  #position:relative; #top:-25%; }
.content-left { float:left; width:180px; }
.content-main { 
   float:right; 
   width:700px;
   font-family:verdana,arial,helvetica,sans-serif;
   font-size: small;
   margin-right: 5px;
}
.feedbacktext {
   font-size: x-small;
}
.content-main a { text-decoration: none; }
.login, .search, .icon-list, .allergen-list, #allergenList { 
  font-size: x-small; 
  padding: 4px;
} 
.icon-list span{ vertical-align:top; }
.icon-list a { text-decoration: none; }
.search select { width: 95%; font-size: 12px }
.search input { width: 95%; font-size: 12px }
.login-box, .search-box, .icon-box, .allergens-box { 
  width: 100%; 
  text-align:left;  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: x-small; 
  margin-bottom: 10px;
  border:1px solid #bbb; } 
.allergen-list, #allergenList { 
  max-height: 250px;
  height:expression(this.scrollHeight > 250? "250px" : "auto" );
  overflow:auto;
}
.footer {
  width:100%;
  float:left;
  clear:both;
  text-align:center;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: small; 
}
.wrapper { background-color:#ffffff }
.header div { border:0px solid #bbb; }
.left { float:left; }
.right { float:right; }

.found { font-weight:bold; 
  font-size: large; 
  float:left;
}
.sans { font-family: verdana,arial,helvetica,sans-serif;  }
h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  margin: 0pt;
  padding: 0.3em;
  background-color: #cdd8e8;
}

h2 {
  margin: 0pt;
}

button {
  font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.content {
  width: 100%;
  margin-top:10px;
}

tfoot { width:100%; text-align:center; font-size:80%;}
.groceryfooter { font-size:80%; font-weight: bold;}

body, dl, dt, dd  { margin: 0pt; padding:0pt; }
body {
  background-color:#F1F1ED;
}

input { padding:0pt; }
.input-title { 
  font-weight: bold;
}
.input-box {
  margin-bottom:5px;
}
.subscribe {
   float:right;
}
.foodTable {
  text-align: left; width: 100%;
  clear:both;
  border-collapse:collapse;
  border: 1px solid black;
}
.foodTable td, .foodTable th {
  border: 1px solid black;
  padding: 1px;
}
.leftSide {
  margin: 0px 0px 0px .5em;
  float:left;
}
.noborder, .noborder td, .noborder tr {
  border:0px;
  padding: 0px;
}
.noborder {
  width:100%;
}
.checkbox {
   width:16px;
}
.icons {
  text-align:right;
}
.foodName, .companyName {
  font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
  font-size:13px;
}
.foodIcons {
  float:right;
  margin: 0px 1px 0px 1px;
}
.oddRow {
  background-color: #eeeeff;
}
.addToList {
  float:left;
}
.addToListBtn {
  font-size: small;
}
.comparetable {
   border-collapse:collapse;
   border-style: solid;
   border-width: 1px;
}
.comparetable td, .comparetable th {
	border-collapse:collapse;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	padding: .5em;
}
.alignCenter {
   text-align:center;
}
.altRow {
  background-color: #eeeeff;
}
.membership {
   font-size:large;
}
.itmPPg {
  width:100%;
  text-align:right;
  font-family: Verdana;
  font-size: x-small;
}
.itmPPg a:hover {
  text-decoration: underline;
}
div.itmPPg span.enabled a {
  color: #0000cc;
  text-decoration: none;
}
div.itmPPg span.disabled {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  font-size: x-small;
  cursor: default;
}
.smallfont {
  -x-system-font:none;
  font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
  font-size:11px;
  width:100%;
  float:left;
  clear:both;
  text-align:center;
}
.elapsedTime {
   color:#c0c0c0;
}
.invalid {
   color:red;
}
.googleadds, .addthis { text-align:center;}
.addthis img{ border-style: none; }

.heading { font-size:large; }
.date { float:right; } 
.welcomefaan {
   float:right;
   width:30%;
   background-color: #cdd8e8;
   padding:0.3em;
   border: solid blue;
}