/* 7.3rc2-27-gb98a45a */

/* The new navigation styles, mimic category navigation from 5.1, adjusted
 * for 7.3 fluid layouts
 */


/*
 * Note: geographic_navigation_column could be used for table or for div, so
 * the div. or table. part is important in the selectors in this case..
 * 
 * (Table is used with option to "sort across columns")
 */
div.geographic_navigation_column {
	float: left;
}
div.geographic_navigation_column ul {
	margin: 0;
	padding: .3em;
}

div.geographic_navigation_column ul li.element {
	list-style: none;
	font-weight: bold;
	font-size: .75rem;
	padding: .3em 0;
	margin: 0;
}

table.geographic_navigation_column {
	width: 100%;
}
table.geographic_navigation_column td.element {
	font-weight: bold;
}

.geographic_navigation_column ul.sub_regions li.element {
	/* specific to sub-categories */
	list-style: circle;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 1.25em;
}

#geoNavChangeBox {
	/* Change box for changing geo navigation location */
	border: thin solid #666;
	background-color: white;
	padding: 1em;
	display: inline-block;
	
	z-index: 50;
}

.narrowRegionLevel {
	float: left;
	padding: .625em;
	border-right: thin solid #a5a5a5;
}

.narrowRegionLink {
	cursor: pointer;
}
.narrowRegionLink:hover {
	text-decoration: underline;
}

.selectedRegion {
	font-weight: bold;
	color: #7CA93A;
}

.narrowRegionSelect {
	list-style: none;
	margin: 0;
	padding: 0;
}

.geographic_navigation_changeLink {
	/* Change location link */
	cursor: pointer;
}

.category_navigation_box {
	/*  Add a max-height to keep navigation from getting too long, and make it scroll */
	max-height: 25em;
	overflow: auto;
}