/* category header */

.category_details div:first-child
{
	float: 				left;
	max-width:	 		200px;
	padding:			2px;
	text-align:			center;
}

.category_details img
{
	max-width: 			200px;
}

.category_details h1
{
	color: 				#660000;
	font-size: 			x-large;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align:			center;
}

/* Container Formating */
.browser
{
	text-align:center;
}

.browser > h1
{
	color: 				#E4E9F1;
	font-size: 			x-large;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align:			center;
	padding:			5px;
	background:			#A3A9BB;
	width:				90%;
	margin:				5px auto;
}

/* Generic Panel Formatting */

.browser a
{
	text-decoration:	none;
	cursor:				pointer;
}

.browser > fieldset > fieldset
{
    display:			inline;
    margin:         	5px;
    border-color:   	#A3A9BB;
    border-style:   	solid;
    border-width:   	2px;
	background-color:	#d4d9e1;
	position:			relative;
	text-align:			left;
}
.browser > fieldset > fieldset > a
{
	display:			block;
	padding:			5px;
}
.browser > fieldset > fieldset:hover
{
	background-color:	#ccd;
}
.browser > fieldset > fieldset > legend
{
	display:			none;
}

.browser > fieldset > fieldset > a,
.browser > fieldset > fieldset > a > span
{
	background-color:	inherit;
}
.browser > fieldset > fieldset > a > span,
.browser > fieldset > fieldset > span
{
	display:			block;
	overflow:			hidden;
	font-size: 			small;
	font-weight: 		normal;
	text-decoration: 	none;
	overflow:			hidden;
}

.browser > fieldset > fieldset h1
{
	width:				100%;
	text-align:			left;
	color: 				#660000;
	font-size:			large;
	font-weight:		bold;
	margin-bottom:		0px;
}

.browser > fieldset > fieldset h2
{
	margin-bottom:		0px;
	font-size:			small;
	color:				#55F;
}

.browser > fieldset > fieldset h3
{
	margin-bottom:		0px;
	font-size:			small;
	color:				#A00;
}

.browser > fieldset > fieldset h4
{
	margin-bottom:		0px;
	font-size:			smaller;
	font-weight:		normal;
	color:				#0A0;
}
.browser > fieldset > fieldset p
{
    text-align:			justify;
}

.browser > fieldset > fieldset span.info
{
	display:			block;
	float: 				left;
	width: 				80px;
	padding:			0px 2px 0px 0px;
	text-align:			center;
}

.browser > fieldset > fieldset span.info s
{
	color:				#55F;
}

.browser > fieldset > fieldset span.info s
{
	color:				#F55;
}

.browser > fieldset > fieldset span.info span
{
	display:			block;
	width:				80px;
	font-weight:		bold;
}
.browser > fieldset > fieldset span.info img
{
	border-style:		none;
	border-width:		0px;
	max-width: 			80px;
	max-height: 		100px;
}

.browser > fieldset > fieldset span.more
{
	position:			absolute;
	background-color:	inherit;
	bottom:				0px;
	right:				0px;
	font-weight:		bold;
	color:				#555555;
}



/* Specific Panel Formatting */

.product > a > span
{
	width:				300px;
	height:				200px;
}

.category > a > span
{
	width:				300px;
	height:				150px;
}

.tag > a > span
{
	width:				450px;
	height:				40px;
}

.pager a, .pager span
{
	font-size: 			larger;
}