/* 
Category.css: CSS for product category (i.e. different 
colored highlights/buttons/etc by category)

NOTE: Link this in after all other main and nav stylesheets.

Men: #3399cc
Women: #669933
Accessories: #ff9900


*/

.Men img.ItemAddToBagButton
{
	background: transparent url(/Images/Common/button_addtobag_men_off.gif) no-repeat;
}

.Women img.ItemAddToBagButton
{
	background: transparent url(/Images/Common/button_addtobag_women_off.gif) no-repeat;
}

.Accessories img.ItemAddToBagButton
{
	background: transparent url(/Images/Common/button_addtobag_accessories_off.gif) no-repeat;
}

a:hover img.ItemAddToBagButton
{
	background: transparent url(/Images/Common/button_addtobag_on.gif) no-repeat;
}

.Men img.ItemCheckoutButton
{
	background: transparent url(/Images/Common/button_checkout_men_off.gif) no-repeat;
}

.Women img.ItemCheckoutButton
{
	background: transparent url(/Images/Common/button_checkout_women_off.gif) no-repeat;
}

.Accessories img.ItemCheckoutButton
{
	background: transparent url(/Images/Common/button_checkout_accessories_off.gif) no-repeat;
}

a:hover img.ItemCheckoutButton
{
	background: transparent url(/Images/Common/button_checkout_on.gif) no-repeat;
}

/* Category styles for Left navigation */
ul#ProductCategorySubNav li.Men a.Category:hover
, ul#ProductCategorySubNav li.Men a.CategorySelected
{
	color: #ffffff;
	background-color: #3399cc;
	font-weight: bold;
}


	ul#ProductCategorySubNav li.Men ul.ItemMenu li a:hover
	, ul#ProductCategorySubNav li.Men ul.ItemMenu li a:active
	, ul#ProductCategorySubNav li.Men ul.ItemMenu li a:focus
	, ul#ProductCategorySubNav li.Men ul.ItemMenu li a.Selected
	{
		color: #3399cc;
	}

ul#ProductCategorySubNav li.Women a.Category:hover
, ul#ProductCategorySubNav li.Women a.CategorySelected
{
	color: #ffffff;
	background-color: #669933;
}

	ul#ProductCategorySubNav li.Women ul.ItemMenu a:hover
	, ul#ProductCategorySubNav li.Women ul.ItemMenu a:active
	, ul#ProductCategorySubNav li.Women ul.ItemMenu a:focus
	, ul#ProductCategorySubNav li.Women ul.ItemMenu a.Selected
	{
		color: #669933;
	}

ul#ProductCategorySubNav li.Accessories a.Category:hover
, ul#ProductCategorySubNav li.Accessories a.CategorySelected
{
	color: #ffffff;
	background-color: #ff9900;
}

	ul#ProductCategorySubNav li.Accessories ul.ItemMenu a:hover
	, ul#ProductCategorySubNav li.Accessories ul.ItemMenu a:active
	, ul#ProductCategorySubNav li.Accessories ul.ItemMenu a:focus
	, ul#ProductCategorySubNav li.Accessories ul.ItemMenu a.Selected
	{
		color: #ff9900;
	}

/* Category styles for Product Detail */
div.Men h2.ProductDetail
{
	color: #3399cc;
}

div.Women h2.ProductDetail
{
	color: #669933;
}

div.Accessories h2.ProductDetail
{
	color: #ff9900;
}