/**********************************************************
Name:			products_categories_gridlayout.css
Description:	CSS definitions for Sirdar 2nd level pages - products grid display definitions.
Date:			23/05/2007
Author:			Andrei Vais
**********************************************************/

#contentpage .Intro
{
	float: left;
	margin: -14px 0 20px 0;
	padding: 0;
	width: 81.1%;
}

#contentpage .Intro p
{
	font-size: 110%;
	line-height: 145%;
	margin-top: 10px;
	width: 100%;
}

#contentpage ul.products_categories_gridlayout, #contentpage ul.free_patterns
{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 81.1%;
}

#contentpage ul.free_patterns
{
	float: right;
}

#contentpage ul.products_categories_gridlayout li, #contentpage ul.free_patterns li
{
	float: left;
	margin: 0 0 0 9.7%;
	padding: 0;
	width: 17.55%;
}

#contentpage ul.products_categories_gridlayout li.specialproduct
{
	margin: 0 9.7% 0 0;
}

#contentpage ul.products_categories_gridlayout li.firstListItemOnRow, #contentpage ul.free_patterns li.firstListItemOnRow
{
	margin-left: 0;
}

#contentpage ul.products_categories_gridlayout li.lastListItemOnRow, #contentpage ul.free_patterns li.lastListItemOnRow
{
	float: right;
}

#contentpage ul li a
{
	display: block;
	float: left;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	/*word-spacing: -1px;*/
}

#contentpage ul.designs_categories_gridlayout li a
{
	min-height: 264px;
}

#contentpage ul.yarns_products_gridlayout li a
{
	min-height: 208px;
}

#contentpage ul.designs_products_gridlayout li a, #contentpage ul.free_patterns li a
{
	min-height: 298px;
}


#contentpage ul li img
{
	border: 0px solid #FFFFFF;
	margin: 0;
	padding: 0 0 6px 0;
}

#contentpage ul li a span
{
	clear: both;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	text-align: left;
	width: 100%;
	width: 135px;
}

#contentpage ul li a .RelatedMainYarnSize
{
	text-transform: lowercase;
}

#contentpage ul li a .DesignName
{
	clear: none;
}

#contentpage ul li a .YarnNumber
{
	display: none;
}

#contentpage ul li a .New, #contentpage ul li form p .New
{
	clear: none;
	color: #DD0000;
}

#contentpage ul li a .DownloadHRef
{
	background-color: #A7A7D3;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 1px 0;
	text-align: center;
	text-transform: uppercase;
}


#contentpage ul.leftAlign
{
	text-align: left;
}