@charset "utf-8";
/* CSS Document */
body
{
	margin: 0px;
	background-color: #fff ;
	background-image: url(images/footerfade1.png);
	background-repeat:repeat-x;
	background-position:bottom;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000;
}

a {
	color:#000;
}
a:hover {
	color:#999999;
	
}
/* Fonts */

p {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
}
h1 {
	font-size:14px;
	margin-top:0px;
	margin-bottom:10px;
	color:#636363;
}

h2 {
	font-size:12px;
	margin-top:0px;
	margin-bottom:10px ;
	line-height:1.7em;
	font-weight:400;
	color:#636363;
}

h3 {
	font-size:16pt;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
	font-variant:normal;
}

h6 {
	font-size:8pt;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:0px;
	font-variant:normal;
}

/* Page Container */
#container
{
	width: 900px;
	margin: 0 auto;
}

/* Header Background*/
#header_background
{
	background-image: url(images/headerbg.gif);
	background-repeat: repeat-x;
	height: 40px;
	
}

/* Header Logo*/
#header_logo
{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	position: relative;
	top: 41px;
	height: 154px;
	width: 900px;
	border: 0px;
	border-bottom:1px solid #999999;
}

#slogan 
{
	background-image: url(images/tomatoe.png);
	background-repeat: no-repeat;
	background-position:bottom right;
	width: 900px;
	height: 195px;
	float:right;
	right:200px;
	position:relative;
	bottom:75px;
	
	
	
	
}

#slogan .slogan 
{
	background-image: url(images/slogan.png);
	background-repeat:no-repeat;
	width:533px;
	height:212px;
	float:right;
	background-position:bottom right;
	
}

#slogan1
{
	width:900px;
	height:15px;
	background-image: url(images/slogan1.png) ;
	background-repeat:no-repeat;
	background-position:relative;
	background-position:center;
	float:inherit;
	clear:both;
	
	
	
}
/* Navigation */

#nav { 
	width:900px;

	height:30px;

	margin:0;

	padding:0;

	position:relative;

	background:url(images/nav.png);
	


}

#navwrapper {
	width:900px;
	height:30px;
	border-bottom:1px #999999 solid;

	border-top:1px #999999 solid;
	
}
#nav li {

	margin:0;

	padding:0;

	list-style:none;

	position:absolute;

	top:0;

}

#nav li, #nav a {

	height:30px;

	display:block;

}

#nav01 {

	text-indent:-300em;

	overflow:hidden;

	left:0px;

	width:120px;

}

#nav02 {

	text-indent:-300em;

	overflow:hidden;

	left:120px;

	width:200px;

}

#nav03 {

	text-indent:-300em;

	overflow:hidden;

	left:320px;

	width:220px;

}

#nav04 {

	text-indent:-300em;

	overflow:hidden;

	left:540px;

	width:200px;

}

#nav05 {

	text-indent:-300em;

	overflow:hidden;

	left:740px;

	width:160px;

}

#nav06 {

	text-indent:-300em;

	overflow:hidden;

	left:600px;

	width:120px;

}

#nav07 {

	text-indent:-300em;

	overflow:hidden;

	left:720px;

	width:100px;

}

#nav01 a:hover {

	background:transparent url(images/nav.png) 0px -30px no-repeat;
	background-color:#000000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

#nav02 a:hover {

	background:transparent url(images/nav.png) -120px -30px no-repeat;
	background-color:#000000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#nav03 a:hover {

	background:transparent url(images/nav.png) -320px -30px no-repeat;
	background-color:#000000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#nav04 a:hover {

	background:transparent url(images/nav.png) -540px -30px no-repeat;
	background-color:#000000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#nav05 a:hover {

	background:transparent url(images/nav.png) -740px -30px no-repeat;
	background-color:#000000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#navfooter ul {

	margin:0;

	padding:0;

	list-style:none;

	position:absolute;

	top:0;
	display:block

}

#navfooter li, #navfooter a {

	height:30px;

	display:block;
	list-style:none;
	

}
#navfooter li, #navfooter a:hover {

	height:30px;
	color:#fff;
	display:block;
	list-style:none;
	

}
/* Content */

#pagecontent 
{
	width:900px;
}

#welcome
{
	width:500px;
	float:left;
	
	
}

/* Right Column */

#rightcolumn 
{
	width:300px;
	float:right;
	border-left:dotted 1px #999999;
	padding-left:10px;
	
}
#rightcolumn ul {
	font-size:12px;
	line-height:22px;
}

