﻿/* -------------------------------- Homepage Styles -------------------------------- */
/* Content Area */
#contentContainer
{
	width: 940px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: left;
	background-color: #FFFFFF;
	padding: 10px 9px;
	overflow: auto;
	clear: both;	
}

#leftColContainer
{
	float: left;
	width: 700px;
}

#rightColContainer
{
	float: right;
	width: 220px;
	margin-left: 20px;		
}

/* -------------------------------- Left Column Styles -------------------------------- */
/* Products and Services Search */
#searchTitle
{
	width: 700px;
	font: 20px Tahoma, Trebuchet, Verdana;
	font-weight: bold;
	color: #003366;
}
#searchText
{
	width: 700px;
	margin: 5px 0px;
}
.psContainer
{
	background-color: #F7F9F9;
	width: 698px;
}
#psContent
{
	width: 678px; 
	clear: both; 
	overflow: auto; 
	padding: 6px 10px;
}
#busCategories
{
	float: left;
	width: 390px;
}
.stepTitle
{
	font: 12px 'Arial Black', Gadget, sans-serif;
	color: #004F6E;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.catContainer
{
	overflow: auto;
	clear: both;
	margin-bottom: 10px;
	width: 390px;
}
.catImg
{
	float: left;
	margin-right: 10px;
	width: 130px;
	height: 100px;
}	

.catTitle
{
	float: left;
	font: 16px 'Arial Black' , Gadget, sans-serif;
	font-weight: bold;
	width: 248px;
}	

.catDDL
{
	float: left;
	width: 200px;
}
.catDescription
{
	margin-top: 2px; 	
	float: left;
	width: 248px;
}

#searchZone
{
	float: right;
	margin-left: 20px;
	width: 268px;
}
.searchField
{
	float: left;
	width: 90px;
	text-align: center;
	margin-bottom: 10px;
}
.stepFormField
{
	font-size: 10px;
	color: #2370BC;
}
.searchButton
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	width: 210px;
}

/* Favorite Eats Area */
.favEatsContainer
{
	background-color: #F7F9F9;
	width: 698px;
}
#favEatsContent
{
	width: 678px; 
	clear: both; 
	overflow: auto; 
	padding: 6px 10px;
}
#favEatsLeft
{
	float: left;
	width: 390px;
	text-align: center;
}
#favEatsByLine
{
	width: 390px;
	color: #990000;
	font: 20px 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px 0;
}
#favEatsDirections
{
	text-align: left;	
	font-weight: bold;
}

#favEatsRight
{
	float: right;
	margin-left: 20px;
	width: 268px;
}

/* Right Column Features */
#webGreeter
{
	width: 220px;
	text-align: center;	
}
.rightColFeature
{
	width: 218px;
	background-color: #FFFFE5;
}

.rightColContainer
{
	width: 208px;
	padding: 5px;
	text-align: center;
}
.rightColTitle
{
	color: #990000;
	font: 16px font-family: Garamond, serif;		
	font-weight: bold;
	width: 208px;
	margin-bottom: 10px;
}

.rightColContent
{
	width: 208px;
	text-align: left;
	margin-bottom: 10px;
}

/* Modal Popup */
.modalBackground 
{
	background-color:#333333;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalSignUp 
{
	background-color:#FFFFFF;
	border: solid 1px #666666;
	width: 500px;
}
.modalHeader
{
	display:block;
	width:500px;
	height: 168px;
	background-image: url(/images/popup/header.gif);
	background-repeat: no-repeat;
}
.modalContainer
{
	padding:0 10px 20px 10px;	
	width: 480px;
}
.modalRow 
{
	clear: both;
	width: 480px;
	margin-bottom: 5px;
}
.zipSubText
{
	text-align:left;
	padding-left:5px;
	font-size: small;	
}
.modalRedText
{
	width: 480px;
	font: 14px 'Arial Black', Gadget, sans-serif;
	color: #990000;
	font-weight: bold;
}
