/* 

	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
	
*/




/* 14. CategoryDisplay */
/* category background image */
body#categorydisplay #content {
	background-image: url(../features/adcopy/banner_delivery75_wk33.gif); 
	background-position:  right top;
	background-repeat: no-repeat;
	position:relative;
	z-index:0;
	}
	
body#categorydisplay .category_187578 #content, body#categorydisplay .category_188486 #content, body#categorydisplay .category_145011 #content {
	background:none !important;
	}
	
body#categorydisplay #content h1 {
	display: block;
	width:550px;
	margin: 17px 0 30px 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 3em;
	color: #666;
	background: none;
	line-height: normal;
	text-transform: uppercase;
	}

div#container.category_116504 #content h1 { /* Hide Limited h1 */
	display: none;
	}

div#container.category_117423 #content h1,/* Hide Limited exclusive category h1s */
div#container.category_117424 #content h1,
div#container.category_117429 #content h1,
div#container.category_117426 #content h1,
div#container.category_117428 #content h1 { 
	display: none;
	}

div#container.category_116504 #content dl.productdetails h1#product_title { /* Hide Limited h1 */
	display: block !important;
	}
	
body#categorydisplay #content div.header_text h1 {
	font-weight:normal;
	width:540px;
	}

body#categorydisplay #content div#category_description p {
	margin: -2px 0 0 50px;
	line-height: 1.2em;
	height: 35px;
	font-size: 1.1em;
	color: #272526;
	width: 465px;
	}
	
body#categorydisplay #content div.header_text p#p_1 {
	margin: -2px 0 16px 37px;
	/*width: 540px;*/
	line-height: 1em;
	height:30px;
	font-size:1.1em;
	color: #000 !important;
	}
		
/* ie6 */
* html body#categorydisplay #content p {
	margin-bottom:0;
	}
	
/* ie7 */
*:first-child+html body#categorydisplay #content p {
	margin-bottom:0;
	}
/* category background image ends */

.prodlistwrapper {
	float: left;
	padding-left: 36px;
	margin-bottom: 6px;
	width: 797px;
	}
	
/* category pagination */
.product_lister_pagination {
	width: 813px;
	padding: 0 10px 10px 10px;
	display: block;
	clear: both;
	font-size: 1em;
	color: #666;
	float: left;
	}
	
.product_lister_pagination {
	padding-top:0px; /* ff & safari */
	}

body#catalogsearchresultcmd .product_lister_pagination {
	padding:10px;
	}

#content #top_pagination_list {
	padding-top: 0px;
	}

#content #top_pagination_list.product_lister_pagination	p,
#content #bottom_pagination_list.product_lister_pagination p {
	display:block;
	float:left;
	font-size:1.1em;
	line-height:1.2em;
	width:360px;
	height:auto;
	padding:0 0 0 40px;
	margin:0;
	}
	
#content #top_pagination_list.product_lister_pagination	ul,
#content #bottom_pagination_list.product_lister_pagination ul {
	display:block;
	float:right;
	width:350px;
	text-align:right;
	font-size:1.1em;
	padding:0 19px 0 0;
	margin:0;
	}	
	
#content #bottom_pagination_list.product_lister_pagination ul {
	padding-bottom:20px;
	}

.product_lister_pagination li {
	display: inline;
	margin: 2px 3px;
	list-style: none;
	font-weight: bold;
	color: #000;
	}
	
.product_lister_pagination li.show_next a {
	padding-right: 25px;
	background: url(../next.gif) no-repeat top right;
	}

.product_lister_pagination li.show_previous a {
	padding-left: 14px;
	background: url(../previous_arrow.gif) left 2px no-repeat;
	}

.product_lister_pagination li.show_all a {
	background: url(../delimiter.gif) left top no-repeat;
	padding-left: 10px;
	}
	
.product_lister_pagination li a {
	text-decoration: none;
	color: #666;
	font-weight: normal;
	}

.product_lister_pagination li a:hover {
	text-decoration: underline;
	color: #999;
	}

.prod_lister_description {
	min-height: 32px;
	line-height: 13px;
	}

* html .prod_lister_description {
	height: 32px;
	}

/*colour swatches*/
ul.listelement {
 	overflow: visible;
	}
 
