Global Font Sizes
--------------------------------------------------------

The following code is to help achieve scalable and consistant
font-sizes across major platforms. To set a font-size in the 
CSS, use one of the percentage values from the table below.

This code is courtosy of the fine folks at Yahoo, Code is 
licensed under the BSD License: http://developer.yahoo.net/yui/license.txt

--------------------------------------------------------

	 77% = 10px	 85% = 11px	 92% = 12px
 		
	100% = 13px	107% = 14px	114% = 15px
 	
	122% = 16px	129% = 17px	136% = 18px
	
	144% = 19px	152% = 20px	159% = 21px

	167% = 22px	174% = 23px	182% = 24px

	189% = 25px	197% = 26px

-------------------------------------------------------*/

/* General Styles
==============================================================


------------------------------------------------------------*/

#dir-search form, #dir-search fieldset, #dir-search input{border: none; margin: 0; padding: 0;} 

a{
	outline: none;
}
:focus{
-moz-outline-style: none;
}
ul{
	list-style-type: none;

}
div.clear /*  THIS WILL CLEAR ANY FLOATED ITEMS ***** SOLVES FLOAT PROBLEMS WITHIN DIFFERENT BROWSERS  */
{
     clear: both;
     font-size: 1px;
     line-height: 1px;
   	 overflow: hidden; visibility: hidden;
     width: 0; height: 0;
     
}
.hide{ display:none}



/*  Directory - Home Page - Content
==============================================================


------------------------------------------------------------*/

h1.dir{
	background: url(images/heading_bkgd.gif);
	margin: 8px 0 0 0; padding: 10px 0 0 0;
	height:28px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}
	h1.dir span{	
		display: block;
		margin: 0 auto;
		width: 351px; height: 18px;
		background: url(images/h1_title.gif) no-repeat 0 0;
		overflow: hidden;
		text-indent: -9999px; 
	}
	
/*  Directory - Search Banner
==============================================================


------------------------------------------------------------*/
#dir-search{
	background: url(images/search_bkgd.jpg);
	margin: 0 0 8px 0; padding: 10px 15px;
	border: 0px solid #000;
}
#dir-search form{
	margin: 0 0; padding: 0 0;
}
	#dir-search fieldset{
		margin: 0 0; padding:  0 0 10px 0;
		border: none;
	}
	#dir-search fieldset#search{
		float:left;
		width:500px;
	}
	#dir-search fieldset#list{
		float: right;
		width:185px;
	}
	
		#dir-search legend{
		display: none;
		font-size: 1px;
		margin: 0; padding: 0;
		text-indent: -9999px;
		line-height: 1px;
   		overflow: hidden; visibility: hidden; width: 0; height: 0;
		}
	
		#dir-search label{
			float:left;
			display: block;
			margin: 5px 10px 0px 0px; padding: 0;
			overflow: hidden;
			text-indent: -9999px; 
			border: 0px solid #fff;
			height: 17px;
		}
		#dir-search label#search_label{
			width: 174px; height: 17px;
			background: url(images/finda_business.gif) no-repeat 0 0;
			border: 0px solid #000;
		}
		#dir-search label#list_label{
			/*margin-left: 40px;*/
			width: 117px; height: 17px;
			background: url(images/get_listed.gif) no-repeat 0 0;
			border: 0px solid #000;
		}
	#dir-search .search_field{
		width:212px;
		height:16px;
		background:url(images/search_field.gif) no-repeat left top;
		border:none;
		margin: 0; padding:4px 0px 4px 8px;
		border: 0px solid #fff;
		}
	.buttonSubmit{
		width:66px; height:26px;
		background:url(images/search_btn.gif) no-repeat left bottom;
		cursor:pointer;
		border:none;
		margin: 0; padding:0;
		text-indent: -9999px; 
		border: 0px solid #000;
	}
	.buttonSubmit:hover{
		background:url(images/search_btn_over.gif) no-repeat left bottom;
		cursor:default;
	}
	.buttonList{
		width:44px; height:26px;
		background:url(images/list_btn.gif) no-repeat left bottom;
		cursor:pointer;
		border:none;
		margin: 0; padding: 0;
		text-indent: -9999px; 
		border: 0px solid #000;
	}
	.buttonList:hover{
		background:url(images/list_btn_over.gif) no-repeat left bottom;
		cursor: default;
	}
	
