/* list page XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */

#cat_block{
	position: relative;
	clear:both;
	display:block;
}

h1#cat_header{
	position:absolute;
	top: 55px;
	left: 20px;
	z-index: 2;
	font-size: 200%;
	font-weight: bold;
}
.cat_header-bkg{
	position:relative;
	top: 0px;
	left:0px;
	z-index: 1;
}




.cat_module {
	position: relative;
	display: inline;
	float: left;
	width: 337px;
	height: 150px;
	margin: 10px 14px 10px 0px;
	background: #ffffff url(/images/whiteTOgrey-bkg.jpg) repeat-x 0 100%;
	border: 1px solid #d8d8d8;
	
}
/* Origins in Styles.css line 110ish */
.cat_module .corner1, .cat_module .corner2{top:-1px;}
.cat_module .corner1, .cat_module .corner3{left: -1px;}
.cat_module .corner2, .cat_module .corner4{right: -1px;}

.cat_title-bkg{
	position: absolute;
	left: -4px;
	top: -4px;
}


.cat_module h2{
	display: block;
	position: relative;
	color:#ffffff;
	font-size: 107%;
	font-weight: bold;
	margin:3px 140px 20px 5px;
}

.cat_module h2 a:link, .cat_module h2 a:visited{
	color:#ffffff; 
	text-decoration: none;
	display: block;
}

.cat_module h2 a:hover, .cat_module h2 a:active, .cat_module h2 a:focus{
	color:#000000;
	text-decoration:underline;
}

.b_cat_viewall{
	position: absolute;
	right: 15px;
	top: 6px;
	font-size:85%;
}

.cat_module ul, .cat_module p.cat_txt{
	float: left;
	width: 200px;
	margin-left: 10px;
	display: inline;
}
 .cat_module p.cat_txt{
 	font-size: 85%;
 }
.cat_module ul li{
	clear: left;
	display: block;
}
.cat_module ul a:link, .cat_module ul a:visited{
	padding-left:15px;
	color: #5b5b5b;
	font-size: 85%;
	font-weight:bold;
	text-decoration:none;
	background: transparent url(/images/sprite_icon.png) repeat-x 0 -205px;
}

.cat_module ul a:hover, .cat_module ul a:active, .cat_module ul a:focus{
	background-position:0 -144px;
	color: #e41e2a;
}

.cat_image {
	display: inline; 
	float: right;
	margin: -10px 10px 0px 0;
}

/* Orignal Styles in styles.css line  220ish */
a.b_viewall:link, a.b_viewall:visited {
	margin-top:10px;
	width: 15ex;
	margin-right: 100px;
}
a.b_viewall span{
/*	background-position: 6em -65px;*/
}



/* ART ON DEMAND Specific */
h1#cat_header.artondemand{
	top: 0.75em; left: 20px; position: absolute;
}
p.artondemand{
	padding: 0.5em 0 0.5em 10px; 
	width:560px;
	clear: left;
	float: left;
	font-size: 85%;
}

#b_artondemand{
	display:block;
	clear: left;
	float: left;
	width: 48%
}
	
a#b_artondemand:link, a#b_artondemand:visited {
	display: block;
	width:18em;
	position: relative;
	padding:8px 0px;
	margin: 10px;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	font-size: 85%;
	text-transform: uppercase;
	background: #797979 url(/images/b_viewdetails.png) repeat-x 0px 0px;
}

a#b_artondemand:hover, a#b_artondemand:focus, a#b_artondemand:active {
		background: #ce090a url(/images/b_viewdetails.png) repeat-x 0px -79px;
}
a#b_artondemand span{
	padding-left: 2ex;
	background:transparent url(/images/sprite_icon.png) no-repeat 30ex -66px;
	padding-right:4ex;
}

/* cat page end */