ul.listelement li.promoicon {
	display: block;
	padding: 8px 0 0 0 !important;
	height: 20px !important;
	min-height: 20px !important;
	}


ul.listelement li.promoicon ul {
	padding: 0 !important;
	padding: 0 !important;
	clear: both !important;
	padding: 0 !important;
	display: block !important;
	text-align: center;
/*	width: 136px!important;*/
	}

ul.listelement li.promoicon ul li {
	 padding: 0 !important;
	 clear: none;
	 margin: 0 0 !important;
	 
	 }
	 
ul.listelement li.promoicon ul li a {
	width: 15px !important;
	}

ul.listelement li.promoicon ul li img {
	border: none !important;
	padding: 0px !important;
	}
	
ul.listelement li.promoicon ul li.active img {
	border-color: #000;
	}

/*ul.listelement li.promoicon ul li img {
	margin-bottom: 5px;
	}*/

/*ul.listelement li.promoicon ul li img {
	margin: 0 !important;
	padding: 1px!important;
	width: 15px!important;
	height: 15px!important;
	border: 1px #CCC solid;
	}*/


ul.listelement li.prod_lister_description ul li.prod_lister_price a img {
	width: auto !important;
	padding-left: 12px !important;
	}

/*colour swatches*/

#catalogsearchresultview ul.searchtips {
	margin-bottom: 6px;
	}	
	
.block_1, .block_2, .block_3, .block_4 {
	float: left;
	margin: 3px;
	padding: 0 0 5px 0;
	min-height: 200px;
	text-align: center;
	width: 190px;
	}
	
.block_4 {
	margin-right: 0 !important;
	width: 173px;
	margin-bottom: 10px;
	}
	
.listelement {
	float: left;
	/*margin: 3px !important;
	margin: 0;*/
	display: block;
	min-height: 105px;
	text-align: center;
	text-align: center; 
	/*padding: 5px 2px 0 2px; */
	width: 173px!important; 
	width: 173px;
	}

.listelement li{
	list-style-type: none;
	text-align: center;
	}
	
.listelement div {
	text-align: center !important;
	}
	
div.prodlistwrapper li.prod_lister_description a,
div.prodlistwrapper li.product_description a {
	display: block;
	background: url(../buttons/view_this_item.gif) center top no-repeat;
	margin: 3px;
	height: auto !important;
	height: 12px;
	font-size: 0.95em;
	color: #909090;
	text-transform: uppercase;
	}

li.prod_lister_description a:hover,
li.product_description a:hover {
	text-decoration: underline;
	color: #999 !important;
	}
	
.listelement li br {
	display: none;	/* remove unwanted breaks */
	}
	
.listelement li.price {
	font-size: 1.1em;
	font-weight: bold;
	margin: 4px 0;
	color: #666;
	}

.listelement li span.offerprice, 
#categorydisplay .listelement li.now_price,
#catalogsearchresultcmd .listelement li.now_price {
	color: #ff0000;
	}

.prodlistwrapper li.product_image img {
	border: 1px solid #CCC;
	width:170px;
	}

.prodlistwrapper img {
/*	width: 110px !important;*/
	padding: 2px;
	text-align: center;
	background-color: #fff;
	}
			
.prodlistwrapper .discount img {
	width: auto !important;
	border: 0 !important;
	padding: 0 !important;
	display:block;
	}



li.promo img {
	margin: 0;
	}	

li.promo a {
	display: block;
	}

#categorydisplay #discountCat_138604,
#categorydisplay #discountCat_138605,
#categorydisplay #discountCat_138606,
#categorydisplay #discountCat_143427,
#categorydisplay #discountCat_134471, 
li.promo #discount_750719, 
li.promo #discount_863447, 
div.category_102921 li.promo div,  
#categorydisplay #discountCat_140433, 
#categorydisplay #discountCat_140434, 
#categorydisplay #discountCat_140435, 
#categorydisplay #discountCat_140432, 
#categorydisplay #discountCat_117437, 
#categorydisplay #discountCat_151432, 
#categorydisplay #discountCat_151915,
#categorydisplay #discountCat_156336,
#categorydisplay #discountCat_140443,
#categorydisplay #discountCat_168054,
#categorydisplay #discountCat_177499,
#categorydisplay #discountCat_165578,
#categorydisplay #discountCat_183513,
#categorydisplay #discountCat_203996, 
#categorydisplay .category_199014 li.promo_code_169021 div,
#categorydisplay .category_121933 li.promo_code_169021 div,
#categorydisplay .category_119914 li.promo_code_169021 div,
#categorydisplay .category_168049 li.promo_code_169021 div,
#categorydisplay #discountCat_154410,
#categorydisplay #discountCat_201264,
#categorydisplay #discountCat_198522,
#categorydisplay #discountCat_198523,
#categorydisplay #discountCat_198524 {
	display: none;
	}

