/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/



.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;}

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background-color: #9F3; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

font-family: arial, helvetica,sans serif;

	font-size: 10px;

	color: #000;

	background-color: #FFF;
  margin: 0px;

   background: #f0f0f0 url(http://www.fff-lazygourmet.com/FFFCatalog/images/bodybg.png) repeat-x;
	background-position: left top;

}



A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #AABBDD;

  text-decoration: underline;

}



FORM {

	display: inline;

}



TR.header {

  background: #CF9;
color: #FFF

}



TR.headerNavigation { background-color: #99FF33; }



TD.headerNavigation

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	color: #ffffff;

	font-weight: bold;

	background-color: #99FF33;

}



A.headerNavigation { 

  color: #FFFFFF; 

}



A.headerNavigation:hover {

  color: #ffffff;

}

a.boxText:link {

  color: #000000;

}


TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



tr.navbar

{

	background-image: url(http://www.forestfreshfoods.com/graphics/backgrounds/navbarpurple.gif);

	width: 735px;

	height: 30px;

}



td.navbar

{

	border-right: #999;

	border-left: #999;

	border-width: 0 2px 0 2pt;

	width: 105;

	height: 30;

	text-align: center;

	vertical-align: middle;

	color: #CCC;

	font-family: arial;

	font-size: 10pt;

	font-weight: bold;

}

table.weddingcake

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	background-color: #fff;

border-color: ##99FF33;

	border-width: 1pt;

}

TD.weddingcake

{
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  border-top:1pt solid olive;
  border-right:1pt solid olive;

}

TD.weddingcakecol

{
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  border-top:1pt solid olive;
  border-left: 1pt solid olive;
  border-right:1pt solid olive;

}

TD.weddingcakedivide

{
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  border-right:1pt solid olive;
  border-bottom:1pt solid olive;
}

TD.weddingcakedividecol

{
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  border-right:1pt solid olive;
  border-left: 1pt solid olive;
  border-bottom:1pt solid olive;
}

TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #99FF33;

}



TD.footer

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	color: #ffffff;

	font-weight: bold;

	background-color: #99FF33;

}



.infoBox {

  background: #ffffff;

border-color: ##99FF33;

	border-width: 1pt;

}







.infoBoxContents

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;
color: #000

	background-color: #fff;

border-color: ##99FF33;

	border-width: 1pt;



}





.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;
color:#000
border-color: ##99FF33;

	border-width: 1pt;

}





TD.infoBoxHeading

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #FFF;

	background-color: #9F0;

}



TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

  background: #f8f8f9;

}



TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

  background: #f8f8f9;

}



TABLE.productListing

{

	border: 1px;

	border-style: solid;

	border-color: #b6b7cb;

	border-spacing: 1px;

	background-color: #99FF33;

}



.productListing-heading

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	color: #000;

	font-weight: bold;

	background-color: #99FF33;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 14px;

}



A.pageResults {

  color: #000000;

}



