/* 
	Document:				category.css
	Last edited by:			Russ Back
	This version:			*** Commented for development - do not deploy - create deployment version with w3compiler ***
	Deployment version:		E:\WCS Deployment Files\Burton\Style\css\category.css
	Documentation:			svn/Documentation/Zoom User Guides/layout.css.doc
	Notes:					Use for generic category display styling
*/

/* Category page content div styles */
body#categorydisplay #content, 
body#catalogsearchresultcmd #content,
body#discountdetailsdisplayview #content {
	background: #FFF url(../checkout/header_bg.gif) left top repeat-x;
	overflow: hidden;
	}
	
body#categorydisplay #content h1, 
body#catalogsearchresultcmd #content h1,
body#discountdetailsdisplayview #content {
	font-style: italic;
	margin: 0;
	padding: 20px 0 0 15px;
	}

/* IE6 H1 tags should be normal font style */

* html body#categorydisplay #content h1,
* html body#discountdetailsdisplayview #content {
	font-style: normal;
	}
	
body#discountdetailsdisplayview #content p {
	font-style: normal;
	}
	
body#discountdetailsdisplayview #content {
	width: 762px;
	}
		
/* start: pagination */
.product_lister_pagination {
	margin: 3px 0 10px 0;
	overflow: hidden;
	clear: left;
	font-style: normal;
	}
	
.product_lister_pagination p {
	float:left;
	display: inline;
	clear: none;
	margin-left: 15px;
	}
	
.product_lister_pagination p span.product_count {
	font-weight:bold;
	}
	
.product_lister_pagination ul {
	float:right;
	display: inline;
	width: auto;
	margin: 3px 7px 0 0;
	}
	
.product_lister_pagination ul li {
	float:left;
	padding: 0 3px 4px 3px;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 0.7em;
	}
	
.product_lister_pagination ul li a {
	font-weight:normal;
	display:block;
	background-color:#FFF;
	color:#000;
	}
	
.product_lister_pagination ul li.show_first {
	padding-left: 0;
	}

.product_lister_pagination ul li.show_last,
.product_lister_pagination ul li.show_next {
	padding-right: 0;
	}

.product_lister_pagination ul li.show_previous a {
	background: url(../delimiter_cat_black.gif) 100% 50% no-repeat;
	margin-right: 0;
	padding-right: 9px;
	}

.product_lister_pagination ul li.show_next a,
.product_lister_pagination ul li.show_all a {
	background: url(../delimiter_cat_black.gif) 0 50% no-repeat;
	margin-left: 0;
	padding-left: 9px;
	}
	
#bottom_pagination_list {
	padding-top:10px;
	background-color:#FFF;
	}
	
/* end: pagination */
	
/* start: product list */
.prodlistwrapper {
	float:left;
	background: url(../category_column_divider.gif) left bottom no-repeat;
	width: 100%;
	margin: 8px 0;
	}

.prodlistwrapper div.block_1,
.prodlistwrapper div.block_2, 
.prodlistwrapper div.block_3, 
.prodlistwrapper div.block_4 {
	float: left;
	width: 24.9%;
	padding-bottom: 5px;
	}
	
/* product image */	

.prodlistwrapper ul.listelement {
    width:170px;
    margin:0 auto;
}

.prodlistwrapper ul.listelement li.product_image {
	text-align:center;
	padding-bottom:5px;
	display:block;
	}

.prodlistwrapper ul.listelement li.product_image a img {
	width: 170px;
	}

.prodlistwrapper ul.listelement li.product_description a {
	display:block;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	color: #878787;
	}

/* Description */

.prodlistwrapper ul.listelement li.product_description,
.prodlistwrapper ul.listelement li.prod_lister_description {
	min-height: 28px !important;
	text-align:center;
	}
	
* html .prodlistwrapper ul.listelement li.product_description {
	height: 28px !important;
	}	

* html .prodlistwrapper ul.listelement li.prod_lister_description {
	height: 28px !important;
	}
	
/* price */
.prodlistwrapper ul.listelement li.product_price  {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	}
	
