/*----------------------------------------------------------------------------------------
category.css
----------------------------------------------------------------------------------------*/

/* #content
----------------------------------------------------------------------------------------*/
#content #content_main { 
	padding: 0 10px 0 0; 
background: url(/html/img/bg/bg_sidebar_cat.gif) repeat-y left top;
}
#content .content_head { margin: 0 0 21px 0; }
.hdr_common_alt a { color: #d46300; }
#container #wrapper .hdr_common_alt a:hover { color: #d46300; }

/* .masthead
----------------------------------------------------------------------------------------*/
.masthead { 
	margin: 0 0 28px 0; 
	position: relative;
	height: 221px;
}	
	.masthead .masthead_copy {
		padding: 105px 0 0 20px;
		position: relative;
	}
	
	.masthead img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.masthead h1 {
		text-indent: -1000em;
		background-position: left bottom;
		background-repeat: no-repeat;
		margin: 0 0 11px 0;
		display: none;
	}
	.masthead p { 
		font-size: 1.3em;
		width: 385px;
		line-height: 1.5;
	}
	
	/* plumbing & plumbing supplies */
	.masthead#cat_5151 p { color: #424242; }
	
	/* heating */
	.masthead#cat_297193 p { color: #fff; }
	
	/* faucets */
	.masthead#cat_1594 .masthead_copy { padding: 75px 0 0 20px;}
	.masthead#cat_1594 p { color: #424242; }
	
	/* air systems */
	.masthead#cat_695 p { color: #424242; }

/* .tabs
----------------------------------------------------------------------------------------*/
.tabs .tab_content { padding-top: 23px; }
	.categories .sub_category { margin: 0 0 25px 0; }
	.categories .row {}
		.categories .product {
			float: left;
			width: 352px;
			height: 150px;
		}
		.categories .product.single {float: none;}
		
		.categories .product.alt { border-left: 1px solid #ebebeb; }
		
		.categories .product.active,
		.categories .product.on { background: url(/html/img/bg/bg_hover_product.gif) no-repeat left top; }
		.categories .product.alt.active {}
			.categories .product .col_a img { border: 1px solid #fff; }
			.categories .product.active .col_a img,
			.categories .product.on .col_a img { border-color: #ddd; }
			
		.categories .product.active h4 a,
		.categories .product.on h4 a { 
			color: #dd5300; 
			text-decoration: underline; 
		}
		.categories .product.active a:hover,
		.categories .product.active a:hover span,
		.categories .product.on a:hover,
		.categories .product.on a:hover span { text-decoration: underline; }
		
			.categories  li.active p,
			.categories  li.on p { color: #525252; }
			
		.categories .product .view { 
			font-weight: bold; 
			font-size: .9em;
		}

.categories .col_a {
	float: left;
	width: 336px;
}
.categories .col_b {
	float: right;
	width: 336px;
}
	.categories .product .col_a {
		width: 137px;
		padding: 8px 0 0 0;
		display: inline;
		margin: 0 0 0 20px;
	}
	.categories .product .col_b {
		width: 166px;
		display: inline;
		float: right;
		padding: 8px 0 0 0;
		margin: 0 19px 0 0;
	}
		.categories .product .col_b p { font-size: 1.2em; }

.tabs h4,
.categories h4 {
	font-size: 1.3em;
	line-height: 1.4;
	font-weight: bold;
}
.tabs .tab_head {
	background: url(/html/img/bg/bg_bars_horiz_gray.gif) repeat-x left bottom;
	padding: 0 0 8px 0;
}
.tabs .logos {
	border-bottom: 1px solid #ececec;
	margin: 0 0 24px 0;
}
	.tabs .logos img {
		float: left;
		padding: 0 20px 0 0;
	}
.tabs .brand_listing {}
	.tabs .brand_listing ol {
		float: left;
		width: 173px;
	}
		.tabs .brand_listing ol li {
			font-size: 1.2em;
			margin: 0 0 2px 0;
		}
	
/* .spritecontextual.category_detail
----------------------------------------------------------------------------------------*/	
.spritecontextual.category_detail { width: 600px; }
	.spritecontextual.category_detail .col_a {
		float: left;
		width: 140px;
	}
	.spritecontextual.category_detail .col_b {
		float: left;
		width: 400px;
	}
	    .spritecontextual.category_detail .col_b span.hellip { display: none; }
	.spritecontextual.category_detail .view {
			font-weight: bold; 
			text-align: right;
			display: block;	
			margin: 5px 0 0 0;
	}

/* .category_bottom_desc
----------------------------------------------------------------------------------------*/
.category_bottom_desc {
	padding-right: 10px;
}
.category_bottom_desc h2 {
	border-top: 1px solid #dadada;
	padding-top: 20px;
	font-size: 18px;
	margin-bottom: 7px;
	color: #000;
}