/* 20% off shoes offer removal */

li.promo #discount_1020379,
li.promo #discount_1020420,
li.promo #discount_1020397,
li.promo #discount_1020386,
li.promo #discount_1008136,
li.promo #discount_1020358,
li.promo #discount_1020365,
li.promo #discount_1020372,
li.promo #discount_1008129,
li.promo #discount_974152,
li.promo #discount_974121,
li.promo #discount_913148,
li.promo #discount_925675,
li.promo #discount_936112,
li.promo #discount_892770 {
	display: none;
	}

/* 25% off jewellery */

li.promo #discount_1030745,
li.promo #discount_1030761,
li.promo #discount_1030715,
li.promo #discount_1030710,
li.promo #discount_1030697,
li.promo #discount_1030699,
li.promo #discount_1030695,
li.promo #discount_1020183,
li.promo #discount_1020181,
li.promo #discount_1002486,
li.promo #discount_1002484,
li.promo #discount_1002482,
li.promo #discount_1002480,
li.promo #discount_1002476,
li.promo #discount_1002474,
li.promo #discount_1002467,
li.promo #discount_1002469,
li.promo #discount_1007678,
li.promo #discount_1007668, 
li.promo #discount_1007616,
li.promo #discount_1007460,
li.promo #discount_1007414,
li.promo #discount_793367,
li.promo #discount_1020097,
li.promo #discount_1020060,
li.promo #discount_1020024,
li.promo #discount_1002490,
li.promo #discount_1030843,
li.promo #discount_1030841,
li.promo #discount_1030825,
li.promo #discount_1030809,
li.promo #discount_1030793,
li.promo #discount_1030777 {
	display: none;
	}
	
/* 10% off dresses */

.category_122405 .prodlistwrapper ul li div,
.category_122405 #discountCat_122405,
div.category_151431 li.promo_code_124506 div,
div.category_119914 li.promo_code_124506 div,
div.category_119911 li.promo_code_124506 div,
div.category_140443 li.promo_code_124506 div,
div.category_145011 li.promo_code_124506 div,
div.category_108426 li.promo_code_124506 div,
div.category_146469 li.promo_code_124506 div,
div.category_146465 li.promo_code_124506 div,
div.category_146466 li.promo_code_124506 div,
div.category_146467 li.promo_code_124506 div,
div.category_146468 li.promo_code_124506 div,
div.category_146471 li.promo_code_124506 div,
div.category_146461 li.promo_code_124506 div,
div.category_122458 li.promo_code_124506 div,
div.category_122455 li.promo_code_124506 div,
div.category_122457 li.promo_code_124506 div,
div.category_122459 li.promo_code_124506 div,
div.category_122460 li.promo_code_124506 div,
div.category_122461 li.promo_code_124506 div,
div.category_122462 li.promo_code_124506 div,
div.category_126450 li.promo_code_124506 div,
div.category_126451 li.promo_code_124506 div,
div.category_126452 li.promo_code_124506 div,
div.category_61942 li.promo_code_124506 div,
div.category_130630 li.promo_code_124506 div,
div.category_117437 li.promo_code_124004 div,
div.category_121933 li.promo_code_124004 div,
#catalogsearchresultcmd li.promo {
	display: none;
	}

#categorydisplay #container #content li.promo_code_136521 div {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px;
	background: url(../offer_10offfinalfew.gif) left 2px no-repeat;
	}
	
#categorydisplay #container #content li.promo_code_136521 div img,
#categorydisplay #container #content li.promo_code_136521 div a {
	display: inline;
	}

/*  */
#categorydisplay #container #content li.promo_code_155535 div {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px;
	background: url(../20offylb.gif) left 2px no-repeat;
	}

