/* 
Styles for generic content pages
Date: October 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 {
	border-top: 2px solid #09c;
	margin-top: 1px;
	padding-top: 18px;
	width: 100%;
}
h1, h2 {
	color: #003063;
	margin: 0;
	text-align: center;
}
h2 {
	font-size: 1.3125em;
	font-style: italic;
	line-height: 1.5em;
}
h3 {
	margin: 0 0 18px 0;
}
.mainContent ul a {
	color: #666;
	text-decoration: underline;
}
/*----------------------------------------------------------
  =header
----------------------------------------------------------*/
.header h6, .header h4 {
	background: transparent url(/bzng/images/logo/buyerzoneLocal.gif) no-repeat;
	float: left;
	height: 34px;
	margin: 0;
	padding-top: 10px;
	text-indent: -9999px;
}
.header h6 {
	width: 175px;
}
.header h4 {
	background-position: -180px 0;
	width: 150px;
}
.header h6 a, .header h4 a {
	display: block;
	height: 100%;
	width: 100%;
}
/*----------------------------------------------------------
  =left content
----------------------------------------------------------*/
.leftContent {
	background: url(/bzng/images/layout/regionsMap.gif) no-repeat 88% 15%;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;	
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25); 
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25); 
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 3);
	float: left;
	margin-top: 40px;
	padding: 20px;
	width: 524px;
}
.ie .leftContent {
	border: 1px solid #dcdcdc;
}
.leftContent h3 {
	text-align: center;
}
.leftContent p {
	width: 55%;
}
/* =regions
--------------------------------*/
.region {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;	
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 8px; 
	border-top-width: 8px; 
	float: left;
	height: 310px;
	margin-right: 8px;
	padding: 5px;
	width: 113px;
}
.region ul {
	margin: 0;
}
.region h4 {
	font-size: 1em;
	margin-top: 0px;
}
.west {
	border-color: #efc495;
}
.midwest {
	border-color: #369;
}
.south {
	border-color: #b4cee6;
}
.northeast {
	border-color: #ea8900;
	margin-right: 0;
}
/*----------------------------------------------------------
  =rightContent
----------------------------------------------------------*/
.rightContent {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;	
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25); 
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25); 
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 3);
	float: right;
	margin-top: 40px;
	padding: 20px;
	width: 336px;
}
.ie .rightContent {
	border: 1px solid #dcdcdc;
}
.rightContent div {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/* =search
--------------------------------*/
.ie7 .search {
	height: 63px;
}
.searchBar {
	background: url(/bzng/images/layout/searchBar.png) no-repeat;
	height: 36px;
	margin-bottom: 2px;
	width: 960px;
}
#keyword  {
	float: left;
}
form input, form select {
	vertical-align: middle;
}
form select {
	padding: 1px 0;
	width: 250px;
}
input.searchBox {
	padding: 2px 5px;
	position: relative;
	width: 225px;
}
.searchButton {
	background: url(/bzng/images/buttons/searchSmall.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 22px;
	text-indent: -9999px;
	width: 78px;
}
/* =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%;
}
/* =add listing
--------------------------------*/
.listing a {
	background: url(/bzng/images/buttons/nextArrowSmall_069.gif) no-repeat right bottom;
	font-weight: bold;
	padding-right: 18px;
	text-decoration: underline;
}
/* =top category directory
--------------------------------*/
.rightContent .topCategory {
	border-bottom: none;
}
.topCategory ul {
	float: left;
	margin: 0;
	width: 50%;
	min-height:350px;
}