#rightcolumn .product 
{
	width:231px;
	height:56px;
	background-image: url(images/top.png)
}
#rightcolumn .content
{
	width:231px;
	background-color:#f0e7f6;
}
#rightcolumn .bottom
{
	width:231px;
	height:69px;
	background-image: url(images/bottom.png);
	background-color:#f0e7f6;
	
}

#welcome .meatdept {
	width:160px;
	height:110px;
	padding:5px;
	float:right;
}

#welcome .meatdept1 {
	width:160px;
	height:110px;
	padding:5px;
	float:left;
}

#welcome .grocerybag {
	width:202px;
	height:225px;
	float:right;
	margin:5px;
	bottom:50px;
	position:relative;
}
#mainslogan {
	width:900px;
	clear:both;
}
#mainslogan img {
	width:665px;
	height:34px;
	left:120px;
	position:relative;
}


	
/* Spacers */

#spacer
{
	width:900px;
	height:40px;
	clear:both;
}

#spacer1
{
	width:900px;
	height:30px;
	clear:both;
}

#producespacer
{
	width:230px;
	height:10px;
}

#rightspacer
{
	width:230px;
	height:50px;
}

#15pxspacer 
{
	width:900px;
	height:15px;
	clear:both;
}

#txtspacer 
{
	width:500px;
	height:10px;
}


#footerspacer
{
	height:50px;
	clear:both;
}

/* Footer */

#footer 
{
	
	height:140px;
	color:#999999;
	clear:both;
	text-align:center;
	background: url(images/bottom_back.png) repeat-x;
	display:block;
	
}
#footer h5 {
	font-size:9px;
}

#footer ul {

	margin:0;

	padding:0;

	list-style:none;

	display:block;
	
	color:#999999;
	

}

#footer li, #footer a {

	height:5px;
	list-style:none;
	color:#999999;
	text-decoration:none;
	font-size:1.2em;

}

#footer a:hover {

	height:5px;
	list-style:none;
	color:#fff;
	text-decoration:underline;
	font-size:1.2em;

}


/* 3 Column Layout */

#threecolumn 
{
	width:900px;
	clear:both;
	
	
}

#threecolumn .spacer 
{
	width:100px;
	height:10px;
}

#threecolumn .column1
{
	width:275px;
	float:left;
	height:350px;
	margin-left:5px;
	margin-right:5px;
	border-right:thin #999999 solid;
	
}

#threecolumn .column2
{
	width:275px;
	float:left;
	height:350px;
	margin-left:5px;
	margin-right:5px;
	border-right:thin #999999 solid;
}

#threecolumn .column3
{
	width:275px;
	height:350px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	
}

#threecolumn .column1 .meatdept {
	width:160px;
	height:110px;
	padding:5px;
	float:right;
}
#threecolumn .column3 .baking {
	width:160px;
	height:110px;
	padding:5px;
	float:right;
}
#threecolumn .column2 .produce {
	width:160px;
	height:110px;
	padding:5px;
	float:right;
}

#departments {
	width:900px;
	height:50px;
	background: url(images/departments.png) center no-repeat;
	clear:both;
	border-top:dotted 1px #999999;
	padding-top:10px;
}

/* Departments */

#departmentheader {

	width:900px;
	height:50px;
	background: url(images/flmgdepartments.png) center no-repeat;
	clear:both;
	
}

#pagedeptartments 
{
	width:900px;
}

#pagedepartments .mainspacer {

	width:900px;
	height:10px;
	border-bottom:1px #999999 dotted;
	clear:both;
	padding-bottom:20px;
	margin-bottom:20px;
}
#pagedepartments .spacer {
	width:900px;
	height:10px;
	border-bottom:dotted 1px #999999;
}

#pagedepartments .col1 {

	width:400px;
	float:left;
}
#pagedepartments .col2 {
	
	width:470px;
	float:right;
	
}
#pagedepartments .col3 {

	width:400px;
	float:left;
}
#pagedepartments .col4 {
	
	width:470px;
	float:right;
	
}
#pagedepartments .col5 {
	
	width:900px;
	
}

#pagedepartments .col1 .title {

	width:172px;
	height:15px;
	position:relative;
	left:100px;
	
}

#pagedepartments .col2 .title {

	width:172px;
	height:15px;
	position:relative;
	left:130px;
	
}