#categorydisplay #container #content li.promo_code_155535 div img,
#categorydisplay #container #content li.promo_code_155535 div a {
	display: inline;
	}

#categorydisplay #container #content li.promo_code_135011 div {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px;
	background: url(../two_tops.gif) left 3px no-repeat;
	}
	
#categorydisplay #container #content li.promo_code_149522 div { /* TOPS - 20% off */
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px;
	background: url(../20off_tops.gif) left 3px no-repeat;
	}
	
#categorydisplay #container #content li.promo_code_149035 div { /* Jewellery */
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px;
	background: url(../10off_fullprice_jewellery.gif) left 3px no-repeat;
	}

#categorydisplay #container #content li.promo_code_150522 {
	height: 40px !important;
	min-height: 40px !important;
	}

#categorydisplay #container #content li.promo_code_150522 div { /* SALE - Extra 20% off */
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px !important;
	background: url(../20off_extra_sale.gif) left 3px no-repeat;
	clear: both;
	}
	
#categorydisplay #container #content li.promo_code_150536 div { /* Jewellery - Mikey 20% off */
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 172px;
	height: 40px !important;
	background: url(../20off_mikey_jewellery.gif) left 3px no-repeat;
	clear: both;
	}

#categorydisplay #container #content li.promo_code_135011 div img,
#categorydisplay #container #content li.promo_code_135011 div a,
#categorydisplay #container #content li.promo_code_149522 div img,
#categorydisplay #container #content li.promo_code_149522 div a,
#categorydisplay #container #content li.promo_code_149035 div img,
#categorydisplay #container #content li.promo_code_149035 div a,
#categorydisplay #container #content li.promo_code_150522 div img,
#categorydisplay #container #content li.promo_code_150522 div a,
#categorydisplay #container #content li.promo_code_150536 div img,
#categorydisplay #container #content li.promo_code_150536 div a
	{
	display: inline;
	}
	
div.category_177487 .prodlistwrapper,
div.category_170496 .prodlistwrapper,
div.category_172501 .prodlistwrapper,
div.category_122405 .prodlistwrapper,
div.category_162974 .prodlistwrapper,
div.category_115940 .prodlistwrapper,
div.category_68505 .prodlistwrapper,
div.category_61942 .prodlistwrapper,
div.category_167540 .prodlistwrapper,
div.category_61943 .prodlistwrapper {
	min-height: 370px !important;
	}
	
div.category_169568 .prodlistwrapper {
	min-height: 285px !important;
	}



/* 17. DiscountDisplayView */
#discountdetailsdisplayview #content {
	width: 803px;
	padding: 15px;
	}

#discountdetailsdisplayview #content h1 {
	margin: 0 0 12px 0;
	}
	
#discountdetailsdisplayview #content p.text {
	display: none;
	}



body#catalogsearchresultcmd div#content {
	text-indent: 5px;
	}

body#catalogsearchresultcmd div#content h1 {
	text-indent: 0px !important;
	padding: 0;
	margin: 7px 0 0 5px;
	}
	
#catalogsearchresultcmd .prodlistwrapper {
	text-indent: 0;
	}


/* 37. CatalogSearchResultView */
#catalogsearchresultview #content {
	width: 833px;		
	min-height: 470px;
	color: #000;
	}
	
* html #catalogsearchresultview #content {
	height: 470px;
	}
	
#catalogsearchresultview #content a {
	text-decoration: underline;
	}

#catalogsearchresultview .prodlistwrapper {
	margin: 10px 0 !important;
	}



div#productcolumnthree dl {
  display: none !important;
  }

div.search_filters {
	font-size:1.1em;
	margin-left:50px;
	color: #666666;
	}

/* Mercado Search filter Tab styling */

div#mercado_header { /* Hides the filter for now */
	display: none !important;
	}

#breadcrumb a.remove_filter { 
	display:none;
	}


#mercado_header #mercado_filters {
	margin: 0 5px;
	}
	
#mercado_header #mercado_filters h2 {
	margin: 10px 0 15px 0;
	text-indent: 0;
	}
	
#mercado_filters .tabs_nav {
	width:100%;
	margin:0 !important;
	padding:0 !important;	
	}
	
