/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXX - Blue Box2 - XXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Code used-
	<!-- Blue Box: Name -->
	<div class="blue_box">
		<!-- Top Row -->
		<div class="header">
			<div class="tlc"></div>
			<div class="trc"></div>
			<h2>Title</h2>
		</div>
		<!-- Middle Row -->
		<div class="content">
			
		</div><!-- End box Content -->
    	<!-- Bottom Row -->
		<div class="footer">
			<div class="blc"></div>
			<div class="brc"></div>
		</div>
	</div><!-- End Blue Box -->
*/

/*Listed in order of appearance*/
body{text-align: center;}
.blue_box
{
	width: 760;
	margin: 15px auto;
}
.blue_box .header
{
	height: 46px;
	background: url(http://storefilter.auctiva.com/images/blue_box2_t.gif) repeat-x top;

}
.blue_box .tlc
{
	background: url(http://storefilter.auctiva.com/images/blue_box2_tlc.gif) no-repeat bottom;
	float: left;
	width: 10px;
	height: 46px;
}
.blue_box .trc
{
	background: url(http://storefilter.auctiva.com/images/blue_box2_trc.gif) no-repeat bottom;
	float: right;
	width: 10px;
	height: 46px;
}
.blue_box h2{ margin: 0; font-size: 1em;}

.blue_box .content
{
	padding: 1em 30px 1em 30px;
	text-align: left;
	border-left: 4px solid #004DA4;
	border-right: 3px solid #004DA4;
	border-bottom: 3px solid #003A7D;
}
.blue_box .footer
{
	margin: 0;
	width: 100%;
	height: 13px;
	clear: both;
	background: url(http://storefilter.auctiva.com/images/blue_box2_b.gif) repeat-x top;
}
.blue_box .blc
{
	width: 10px;
	height: 13px;
	background: url(http://storefilter.auctiva.com/images/blue_box2_blc.gif) no-repeat top;
	float: left;
}
.blue_box .brc
{
	width: 9px;
	height: 13px;
	background: url(http://storefilter.auctiva.com/images/blue_box2_brc.gif) no-repeat top;
	float: right;
}