/* 
Styles for categories directory page (i.e. view all categories page) and specs directory page
Date: September 2010 
Updated: November 24, 2010
Author: Mende Williams
Notes: 
  +  properties are listed in alphabetical order 
  +  font size values are based on an 18px or 1.125em line height. this includes the combination of font size, line height, and top and bottom margins. please be mindful of this if altering any of these values.  *there are some exceptions to this. 
  +  please preserve formatting 
*/

/*----------------------------------------------------------
  =import applicable styles
----------------------------------------------------------*/
@import url("_bzGlobal.css");

/*----------------------------------------------------------
  =general content rules
----------------------------------------------------------*/
.mainContent {
	width: 100%;
}
.topContent {
	border-top: 2px solid #09c;
	border-bottom: 4px solid #ccc;
	margin-top: 1px;
	padding: 25px;
	width: 910px;
}
.intro {
	float: left;
	width: 56%;
}
h1 {
	color: #000;
	font-size: 1.6em;
}
.intro p {
	font-size: 1em;
}
.topContent img {
	float: right;
}
.lists {
	float: left;
	width: 240px;
}
.lists h5 {
	margin: 23px 0 4px 0;
}
.lists ul {
	margin-top: 0;
}
.lists ul a {
	text-decoration: underline;
}
/*----------------------------------------------------------
  =/pages/directorySpecs.ftl
----------------------------------------------------------*/
#directorySpecs .topContent {
	background: url(/bzng/images/layout/specGlance.jpg) 591px 50% no-repeat;
}
/*----------------------------------------------------------
  =/pages/directoryCategories.ftl
----------------------------------------------------------*/
#directoryCategories .header li.first-child { /* hide 'View all categories' link because we are on that page */ 
	display: none;
}
#directoryCategories .topContent {
	border-bottom: none;
}
#directoryCategories .topContent img {
	float: left;
	margin-right: 35px;
}
#directoryCategories h1 {
	margin: 9px 0 14px 0;
}
#directoryCategories ol {
	font-size: 1em;
	list-style-type: none;	
	margin: 0 0 0 35px;
}
#directoryCategories ol li {
	padding: 4px 0 4px 30px;
}
/*
--IN SPRITE--
#directoryCategories li.one {
	background: url(/bzng/images/icons/bullet-1.gif) no-repeat left center;
}
#directoryCategories li.two {
	background: url(/bzng/images/icons/bullet-2.gif) no-repeat left center;
}
#directoryCategories li.three {
	background: url(/bzng/images/icons/bullet-3.gif) no-repeat left center;
}
*/
/*----------------------------------------------------------
  =search bar
----------------------------------------------------------*/
.searchBar {
	/* --IN SPRITE-- background: url(/bzng/images/layout/searchBar.png) no-repeat;*/
	height: 36px;
	margin-bottom: 2px;
	width: 960px;
}
#categoryList  {
	float: left;
	margin-left: 25px;
}
#keyword  {
	float: left;
	margin-left: 30px;
}
form input, form select {
	margin-top: 8px;
	vertical-align: middle;
}
form select {
	padding: 1px 0;
	width: 250px;
}
input.searchBox {
	padding: 2px 5px;
	position: relative;
	width: 225px;
}
p.or {
	color: #fff;
	float: left;
	font-size: .875em;
	font-weight: bold;
	line-height: 38px;
	margin: 0 0 0 25px;
}
.searchButton {
	/* --IN SPRITE-- background: url(/bzng/images/buttons/searchSmall.png) no-repeat; */
	border: none;
	cursor: pointer;
	height: 22px;
	text-indent: -9999px;
	width: 78px;
}
.goButton {
	/* --IN SPRITE-- background: url(/bzng/images/buttons/goSmall.png) no-repeat; */
	border: none;
	cursor: pointer;
	height: 22px;
	text-indent: -9999px;
	width: 45px;
}
/*----------------------------------------------------------
  =autocomplete
----------------------------------------------------------*/
.ui-autocomplete {
	border: 1px solid #069;
	max-height: 210px;
	overflow: auto;
	width: 231px;
}
.ui-menu .ui-menu-item a {
	display: block;
	text-indent: 6px;
	width: 99%;
}