/* Generic Product Grid CSS */

.ProductGrid {
	width: 100%;
	padding: 0;
	margin: 20px 0;
	text-align: center;
}

.ProductGrid td {
	padding: 4px;
}

.ProductGrid td.hSeparator {
	width: 3px;
	padding: 0;
	margin: 0;
	background: url('/2005redesign/dot.gif') repeat-y 1px;
}

.ProductGrid .vSeparator td, .ProductGrid .line {
	padding: 0;
	margin: 0;
	height: 1px;
}








/* product grid for category pages */

.leftCell {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	height: 100%;
	background-position: 100% 0%;
	background-image: url("/2005redesign/dotted-yline.gif");
	background-repeat: repeat-y;
}
.rightCell {
	margin-top: 5px;
	margin-bottom: 5px; 
	padding-left: 10px;
	padding-right: 10px;	
	vertical-align: top;
}
.solidLine {
	width: 100%;
	height: 1px;
	color: #999999;
	background: #999999;
	border: 0;	
	margin-top: 7px;
	margin-bottom: 7px;
}





#loyalty h2 { background: #99c; color: #fff; font-size: 12px; margin: 4px 0; padding: 4px; }
#clearance h2 { background: #039; color: #fff; font-size: 12px; margin: 4px 0; padding: 4px; }
#loyalty .productRow, #clearance .productRow { background: url('/images/col3_vdot.gif') repeat-y 0 2px; clear: both; float: left; margin: 0; padding: 0; }

#loyalty .productRow table, #clearance .productRow table { border-collapse: collapse; margin: 0; padding: 0; float: left; border: 1px solid #fff; }
	#loyalty .productGrid td, #clearance .productGrid td { padding: 8px; text-align: center; vertical-align: top; width: 171px; }
	#loyalty .productGrid img, #loyalty .productGrid span, #loyalty .productGrid strong, #clearance .productGrid img, #clearance .productGrid span, #clearance .productGrid strong { display: block; }
	#loyalty .productGrid img, #clearance .productGrid img { margin: auto; }
	#loyalty .productGrid span, #clearance .productGrid span { border-bottom: 1px solid #ccc; font-size: 12px; padding: 0 0 10px 0; }
	
	#loyalty .productGrid ul, #clearance .productGrid ul { width: 100px; margin: 6px auto; } 
	#loyalty .productGrid ul, #clearance .productGrid ul { [width: auto;] [margin-left: 15px;] }  /* Safari Hack - browser unable to parse */

	#loyalty .productGrid .price td, #clearance .productGrid .price td { padding: 0 6px 6px 6px; vertical-align: bottom; }
	#loyalty .productGrid .price em, #clearance .productGrid .price em { color: #f00; font-size: 12px; font-style: normal; }
	#loyalty .productGrid .price img, #clearance .productGrid .price img { margin-top: 4px; }

	#loyalty .productGrid td table td, #clearance .productGrid td table td { border-top: 1px solid #ccc; font-size: 9px; padding: 3px 0; text-align: left; }
	#loyalty .productGrid td table .discount, #clearance .productGrid td table .discount { text-align: right; }

#loyalty .productRowFooter, #clearance .productRowFooter { background: url('/images/col3_vdot_btm.gif'); clear: both; margin: 1px 0 2px 0; padding: 1px; height: 1px; float: left; width: 100%;  }
*html #loyalty .productRowFooter { padding: 0; line-height: 1px; font-size: 1px; }
*html #clearance .productRowFooter { padding: 0; line-height: 1px; font-size: 1px; }

#loyalty .disclaimer, #clearance .disclaimer { clear: both; display: block; margin: 50px 0 10px 0; font-size: 9px;  float: left; width: 100%; }