/* CSS Document */

#tableless {
	background: url(../images/bgPattern2_notable2.gif);
}

#content {
	float: left;
	width: 762px;
	background: url(../images/categoryBG2.jpg) no-repeat scroll left 100px;
}
#categories-wrapper {
	float:left;
	display:inline;
	width:576px;
	margin: 16px 0px 9px 3px;
	padding-bottom:20px;
}
.categoriesColumn {
	float: left;
	display:inline;
	width: 188px;
	height: auto;
}
.categoriesColumnWide {
	width: 565px; /*569-4padding*/
	background: url(../images/category_gray_bg.gif) no-repeat left top #88878c;
	padding-left: 4px;
}

/*.categoryTitles {
	width: 170px;
	height: 12px;
	font-size:1.2em;
	letter-spacing: 0px;
	vertical-align: bottom;
	margin: 0 auto;
	text-align: center;
	font-weight:bold;
}*/

.categoryTitles {
	width: 170px;
	height: 23px;
	letter-spacing: 0px;
	vertical-align:baseline;
	margin: 0 auto;
	text-align: center;
	font-weight:bold;
	font-size:1.1em;
}
.categoriesHeaderRed, .categoriesHeaderBlue, .categoriesHeaderPurple, .categoriesHeaderMauve {
	float: left;
	display:inline;
	width: 188px;
	height: 35px;
	margin-top: 5px;
}
.categoriesHeaderRed {
	background: transparent url(../images/categoryRedTop2.gif) no-repeat scroll top left;
}
.categoriesHeaderBlue {
	background: transparent url(../images/categoryBlueTop2.gif) no-repeat scroll top left;
}
.categoriesHeaderPurple {
	background: transparent url(../images/categoryPurpleTop2.gif) no-repeat scroll top left;
}
.categoriesHeaderMauve {
	background: transparent url(../images/categoryMauveTop2.gif) no-repeat scroll top left;
}
.categoriesHeaderRed h2, .categoriesHeaderBlue h2, .categoriesHeaderPurple h2, .categoriesHeaderMauve h2 {
	float: left;
	display:inline;
	width: 175px;
	height: 25px;
	margin: 5px 0px 0px 7px;
	padding: 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align:center;
}
.categoriesBGRed, .categoriesBGBlue, .categoriesBGPurple, .categoriesBGMauve {
	float: left;
	display:inline;
	width: 188px;
	height: auto;
}
.categoriesBGRed {
	background: transparent url(../images/categoryRedPattern2.jpg) repeat-y scroll top left;
}
.categoriesBGBlue {
	background: transparent url(../images/categoryBluePattern2.jpg) repeat-y scroll top left;
}
.categoriesBGPurple {
	background: transparent url(../images/categoryPurplePattern2.jpg) repeat-y scroll top left;
}
.categoriesBGMauve {
	background: transparent url(../images/categoryMauvePattern2.jpg) repeat-y scroll top left;
}

.categoriesColumn ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.categoriesColumn li {
	float:left;
	display:inline; /* adding this clears IE float margin bug */
	
	/*clear:both;*/
	padding-top: 8px;
	padding-left:82px;
	margin: 0 2px 1px 4px;
	margin-bottom: 1px;
	height:52px;
	width:98px; /* 180 -82padding*/
	line-height:12px;
	
	background: url(../images/category_item_bg.gif) no-repeat left;
}
.categoriesColumn li img {
	margin-left:-70px;
	float:left;
	display:inline;
}
.categoriesColumn li a {
	color:#000000;
	text-decoration: none;
}
.categoriesColumn li a:hover {
	color:#000000;
	text-decoration: underline;
}


.category-gray-top-open, .category-gray-top-closed {
	background: url(../images/category_gray_bgtop.gif) no-repeat left top; /* #89898d */
	width: 569px;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.category-gray-top-closed {
	background: url(../images/category_gray_bg_closed.gif) no-repeat left top; /* #89898d */
}
.category-gray-top-open h2, .category-gray-top-closed h2 {
	font-weight:bold;
	font-size: 14px;
	border-bottom: 2px solid #939393;
	margin: 0 7px 0 7px;
}
.category-gray-top-open h2 a, .category-gray-top-closed h2 a {
	text-decoration:none;
	color: #FFF;
}
.category-gray-top-open h2 a:hover, .category-gray-top-closed h2 a:hover {
	color: #FFE600;
}
.category-gray-top-open h3 {
	clear:left;
	font-weight:bold;
	font-size: 11px;
	border-bottom: 1px solid #000;
	padding-top: 5px;
	margin: 0 7px 1px 3px;
	height: 1%;
}
.category-gray-top-open h3 a {
	text-decoration:none;
	color: #000;
}
.category-gray-top-open h3 a:hover {
	color: #FFE600;
}
.category-count {
	padding-top: 2px;
	font-size: 10px;
	font-weight:normal;
	float:right;
	display:inline; /* adding this clears IE float margin bug */
}

.category-gray-top-open ul {
	padding-top: 3px;
}

.category-gray-bottom {
	background:url(../images/category_gray_bottom.gif) no-repeat left top;
	clear:both;
	height: 8px;
}

.pressarea {
	background:url(../images/bgPattern2_press_sm.gif) no-repeat #d2d2d3;
	padding-top:5px;
}