#mercado_filters .tabs_nav li {
	font-size:1.1em;
	font-weight: bold;
	list-style:none;
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	background:transparent url(../mercado_nav_arrow.gif) top left no-repeat scroll;
	}
	
#mercado_filters .tabs_nav li a {
	display:block;
	width:155px;
	text-decoration:none;
	color:#000;
	padding:2px 0 4px 0;
	margin:0 0 3px 0;
	text-indent: 20px;
	}
	
#mercado_filters .active {
	background:transparent url(../mercado_nav_arrow_active.gif) top left no-repeat scroll !important;
	}

#mercado_filters .filter_group li {
	list-style:none;
	float:left;
	margin:5px 20px 5px 0;
	font-size: 1em;
	}
	
#mercado_filters .filter_group {
	display: none;
	background: #edecea;
	padding: 5px 10px 5px 10px;
	margin-bottom: 15px;
	}
	
#discountCat_162904.promo img, #discountCat_162904.promo a {
	display: none;
	}
	
#discountCat_162904.promo {
	height: 25px;
	}

/* ---------------- Add banner to top of product list pages. ------------------------- */

/* Yasmin le bon product list pages */
body#categorydisplay div.category_180056 #content,
body#categorydisplay div.category_180060 #content,
body#categorydisplay div.category_180062 #content,
body#categorydisplay div.category_180061 #content,
body#categorydisplay div.category_180063 #content,
body#categorydisplay div.category_180059 #content
	{
	background: url(../productdisplay/wk11_09/ylb_header.jpg) no-repeat scroll left top;
	}
	
body#categorydisplay div.category_180056 #content h1,
body#categorydisplay div.category_180060 #content h1,
body#categorydisplay div.category_180062 #content h1,
body#categorydisplay div.category_180061 #content h1,
body#categorydisplay div.category_180063 #content h1,
body#categorydisplay div.category_180059 #content h1
	{
	margin-top: 70px;
	}
	
body#categorydisplay div.category_180059 #content li.promo_code_152035, 
body#categorydisplay div.category_180059 #content div#discountCat_180059,
body#categorydisplay div.category_180056 #content li.promo_code_152035, 
body#categorydisplay div.category_180056 #content div#discountCat_152035,
body#categorydisplay div.category_183513 #content li.promo_code_152035
	{
	display: none;
	}



/* ------------------------------ Add height to .prodlistwrapper on category page ------------------------- */

/* Dresses */
div.category_140432 .prodlistwrapper,
div.category_140433 .prodlistwrapper,
div.category_174554 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Tops */
div.category_155421 .prodlistwrapper,
div.category_116490 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Coats */
div.category_176012 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Knitwear */
div.category_119493 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Suiting */
div.category_174541 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Trousers */
div.category_167485 .prodlistwrapper,
div.category_171993 .prodlistwrapper,
div.category_86030 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Jeans */
div.category_177505 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Skirts */
div.category_161414 .prodlistwrapper
	{
	min-height: 386px !important;
	}
	
/* Footwear */
div.category_167538 .prodlistwrapper,
div.category_175006 .prodlistwrapper,
div.category_175007 .prodlistwrapper
	{
	min-height: 386px !important;
	}

div.category_168048 #discount_1450402, /* Scarves offer in scarves */
div.category_168049 li.promo_code_160032 #discount_1450402, /* Scarves offer in accessories */
div.category_121933 li.promo_code_160032 #discount_1450402, /* Scarves offer in new arrivals */
body#categorydisplay div.category_180056 #content li.promo_code_160032,  /* Yasmin le bon special offers */
body#categorydisplay div.category_180062 #content li.promo_code_160032,  /* Yasmin le bon special offers coats and jackets */
div.category_176012 #discountCat_176012 /* Scarves offer top of all coats and jackets page */
	{	
	display:none;
	}
	
/* Scarves offer in coats and jackets */
#categorydisplay div.category_176012 #content li.promo_code_160032 div {
	background:transparent url(../free_scarf.gif) no-repeat scroll left 2px;
	display:block;
	height:55px;
	overflow:hidden;
	text-indent:-9000px;
	width:172px;
	}
	
#categorydisplay div.category_176012 #content li.promo_code_160032 div img, #categorydisplay div.category_176012 #content li.promo_code_160032 div a {
	display:inline;
	}
	
	
li.category_201229 {
	display: inline !important;
	}