ol.prod-cat-list {
	margin-bottom: 1.5em;
	margin-left: 10px;
	/* use the column height (below) plus one more line */
	height: 7.5em;
	}

ol.prod-cat-list li {
	list-style-type: none !important;

	/* stipulate the height of each item so that
		vertical return = items * height
		*/
	line-height: 1.5em;

	/* clear the default margins & padding
		so we can style the list from scratch
		*/
	margin: 0 !important;
	padding: 0;
	}

/* if li position is left static, internet
	explorer disables hyperlinks in the list
	in all but the final column.
	this rule will be processed only by
	internet explorer because only ie believes
	that there�s a level above html:
	*/
* html ol.prod-cat-list li {
	position: relative;
	}

/* bring the first item of each column
	back up to the level of item 1.
	vertical return = items * height.
	here, 4 items * 1.5em line-height = 6.0em
	*/
ol.prod-cat-list li.testprod5,
ol.prod-cat-list li.testprod-all{
	margin-top: -6.0em !important;
	}

/* horizontal position of each column */
ol.prod-cat-list li.testprod1,
ol.prod-cat-list li.testprod2,
ol.prod-cat-list li.testprod3,
ol.prod-cat-list li.testprod4 {
	margin-left: 0 !important;
	}

ol.prod-cat-list li.testprod5,
ol.prod-cat-list li.testprod6,
ol.prod-cat-list li.testprod7,
ol.prod-cat-list li.testprod8 {
	margin-left: 250px !important;
	}

ol.prod-cat-list li.testprod-all {
	margin-top: -3.05em !important;
	margin-left: 500px !important;
	}

/* anchor styling */
ol.prod-cat-list li a {
	display: block;
	width: 240px;
	text-decoration: none !important;
	}
ol.prod-cat-list li a:hover {
	text-decoration: underline !important;
	}