#pagedepartments .col3 .title {

	width:72px;
	height:15px;
	position:relative;
	left:180px;
	
}
#pagedepartments .col4 .title {

	width:72px;
	height:15px;
	position:relative;
	left:120px;
	
}

#pagedepartments .col1 .meatimg {

	width:250px;
	height:263px;
	border:4px double #999999;
	float:right;
	margin:5px;
	margin-bottom:40px;
	
}
#pagedepartments .col1 .meatimg h1 {

	font-size:12px;
	font-style:italic;
	font-weight:600;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:15px;
	background:#999999;
	color:#000;
	top:5px;
	position:relative;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}

#pagedepartments .col3 .bakery {

	width:225px;
	height:150px;
	border:4px double #999999;
	float:right;
	margin-bottom:30px;
}
#pagedepartments .col3 .bakeryimg h1 {

	font-size:12px;
	font-style:italic;
	font-weight:600;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:30px;
	background:#999999;
	color:#000;
	top:5px;
	position:relative;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}
#pagedepartments .col2 .produceimgcontainer {

	width:475px;
	height:200px;
	
	margin-top:10px;
	
}
#pagedepartments .col2 .produceimg {

	width:225px;
	height:150px;
	border:4px double #999999;
	float:right;
	margin-top:10px;
	
}
#pagedepartments .col2 .text h1 {

	font-size:12px;
	font-style:italic;
	font-weight:600;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:15px;
	background:#999999;
	background-position:bottom;
	color:#000;
	top:2px;
	position:relative;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height:30px;
	clear:both;
	
	
	
}
#pagedepartments a {
	color:#000;
	text-decoration:underline;
}
#pagedepartments a:hover {
	color:#999999;
	text-decoration:underline;
}
#pagedepartments .col2 .produceimg1 {

	width:225px;
	height:150px;
	border:4px double #999999;
	float:left;
	margin-top:10px;
	
}

#pagedepartments .col2 .spacer {

	width:400px;
	height:5px;
	clear:both;
}



#pagedepartments .col1 .meatimg h9 {

	font-size:1em;
	color:#999999;
	text-align:center;
	margin:44px;
	padding:15px;
	margin-top:10px;
	

}
#pagedepartments .col3 .bakeryimg {

	width:225px;
	height:150px;
	border:4px double #999999;
	float:left;
	margin-top:10px;
	margin:10px;
	margin-bottom:40px;
	

}



#pagedepartments .col1 .titleimg {

	width:172px;
	height:15px;
	position:relative;
	left:100px;
	
}

#pagedepartments .col4 .dairy1 {

	width:225px;
	height:350px;
	border:4px double #999999;
	float:right;
	margin-top:10px;
	
}
#pagedepartments .col4 .dairy2 {

	width:225px;
	height:350px;
	border:4px double #999999;
	float:left;
	margin-top:10px;
	
}
#pagedepartments .col4 .text h1 {

	font-size:12px;
	font-style:italic;
	font-weight:600;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:15px;
	background:#999999;
	background-position:bottom;
	color:#000;
	top:2px;
	position:relative;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height:30px;
	clear:both;
	
	
	
}

#pagedepartments .col5 .title {
	
	width:280px;
	height:15px;
	position:relative;
	left:400px;
}
#pagedepartments .col5 .fullserviceimg {

	width:225px;
	height:150px;
	border:4px double #999999;
	float:left;
	left:200px;
	position:relative;
	margin-top:10px;
	

}
#pagedepartments .col5 .produceimgcontainer {

	width:475px;
	height:200px;
	
	margin-top:10px;
	
}
#pagedepartments .col5 .text h1 {

	font-size:12px;
	font-style:italic;
	font-weight:600;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:15px;
	background:#999999;
	background-position:bottom;
	color:#000;
	top:2px;
	position:relative;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	height:20px;
	clear:both;
	width:465px;
	left:200px;
	
	
	
	
}

/*Promotions Page*/

#promotions {

	width:900px;
}

#promotions .title {
	width:900px;
	height:40px;
	background: url(images/flmgpromotions.png) center no-repeat;
	
}
#promotions .spacer {
	width:900px;
	height:10px;
	border-bottom:dotted 1px #999999;
}
#promotions .spacer1 {
	width:900px;
	height:30px;
}

