#product_chooser {
	clear: both;
	height: 1%;
	margin: auto 0 0 auto;
	overflow: hidden;
	width: 100%;
}
	#product_chooser * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#product_chooser ul {
		display: table;
		height: 100%;
		list-style: none;
		overflow: hidden;
		position: relative;
		width: 100%;
		z-index: 1;
		padding-left: 0px;		
		margin-bottom: 0px;
	}
		#product_chooser ul li {
			background: url(../images/product_chooser/separator_vertical.gif) center right no-repeat;
			/*border-bottom: 1px solid #eee;*/
			float: left;
			/*display: inline-block;*/
			height: 170px;
			height: auto;
			margin: 0 0 7px 0;
			overflow: hidden;
			padding: 0 0 16px 0;
			text-align: center;
			width: 136px;
			width: 14.2%;
		}
		#product_chooser ul li:nth-last-child(1) {
			background: none;
		}

			#product_chooser ul li a {
				color: #323232;
				display: block;
				margin: 10px 0 0;
				opacity: 1;
				position: relative;
				text-decoration: none;
			}
				#product_chooser ul li a:hover {
					opacity: .9;
				}
				#product_chooser ul li a img {
					border: 0;
					display:block;
					margin: 0 auto 2px auto !important;
					width: 60px;
				}
				#product_chooser ul li a div.pc-title {
					display: table;
					font-family: Arial;
					font-size: 12px;
					font-weight: 600;
					height: 60px;
					line-height: 15px;
					overflow: hidden;
					padding: 0 8px;
					position: relative;
					text-align: center;
					width: 100%;
				}
					#product_chooser ul li a div.pc-title span {
						display: table-cell;
						text-align: center;
						vertical-align: top;
					}




		/* Media queries for the grid (<li> sizing etc) */
		@media all and (min-width : 983px) {
			#product_chooser ul li a img {
				width: 124px;
			}
		}
		@media all and (min-width : 954px) and (max-width : 982px) {
			#product_chooser ul li a img {
				width: 119px;
			}
		}
		@media all and (max-width : 953px) {
			#product_chooser ul li {
				background: url(../images/product_chooser/separator_vertical_small.gif) center right no-repeat;
				height: 135px;
			}
		}
		@media all and (min-width : 954px) {
			#product_chooser ul li:nth-child(7n+7), .nth-child7np7 {
				/*background: none;*/
			}
			#product_chooser ul li {
				width: 14.2%;
			}
				#product_chooser ul li a {
					margin: 0;
				}
		}
		@media all and (min-width : 816px) and (max-width : 953px) {
			#product_chooser ul li:nth-child(6n+6), .nth-child6np6{
				/*background: none;*/
			}
			#product_chooser ul li {
				width: 16.6%;
			}
		}
		@media all and (min-width : 690px) and (max-width : 815px) {
			#product_chooser ul li:nth-child(5n+5), .nth-child5np5{
				background: none;
			}
			#product_chooser ul li {
				width: 20%;
			}
		}
		@media all and (min-width : 572px) and (max-width : 689px) {
			#product_chooser ul li:nth-child(4n+4), .nth-child4np4{
				/*background: none;*/
			}
			#product_chooser ul li {
				width: 25%;
			}
		}
		@media all and (min-width : 423px) and (max-width : 571px) {
			#product_chooser ul li:nth-child(3n+3), .nth-child3np3{
				/*background: none;*/
			}
			#product_chooser ul li {
				width: 33.3%;
			}
		}
		@media all and (max-width : 422px) {
			#product_chooser ul li:nth-child(2n+2), .nth-child2np2{
				background: none;
			}
			#product_chooser ul li {
				width: 50%;
			}
		}

	#product_chooser span.bottom {
		background: #fff;
		clear: both;
		display: block;
		height: 1px;
		margin: -8px 0 0; /*12px If <li> uses floats then -8px 0 0;*/
		position: relative;
		width: 100%;
		z-index: 2;
	}