A.pageResults:hover {

  color: #000000;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 20px;

	font-weight: bold;

        background: #FFF;

	color: #690;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



SPAN.greetUser

{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	color: #690;

	font-weight: bold;

}



TABLE.formArea {

  background: #f1f9fe;

  border-color: #7b9ebd;

  border-style: solid;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


.menucell
{
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	color: #3B5442;
	font-weight: bold;
	font-size: 14px;
	background-color: #FFFFFF;
        background-image: url(http://www.forestfreshfoods.com/graphics/backgrounds/menucell.png);
        background-repeat: no-repeat;
}

.menucellfff
{
	text-align: left;
	vertical-align: bottom;
	font-family: Arial;
	color: #3B5442;
	font-size: 10px;
	background-color: #FFFFFF;
        background-image: url(http://www.forestfreshfoods.com/graphics/logos/letterheadfff.jpg);
        background-repeat: no-repeat;
        padding: 5px;
}

.menucell2
{
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	color: #3B5442;
	font-size: 10px;
	background-color: #FFFFFF;
        padding: 5px;
}

.menucell3
{
	text-align: left;
	vertical-align: top;
	font-family: Arial;
	color: #3B5442;
	font-size: 10px;
	background-color: #FFFFFF;
        padding: 5px;
}

.menucell4
{
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	color: #3B5442;
	font-size: 10px;
	background-color: #FFFFFF;
        padding: 5px;
}

.navcell
{
        text-align: center;
	vertical-align: middle;
	font-family: Arial;
	color: #3B5442;
	font-size: 10px;
	background-color: #FFFFFF;
        border-right: 1px #CCC solid;
        width: 65px;
}




h1
{
	font-family: Georgia;
	color: #3b5442;
	font-weight: bold;
}



h2,h3

{

	font-family: arial,helvetica,sans serif;

	font-size: 10px;

	color: #000;

}



a:link

{

	color: #000;

	text-decoration: none;

}



a:visited

{

	color: #C6C;

	text-decoration: none;

}



a:active

{

	color: #000;

	text-decoration: none;

}



a:hover

{

	color: #F09;

	background-color: #CCCCCC;

	text-decoration: blink;

	font-family: Arial, Helvetica, sans-serif;

}



a:focus

{

	color: #FF6699;

	text-decoration: none;

}







a.cc:link

{

	color: #FFFFFF;

	text-decoration: none;

}



table.pgbg

{

	background-color: #99FF33;
	border-left: 1px #CCC solid;
        border-right: 1px #CCC solid;
}

table.pgbgshop

{

	background-color: #FFFFFF;

	height: 600px;

}


table.pgbg1

{

	background-color: #99FF33;
        border-left: 1px #CCC solid;
        border-right: 1px #CCC solid;
        border-bottom: 1px #CCC solid;

}



td.widget

{

	border-color: #609;

	border-width: 1px;

	border-style: inset;

	padding: 4px;

}





img.fltl {

float:left;

vertical-align: top;

}



img.fltr {

float:right;

vertical-align: top;

}





table.intro

{

	font-size: 10px;

	font-family: arial, helvetica,sans serif;

	text-align: left;

	color: #666;

}







td.intro

{

	font-size: 10px;

	font-family: arial, helvetica,sans serif;

	text-align: left;

	color: #000;

	background-color: #FFF;

	vertical-align: bottom;

}



td.intro a:link

{

	text-decoration: none;

	color: #000;

}



td.intro a:visited { text-decoration: none; }

td.intro a:hover { color: #e50000; }







table.outer

{

	border-color: #9F3 #9C6 #9C6 #9F3;

	border-width: 4px;

	border-style: inset;

	background-color: #FFF;

}



table.middle

{

	border-color: #9F3 #9C6 #9C6 #9F3;

	border-width: 2px;

	border-style: solid;

	background-color: #FFFFFF;

}



table.inner

{

	border-color: #9C9;

	border-width: 4px;

	border-style: solid;

	background-color: #FFF;

}



table.display

{

	width: 480;

	height: 250;

	border-color: #CCC;

	border-width: 1px;

	border-style: solid;

	background-color: #6C0;

}



td.displayheader

{

	color: #666;

	font-weight: bolder;

	font-size: 10px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-variant: normal;

	text-align: left;

	background-color: #CFC;

	height: 10px;

	border-color: #CFC;

	border-width: 1px;

	border-style: solid;

}





td.displaylist

{

	color: #666;

	font-size: 10px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-variant: normal;

	text-align: left;

	background-color: #fff;

	border-color: #CFC;

	border-width: 1px;

	border-style: solid;

	vertical-align: top;

	width: 120;

}



.displaylist a:link

{

	color: #000;

	text-decoration: none;

}



.displaylist a:visited

{

	color: #0C6;

	text-decoration: none;

}



.displaylist a:hover

{

	color: #ff0066;

	text-decoration: underline;

}





table.ipod

{

	width: 470;

	height: 250;

	border-color: #CCC;

	border-width: 1px;

	border-style: solid;

	background-color: #FFF;

}



td.ipodscreen

{

	border-color: #CCC;

	border-width: 1px;

	width: 320;

	height: 240;

}



td.picbg

{

	background-color: #99FF33;

	border-width: 1px;

	border-style: solid;

	border-color: #99FF33;

	text-align: center;

	vertical-align: middle;

	font-size: x-small;

}



td.pic

{

	background-color: #99FF33;

	border-width: 1px;

	border-style: inset;

	border-color: #99FF33;

	text-align: center;

	vertical-align: middle;

	font-size: x-small;

	width: 100;

	height: 100;

}



td.enquiry

{

	border-top: medium solid #ffff00;

	border-left: medium solid #ffff00;

	border-right: medium solid olive;

	border-bottom: medium solid olive;

	background: #CC9933;

	color: #000000;

}





td.menu

{

	background: #FFFFFF;

	vertical-align: middle;

	color: #C93;

	font-size: 10px;

}



td.headerintro

{

	background-color: silver;

	border-color: #CCC #999 #999 #CCC;

	border-width: medium;

	border-style: solid;

}









td.header

{

	color: #CCC;

	font-weight: bolder;

	font-size: 10px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-variant: normal;

	text-align: center;

	border-color: #9F3 #9C6 #9C6 #9F3;

}





.header a:link

{

	font-size: 10px;

	color: #000;

	text-decoration: none;

}



.header a:visited

{

	color: #000;

	text-decoration: none;

	

}



.header a:hover

{

	font-size: 10px;

	color: #ff0066;

	text-decoration: underline;

}







td.typelistheader

{

	color: #90C;

	font-weight: bolder;

	font-size: 10px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-variant: normal;

	text-align: left;

	padding-right: 1px;

	padding-left: 1px;

	background-color: #6C0;

	height: 10px;

	border-color: #6C0;

	border-width: 1px;

	border-style: solid;

}



td.typelist h2

{

	color: #066;

	font-weight: bolder;

	font-size: 10px;

}



td.typelist h3

{

	color: #9C6;

	font-weight: bolder;

	font-size: 10px;

}



td.typelist

{

	color: #90C;

	font-size: 10px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-variant: normal;

	text-align: left;

	padding-right: 1px;

	padding-left: 1px;

	background-color: #99FF33;

	border-color: #99FF33;

	border-width: 1px;

	border-style: solid;

	vertical-align: top;

	width: 120;

}



.typelist a:link

{

	color: #90C;

	text-decoration: none;

}



.typelist a:visited

{

	color: #0C6;

	text-decoration: none;

}



.typelist a:hover

{

	color: #ff0066;

	text-decoration: underline;

}







.tabline
{
	color: #9F3;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	background-image: url(http://www.forestfreshfoods.com/graphics/backgrounds/tabline_20_1.png);
	background-repeat: repeat-x;
        height:20px;
}
td.tabline1
{
	color: #6C0;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline2
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline3
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline4
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline5
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline6
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline7
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline8
{
	color: #93C;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}
td.tabline9
{
	color: #6C0;
	font-size: 10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
        width: 100px;
	height: 20px;
	border-color: #CCC;
	border-width: thin;
	border-style: inset;
}

.tablineval a:link

{

	color: #93C;

	text-decoration: none;

}





.tabline a:link

{

	color: #9F3;

	text-decoration: none;

}



.tabline a:visited

{

	color: #6FF;

	text-decoration: none;

}



.tabline a:hover

{

	color: #ff0066;

	text-decoration: underline;

}



.tabline h1

{

	font-size: 10px;

	color: #066;

}





.footer

{

	font-size: 9px;

	color: #cccccc;

}



.footer a:link,a:active { color: #CC6; }

.footer a:visited { color: #CF3; }



.footer a:hover

{

	text-decoration: underline;

	color: #F00;

	background-color: #CCC;

}



table.sites

{

	width: 100%;

	background-color: #FFF;

	border-color: #CCC;

}



tr.sites

{

	font-size: 10px;

	color: #333;

	background-color: #FFF;

}



tr.sites a:link,a:active { color: #CC6; }

tr.sites a:visited { color: #CF3; }



tr.sites a:hover

{

	text-decoration: underline;

	color: #F00;

	background-color: #CCC;

}



td.sitesheader

{

	font-size: 10px;

	color: #333;

	width: 120px;

	background-color: #FFFFFF;

	text-align: left;

}



td.sites

{

	font-size: 10px;

	color: #333;

	width: 120px;

	background-color: #CCC;

	text-align: left;

	height: 125;

	border-color: #CCC;

}



td.sites a:link,a:active { color: #333; }

td.sites a:visited { color: #CF3; }



td.sites a:hover

{

	text-decoration: underline;

	color: #F00;

	background-color: #CCC;

}