/* was/now prices */
.prodlistwrapper ul.listelement li.was_price {
	text-align: center;
	font-size: 0.7em;
	font-weight:bold;
	text-decoration:line-through;
	text-transform: uppercase;
	}
	
.prodlistwrapper ul.listelement li.now_price, body#catalogsearchresultcmd .prodlistwrapper ul.listelement li.now_price {
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
	}
	
/* discount/promo text */


#categorydisplay div.promo a.discount {
	font-size: 0.7em;
	}

.prodlistwrapper ul.listelement li.promo {
	padding: 5px 0 0 0;
	height: auto !important;
	display: block;
	clear: both;
	text-align: center;
	}
	

	
.prodlistwrapper ul.listelement li.promo a.discount,
.prodlistwrapper ul.listelement li.promo .discount_text {
	width: 140px;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 0.7em;
	}
	
* html .prodlistwrapper ul.listelement li.promo a.discount {display: block;}

*:first-child+html .prodlistwrapper ul.listelement li.promo a.discount {display: block;}

.prodlistwrapper ul.listelement li a.nohighlight {
	text-align: center;
	margin: 0 auto;
	display: block;
	padding-bottom: 10px;
	}
	
.prodlistwrapper ul.listelement li.promo span.discount img {
	display:block;
	}
	
/* end: product list */

/* start: discount details display */

body#discountdetailsdisplayview .discountheading {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	}

body#discountdetailsdisplayview .discountheading img, 
body#discountdetailsdisplayview .discount img  {
	display:block;
	padding-bottom:3px;
	}
	
body#discountdetailsdisplayview .discount {
	clear:both;
	text-transform:uppercase;
	padding-top:10px;
	}
	
body#discountdetailsdisplayview ul li.prod_lister_description {
	height:30px !important;
	color:#878787;
	display:block;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	font-style: normal;
	}
/* end: discount details display */




body#categorydisplay DIV.discountCat_145961 DIV#content { /* style to add in the christmas gifts top */
	margin:0pt 0pt 100px 0px;
	}
	
/* start: mercado search */
.search_filters {
	clear:both;
	margin-top:10px;
	padding-left:15px;
	}

.search_filters select#top_search_filter {
	font-size:1em;
	}
	
.search_filters input.search_go {
	background:url(../btn_go.gif) top left no-repeat;
	width:36px;
	height:20px;
	border:none;
	padding:4px 0 0 0;
	font-size:0em;
	text-indent:-9000px;
	}
	
div#mercado_header, a.remove_filter {
	display: none;
	}
	
/* opera */
html:first-child .search_filters input.search_go {
	padding-top:27px;
	}
/* end: mercado search */	

/******************** Use this for last chance to buy banner replacement category pages ****************************************************/

body#categorydisplay DIV.category_145958 DIV#content #discountCat_145958, /* size 6 */
body#categorydisplay DIV.category_145959 DIV#content #discountCat_145959, /* size 8 */
body#categorydisplay DIV.category_145960 DIV#content #discountCat_145960, /* size 10 */
body#categorydisplay DIV.category_145961 DIV#content #discountCat_145961, /* size 12 */
body#categorydisplay DIV.category_145962 DIV#content #discountCat_145962, /* size 14 */
body#categorydisplay DIV.category_145963 DIV#content #discountCat_145963, /* size 16 */
body#categorydisplay DIV.category_145964 DIV#content #discountCat_145964, /* size 18 */
body#categorydisplay DIV.category_145965 DIV#content #discountCat_145965, /* size 20 */
body#categorydisplay DIV.category_145966 DIV#content #discountCat_145966, /* size 22 */
body#categorydisplay DIV.category_155917 DIV#content #discountCat_155917, /* tall */
body#categorydisplay DIV.category_145968 DIV#content #discountCat_145968, /* petite */
body#categorydisplay DIV.category_145969 DIV#content #discountCat_145969, /* maternity */
body#categorydisplay DIV.category_145967 DIV#content #discountCat_145967, /* shoes */
body#categorydisplay DIV.category_145970 DIV#content #discountCat_145970, /* accessories */
body#categorydisplay DIV.category_145971 DIV#content #discountCat_145971 /* lingerie */
{
	text-indent: -9000px;
}

