/**********************************************************
********** BUSINESS DIRECTORY - HEADER SECTION ************
**********************************************************/

	h1 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:8.5pt; color:#000000; margin:0px; padding:0px;}
	
	#headerTile{
		float:left;
		clear:both;
		width:762px;
		height:22px;
		margin-top:10px;
		background-image: url(../images/businessDirectoryBarSlice.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		xborder:solid 1px black;}
		
	#pageTitleIcon{
		float:left;
		margin-top:-32px;
		margin-bottom:10px;
		margin-left:13px;		
		xborder:solid 1px black;}
		
	#categoryHeader{
		float:left;
		margin-top:-27px;
		margin-bottom:0px;
		margin-left:90px;
		xpadding-right:92px;
		xborder:solid 1px black;}
		
	#categoryPrintHeader{
		float:left;
		width:360px;
		margin-top:-12px;
		margin-bottom:0px;
		margin-left:126px;
		xpadding-right:92px;
		xborder:solid 1px black;}
		
	#categoryLargeImage {
	xcursor:pointer;}	
		
	#linkContainer{
		float:right;
		width:80px;
		margin-top: -23px;
		margin-right:4px;
		xborder:solid 1px black;}
		
	#printLinkContainer{
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 8pt;}
	#printLinkContainer A{
		font-weight: bold;
		color: #FFFFFF;}
	
	#helpLinkContainer{
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 8pt;}
	#helpLinkContainer A{
		font-weight: bold;
		color: #FFFFFF;}
		
	
			
/**********************************************************
********** BUSINESS DIRECTORY - CATEGORY SELECTION ********
**********************************************************/
			
	#categorySelectionContainter{
		float: left;}
			
	#header{}
			
	#categoryLinksContainer{}
	
	#categoryLinksHeader{margin-left:38px;}
			
	#categoryLinksContainer {margin-top:0px;} .categoryLinkContainer{ }
	
	#helpContent{}
	
	#reminderHelpContent{
		margin-top:30px;}
			
			
			
/**********************************************************
************ BUSINESS DIRECTORY - INTRO CONTENT ***********
**********************************************************/
		
	#businessDirectoryIntroductionContent {
	 margin-top:-50px;
	 margin-right:12px;
	 xheight:321px;
	 width:532px;
	 xborder:1px black solid;
	 float:right;
	 padding-top:0px;
	 z-index:50;
	 }
	 
	 
	 
	 #directoryIntroductionQuickHelp {
		float:left;
		xclear:left;
		width:751px;
		height:77px;
		margin-top:8px;
		padding-top:10px;
		padding-left:10px;
		xvertical-align:top;}
	 
	#noMIPMessageContainer{
		position:absolute;
		top:0px;
		left:0px;
		height:19px;
		line-height:14px;
		width:175px;
		display:none;
		z-index:102;
		padding-top:3px;
		padding-left:3px;
		padding-right:3px;
		text-align:center;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #000000; 
		font-size: 8pt; 
		background-color:#FFFFE7;
		border:solid 1px black;
	}
			
			
/**********************************************************
********** BUSINESS DIRECTORY - BUSINESS LISTINGS *********
**********************************************************/
			
	#businessListingContainer{
		float: right;
		width: 465px;
		xmargin-right:30px;
		padding-right:80px;
		margin-top:12px;
		xborder: solid 1px black;}

	#categoryLocationsContainer{
		padding-left: 40px;
		padding-top: 0px;}
	
	#subCategoriesLocationsContainer{
		padding-left: 40px;
		padding-top: 34px;}
				
	#locationsContainer{
		padding-top: 10px;
		padding-left: 0px;
		padding-bottom: 35px;}

	.businessDirectoryCategoryLocation{
		position: relative;
		top: 0px;
		left: 20px;
		width: 425px;
		padding-top: 12px;
		xborder: solid 1px black;}
	
	.businessDirectoryCategoryLocationFirstLine{
		position: relative;
		top: 0px;
		left: 0px;
		height: 15px;
		width: 100%;
		xtext-transform: uppercase;
		font-weight: bold;
		cursor: hand;
		xborder:solid 1px blue;}
		
	.businessDirectoryCategoryLocationSecondLine{
		width: 100%;
		font-weight: bold;
		position: relative;
		top: 0px;
		left: 0px;}
		
	.businessDirectoryCategoryLocationThirdLine{
		width: 100%;
		font-weight: bold;
		position: relative;
		top: 0px;
		left: 0px;}
		
	.businessDirectoryCategoryLocationDescription{
		xwidth: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		width: 415px;}
	
	
	
	
	
	.mapIndicatorHolder{
		position: absolute;
		top: -1px;
		left: -44px;
		width: 20px;
		line-height:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 6.4pt;
		font-weight: bold;
		text-align:center;
		text-transform:none;
		display:block;
		z-index:150;}		
	
	.onMapSymbolHolder{
		position: absolute;
		top: -1px;
		left: -24px;
		width: 20px;}
		
	.onMapSymbolHolderHighlight{
		position: absolute;
		top: -2px;
		left: -48px;
		width: 44px;
		height: 22px;
		border: solid 1px black;
		z-index:149;}		
		
	.onMapSymbolHolderHighlight .onMapCode{
		position: absolute;
		left: 24px;
		top: 4px;
		width: 18px;
		font-family: Arial,Helvetica,Verdana;
		font-size: 7pt;
		font-weight: bold;
		text-align: center;
		cursor: hand;
		z-index:20;}
		
		.onMapSymbolHolderHighlight .onMapShape{
		position: absolute;
		left: 23px;
		top: 0px;
		height: 19px;
		width: 19px;}
		
		
		/********** ORIGINAL SYLES************
		
		.mapIndicatorHolder{
		position: absolute;
		top: -1px;
		left: -44px;
		width: 20px;
		line-height:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 6.4pt;
		font-weight: bold;
		text-align:center;
		text-transform:none;
		display:block;
		z-index:150;}		
	
	.onMapSymbolHolder{
		position: absolute;
		top: -1px;
		left: -24px;
		width: 20px;}
		
	.onMapSymbolHolderHighlight{
		position: absolute;
		top: -2px;
		left: -48px;
		width: 44px;
		height: 22px;
		border: solid 1px black;
		z-index:149;}		
		
	.onMapSymbolHolderHighlight .onMapCode{
		position: absolute;
		left: 24px;
		top: 4px;
		width: 18px;
		font-family: Arial,Helvetica,Verdana;
		font-size: 7pt;
		font-weight: bold;
		text-align: center;
		cursor: hand;
		z-index:20;}
		
		.onMapSymbolHolderHighlight .onMapShape{
		position: absolute;
		left: 23px;
		top: 0px;
		height: 19px;
		width: 19px;}
		
		***************************************************/
		
	
	
	.businessNameHolder{
		cursor: hand;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 15px;
		width: 370px;}
	
	.phoneNumberHolder{
		cursor: hand;
		position: absolute;
		top: 0px;
		left: 340px;
		height: 15px;
		width: 80px;}
	
			
