/* 	

	Document:					category.css
	Deployment version:			E:\WCS Deployment Files\Topshop\Style\css\checkout.css
	Notes:						Use for category pages styling 2010

	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
	1.	Product lister
	2. Search results, pagination
	*/

/* 1. Product lister */
div.promo {
	margin-top:-5px;
	display: inline;
	}
	
* html div.promo {
	margin-top:-6px;
	line-height:1px;
	}
	
div.promo span.discount img {
	display:block;
	float:left;
	width:auto;
	}
	
ul.listless {
	width: 376px;
	height:134px;
	margin:0 0 0 373px;
	padding:0;
	position:absolute;
	top:172px;
	text-align:right;
	}
	
* html ul.listless {
	margin:0 0 0 -4px;
	}
	
ul.listless li {
	list-style:none;
	display:inline;
	width:376px;
	}
	
.prodlistwrapper {
	overflow:hidden;
	width:750px;
	}
	
.prodlistwrapper {
	float: left;
	float/**/: none;
	}
	
/* easy clearing */
.prodlistwrapper { /*display: inline-block;*/
	}
/*\*/
.prodlistwrapper {
	display: block;
	}
/* end easy clearing */

.prodlistwrapper:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.prodlistwrapper ul {
	clear:both;
	}
	
/* indivdual products */
ul.listelement {
	float:left;
	width:186px;
	background:url(../listelementBottomBg.gif) center bottom no-repeat;
	padding-bottom:8px;
	display:block;
	clear:both;
	min-height:290px;
	}
	
* html ul.listelement {
	height:293px !important;
	}
	
ul.listelement li {
	float:left;
	width:175px;
	display:inline;
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em; 
	text-transform:none;
	}
	
.category_207671 ul.listelement li.product_description { /* Keeps the products all at the same level regardless of the amount of description text */
	height: 30px;
	}

	
ul.listelement li.now_price {
	color: #db017d;
	font-weight: bold;
	}
	
ul.listelement li a {
	font-weight:normal; 
	text-decoration:none; 
	color:#000;
	}
	
ul.listelement li a:hover {
	color:#666;
	}
	
ul.listelement li img {
	display:block;
	margin:28px auto 15px;
	padding-right: 9px;
	}
	
/* dress category */
.category_42344 ul.listelement li img {
	margin:28px 0 15px 14px !important;
	}
	
ul.listelement li.was_price span {
	font-weight:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.9em;
	color:#666 !important;
	}
	
ul.listelement span.price {
	font-weight:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.9em;
	color:#000;
	}
	
/* special offer - image and text */
ul.listelement li.promo div span.discount img {
	float:left;
	margin:15px 5px 0 0 !important;
	}
	
ul.listelement li.promo div span.discount a.discount {
	display: block;
	clear: left;
	margin:0 0 5px 0 !important;
	width:165px;
	}
	
* html ul.listelement li.promo div span.discount a.discount {
	margin:0 0 10px 0 !important;
	}
	
#content p.discountheading img {
	margin-top:-8px !important;
	margin-top:-2px;
	}
	
#content p.discount img {
	display:block;
	clear:both;
	}
	
#content span.discount {
	float:left;
	width:auto;
	margin-bottom:23px;
	}
	
#content span.discount img {
	display:block;
	}
	
/* end special offer - image and text */

/* category image swatches */
ul.listelement {
	position:relative;
	}

ul.listelement .promoicon {
	position:absolute;
	bottom:5px;
	left:0;
	width:184px;
	height:30px;
	margin:0 1px 0 1px !important;
	}

ul.listelement product_price_list li ul li img {
	width: 1px;
	height: 1px;
	}

ul.listelement .promoicon ul {
	clear:both;
	height:30px;
	}
	
ul.listelement .promoicon img {
	display:block;
	margin:0;
	}
	
/* Hide Promo icons in the Exclusives category */
div.category_198513 ul.listelement .promoicon img,
div.category_198519 ul.listelement .promoicon img {
	display: none;
	}

ul.listelement .promoicon li {
	margin:0;
	width:auto;
	}
/* end category image swatches */
			
.block_1 {
	float:left;
	width:186px;
	border-right:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	}
	
.block_2 {
	float:left;
	width:186px;
	border-right:1px solid #E5E5E5;
	}
	
.block_3 {
	float:left;
	width:186px;
	border-right:1px solid #E5E5E5;
	}
	
.block_4 {
	float:left;
	width:186px;
	}
	
/* 2. Search results, pagination */
.product_lister_pagination {
	min-height:27px;
	padding:12px 0 0 10px;
	background-color:#E5E5E5;
	overflow: hidden;
	width: 730px;
	}

*html .product_lister_pagination {
	height: 27px;
	}

.product_lister_pagination p {
	display:none;
	}
	
.product_lister_pagination ul {
	width:730px;
	}
		
.product_lister_pagination ul li {
	float:left;
	margin:0 6px;
	background-color: #000;
	color: #FFF;
	}
	
.product_lister_pagination ul li a {
	background-color: #E5E5E5;
	}
	
.top_category_84403 .product_lister_pagination {
	width: 680px;
	background: transparent;
	}
	
.top_category_84403 .product_lister_pagination a,
.top_category_84403 .product_lister_pagination ul li {
	background: transparent;
	color: #000;
	}
	
#bottom_pagination_list.product_lister_pagination {
	float:left;
	width:735px;
	margin:6px 2px 23px 2px;
	display:inline;
	}
	
#catalogsearchresultview ul.searchtips {
	list-style: none;
	margin-bottom: 6px;
	}
	
/* mercado search results */
/* hide filter */
div#mercado_header, a.remove_filter {
	display: none;
	}
	
form#mercadoSearchForm div.search_filters {
	margin:8px 0 10px 0;
	}
	
form#mercadoSearchForm div.search_filters input.search_go {
	background:url(../btn_go_header.gif) top left no-repeat !important;
	width:56px;
	height:19px;
	overflow:hidden;
	text-indent:-9000px;
	border:none !important;
	}
	
/* ie6 */
* html form#mercadoSearchForm div.search_filters input.search_go {
	padding-top:20px;
	}
	
/* ie7 */
*:first-child+html form#mercadoSearchForm div.search_filters input.search_go {
	padding-top:20px;
	}
	
/* opera */
html:first-child form#mercadoSearchForm div.search_filters input.search_go {
	padding-top:30px;
	}
	
/* makes the discount text sit under offer graphic */
span.discount_text {
	padding-top: 6px;
	width: 170px;
	clear: both;
	display: block !important;
	}