/* 

	Document:					category.css
	This version:				*** Commented for development - do not deploy - create deployment version with w3compiler ***
	Deployment version:			E:\WCS Deployment Files\Topman\Style\css\category.css
	Documentation:				svn/Documentation/Zoom User Guides/layout.css.doc
	Notes:						Use for generic category display styling
	
	-----------------------------------------------------------------
	Contents of this file:
	-----------------------------------------------------------------
		
	1. CategoryDisplay  
	2. DiscountDisplayView 
	3. Mercado Search
*/


/* 1. CategoryDisplay   */

#categorydisplay h1 {
	margin:15px 15px 15px 0;
	}

#categorydisplay #category_description {clear: both; overflow: hidden; display: hidden;}

/* start: pagination */
.product_lister_pagination {
	width:745px;
	clear: both;
	overflow: hidden;
	display: block;
	}
	
.product_lister_pagination p {
	float:left;
	width:245px;
	}
	
.product_lister_pagination p span.product_count {
	font-weight:bold;
	}
	
.product_lister_pagination ul {
	float:right;
	width:auto;
	}
	
.product_lister_pagination ul li {
	float:left;
	width:20px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	}
	
.product_lister_pagination ul li a {
	font-weight:normal;
	display:block;
	color:#FFF;
	}
	
.product_lister_pagination ul li.show_previous, 
.product_lister_pagination ul li.show_next, 
.product_lister_pagination ul li.show_all {
	width:auto;
	padding:0;
	margin:0 5px;
	}
	
#bottom_pagination_list {
	padding-top:10px;
	}
/* end: pagination */

div#mercado_header, a.remove_filter {
	display: none;
	}

/* start: product list */
.prodlistwrapper {
	width:745px;
	clear: both;
	}
	
.prodlistwrapper div.block_1,
.prodlistwrapper div.block_2, 
.prodlistwrapper div.block_3 {
	float: left;
	width: 180px;
	display: inline;
	margin-right: 8px;
	overflow: visible;
	}
	 
.prodlistwrapper div.block_4 {
	float:left;
	width:160px;
	display:inline;
	overflow:visible;
	}
	
/* product image */
.prodlistwrapper ul li.product_image {
	text-align:center;
	display:block;
	color:#fff;
	line-height: normal;
	}
	
* html .prodlistwrapper ul li.product_image,
* html .prodlistwrapper ul li.prod_lister_thumbnail {
	display:inline;
	}
	
.prodlistwrapper ul li.product_image img,
.prodlistwrapper ul li.prod_lister_thumbnail img /* search page */ {
	background:#FFF;
	width:170px !IMPORTANT;
	border-left:5px solid #333;
	border-right:5px solid #333;
	border-top:none;
	border-bottom:none;
	color:#333;
	line-height: normal;
	}

.category_55967 .prodlistwrapper ul li.product_image img,
.category_55967 .prodlistwrapper ul li.prod_lister_thumbnail img /* search page */ {
	width:150px !IMPORTANT;
	}
	
.prodlistwrapper ul li.product_image a,
.prodlistwrapper ul li.prod_lister_thumbnail a /* search page */{
	color:#000;
	line-height: normal;
	}
	
/* product description */	
.prodlistwrapper ul li.product_description, 
.prodlistwrapper ul li.prod_lister_description {
	margin-top:5px;
	text-transform:uppercase;
	}
		
.prodlistwrapper ul li.product_description a:link, 
.prodlistwrapper ul li.product_description a:visited,
.prodlistwrapper ul li.prod_lister_description a:link, 
.prodlistwrapper ul li.prod_lister_description a:visited {
	color:#FFF;
	height:30px;
	display:block;
	padding:2px 7px;
	font-size:.9em;
	}
	
.prodlistwrapper ul li.product_description a:hover, 
.prodlistwrapper ul li.product_description a:focus, 
.prodlistwrapper ul li.product_description a:active,
.prodlistwrapper ul li.prod_lister_description a:hover,
.prodlistwrapper ul li.prod_lister_description a:focus, 
.prodlistwrapper ul li.prod_lister_description a:active { 
	background:#FF0066;
	}
	
/* price */	
.prodlistwrapper ul li.price,
.prodlistwrapper ul li.product_price { 
	background:#000000 none repeat scroll 0%;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	padding:3px 7px 0px 7px;
	}

/* was/now prices */
.prodlistwrapper ul li.was_price,
.prodlistwrapper ul li.product_was_price {
	float:left;
	margin-bottom:7px;
	}
	
.prodlistwrapper ul li.was_price span,
.prodlistwrapper ul li.product_was_price span {
	background:#545454;
	font-size:0.9em;
	padding:2px 7px;
	color:#FFF;
	text-indent:0;
	margin-top:-10px;
	font-weight:bold;
	}
	
.prodlistwrapper ul li.now_price,
.prodlistwrapper ul li.product_offer_price /* search page */{
	float:left;
	width:100%;
	}

.prodlistwrapper ul li.now_price span,
.prodlistwrapper ul li.product_offer_price span /* search page */{
	background:#FE5926;
	font-size:0.9em;
	padding:2px 7px;
	color:#FFF;
	text-indent:0;
	margin-top:-10px;
	font-weight:bold;
	}
  