/**********************************************************
****** BUSINESS DIRECTORY - CATEGORY INFO BAR CONTENT *****
**********************************************************/
			
	#categoryEditorialMasterContainer{
		position:relative;
		top:-27px;
		right:82px;
		float:right;
		width:429px;
		display:block;
		xborder:solid 1px black;
		margin-bottom:-40px;}
	
	
	#editorialContentTop{
		float:left;clear:both;
		width:429px;
		xpadding-left:24px;
		xborder:solid 1px black;
		xcursor:pointer;}
	
	#editorialContent{
	float:left;clear:both;
	width:429px;
	xborder:solid 1px black;}
	
	#editorialContent DIV.centerContents{
	width:417px;
	padding-left:8px;
	xborder:solid 1px black;}
	
	#editorialContentFooter{
	float:left;clear:both;
	width:429px;
	xborder:solid 1px black;}
	
	.categoryHeaderContentContainer {
		width:390px; 
		float:left; clear:left; 
		padding-left:8px; 
		xmargin-top:-8px;
		xborder:solid black 1pt;}
	
	#infoBarCategoryIcon {
	float:none;
	z-index:40;
	width:317px;
	xclear:right;
	xborder:black solid 1pt;
	}
	
	.infoBarCategoryMessage {
	float:left;
	width:180px;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	line-height:11pt;
	margin-left:2px;}
	
	.infoBarFeatureLinks {
	float:left;
	margin-left:11px;
	width:117px;
	line-height:11pt;
	}
	
	.infoBarGraphic {
	float:left;
	width:66px;
	xmargin-right:6px;
	}
	
	
	.InfoBarQuickHelp {
	float:left;
	margin-top:10px;
	xmargin-left:3px;
	width:388px;
	clear:both;
	}
	
	#looperLeft {
	float:left;
	width:250px;
	}

	
	#InfoBarQuickHelpMisc {
	float:left;
	width:204px;
	margin-left:4px;
	padding-top:8px;
	}


	.featureLinksHeader { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;  line-height:8pt; margin-bottom:3px; font-size:8.5pt; text-align:center; width:105px;}
	
/*I had to add these styles because padding and margin don't work on the below styles!!!!!   :-/     */
	.Dbl {line-height:9pt; padding-top:3px; padding-bottom:3px;}
	.Sgl {line-height:13pt; padding-bottom:1px; }
	
	
	.purpleLink A:link {color:#64056A;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt;}
	.purpleLink A:visited {color:#64056A;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.purpleLink A:hover {color:#AF17B9;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.purpleLink A:active {color:#64056A;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; }
	
	.orangeLink A:link {color:#F26522;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt;}
	.orangeLink A:visited {color:#F26522;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.orangeLink A:hover {color:#F7BDA1;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.orangeLink A:active {padding-top:3px;color:#F26522;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt;}
	
	.shoppingLink A:link {color:#CE161D;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.shoppingLink A:visited {color:#CE161D;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.shoppingLink A:hover {color:#E195E6;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.shoppingLink A:active {color:#CE161D;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	
	.blueLink A:link {color:#0520A8;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.blueLink A:visited {color:#0520A8;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.blueLink A:hover {color:#B7C2F8;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.blueLink A:active {color:#0520A8;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	
	.ltGreenLink A:link {color:#009F50;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.ltGreenLink A:visited {color:#009F50;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.ltGreenLink A:hover {color:#01733B;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.ltGreenLink A:active {color:#009F50;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	
	.brownLink A:link {color:#A36209;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.brownLink A:visited {color:#A36209;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.brownLink A:hover {color:#A36209;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.brownLink A:active {color:#A36209;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	
	.greenLink A:link {color:#006F3A;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.greenLink A:visited {color:#006F3A;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.greenLink A:hover {color:#02BB63;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.greenLink A:active {color:#006F3A;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	
	.maroonLink A:link {color:#790000;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.maroonLink A:visited {color:#790000;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.maroonLink A:hover {color:#AE0303;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.maroonLink A:active {color:#790000;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	
	.greyLink A:link {color:#514843;xtext-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt}
	.greyLink A:visited {color:#514843;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}
	.greyLink A:hover {color:#7C706A;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt; text-decoration:underline;}
	.greyLink A:active {color:#514843;xtext-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:8.5pt}