/* category.css 
  =======================================
    1. Set up
  =======================================
*/

/* 1. Set up
==================================================== */
.product_categories {
  display:inline-block;
  width:100%;
}

.product_categories ul.view {
  margin-left: 22px;
}

.product_categories ul.view li.item {
  border: 0;
  font-weight:700;
  height:40px;
  padding: 4px;
}

.product_categories ul.view li.odd {
  background:none;
}

/* Page header (replaces Section heading container)
==================================================== */
.page_header{
	margin:10px 20px;
	overflow:hidden;	
}

.page_header h3,
.page_header h4,
.page_header h5,
.page_header span {
	letter-spacing:-1px;
}

.page_header h3,
.page_header h5{
	float:left;
}

.page_header h4,
.page_header span {
	float:right;
}

.page_header span {
	font-size:12px;
	margin:18px 20px 0 0;
	color:#CC0000;
}

.page_header h5 {
  color:#333;
  font-size:18px;
  font-weight:100;
  margin:12px 0 0 15px;
}

.page_header h3,
.page_header h4{
  color:#333;
  font-size:30px;
  font-weight:700;
}

/* Effects
==================================================== */
/* Reflection */
.reflect{
	-webkit-box-reflect: 	below -11px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), 
	color-stop(0.65, transparent), 
	to(white)) 0 0 0 0 stretch stretch;
}

.faux-reflect{
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	position:absolute;
	opacity:0.5;
	right:20px;
	top:25px;
}

.gradient{
	background:top left repeat-x url(/shs.I27.9235/shs/images/backgrounds/content/white_gradient.png);
	height:30px;
	width:400px;
	position:absolute;
	right:20px;
	top:25px;
}

* html .faux-reflect{
	display:none;
}

* + html .faux-reflect{
	display:none;
}

* html .gradient{
	display:none;
}

* + html .gradient{
	display:none;
}