#instructions{
	clear:both;
	border-top: 1px solid #c64527;
	font-size:11px;
	margin: 0; padding: 0;

}
	#instructions p{
		color: #fff;
		margin: 0; padding: 5px 0px 5px 0px;
	
	}
	#instructions p.left{
		float: left;
		text-align:left;
	}
		#instructions a:link, #instructions a:visited{
		color: #fff; /* White */
		text-decoration: underline;
		}	
		#instructions a:hover {
		color: #330033; /* Red */
		}


/*  Directory - Sub Page - Category Listing
==============================================================
This is the secondary navigation for the Directory Pages ONLY

------------------------------------------------------------*/

#category-navigation {
	width: 190px;
	float: left;
	margin: 0px 0px 0 0; padding: 0 0 5px 0;
	background: #eee;
	}
	#category-navigation  h2 {
		margin: 0; padding: 8px 5px 7px 10px;
		border-bottom: 1px solid #fff;
		background: #999; color: #fff;
		}
		#category-navigation  h2 span{
			display: block;
			width: 79px; height: 15px;
			background: url(images/categories_title.gif) no-repeat 0 0;
			overflow: hidden;
			text-indent: -9999px; 
			}
			
			#category-navigation  h3{
				font-size: 107%;
				margin: 0; padding: 5px 0 5px 25px;
				background: url(images/category_sub_arrow.gif) no-repeat 0px center;
				border-top: 1px solid #fff;
			}
			#category-navigation  h3 a{
			padding: 5px 0 5px 5px;
			}

			#category-navigation ul
				{
				margin:  4px 0 4px 0;
				padding: 0;
				list-style-type: none;
				font-size: 100%;
				}
				
				#category-navigation li {
				 margin: 0; padding: 0;
				 }
				
				#category-navigation a
				{
				display: block;
				padding: 4px 2px 5px 25px;
				border: 0px solid #333;
				width: 163px;
				text-decoration: none;
				}
	
			
					
		#category-navigation  ul a:hover {
			background: url(images/sub_category_arrow.gif) no-repeat left center;
			
		}
		#category-navigation  ul.arts-entertainment a:hover {background-color: #cf5b0d; color: #cf5b0d;}
		#category-navigation  ul.accommodations a:hover {background-color: #259eb6; color: #259eb6;}
		#category-navigation  ul.digital-print-media a:hover {background-color: #760ece; color: #760ece;}
		#category-navigation  ul.industrial a:hover {background-color: #9e2d39; color: #cf5b0d;}
		#category-navigation  ul.real-estate a:hover {background-color: #839e3d; color: #839e3d;}
		#category-navigation  ul.restaurants-food a:hover {background-color: #3d439e; color: #3d439e;}
		#category-navigation  ul.services a:hover {background-color: #d7ac11; color: #d7ac11;}
		
		#category-navigation  ul.shopping a:hover {background-color: #e3171f; color: #e3171f;}
		#category-navigation  ul.financial-banks a:hover {background-color: #2f7e3e; color: #2f7e3e;}
		
		#category-navigation  ul.arts-entertainment li.selected a {background: #cf5b0d url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.accommodations li.selected a {background: #259eb6 url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.digital-print-media li.selected a {background: #760ece url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.industrial li.selected a {background: #9e2d39 url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.real-estate li.selected a {background: #839e3d url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.restaurants-food li.selected a {background: #3d439e url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.services li.selected a {background: #d7ac11 url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		
		#category-navigation  ul.shopping li.selected a {background: #e3171f url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
		#category-navigation  ul.financial-banks li.selected a {background: #2f7e3e url(images/sub_category_arrow.gif) no-repeat 0 center; color: #00345f;}
	