body#categorydisplay DIV#content .prodlistwrapper ul.listelement li.promo_code_103031 DIV /* last chance to buy */
{
	text-indent: -9000px;
	display: block;
	background: url(../lastchance2buy_v2.gif) scroll left no-repeat;
	width: 150px;
	margin:0 auto;
	height: 33px;
}

body#categorydisplay DIV#content .prodlistwrapper ul.listelement li.promo_code_103031 DIV img { /* last chance to buy  */
	display: inline;
	}
	
	
/******************** Use this to add top page banner display leggings, jeggings and treggings ****************************************************/

	
body#categorydisplay DIV#discountCat_173532,
body#categorydisplay DIV#discountCat_165608 {
	display: none;
	}
	
/******************** Use this to add top page banner display (to all categories) ****************************************************/

body#categorydisplay DIV#content h1 {  /* displays on all categories */
	background: transparent url(../features/banners/espot_plp_wk46_70sale.gif) no-repeat 0 57px;
	margin: 0 0 10px 0 !important; 
	width: 762px;
	height: 94px;
	}
	
/* Remove background image above on Brands At DP */
	
body#categorydisplay .category_163501 DIV#content h1 {
	background-image:none;
	}
	
/******************** Use this to remove top page banner display (categories) ****************************************************/


/* body#categorydisplay DIV.category_122473 DIV#content h1,  discounts & offers page */

body#categorydisplay DIV.category_124411 DIV#content h1, /* 3 £5 tops for £12 */
body#categorydisplay DIV.category_155579 DIV#content h1, /* 2 £15 jeans for £25 */
body#categorydisplay DIV.category_159449 DIV#content h1, /* 2 £12 shirts for £20 */
body#categorydisplay DIV.category_155582 DIV#content h1, /* Lingerie buy 2 get 1 free */
body#categorydisplay DIV.category_155585 DIV#content h1, /* 3 £2 socks for £5 */
body#categorydisplay DIV.category_155586 DIV#content h1, /* 2 £5 tights for £7 */
body#categorydisplay DIV.category_155584 DIV#content h1, /* 2 £4 tights for £7 */


body#categorydisplay DIV.category_164530 DIV#content h1, /* TFNC tunics and dresses */
body#categorydisplay DIV.category_161425 DIV#content h1, /* Suzy Smith designer bags */
body#categorydisplay DIV.category_155577 DIV#content h1, /* Fiorelli designer bags */
body#categorydisplay DIV.category_169038 DIV#content h1, /* Max C bags */


body#categorydisplay DIV.category_77405 DIV#content h1, /* Woodland trust page */
body#categorydisplay DIV.category_167587 DIV#content h1, /* breast cancer page */

	
body#categorydisplay DIV.category_119404 DIV#content h1, /* style advice page */

body#categorydisplay DIV.category_169507 DIV#content h1, /* Sale Pages */
body#categorydisplay DIV.category_165608 DIV#content h1,
body#categorydisplay DIV.category_165606 DIV#content h1,
body#categorydisplay DIV.category_171498 DIV#content h1,
body#categorydisplay DIV.category_165607 DIV#content h1,
body#categorydisplay DIV.category_165653 DIV#content h1,
body#categorydisplay DIV.category_165609 DIV#content h1,
body#categorydisplay DIV.category_165610 DIV#content h1,
body#categorydisplay DIV.category_165611 DIV#content h1,
body#categorydisplay DIV.category_165612 DIV#content h1,
body#categorydisplay DIV.category_165615 DIV#content h1,
body#categorydisplay DIV.category_165614 DIV#content h1,
body#categorydisplay DIV.category_165616 DIV#content h1,
body#categorydisplay DIV.category_165619 DIV#content h1,
body#categorydisplay DIV.category_165620 DIV#content h1,
body#categorydisplay DIV.category_171988 DIV#content h1,
body#categorydisplay DIV.category_165613 DIV#content h1,
body#categorydisplay DIV.category_173625 DIV#content h1	{ 
	background:none;
	height: 34px !important;
	}



/* ----------------------- Saints of Soul Banner hide ------------------------- */

div.category_175501 div#content h1
	{
	background: none !important;
	}	
