/* Frame styles */

body              {margin:0px; padding:0px; height:100%; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:76%;  background-color:#AAAC9E; }

#container        {position:relative; margin:20px auto; padding:20px; min-height:100%; width:735px; background-color: #ffffff; }


/* Header Sections
----------------------------------------------- */
/* Header styles (Homepage) */
#header           {position:relative; float:left; width:735px; height:267px; padding:10px; background-image:url('images/main_image.jpg'); background-repeat:no-repeat; background-position:308px 0px; color:#AAAC9E; }
#header a         {border-bottom:5px solid #ffffff; color:#AAAC9E; text-decoration:none; padding:0px 5px 5px 5px}
#header a:hover   {border-bottom:5px solid #7F83A6; color:#AAAC9E; text-decoration:none; }
img.logo          {padding-top:50px}

/* Header styles (Internal Pages) */
#headerint        {position:relative; float:left; width:725px; height:110px; padding-right:10px; color:#AAAC9E; text-align:right; border:0px solid #000000}
#headerint a      {border-bottom:5px solid #ffffff; color:#AAAC9E; text-decoration:none; padding:0px 5px 5px 5px; margin-top:10px}
#headerint a:hover{border-bottom:5px solid #7F83A6; color:#AAAC9E; text-decoration:none; }
img.logoint       {margin:0px; padding:0px; float:left}
img.basket        {padding-left:5px; widht:15px; height:11px}


/* Banner Section
----------------------------------------------- */
*html #banner     {position:relative; float:left; width:715px; padding:10px; background-color:#7F83A6; color:#ffffff; letter-spacing:0.20em; text-align:center}
#banner           {position:relative; float:left; width:715px; padding:10px; background-color:#7F83A6; color:#ffffff; letter-spacing:0.19em; text-align:center}


/* Left Column
----------------------------------------------- */
#leftcolumn       {position:relative; float:left; width:205px; border-right:0px solid #AAAC9E}

/* Navigation styles */
*html #navigation {position:relative; padding:5px 0px; height:250px; color:#ffffff;}
#navigation       {position:relative; padding:5px 0px; min-height:250px; color:#ffffff;}
#navigation ul    {margin:0px; padding:10px 0px;}
#navigation li    {list-style:none; padding:5px 0px}
#navigation li a  {border-left:5px solid #ffffff; color:#AAAC9E; text-decoration:none; font-weight:normal; padding-left:5px }
#navigation li a:hover {border-left:5px solid #7F83A6; color:#AAAC9E; text-decoration:none; font-weight:bold; }
#navigation .selected  {border-left:5px solid #7F83A6; color:#AAAC9E; text-decoration:none; font-weight:bold; }

/* Notice on homepage styles */
#notice            {position:relative; padding:10px; min-height:99px; background-color:#EDEEE9; color:#BD172A; line-height:1.3em}
#notice a          {color:#BD172A; font-weight:bold; text-decoration:none}
#notice a:hover    {color:#7F83A6; font-weight:bold; text-decoration:underline}

/* Registered users login internal page styles */
#users             {padding:10px 0px 10px 10px; background-color:#EDEEE9; color:#7F83A6; border-left:5px solid #7F83A6}
#users a           {color:#7F83A6; font-weight:bold; text-decoration:none}
#users a:hover     {color:#000000; text-decoration:underline}
.fieldint          {border:0px; width:100px; margin:5px 10px 0px 10px;}
.submitint         {border:0px; width:60px; background-color:#7F83A6; color:#ffffff; margin:10px 0px 0px 115px}


/* Right Column
----------------------------------------------- */
#rightcolumn       {position:relative; float:left; width:529px; border-left:1px solid #EDEEE9;}

/* Body styles */
*html #body        {position:relative; padding:20px; height:291px; color:#000000; line-height:1.45em}
#body              {position:relative; padding:20px; min-height:290px; color:#000000; line-height:1.45em}
#body h2           {font-size:100%; color:#AAAC9E; margin:6px 0px 25px 0px; font-weight:bold; }
img.crown          {padding:0px}
#bodyint           {position:relative; padding:20px 0px 20px 20px; color:#000000;}
#bodyint h1        {font-size:150%; color:#7F83A6; margin:0px 0px 10px 0px; font-weight:normal; }
#bodyint a         {color:#7F83A6; text-decoration:none}
#bodyint a:hover   {color:#000000; text-decoration:underline}

/* Products Float */
*html #productcol1 {float:left; width:244px; margin:20px 20px 20px 0px; height:100px; border:0px solid #000000; font-size:90%; }
#productcol1       {float:left; width:244px; margin:20px 20px 40px 0px; border:0px solid #000000; font-size:90%;}
#productcol1 h1    {font-size:150%; color:#7F83A6; margin:0px 0px 10px 0px; font-weight:normal; }
#productcol1 h2    {font-size:110%; color:#7F83A6; margin:10px 0px 0px 0px; font-weight:normal; }
#productcol2       {float:left; width:245px; height:100px; margin:20px 0px 20px 0px; border:0px solid #000000; font-size:90%}
#productcol2 h1    {font-size:150%; color:#7F83A6; margin:0px 0px 10px 0px; font-weight:normal; }
#productcol2 h2    {font-size:110%; color:#7F83A6; margin:10px 0px 0px 0px; font-weight:normal; }
.clear             {clear:both; margin-bottom:10px}
.note              {clear:both; margin-bottom:10px; color:#ffffff; font-size:90%; background-color:#BD172A; padding:5px; }
.producttext       {font-size:100%; line-height:1.2em; height:75px; }
.producttextsmall  {font-size:85%; line-height:1.2em; height:75px; }
img.product        {float:right; width:100px; height:75px; padding-left:5px; }

#ingredientscol1   {float:left; width:244px; margin:20px 20px 40px 0px; border:0px solid #000000; font-size:90%;}
#ingredientscol1 h1{font-size:150%; color:#ffffff; margin:0px 0px 10px 0px; font-weight:normal; background-color:#7F83A6; padding:5px;}
#ingredientscol1 h3{font-size:110%; color:#AAAC9E; margin:20px 0px 0px 0px; font-weight:normal; }
#ingredientscol2   {float:left; width:245px; height:100px; margin:20px 0px 20px 0px; border:0px solid #000000; font-size:90%}
#ingredientscol2 h1{font-size:150%; color:#ffffff; margin:0px 0px 10px 0px; font-weight:normal; background-color:#7F83A6; padding:5px; }
#ingredientscol2 h3{font-size:110%; color:#AAAC9E; margin:20px 0px 0px 0px; font-weight:normal; }
.ingredientstext   {font-size:100%; color:#000000; padding-bottom:4px; border-bottom:1px solid #ffffff; padding-top:10px; font-weight:bold}
.ingredientssize   {font-size:100%; color:#000000; padding-bottom:4px; border-bottom:1px solid #ffffff; float:right; font-weight:normal}
.ingredientsfunc   {font-size:100%; color:#7F83A6; padding:4px; background-color:#EDEEE9; border-bottom:2px solid #7F83A6; }
.float             {visibility:hidden; position:absolute; left:-3000px; z-index:10; border:1px solid #000000}
.functions         {font-size:100%; color:#7F83A6; padding:4px; background-color:#EDEEE9; border-top:2px solid #7F83A6; }
.quantity          {margin:0px; color:#000000}
*html .fieldqty    {height:15px; border:0px; width:14px; font-size:100%; text-align:center; margin-bottom:0px}
.fieldqty          {height:14px; border:0px; width:14px; font-size:100%; text-align:center; margin-bottom:1px; padding-top:2px}
*html .orderbutton {height:18px; border:0px solid #ffffff; width:86px; font-size:100%; text-align:left; padding-left:3px; background-color:#ffffff; background-image:url('images/shopping_basket.gif'); background-repeat:no-repeat; background-position:67px 3px;}
.orderbutton       {height:17px; border:0px solid #ffffff; width:86px; font-size:100%; text-align:left; padding-left:0px; background-color:#ffffff; background-image:url('images/shopping_basket.gif'); background-repeat:no-repeat; background-position:67px 3px; }
.subtext           {font-size:100%; line-height:1.2em; }
label.checkout     {width: 175px;display: block;margin-top: 5px;height: 14px;float: left;}
/* Registered users login styles */
#registered        {position:relative; padding:10px 20px; min-height:99px; color:#7F83A6; font-size:110%; background-color:#EDEEE9; background-image:url('images/wonton.jpg'); background-repeat:no-repeat; background-position:430px 0px; }
img.registered     {padding-bottom:8px}

#error             {text-decoration:none; color:#DF0031; font-size:110%; font-weight:normal; padding:10px; width:480px; background-color: #f7f7f7; border: 1px solid #DF0031}
#error li          {text-decoration:none; color:#DF0031; font-size:90%; font-weight:normal; list-style:square inside}
form			   {margin:0px; padding:0px}
.form              {margin:5px; font-size:11px; text-align:  left; background-color:#ffffff; border:1px solid #cccccc;}
.field             {border:0px; width:140px; margin:10px 10px 0px 0px}
.submit            {border:0px; width:75px; background-color:#7F83A6; color:#ffffff;}
.password          {margin-left:98px}
.headerrow         {border:0px; background-color:#AAAC9E; color:#ffffff;}

/* Footer Section
----------------------------------------------- */
#footer           {position:relative; clear:both; padding:50px 10px 10px 10px; width:715px; background-color:#7F83A6; color:#ffffff;}
#footer a         {float:right; color:#ffffff; text-decoration:none}
#footer a:hover   {color:#BFC1D2; text-decoration:underline}