/* 
Styles for Industry pages
Date: August 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
----------------------------------------------------------*/
table {
	font-size: 100%;
}
td {
	vertical-align: top;
}
h3 {
	/*margin-bottom: 24px;*/
}
/*----------------------------------------------------------
  =industry nav bar
----------------------------------------------------------*/
.supplierProgram { /* supplier program button */
	/* --IN SPRITE-- background: url(/bzng/images/buttons/supplierButton.jpg) no-repeat;*/
	display: block;	
	float: right;
	height: 40px;
	text-indent: -9999px;
	width: 220px;
}
/* -- IN SPRITE --
.supplierProgram:hover { 
	background: url(/bzng/images/buttons/supplierButtonHover.jpg) no-repeat;
}
*/
/*----------------------------------------------------------
  =content
----------------------------------------------------------*/
.mainContent {
	border-top: 2px solid #09c;
	margin-top: 1px;
	position: relative;
	width: 100%;
}
/* top content box */
.industryImage {
	left: 0;
	position: absolute;
	top: 10px;
}
.industryIntro {
	clear: both;
	padding: 0 130px;
	text-align: center;
	width: 700px;
}
h1 {
	font-size: 2.15em;
	margin: 4px 0;
}
.industryIntro h3 {
	color: #e98822;
	font-size: 1.5em;
	font-weight: normal;
	margin: 8px 0;
}
/*----------------------------------------------------------
  =directory
----------------------------------------------------------*/
.directory {
	border-right: 1px solid #ccc;
	float: left;
	margin-top: 20px;
	padding: 10px 20px;
	width: 175px;
}
.directory h3 {
	color: #666;
	margin-top: 0;
}
.directory li {
	padding-bottom: 3px;
}
.directory li a {
	font-weight: bold;
	text-decoration: underline;
}
/*----------------------------------------------------------
  =category listings
----------------------------------------------------------*/
.categories {
	float: right;
	width: 738px;
}
.categories h3 {
	color: #666;
	margin-bottom: 18px;
	padding: 10px 0 0 20px;	
}
.categories table {
	margin: 0;
	width: 738px;
}
.categories td {
	padding: 0 0 10px 26px;
	width: 220px;
}
.categories h5 {
	margin: 3px 0;
}
.popularCategories ul {
	margin: 3px 0 6px 0;
}
.moreCategories ul {
	margin: 0 0 18px 0;
}
.categories li {
	padding-bottom: 2px;
}
.categories li a {
	text-decoration: underline;
}
.rfq a {
	font-weight: bold;
}
/*----------------------------------------------------------
  =article section
----------------------------------------------------------*/
.articles {
	border-top: 1px solid #ccc;
	clear: both;
	width: 100%;
	overflow: auto;
}
.articles a {
	text-decoration: underline;
}
#industry .article {
	float: left;
	padding: 0 0 0 26px;
	width: 220px;
	clear: none;
}
#industry .articles .first {
	padding: 0 2px 0 0;
}
.articles .last {
	padding-right: 0;
}
#industry .articles h6 {
	margin-bottom: -15px;
	font:bold 0.75em Arial, Helvetica, sans-serif;
}
/*----------------------------------------------------------
  =includes
----------------------------------------------------------*/
.includes {
	background: #e1e1e1;
	clear: both;
	padding: 20px;
	width: 920px;
}
.includes a {
	color: #09c;
	text-decoration: underline;
}
.includes .inc {
	float: left;
}
.includes h5 {
	margin: 0;
}
.includes ul {
	float: left;
	margin: 18px 10px;
	width: 136px;
}
.includes .first { /* this targets first list in first column */
	margin-left: 0;
}
.includes .inc div ul { /* this targets lists in the last column of section */
	margin-right: 0;
}
.inc h5 {
	margin-left: 10px;
}
.include-1 h5 {
	margin-left: 0;
}
.include-1, .include-2 {
	border-right: 1px solid #ccc;
}
.include-3 ul {
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	padding-bottom: 18px;
}
.include-3 ul {
	float: none;
}
.include-4 li {
	padding-top: 18px;
}
/*----------------------------------------------------------
  =footer
----------------------------------------------------------*/
#footer {
	border-top: none;
}