.categoryBannerImage 
{
	margin-bottom:15px;
}

.categoryListContainer 
{
	float:left;
	margin-top:0px;
	padding-bottom:20px;
	width:100%;
}

.categoryListItem 
{
	float:left;
	margin:10px 32px 0px 32px;
	font:normal 1em "Trebuchet MS",Arial,san-serif;
	text-decoration:none;
}

* html .categoryListItem 
{
	margin:10px 40px 0px 10px;
}

.categoryListItem div
{
	width:150px;
	text-align:center;
}

.categoryListItem div a
{
	text-decoration:none;
}

.categoryListItem div a:hover
{
	text-decoration:none;
	color:#00f;
}

/* This is for the new Category Grid template which replaces CATEGORYPAGE3GRID */
#CategoryDescription, .categoryTopDescription
{
	clear:both;
	line-height:1.25em;
	font-family:"Trebuchet MS",Arial,san-serif;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #65b8e1;
	margin-top:5px;
	width:100%;
}


.CategoryContainer 
{
	clear:both;
	float:left;
	width:100%;
	padding:0px;
	font-family:Verdana,Arial,Helvetica;
}


/* Same as .pageHeader in main.css */
/* .CategoryContainer #CategoryName 
{
	clear:both;
	font:bold 1.50em "Trebuchet MS",Arial,san-serif;
	color:#65b8e1;
	border-bottom:1px solid #65b8e1;
	width:100%;
	text-transform:uppercase;
	margin-bottom:15px;
}
*/

.CategoryContainer div.CategoryImage1 { display: none; } /* We don't want to see the first category image */
.CategoryContainer div.CategoryImage2, .categoryImage2  { margin:15px 15px 15px 15px; }

.CategoryGridItem 
{
	float:left;
	margin:10px 32px 15px 32px;
	width:150px;
}

* html .CategoryGridItem 
{
	float:left;
	margin:10px 35px 15px 10px;
	width:150px;
}


.CategoryGridItem div.Image img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.CategoryGridItem div.Text 
{
	clear:both;
	text-align:center;
	font:normal 1em "Trebuchet MS", Arial, san-serif;
	width:150px;
}

.categoryBottomDescription, .CategoryFooterDescription
{
	clear:both;
	font:normal .9em "Trebuchet MS",Arial,san-serif;
	line-height:1.25em;
	padding:15px 0px 15px 0px;
	border-top:1px solid #65b8e1;
	width:100%;
}