/* Office Coffee CSS Document */

body{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:center;
}

.style1 {color: #FFFFFF}
.style2 {color: #FF0000}


.hText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}

.Footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	text-decoration: none;
}

.Footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000ff;
	text-decoration: underline;
}

.Footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.Footer1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-decoration: none;
}

.Footer1 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-decoration: underline;
}

.Footer1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.txtbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	width:auto;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background-color:#FFFFFF;	
}

.SmallHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #AC0308;
	text-decoration: none;
	font-weight:bold;
}

.SpacerLeft
{
	padding-left:25px;
}

.SpacerRight
{
	padding-right:25px;
}

.SpacerTop
{
	padding-top:5px;
}

.grey {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #7F7F7F;
	/*font-weight: bold;*/
}
.black {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;

}
.grey1 {

	font-family: Arial, Verdana;
	font-size: 10px;
	color: #7F7F7F;
}

.BorderGray {
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.textbld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight:bold
}

A.maplink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight:bold
}

A:hover.maplink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: underline;
	font-weight:bold
}

.centerForm
{
	text-align:center;	
}


.redbg
{
	padding-left: 6px;
	height: 20px;
	color: #FFFFFF;
	/*font-family: Times, serif;*/
	font-size: 12px;
	font-weight: bold;
	background: #AC0308 url(../images/subhead_bg.gif) repeat-y left top;
	/*#BF1E23 alt bg FF3333 #AC0308 */
}

.greybg
{
    background-color: #eaeaea;
    color: #000000;
    font-weight: bold;    
    padding: 5px;
}

.whiteText
{
	color: #ffffff;
}

.largeRedText
{
	color: Red;
	font-size:medium;
}

DIV#tipDiv 
{ 
	BORDER-RIGHT: #336 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #336 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; Z-INDEX: 10000; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: #336 1px solid; WIDTH: 250px; COLOR: #000; LINE-HEIGHT: 1.2; PADDING-TOP: 4px; BORDER-BOTTOM: #336 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #dee7f7 
}

DIV.tp1 
{ 
	FONT-SIZE: 12px; COLOR: #336; FONT-STYLE: italic 
}

DIV.tp2 
{ 
	FONT-WEIGHT: bolder; COLOR: #337; PADDING-TOP: 4px 
}
		
.categoryList
{
	/*overflow: auto;
	height: 50px;*/
	overflow: auto;
	height:200px;
	width:85%;
	background-color: #EAEAEA;
	border: 1px  solid #CCCCCC;
}

.small
{
	font-size: 10px;
	color:#333333;
}




/*	========================================================================
	RL additions begin here 
	Note: this is pure triage. This site's code is a mess. Someone needs to 
	throw it all out and start over. I'm just doing my best to make it 
	work, half-way at least. RL.
	======================================================================== */

#OfficeCoffeePageWrapper {
	background-color:	#fff;
	margin:				0px auto 0px auto;
	border:				0px solid #aaa;
	padding-top:		0em;
	padding-right:		0em;
	padding-bottom:		0em;
	padding-left:		0em;
	width:				710px;
	text-align:			left;}

table#BannerTable {
	border-collapse: 	collapse;
	margin-top:			4px;}

div#Banner {
	height:				177px;
	margin-top:			5px;
	background-image:	url(../images/banner.jpg);
	background-repeat: no-repeat;
	padding-top:		10px;
	padding-left:		256px;}
	
div#BannerTextWrapper {
	margin-top:			26px;}

span#BannerSiteName {
	font-family:		Arial, Verdana, sans-serif;
	font-size:			20px;
	font-weight:		bold;}
	
span#BannerText {
	font-family:		Arial, Verdana, sans-serif;
	font-size:			11px;
	color:				#7f7f7f;}

img#BannerMore {
	margin-top:			8px;
	margin-left:		160px;}

img#BannerAdRight {
	float:				right;
	margin-right:		10px;}

#FooterTable {
	width:				100%;}
	
