/* 
	Document:				pc.css
	Creation date:			17 January 2007
	Created by:				Gemma Leigh
	This version:			*** Commented for development ***
	Deployment version:		Sitename/css/pc.css
	Notes:					List page styles
	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	
	Grid styles for product layout
	
	Sale pages styles
*/
.product-list		{ padding-top: 10px;}

h4.list-title		{ margin-top: 16px; float: left; clear: both;}

ul.border			{ border-bottom: 1px solid #ccc;}

ul.list-page		{ width: 960px; float: left; clear: both; padding: 10px 0 10px 0; }

ul.list-page li		{ width: 320px; float: left; padding: 0; margin: 0 0 20px 0; position: relative; line-height: 1; /*ensure border sits on bottom of li*/}
ul.list-page li a	{ display: inline; border-bottom: none !important;}

ul.list-page li .details{ 
	display: block;
	/*border-bottom: 2px solid #FFF;*/
 	width:320px;
	position: absolute; 
	bottom: 0px; 
	left: 0; 
	padding: 19px 0 19px 0; 
	background-image: url(../images/bg-main-overlay-dark.png); 
	background-repeat: repeat;
}

ul.list-page li .details span 				{ padding: 0 0 0 10px; display: block;}
ul.list-page li .details span.price,
ul.list-page li .details span.look-details	{ padding: 0 0 8px 10px;}
ul.list-page li .details span.sale-price,
ul.list-page li .details span.pre-sale,
ul.list-page li .details span.catalog,
ul.list-page li .details span.chevron       { padding-left:5px; padding-bottom:8px; }
ul.list-page li .details span.catalog       { text-transform:uppercase; }
ul.list-page li .details span.sale-price    { color:#CC0000; }
ul.list-page li .details span.pre-sale      { color:#313230; display:inline; text-decoration:line-through; }
ul.list-page li .details span.chevron       { background:transparent url(../images/chevron-grey-right.png) no-repeat scroll 0 3px; margin-left:4px; padding-left:10px; padding-bottom:2px; text-transform:uppercase; border-bottom:solid 2px #313230; display:inline; }
ul.list-page li .details span.look-details span{ text-transform: none; display: inline; padding: 0; margin: 0;}
ul.list-page li .details span.look-details .text-black-large { font-size: 20px;}

ul.list-page li .details span.preorder	{ color: #999 !important; display: inline; padding: 0;}
ul.list-page li .details span.presale	{ color: #999 !important; display: inline; text-decoration: line-through; padding-left: 5px;}

.three-image ul.list-page li			{ width: 320px;}
.three-image ul.list-page li .details	{ width:320px;}

.six-image ul.list-page li 				{ width: 160px;}
.six-image ul.list-page li .details	 	{ width: 160px;}

/* Remove spacing as no headings when in Available to buy / Preorder collection sections*/
.avail-preorder ul.list-page li			{ margin-top: 20px; margin-bottom: 0;}

/* SALE */
/*Header*/
.sale .sale-overlay 		{ background: url(../images/bg-sale-overlay-320.png) top left no-repeat; height: 49px; border-bottom: 1px solid #333;}
.sale .sale-overlay h2		{ padding: 8px 0 0 20px;}
/*Sale layout*/
/*Ensure no whitespace between list items!! */
.sale .list-page									{ float: none; clear: none; width: auto; display: inline; padding: 0; text-align: left;}
.sale .list-page li									{ width: 160px; display: inline; padding: 49px 0 0 0; margin: 0; /*line-height: 0px;*/}
.sale .list-page li.first-item						{ position: relative;}
.sale .list-page li.first-item .group-header		{ position: absolute; top: 0px; border-left: 1px solid #333; height: 49px;}
.sale .list-page li.first-item .group-header h3		{  padding: 15px 0 0 20px; text-transform: uppercase; font-size: 0.857em; white-space: nowrap;}
.sale .list-page li img								{ border-bottom: 1px solid #333;}
.sale .list-page li .details span.price				{ display: block !important; padding: 8px 0 8px 10px !important; }

/* CATWALK */
/*Header*/
.catwalk h2					{ padding: 32px 0 0 0;}

.catwalk h4					{ padding: 2px 0 26px 0; border-bottom: 1px solid #333; color: #999;}
.catwalk h4.list-title		{ padding: 0; margin: 16px 0 10px 0; float: none; clear: none; border: none; color: #FFF;}

/*Sale layout*/
/*Ensure no whitespace between list items!! */
.catwalk .list-page			{ float: none; clear: none; width: auto; display: inline; padding: 0; text-align: left;}
.catwalk .list-page li			{ width: 160px; display: inline; padding: 49px 0 0 0; margin: 0; /*line-height: 0px;*/}

.catwalk .list-page li.first-item						{ position: relative;}
.catwalk .list-page li.first-item .group-header		{ position: absolute; top: 0px; border-left: 1px solid #333; height: 49px;}

.catwalk .list-page li.first-item .group-header h3		{  padding: 15px 0 0 20px; text-transform: uppercase; font-size: 0.857em; white-space: nowrap;}

.catwalk .list-page li img								{ border-bottom: 1px solid #333;}
.catwalk .list-page li .details span.price				{ display: block !important; padding: 8px 0 8px 10px !important; }

.catwalk .notes 		{ width: 100%; clear: both; }
.catwalk .notes h4		{ padding: 30px 0 12px 0; border: none; color: #FFF;}

.catwalk .video-wrapper { margin-top: 10px;}

.catwalk ul   	{ color: #999;}
.catwalk ul li	{  background: url(../images/bullet-grey.gif) 0% 50% no-repeat; padding-left: 12px;}

/* No flash error message */