div.department {
	margin: 30px 0 10px;
	padding: 0;
	width: 613px;
	height: 175px;
	background: url(Images/departments/bg-department.jpg) no-repeat 0 bottom;
}

div.department h1 {
	margin: 0;
	padding: 0;
	width: 283px;
	height: 20px;
	font: bold 20px/20px Arial, Verdana, sans-serif;
	color: #3f3f3f;
	background: none;
	text-indent: -10000px;
}

div.safetyglasses h1	{background: url(Images/departments/h1-safetyglasses.gif) no-repeat 25px 0;}
div.hardhats h1			{background: url(Images/departments/h1-hardhats.gif) no-repeat 25px 0;}
div.earplugs h1			{background: url(Images/departments/h1-earplugs.gif) no-repeat 25px 0;}
div.respirators h1		{background: url(Images/departments/h1-respirators.gif) no-repeat 25px 0;}
div.firstaid h1			{background: url(Images/departments/h1-firstaid.gif) no-repeat 25px 0;}
div.gloves h1			{background: url(Images/departments/h1-gloves.gif) no-repeat 25px 0;}
div.signs h1			{background: url(Images/departments/h1-signs.gif) no-repeat 25px 0;}
div.flashlights h1		{background: url(Images/departments/h1-flashlights.gif) no-repeat 25px 0;}
div.apparel h1			{background: url(Images/departments/h1-apparel.gif) no-repeat 25px 0;}

div.department p {
	float: left;
	margin: 21px 0 0 13px;
	padding: 0;
	width: 366px;
	font: 11px/14px Verdana, Arial, sans-serif;
	color: #434343;
	letter-spacing: normal;
	background: none;
}

div.department ul {
	float: right;
	margin: -18px 0 0;
	padding: 14px 0 0;
	width: 229px;
	height: 146px;
	background: url(Images/departments/bg-ul.jpg) no-repeat 0 0;
	list-style: none;
}

div.department ul li {
	margin: 0 0 -1px;
	padding: 0;
	width: 229px;
	height: 35px;
	font: 13px/34px Verdana, Arial, sans-serif;
	background: url(Images/departments/li-first.png) no-repeat 0 0;
}

div.department ul a {
	position: relative;
	padding: 0 0 0 25px;
	font: 13px/34px Verdana, Arial, sans-serif;
	color: #3b3b3b;
	letter-spacing: normal;
	text-decoration: underline;
}

#department_pages h2 {
	margin: 0 0 1px;
	padding: 0;
	width: 607px;
	font: bold 11px/17px Verdana, Arial, sans-serif;
	color: #3f3f3f;
	background: #fff;
	letter-spacing: normal;
}

#department_pages h2.featured {background: url(Images/departments/bg-brands.gif) repeat-x 0 bottom;}
	
div.brands {
	margin: 0 0 20px;
	padding: 7px 0 0;
	width: 607px;
	height: 34px;
	line-height: 34px;
	background: url(Images/departments/bg-brands.gif) repeat-x 0 0;
}

div.brands a {
	float: left;
	margin: 0;
	padding: 0;
}

div.brands a.uvex {margin-right: 23px;}
div.brands a.aosafety {margin-right: 20px;}
div.brands a.wileyx {margin-right: 21px;}
div.brands a.crews {margin-right: 29px;}
div.brands a.occ {margin-right: 24px;}
div.brands a.willson {margin-right: 25px;}

div.brands a.earplugs {margin-right: 57px;}

div.brands a.respirators {margin-right: 50px;}

div.brands a.firstaid {margin-right: 50px; margin-left: 50px;}

div.brands a.hardhats {margin-left: 60px;}


/*IE6 Hacks and Filters */

*html div.department h1 {
	margin: 0;
	padding: 0;
}

*html div.department p {
	margin: 0;
	padding: 41px 0 0 13px;
	width: 353px;
}

*html div.department ul li {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cooper.lightburndesigns.com/App_Themes/Webshop/Images/departments/li-first.png', sizingMethod='image'); 
}

*html div.brands a.willson {margin-right: 20px;}

/* Old Department Styles */

#department_pages h1 {
	display:block;
	margin: 0;
	padding: 0;
	font: bold 13px/14px Verdana, sans-serif;
	color: #000;
	letter-spacing: normal;
}

#department_pages #apparel p,
#department_pages #earplugs p,
#department_pages #gloves p,
#department_pages #respirators p,
#department_pages #safetyglasses p,
#department_pages #hardhats p,
#department_pages #firstaid p,
#department_pages #signs p,
#department_pages #flashlights p {
	display:block;
	margin: 5px 0 0;
	padding: 0;
	width:173px;
	font: 11px/14px Verdana, sans-serif;
	color: #434343;
	letter-spacing: normal;
}

#department_pages #apparel {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/apparel.jpg) no-repeat 0 0;
}

#department_pages #earplugs {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/earplugs.jpg) no-repeat 0 0;
}

#department_pages #gloves {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/gloves.jpg) no-repeat 0 0;
}

#department_pages #respirators {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/respirators.jpg) no-repeat 0 0;
}

#department_pages #safetyglasses {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/safetyglasses.jpg) no-repeat 0 0;
}

#department_pages #hardhats {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/hardhats.jpg) no-repeat 0 0;
}

#department_pages #firstaid {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/firstaid.jpg) no-repeat 0 0;
}

#department_pages #flashlights {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/flashlights.jpg) no-repeat 0 0;
}

#department_pages #signs {
	margin: 35px auto 0;
	padding: 75px 0 0 395px;
	width: 208px;
	height: 218px;
	background: url(Images/departments/signs.jpg) no-repeat 0 0;
}