#FooterTD {
	background-image:	url(../images/bg_stripes.gif);
	border-top:			1px solid #999;
	padding-top:		2px;
	padding-bottom:		4px;
	text-align:			center;
	font-size:			11px;
	line-height:		150%;
	color:				black;}

#FooterTD a 		{color:black;font-size:11px;}
#FooterTD a:link 	{text-decoration:none;}
#FooterTD a:visited {text-decoration:none;}
#FooterTD a:focus	{text-decoration:none;}
#FooterTD a:hover	{text-decoration:underline;}
#FooterTD a:active	{text-decoration:underline;}


img {border:0px;}


#FAQquestionList {
	line-height:		175%;}

#Feedback #txtDescr {
	width:				340px;
	height:				100px;}
	
#Feedback #txtfirstname, 
#Feedback #txtlastname, 
#Feedback #txtemail, 
#Feedback #txtphonenumber {
	width:				200px}

#Feedback #btnSend {
	width:				100px}


#SiteMap h2 {
	margin-bottom:		0px;
	margin-left:		7px;
	font-size:			12px;
	color:				#000}

#SiteMap ul {
	margin:				0px;
	margin-left:		3.5em;
	padding:			0px;}

#SiteMap ul a {
	font-weight:		normal;}


h4.CityStateHeading {
	margin-top:			1em;
	margin-bottom:		0px;
	font-size:			12px;}

p.CityStateLinks {
	line-height:		150%}

p.CityStateLinks a:link, 
p.CityStateLinks a:visited, 
p.CityStateLinks a:focus {font-weight:bold;color:#000;}

p.CityStateLinks a:hover, 
p.CityStateLinks a:active {font-weight:bold;color:#AC0308;}


/* Survey styles */

#CoffeeThankYou  h2,
#WaterThankYou   h2,
#VendingThankYou h2,
#FoodThankYou    h2 {
	margin-bottom:		0px;
	font-size:			12px;
	color:				#000;}

#CoffeeThankYou  ul,
#WaterThankYou   ul,
#VendingThankYou ul,
#FoodThankYou    ul {
	margin-top:			6px;}

ul.HeaderList li {
	margin-right:		30px;}

.questionText {
	margin-bottom:		4px;
	font-weight: 		bold;}

.formatradiobuttons {
	margin-left:		10px;
	margin-bottom:		1em;
	line-height:		20px;}
	
.txtOther {
	/* this sets an "other" single line text box when used after a list of radios */
	width:				241px;
	padding:			3px;
	margin-bottom:		8px;
	margin-left:		21px;
	border:				1px solid #9DBFE4;}
	
#txtZipCode {
	/* this sets a zip code single line text box when used on a services page.
	It inherits formatting from txtOther above. Both are applied. The id is 
	automatically set by George on a txtZipCode input. */
	width:				354px;
	margin-top:			3px;
	margin-left:		3px;}

#txtAdditionalComments {
	width:				400px;
	height:				43px;}

div.onScreenHelpUnderInput {
	/*	Formats the help text under an input like the zip code on page 1 of the forms. */
	margin-left:		2px;
	color:				#999;
	line-height:		1.25em;}

#txtZipCode {
	width:				400px;}


#btnStep2 {
	width:				100px;}

.NoteToUser {
	color:				#aaa;}

.AreYouSure {
	background-color:	#f3f3f3;
	padding:			6px;
	border:				1px dotted #aaa;
	line-height:		150%;}


#SurveyPage2Table td {
	padding-bottom:		4px;}

.formpage2column1 {
	width:				120px;}

#FirstName,
#LastName,
#EmailAddress,
#CompanyName,
#Address1,
#Address2,
#City,
#zip {
	width:				201px;}

#StateId {
	width:				206px;}

#areacode, 
#prefix, 
#PhoneNumber, 
#ext {
	width:				32px;}

#Finalstep{
	width:				100px;
	margin-top:			10px;}

div.onScreenHelpUnderInputPage2 {
	/*	Formats the help text under an input on page 2 of the forms. */
	margin-top:			3px;
	margin-left:		0px;
	color:				#999;
	line-height:		1.25em;}


/* 	End of styles ========================================================== */