body {font-family: "Helvetica","Arial",sans-serif; font-size: 10pt;}

/* Directory color (gray) */

a:hover
{color: #999a9d;}

#sectmenu,
#sectfront_main img.pic,
#sectarticle_text .selected {border-color: #999a9d;}

h1 {color: #e0e2e6; text-transform: lowercase; display: inline;}
h2 {text-transform: lowercase; }
h3 {}

/* View Link (blue) */
/* need :link and :visited for IE6 */
a.viewlink, a.viewlink:link, a.viewlink:visited {
	margin-left: 20px; margin-top: 2em; 
	color: #5789c7; font-weight: bold; text-decoration: none;}
a.viewlink:hover {text-decoration: underline;}

img.hline2 {display: block; width: 100%; height: 1px; margin-top: 4px;}
#dirregions_main img.hline2 {margin-top: 11px; margin-bottom: 16px; width: 300px;}
#dircats_main    img.hline2 {margin-top: 8px;}
#dirdetails_main img.hline2 {margin-bottom: 20px;}


/* regions.php */

#dirregions_main {width: 414px; float: left;}
#dirregions_side {width: 44%;   float: left; margin-top: 90px;}

#dirregions_main h1 img {border-bottom: 1px solid gray; padding-bottom: 8px; margin-bottom: 16px;}

ul.regions {list-style-type: none; text-align: left;}
ul.regions li {margin: 0; margin-bottom: 0.3em;}
ul.regions li ul {margin-left: 1em; list-style-type: none;}
ul.regions li a {text-decoration: none;}
#dirregions_list1 {float:left;}
#dirregions_list2 {float:left; margin-left: 2em;}
#dirregions_list3 {float:left; margin-left: 2em;}


/* categories.php */

#dircats_main {float: left; width: 414px; }
#dircats_side {float: left; margin-left: 11px;}

ul.categories2 {margin: 0; list-style-type: none; font-size: 11pt; text-transform: lowercase;}
ul.categories2 li {display: block; width: 49%; margin: 1em 0; float: left; }

ul.categories {margin: 0; margin-top: 1em; list-style-type: none; font-size: 10pt;}
ul.categories li {display: list-item; width: auto; font-size: 10pt; margin: 0.7ex 0; float: none; }
ul.categories li a {text-decoration: none;}

.clear {clear: both;}


/* list.php */

#dirlist_main {width: 75%; float: left;}
#dirlist_side {width: 20%; float: left; margin-left: 15px;}

#dirlist_main h1 {font-size: 20pt;}

ul.vendorlist {list-style-type: none; margin:0;}
ul.vendorlist li {margin:0; display: block; float: left; width: 100%; clear: left; margin-top: 18px; padding-bottom: 18px; border-bottom: 1px dotted white}
ul.vendorlist li.last {border-bottom: 0;}
ul.vendorlist li img.pic {float: left; width: 110px; height: 110px; border: 2px solid; border-color: #5789c7; margin-right: 15px;}
ul.vendorlist li h3 {margin-top: 4px;}
#dirlist_main p {margin-top: 1.2em;}


/* details.php */

#dirdetails_main {width: 75%; float: left;}
#dirdetails_side {width: 20%; float: left; margin-left: 15px;}

#dirdetails_main h1 {font-size: 18pt;}

#dirdetails_main img.pic {width: 297px; height: 405px; float: left; margin-right: 20px; border: 1px solid gray;}

#dirdetails_main h2 {font-weight: bold; margin-top: 10px;}
#dirdetails_main p {margin: 1.2em 0;}
#dirdetails_main h3 {margin-top: 2.4em; font-style: italic;}


/*** sIFR ***/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the 
   negative-letter spacing in this case is used to make the browser text metrics match up with 
   the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings 
   may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
/* 	visibility: hidden; */
	font-family: "Arial Narrow"; 
	position: relative; top: 0.25em;
}