﻿/* Category Pages - via Coleman.master use this CSS */


/* SideBar Menu for Categories and Products */
.CatMenu
{
	width: 206px;
}
.CatMenu LABEL A
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	text-align: left;
	padding: 3px 5px 3px 8px;
	margin-bottom: 2px;
}
.CatMenu LABEL A:hover
{
	text-decoration: none;
}
.CatMenu LABEL.Selected A
{
}
.CatProducts LABEL A
{
	padding-left: 20px;
	font-weight: normal;
	text-transform: capitalize;
}
.CatProducts LABEL.Selected A
{
}


/* SideBar Ads per Category */
.CatAds
{
	margin-top: 20px;
}
.CatAds IMG
{
	border: 0px;
	margin-top: 15px;
}


/* Top Category Info with Heading, Text and optional Lifestyle Image */
.contentHeading		/* Container for the CatInfo */
{
	padding: 19px 17px 0 14px;	/* These are on top of td-content's 15px */
}
.CatInfo
{
	width: 100%;
}
.CatInfo H1
{
	text-transform: uppercase;
	font-size: 24px;
	margin: 0px;
}
.CatInfo DIV
{
}
.CatInfo P
{
	font-size: 12px;
	margin-top: 10px;
}
.CatInfo TD.Lifestyle	/* Not used, only there in case we want to switch to a Table version */
{
	text-align: right;
}
.CatInfo IMG
{
	float: right;
	margin-left: 30px;
}
.CatInfo P, .CatInfo IMG
{
	padding-bottom: 20px;
}


/* Category and Product Thumbnail Links section */
.contentLinks
{
	padding: 0 10px 0 9px;
}

.div-Categories		/* Container for Category Links / thumbnails */
{
	text-align: center;
}

/* Category.ascx control */
.category 
{
    width: 100%;
}

.category TD
{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	/*vertical-align: middle;*/
	width: 33%;
}

.hires TD
{
}

.category A, .category A:visited
{
}
.category A:hover
{
}

.category TD A IMG
{
	border: none;
	vertical-align: middle;
}

.category TD A.boxed, .category TD A:visited.boxed
{
}
.category TD A:hover.boxed
{
}

.category TD A.boxed
{
	/*
	Vertical Centering: http://www.w3.org/Style/Examples/007/center.html
	http://webforumz.com/html-xhtml-and-css/3803-center-image-within-div.htm
	*/
	display: block;
	text-align: center;
	vertical-align: middle;
}

.category LABEL
{
	font-size: 12px;
/*	text-transform: capitalize; */
	display: block;
	text-align: left;
	padding: 5px 0 5px 0px;
}
