@charset "UTF-8";
/* CSS Document */

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
  	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #535353;
	background-image: url(images/tile_body.gif);
	background-repeat: repeat-x;
	}
	
	.fckbody
	{
		background-color: #FFFFFF;
		background-image: none;	
	}	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	font-weight: bold;
	color: #920000;
	
	}
	
a:visited
{
	text-decoration: underline;
	font-weight: bold;
	color: #920000;
	}
	
a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #920000;
	}
	
a:active
{
	text-decoration: underline;
	font-weight: bold;
	color: #920000;
	}
	
/* Site Container that holds everything and is centered*/
#container
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 990px;
	background-color: transparent;
}

/* holds logo and navigation items */
#Lcolumn
{
	margin: 0px;
	padding: 0px;
	float: 	left;
	width: 268px;
	}
	
/* holds logo in Lcolumn */
#Logo
{
	margin: 0px;
	padding: 0px;
	width: 268px;
	height: 182px;
	background-color: transparent;
	}
	
/* holds navigation right below logo in the Lcolumn */
#navigation
{
	margin: 0px;
	padding: 0px;
	width: 268px;
	background-color: transparent;
	}

/* holds scrolling message and welcome content */
#Rcolumn
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 722px;
	}
	
/*holds scrolling message, could be a potential Flash ticker if desired. */
#scroll
{
	margin: 0px;
	padding: 0px;
	width: 722px;
	height: 124px;
	background-image: url(images/scroll_01.gif);
	background-repeat: no-repeat;
	}

	
/*holds content and slideshow inside the Rcolumn */
#midSection
{
	margin: 0px;
	padding-bottom: 10px;
	width: 722px;
	background-image: url(images/tile_content.gif);
	background-repeat: repeat-y;
	}

/* holds content not split into two columns */
#content
{
	width: 655px;
	margin: 0px;
	padding: 30px 15px 0 50px;
	float: left;
	background-color: transparent;
	background-image: url(images/logo_04.gif);
	background-repeat: no-repeat;
	}

/* holds content with slideshow next to it */
#contentL
{
	width: 300px;
	margin: 0px;
	padding: 30px 10px 0 50px;
	float: left;
	background-color: transparent;
	background-image: url(images/logo_04.gif);
	background-repeat: no-repeat;
	}

/* holds content on left side below the content for all INSIDE PAGES */
#contentL_INSIDE
{
	width: 300px;
	margin: 0px;
	padding: 10px 10px 0 50px;
	float: left;
	background-color: transparent;
	}	

	
/* holds the flash slideshow and sits next to the content. */
#slideshow
{
	margin: 0px;
	float: left;
	width: 340px;
	padding: 0 0 0 20px;
	}
	
/* holds the content below slideshow and sits next to the contentL on the left. */
#contentR
{
	margin: 0px;
	float: left;
	width: 325px;
	padding: 10px 15px 0 20px;
	text-align: left;
	}
	
/* holds coupon deals */
.coupons
{
	width: 500px;
	margin: 10px 10px 10px 50px;
	padding: 10px 15px;
	float: left;
	background-color: transparent;
	border: dashed 2px #CCCCCC;
	}
	
/* holds coupon deals */
.couponDescription
{
	width: 340px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: transparent;
	}
	
/* holds coupon deals */
.couponDownload
{
	width: 158px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: transparent;
	text-align: right;
	}


/* on detailedPage holds large picture of store */
#storePhoto
{
	width: 385px;
	margin: 0px;
	padding: 30px 10px 10px 50px;
	float: left;
	background-color: transparent;
	}
	
/*on detailedPage holds all thumbs for the store Photos */
#thumbBox
{
	margin: 0px;
	float: left;
	width: 260px;
	padding: 73px 15px 0 0;
	}
	
/* holds individual thumb images */
.thumbs
{
	margin: 0px;
	float: left;
	width: 75px;
	padding: 0 10px 5px 0;
	border: none;
	}
	
/* Graphic that sits below the midSection and stretches with content. */
#contentBottomGraphic
{
	margin: 0px;
	padding: 0px;
	width: 722px;
	background-image: url(images/tile_contentBottomGraphic.gif);
	background-repeat: no-repeat;
	height: 47px;
	}
	
/* holds anything you want that equals the width of the container */
.banner
{
	margin: 0 0 0 268px;
	padding: 0 0 0 20px;
	width: 702px;
	}
	
/* holds the individual specials at bottom of page. */
.special
{
	margin: 0px;
	padding: 0 22px 0 0;
	float: left;
	width: 210px;
	height: 195px;
	}
	
/* holds the individual specials under navigation in Lcolumn. */
.specialLeft
{
	margin: 0px;
	padding: 5px 28px;
	float: left;
	width: 212px;
	height: 195px;
	}	
	
/* floats img to the right */	
.float-right {
	float:right;
	padding:0 10px 0px 10px;
}