#promotions .col1 {
	width:500px;
	float:left;
	
}
#promotions .col1 .produceimg{
	width:85px;
	height:25px;
	position:relative;
	left:150px;
	
	
	
}
#promotions .col1 .titlespacer {
	width:500px;
	height:5px;
	border-bottom:dotted 1px #999999;
	position:relative;
	margin-bottom:15px;
	
}

#promotions .col2 {
	width:250px;
	border-left:dotted 1px #999999;
	height:500px;
	float:right;
}

#promotions .col2 .titleimg {
	width:185px;
	height:15px;
	position:relative;
	left:50px;
	
}
#promotions .col2 .titlespacer {
	width:220px;
	height:15px;
	border-bottom:dotted 1px #999999;
	position:relative;
	left:30px;
}

#promotions .col2 h1 {

	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	color:#636363;
	font-weight:bold;
	
}
#promotions .col2 ul {

	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
	color:#000;
	margin-left:0px;
	line-height:20px;
	padding-top:10px;
}
#promotions .table {
	width:500px;
	float:right;
	position:relative;
	left:15px;
}

/*Order Online Page*/

#order {
	width:900px
}

#order .title {
	width:900px;
	height:40px;
	background: url(images/flmgorder.png) center no-repeat;
	
}
#order .spacer {
	width:900px;
	height:10px;
	border-bottom:dotted 1px #999999;
}
#order .spacer1 {
	width:900px;
	height:30px;
}
#order .col1 {
	width:600px;
	float:left;
	clear:both;
}

#order .col2 {
	width:250px;
	border-left:dotted 1px #999999;
	float:right;
}

#order .col2 .titleimg {
	width:185px;
	height:15px;
	position:relative;
	left:50px;
	
	
}
#order .col2 .titlespacer {
	width:220px;
	height:15px;
	border-bottom:dotted 1px #999999;
	position:relative;
	left:30px;
}
#order .col2 ul {

	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
	color:#000;
	margin-left:20px;
	line-height:20px;
	padding-top:10px;
}
#order .col2 h1 {

	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	color:#636363;
	font-weight:bold;
	
}
#order .col1 .howitworks{
	width:85px;
	height:25px;
	position:relative;
	left:200px;
	
	
}
#order .col1 .thank{
	width:85px;
	height:25px;
	position:relative;
	left:125px;
	
	
}
#order .col1 .titlespacer {
	width:500px;
	height:5px;
	border-bottom:dotted 1px #999999;
	position:relative;
	margin-bottom:15px;
	left:45px;
	
}
#order .col1 .tomatoe {
	width:200px;
	height:267px;
	border:double 4px #999999;
	margin:5px;
	float:right;
}
#order .col2 .bag {
	width:250px;
	height:300px;
	margin-left:20px;
}

/*Contact Us Page*/

#contact {
	width:900px;
}
#contact .title {
	width:900px;
	height:40px;
	background: url(images/flmgcontact.png) center no-repeat;
	
}
#contact .spacer {
	width:900px;
	height:10px;
	border-bottom:dotted 1px #999999;
}
#contact .col1 {
	width:150px;
	float:left;
	
}
#contact .col1 .address {
	width:150px;
	height:20px;
	padding-top:20px;
	}
#contact .col1 .phone {
	width:150px;
	height:20px;
	padding-top:20px;
	}
	
#contact .col1 .email {
	width:350px;
	height:20px;
	padding-top:20px;
	}

#contact .col1 h3 {
	font-size:12px;
	color:#000;
}	
#contact .col2 {
	width:350px;
	border-left:dotted 1px #999999;
	float:right;
	padding-left:20px;
	padding-top:20px;
}
#contact .col2 .map {
	width:300px;
	border:double 4px #999999;
	height:332px;
}
#contact .col2 h3 {
	font-size:14px;
	margin-left:80px;
	color:#000;
}
#contact .col3 {
	width:350px;
	float:left;
	position:relative;
	left:10px;
	top:20px;
	
}
#contact .col3 .img {
	width:350px;
	border:double 4px #999999;
}
#contact .col3 h1 {
	font-size:11px;
	text-align:center;
}
#contactemail {
	width:300px;
	clear:both;
	position:relative;
	margin-left:50px;
	
	
	
}
#contactemail h2 {
	font-size:18px;
	font-weight:bold;
	margin-right:20px;
	right:20px;
}
#contactemail .img1 {
	width:75px;
	height:20px;
	position:relative;
	left:80px;
}
#contact .footer