/* Directory - Home Page
==============================================================


------------------------------------------------------------*/

#content-container{	
	font-size: 13px;
	margin: 8px 0 0 0;
}
#content-container.subpage{	
	margin: 8px 0 0 200px; padding: 0 0 20px 0;
	font-size: 13px;
}


/*  Directory - Home Page - Category Listing
==============================================================


------------------------------------------------------------*/

h2#cat_title{
	margin: 20px 15px; padding: 0 0 2px 0;
	height:16px;
	text-align:left;
	border-bottom: 1px solid #003a68;
}
	h2#cat_title span{	
		display: block;
		width: 170px; height: 16px;
		background: url(images/category_title.gif) no-repeat 0 0;
		overflow: hidden;
		text-indent: -9999px; 
	}

#categories{
	padding: 0 15px;
	color: #003560;
}

#categories .column{
	float: left;
	margin: 0 5px; padding: 0 0 0 2px;
	width: 232px;
	border: 0px solid #000;
	 
}
#categories h3{
	margin: 5px 0; padding: 0 0 0 23px;
	background: url(images/category_arrow.gif) no-repeat -1px center;
}
h3#arts-entertainment{			background-color: #cf5b0d;}
h3#accommodations{	background-color: #259eb6;}
h3#digital-print-media{			background-color: #7c0ece;}
h3#industrial{		background-color: #9e2d39;}
h3#real-estate{		background-color: #839e3d;}
h3#restaurants-food{			background-color: #3d439e;}
h3#services{		background-color: #d7ac11;}
h3#shopping{		background-color: #e3171f;}
h3#financial-banks{		background-color: #2f7e3e;}

#categories ul{
	font-size: 85%;
}
#categories li{
	padding: 2px 0 3px 5px;
}

h2#popular_title{
	margin: 5px 15px 20px 15px; padding: 0 0 2px 0;
	height:16px;
	text-align:left;
	border-bottom: 1px solid #003a68;
}
	h2#popular_title span{	
		display: block;
		width: 222px; height: 16px;
		background: url(images/popular_title.gif) no-repeat 0 0;
		overflow: hidden;
		text-indent: -9999px; 
	}

/*  Directory - Sub Page - Company Listing
==============================================================


------------------------------------------------------------*/

#content-container.subpage #breadcrumbs{
	border-bottom: 1px solid #999;
	color: #003366;
	font-size: 85%;
	margin: 0; padding: 8px 0 9px 0;
}

#content-container.subpage h3{
	border-bottom: 1px solid #cf5b0d;
	font-size: 92%;
	color: #fff;
	font-weight: bold;
	background: #cf5b0d url(images/corner.gif) no-repeat 154px -1px;
	margin: 0 0 0 0 ; padding: 4px 8px;
	width: 140px;
}
#content-container.subpage #sub_categories{
	border-top: 1px solid #cf5b0d;
	font-size: 85%;
	padding: 5px 0 0px 0;
	line-height: 1.5;
}
#content-container.subpage #listings{
	border-top: 1px solid #cf5b0d;
	margin: 10px 0; padding: 5px 10px;
	font-size: 92%;
	line-height: 1.5
}

/*  Directory - Sub Page - General Listings
==============================================================


------------------------------------------------------------*/
#content-container.subpage .gerneral_listing{
	border: 0px solid #acacac;
	margin: 0; padding: 20px 0;
}
#content-container.subpage .listing_logo{
	margin: 0; padding: 0;
	width: 160px;
	float: left;
}
/*#content-container.subpage .listing_logo img{
	width: 140px auto; 
	height: 70px auto;
	margin: 0 ; padding: 0 10px;
}*/
#content-container.subpage .listing_logo img{
	max-height: 70px;
	max-width: 140px;
	margin: 0; padding: 0 10px;
	}
#content-container.subpage .company_details{
	margin: 0; padding: 0;
	margin-left: 160px;
}
#content-container.subpage .business_info{
	margin: 0; padding: 2px 0 0 0;
	font-size: 92%;
	margin-left: 160px;
}