/*======================================================================
	FREE PEOPLE DIRECT 2009: Category
----------------------------------------------------------------------*/
.l-category
{}
	.l-category #body-inner
	{
		position: relative;
		min-height: 550px;	/* min-height for absolute left nav */
		_height: 550px;
		z-index: 2000;
	}
	.l-category #side-container
	{
		margin-right: 32px;
		padding-top: 10px;
	}
	.tight .l-category .modal-product-quickview { left: 113px; }
	.loose .l-category .modal-product-quickview { left: 233px; }

/*======================================================================
	SIDE NAV
----------------------------------------------------------------------
.l-category #side-container
{
	/position: absolute;/
	/margin-right: 10px;/
	margin-right: 30px;
	padding: 0;
	width: 189px;
	/
	width: 233px;
	/
	float: left;
	/border: 1px solid;
	z-index: 3000;/
}
	.l-category #side-container ul
	{
		display: block;
		margin: 0;
		padding: 0;
		/
		padding: 0 7px;
		width: 100px;
		float: left;
		/
		list-style-type: none;
	}
		.l-category #side-container ul li
		{
			display: list-item;
			margin: 0;
			padding: 0 0 8px 0;
			text-transform: lowercase;
		}
		.l-category #side-container ul li.cat-grouping
		{
			margin-bottom: 20px;
			padding: 20px 18px 25px 22px;
			text-transform: none;
			background-image: url(/resources/freepeople/images/layout/_fp/bg_nav-grouping.png);
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
			
			.l-category #side-container ul li a
			{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.25em;
				font-weight: normal;
			}
			.l-category #side-container ul li ul
			{
				display: none;
			}
			.l-category #side-container ul li.active ul,
			.l-category #side-container ul li.open ul
			{
				display: block;
				margin: 0;
				padding: 4px 0 0 0;
				width: auto;
				float: none;
			}
				.l-category #side-container ul li ul li
				{
					margin: 0 0 0px 10px;
					padding: 0 0 5px 0;
					background: none;
				}
					.l-category #side-container ul li ul li a
					{
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 0.917em;
						font-weight: normal;
					}
*/

/*======================================================================
	CONTENT
----------------------------------------------------------------------*/
.l-category #content-container .ct-body
{
	overflow: hidden;
	_width: 956px;
	_height: auto;
}
	.loose .l-category #content-container .ct-body
	{
		_width: 1196px;
	}

/* maybe using absolute positioning on side-container*/
.l-category .with-side-container #content-container .ct-body
{
	/*
	width: 910px;
	_width: 908px;
	*/
	width: 975px;
	_width: 973px;
}
	.tight .l-category .with-side-container #content-container .ct-body
	{
		width: 735px;
		_width: 733px;
		/*
		width: 670px;
		_width: 668px;
		*/
	}
.l-category .with-side-container #content-container .flash-message { 
	width: 873px; 
	float: right; 
}
.tight .l-category .with-side-container #content-container .flash-message { 
	width: 633px; 
}
/*---------------------------------
	PRODUCT UPSELLS
---------------------------------*/
.l-category .upsells
{
	margin: 10px auto 0;
}
.loose .l-category .upsells
{
	margin: 10px auto 0;
	padding: 0 0 0 6px;
	width: 875px;
	min-height: 0px;
	height: 190px;
	float: none;
	clear: both;
	background: transparent url(/resources/freepeople/images/layout/bg_upsells-ends.jpg) 0 0 no-repeat;
}
.tight .l-category .upsells
{
	width: 663px;
}
	.tight .l-category .upsells h3
	{
		width: 628px;
	}
	.loose .l-category .upsells h3
	{
		position: absolute;
		padding: 0;
		width: 840px;
		background: none;
	}
	.loose .l-category .upsells .related-products
	{
		padding: 0 6px 0 0;
		width: auto;
		height: 190px;
		background: transparent url(/resources/freepeople/images/layout/bg_upsells-ends.jpg) top right no-repeat;
	}
		.loose .l-category .upsells .related-products ul
		{
			padding: 35px 10px 14px;
			min-height: 0;
			height: 141px;
			width: auto;
			background: transparent url(/resources/freepeople/images/layout/bg_upsells-middle.jpg) 0 0 repeat-x;
		}
			.loose .l-category .upsells .related-products ul li
			{
				margin: 0 2px 18px 0;
			}

