/* CSS for Sonny's product section titles
NOTE: Background images can be changed but must be 53px in height.
Example HTML:
<h3 class="title-grey">Hello World</h3>
<hr class="hr-grey" />
*/

.title-grey {
	background: url("../images/bg-prod01.png") no-repeat right;
}
.title-black {
	background: url("../images/bg-prod02.png") no-repeat right;
}
.title-green {
	background: url("../images/bg-prod03.png") no-repeat right;
}
.title-red {
	background: url("../images/bg-prod04.png") no-repeat right;
}
.title-blue {
	background: url("../images/bg-prod05.png") no-repeat right;
}
.title-grey, .title-black, .title-green, .title-red, .title-blue {
	height: 50px;
	margin: 0;
	font-style: italic;
	font-weight: bold;
}



/* Title bars */

.hr-grey {
	border: none;
	border-top: 10px solid #6a747c;
	margin: 0 0 24px 0;

}
.hr-blk {
	border: none;
	border-top: 10px solid #000000;
	margin: 0 0 24px 0;
}
.hr-grn {
	border: none;
	border-top: 10px solid #00853e;
	margin: 0 0 24px 0;
}
.hr-red {
	border: none;
	border-top: 10px solid #98012e;
	margin: 0 0 24px 0;
}

.hr-blue {
	border: none;
	border-top: 10px solid #0093d0;
	margin: 0 0 24px 0;
}