/* safari hack for version 3 - also affects IE 7 */ 
html>body* .prodlistwrapper ul li.now_price span,
html>body* .prodlistwrapper ul li.product_offer_price span {
	margin-top:0px !important;
	}
	
/* safari hack for version 3 - also affects IE 7 */
html>body* .prodlistwrapper ul li.was_price,
html>body* .prodlistwrapper ul li.product_was_price {
	margin-top:0px !important;
	}
/* IE 7 fix - reset for IE 7*/
*:first-child+html .prodlistwrapper ul li.now_price span,
*:first-child+html .prodlistwrapper ul li.product_offer_price span {
	margin-top:-28px !important;
	}
	
/* IE 7 fix - reset for IE 7*/
*:first-child+html .prodlistwrapper ul li.was_price,
*:first-child+html .prodlistwrapper ul li.product_was_price {
	margin-top:0px !important;
	}

/* discount/promo text */
.prodlistwrapper ul li.promo {
	clear:both;
	float:left;
	width:100%;
	height:40px !important;
	margin-bottom:30px !important;
	}
	
.prodlistwrapper ul li.promo span.discount a {
	font-weight:bold;
	color:#FFF;
	font-size:.8em;
	}

.prodlistwrapper ul li.li_4, 
.prodlistwrapper ul li.li_5 /* search page */{
	clear:both;
	float:left;
	}
	
.prodlistwrapper ul li.li_4 img, 
.prodlistwrapper ul li.li_5 img /* search page */{
	vertical-align:middle;
	}
	
.prodlistwrapper ul li a.discount /* search page */{
	font-weight:bold;
	color:#FFF;
	}

/* end: product list */

/* 2. DiscountDisplayView   */
p.discountheading {
	text-transform:uppercase;
	margin-top:10px;
	font-weight:bold;
	}
	
p.discountheading img, p.discount img{
	vertical-align:middle !important;
	}

#discountdetailsdisplayview #content p.discount {
	clear: both;
	width: auto;
	}
		
/* 3. Mercado Search  */
	
#mercado_header, #breadcrumb a.remove_filter {
	display:none;
	}
	
.search_filters {
	display:none;
	}	
	
#mercado_filters {
	position:relative;
	width: 740px;
	}
	
#mercado_filters h2 {
	color:#fff;
	padding: 6px 0 0 2px;
	font-size: 1.0em;
	text-transform: uppercase;
	}	

#mercado_filters .tabs_nav {
	width: 740px;
	margin:0 !important;
	padding:0 !important;	
	height: 32px;
	}
	
#mercado_filters .tabs_nav li {
	font-size:1.1em;
	list-style:none;
	display:block;
	float:left;
	background: url(../tabs_nav_active.gif) bottom left no-repeat;
	}
	
#mercado_filters .tabs_nav li a {
	display:block;
	width:104px;
	height: 24px;
	color: #fff;
	padding: 8px 0 0 0;
	margin: 0 4px 0 0;
	text-decoration:none !important;
	text-align: center;
	}
	
#mercado_filters .tabs_nav li.active a,#mercado_filters .tabs_nav li a:hover {
	background: url(../tabs_nav_active.gif) top left no-repeat;
	}
	
#mercado_filters .filter_group {
	display:none;
	background:#515151;
	padding:5px 10px 10px 10px !important;
	padding:5px 8px 10px 10px;
	margin: 0 0 10px 1px;
	}
	
#mercado_filters .filter_group ul {
	margin:0 !important;
	padding:0 !important;
	}
	
#mercado_filters .filter_group li {
	list-style:none;
	float:left;
	margin:5px 8px 0 0;
	}
	
#mercado_filters .filter_group a {
	display:block;
	padding:2px 4px;
	white-space:nowrap;
	font-size:0.95em;
	color: #fff;
	}
	
#mercado_filters .filter_group a:hover {
	color: #000;
	}
	
#mercado_filters .active {
	/*
	background:transparent url(../mercado_nav_arrow_active.gif) top left no-repeat scroll !important;
	*/
	}
	
#mercado_filters .filter_group span {
	display:none;
	}


div#mercado_header, a.remove_filter {
	display: none !important;
	}
	
.category_55967 #pagebody #content h1,
.category_125457 #pagebody #content h1,	
.category_129932 #pagebody #content h1,
.category_129933 #pagebody #content h1,
.category_129934 #pagebody #content h1,
.category_129935 #pagebody #content h1,
.category_38993 #pagebody #content h1 {
	display:block;
	width:745px;
	height:120px;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-9000px;	
	color:#FFF;	
	background: url(/wcsstore/TopMan/images/category/suits_tailoring.jpg) top left no-repeat scroll;
	}	

.category_174524 #pagebody #content h1 {
	display:block;
	width:745px;
	height:200px;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-9000px;	
	color:#FFF;	
	background: url(/wcsstore/TopMan/images/category/topman_bright_suits_banner.jpg) top left no-repeat scroll;
	}