/* Global settings for an ul. */
ul {
	list-style-type: square;
	}

/* Global settings for Horizontal Rules */
hr
{
	border: none;
	background-color:#ffffff;
	color: #ffffff;
	height: 1px;
	margin: 3px 0px 20px 0px;
	}

/* A style of bullets using a custom image. */	
.BulletedListUL
{ 
	list-style-image: url(images/bullet.jpg);
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #535353;
	font-weight: bold;
	line-height: 20px;
	}
	
.BulletedListUL a:link
{
	text-decoration: underline;
	color: #920000;
	}
	
.BulletedListUL a:visited
{
	text-decoration: none;
	color: #535353;
}
	
.BulletedListUL a:hover
{
	text-decoration: none;
	color: #535353;
	}
	
.BulletedListUL a:active
{
	text-decoration: none;
	color: #535353;
}
	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	

/* Footer Div properties */
#footer
{
	margin: 0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	width: 990px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	}
	
#footer a:link
{
	text-decoration: none;
	color: #8d1a0d;
	}
	
#footer a:visited
{
	text-decoration: none;
	color: #8d1a0d;
}
	
#footer a:hover
{
	text-decoration: underline;
	color: #8d1a0d;
	}
	
#footer a:active
{
	text-decoration: none;
	color: #8d1a0d;
}

/* Tabular style for any data */

td, th {
	font: 12px Arial, Helvetica, sans-serif;
}

.datatable {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.datatable td {
	border: none;
	padding: 7px;
}

.datatable th {
	border: none;
	background-color: #E0E0E0;
	color: #656565;
	font-weight: bold;
	text-align: left;
	padding: 7px;
}

.datatable caption {
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 3px 0 8px 0;
}

.datatable tr.altrow {
	background-color: #E7F1FE;
	color: 000000;
}

.datatable tr: hover {
	background-color: F4D200;
	color: #000000;
}

.datatable a:link
{
	color: #920000;
	text-decoration: underline;
	}

/* Tabular rollovers Script for IE6 */
.datatable tr: hover, .datatable tr.hilite {
	background-color: F4D200;
	color: #000000;
}

/* Style of Forms */
input.txt {
	color: #311905;
	background-color: #F6E7D2;
	border: 1px outset #311905;
}

input.btn {
	color:: #FADBB5;
	background-color: #E2C8A5;
	border: 1px outset #311905;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
} 

form p label {
	float: left;
	width: 30%;
	font: bold 11px Arial, Helvetica, sans-serif;
}
 /* holds image for the food/bev detailed page */
#foodImage
{
	width: 200px;
	margin: 0px;
	padding: 9px;
	float: left;
	border: 1px solid #000000;
	background-color: transparent;
	}
	
 /* holds the description or content next to the food image */
#foodContent
{
	width: 415px;
	margin: 0px;
	padding: 0 0 20px 20px;
	float: left;
	background-color: transparent;
	}


h1 {
	font-size: 2.5em;
	overflow: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding:  10px 0px 5px 0px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 300px;
	height: 30px;
	}

h2 {
	font-size: 2.0em;
	overflow: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding:  10px 0px 5px 0px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 300px;
	height: 30px;
	}
	
h3 {
	font-size: 2.0em;
	overflow: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding:  10px 0 5px 12px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 300px;
	height: 30px;
	}
	
h4 {
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding:  10px 0 5px 12px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 300px;
	height: 30px;
	}
	
h5 {
	font-size: 2.5em;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 10px 0 5px 0px;
	border-bottom: double #b3b3b3;
	margin: 6px 0px 10px 0px;
	color: #000000;
	width: 650px;
	height: 30px;
	}
	
h6 {
	font-size: 2.0em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 300px;
	height: 30px;
	}
	
.h7 {
	font-size: 2.0em;
	overflow: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding:  10px 0px 5px 0px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 385px;
	height: 30px;
	}
	

.h8 {
	font-size: 1.8em;
	overflow: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding:  10px 0px 5px 0px;
	padding-top: 4px;
	border-bottom: double #b3b3b3;
	margin: 0px 0px 10px 0px;
	color: #000000;
	width: 650px;
	height: 30px;
	}

.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #920000;
	font-weight: bold;
	}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #920000;
	font-weight: bold;
	}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #920000;
	font-weight: bold;
	}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #920000;
	font-weight: bold;
	}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #920000;
	font-weight: normal;
	}

.text06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #004390;
	font-weight: bold;
	}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #004390;
	font-weight: bold;
	}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004390;
	font-weight: bold;
	}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004390;
	font-weight: bold;
	}

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #535353;
	font-weight: bold;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535353;
	font-weight: bold;
	}
.text12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
	font-weight: bold;
	}
.text13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	font-weight: bold;
	}
.text14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
	font-weight: normal;
	}

.text15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	font-weight: normal;
	font-style: italic;
	}
	
.text20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #920000;
	font-weight: bold;
	}