DIV#scrollingContentContainer
{
	position: relative;
	width: 958px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: 264px;
	overflow: auto;
}

DIV#scrollableList
{
	width: 2760px;  /* ENSURE THIS IS LARGE ENOUGH TO FIT ALL CONTENT */
	height: 246px;
	padding: 0px 8px 0px 8px;
	position: relative;
	background: url("/images/scrollable-list-bg.png") repeat-x scroll;
}

DIV#scrollableList IMG.verticalSeparator
{
	display: block;
	float: left;
	width: 23px;
	margin: 0px;
}

DIV#scrollableList DIV.scrollableListCategory
{
	float: left;
}

DIV#scrollableList DIV.scrollableListCategory H3.categoryName
{
	color: #999;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	height: 16px;
}

DIV.scrollableListCategory UL
{
	text-align: center;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

DIV.scrollableListCategory LI
{
	float: left;
	padding: 0px 6px 0px 6px;
	margin: 0px;
}

DIV#scrollableList LI A
{
	display: block;
	padding: 120px 0px 0px 0px;
	background-color: transparent;
	background-position: center 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

DIV#scrollableList LI A:hover
{
	background-position: center -2px;
	color: #333;
}



DIV.scrollableListCategory LI A EM
{
	display: block;
	font-style: normal;
}

DIV.scrollableListCategory LI A:hover EM
{
	display: block;
	font-style: normal;
	color: #333;
}


DIV#scroller
{
	position: relative;
	width: 920px;
	margin: -20px auto 0px auto;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	height: 16px;
	display: none;
	background: #E0E0E0 url('/images/scroller-bg.png') repeat-x;
	z-index: 2;
}

DIV#scrollerController
{
	position: absolute;
	width: 80px;
	height: 16px;
	left: 0px;
	cursor: pointer;
	background: url("/images/scrollerController.png");
	z-index: 3;
}

IMG#scrollerLeftArrow, IMG#scrollerRightArrow
{
	width: 16px;  /* change this to suit if you change the images used */
}

IMG#scrollerLeftArrow, IMG#scrollerLeftArrowTail
{
	position: absolute;
	cursor: pointer;
	left: -1px;
	top: -1px;
	z-index: 4;
}

IMG#scrollerRightArrow, IMG#scrollerRightArrowTail
{
	position: absolute;
	cursor: pointer;
	right: -1px;
	top: -1px;
	z-index: 4;
}

DIV#moreToTheRightVisualIndicator, DIV#moreToTheLeftVisualIndicator
{
	position: absolute;
	z-index: 1;
	top: 6px;
	height: 194px;
	width: 40px;
	cursor: pointer;
}

DIV#moreToTheRightVisualIndicator
{
	right: 0px;
	background: url("/images/moreright.gif");
}

DIV#moreToTheLeftVisualIndicator
{
	left: 0px;
	background: url("/images/moreLeftStatic.gif");
}

DIV#categoryLinks
{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	clear: both;
	padding: 0px;
}

DIV#categoryLinks A:link, DIV#categoryLinks A:visited
{
	display: block;
	margin: 2px 4px 6px 4px;
	float: left;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #040;
}

DIV#categoryLinks A:active, DIV#categoryLinks A:hover
{
	text-decoration: underline;
}

DIV#categoryLinks A SPAN
{
	vertical-align: middle;
}


/**********************
 *
 *  BEGIN: item links
 *
 */

	/***  NOTE:  MINIMUM WIDTH: 50PX  ***/

	/* cat: medium & large offices */

		#rec-addis
		{
			background-image: url("/images/rec-addis.gif");
			width:119px;
			margin-top:20px;
		}

		#rec-slim-60-paper
		{
			background-image: url("/images/rec-slim-60-paper.gif");
			width:108px;
			margin-top:20px;
		}

		#rec-beca-bin
		{
			background-image: url("/images/rec-beca.gif");
			width:126px;
			margin-top:20px;
		}

		#rec-slim-87-paper
		{
			background-image: url("/images/rec-slim-87-paper.gif");
			width:105px;
			margin-top:20px;
		}

		#rec-midi-envirobin
		{
			background-image: url("/images/rec-midi-envirobin.gif");
			width:146px;
			margin-top:20px;
		}

	#rec-linton
		{
			background-image: url("/images/rec-linton.gif");
			width:109px;
			margin-top:20px;
		}
		#rec-slimjim-lids
		{
			background-image: url("/images/lid-stack.gif");
			width:50px;
			margin-top:20px;
		}


	/* cat: paper */


		#rec-desktop-tray
		{
			background-image: url("/images/rec-desktop-tray.gif");
			width:50px;
			margin-top:20px;
		}
		#rec-greenbin
		{
			background-image: url("/images/rec-greenbin.jpg");
			width:50px;
			margin-top:20px;
		}
		#rec-papertainer
		{
			background-image: url("/images/rec-papertainer.gif");
			width:50px;
			margin-top:20px;
		}
		#rec-blue-addis
		{
			background-image: url("/images/rec-blue-addis.gif");
			width:56px;
			margin-top:20px;
		}
		#rec-blue-slimjim
		{
			background-image: url("/images/rec-blue-slimjim.gif");
			width:54px;
			margin-top:20px;
		}

		#rec-blue-slimjim-87
		{
			background-image: url("/images/rec-blue-slimjim-87.gif");
			width:53px;
			margin-top:20px;
		}

		#rec-big-paper-bin
		{
			background-image: url("/images/rec-big-paper-bin.jpg");
			width:65px;
			margin-top:20px;
		}


	/* cat: confidential waste */

		#rec-busch-personal
		{
			background-image: url("/images/rec-busch-personal.gif");
			width:51px;
			margin-top:20px;
		}

		#rec-slim-jim-lockable
		{
			background-image: url("/images/rec-slim-jim-lockable.gif");
			width:51px;
			margin-top:20px;
		}

		#rec-wheelie-lockable
		{
			background-image: url("/images/rec-wheelie-lockable.gif");
			width:72px;
			padding: 140px 0px 0px 0px !important;
		}


	/* cat: small offices */

		#rec-small-addis
		{
			background-image: url("/images/rec-small-addis.gif");
			width:97px;
			margin-top:20px;
		}

		#rec-curver-metal
		{
			background-image: url("/images/rec-curver-metal.gif");
			width:86px;
			margin-top:20px;
		}

		#rec-curver-plastic
		{
			background-image: url("/images/rec-curver-plastic.gif");
			width:113px;
			margin-top:20px;
		}



	/* cat: desk side */

		#rec-under-desk-bin
		{
			background-image: url("/images/under-desk-bin.gif");
			width:50px;
			margin-top:20px;
		}



	/* cat: cups */

		#rec-beca-cup
		{
			background-image: url("/images/rec-beca-cup.gif");
			width:50px;
			margin-top:20px;
		}

		#rec-eco-cup
		{
			background-image: url("/images/rec-beca-cup2.gif");
			width:55px;
			margin-top:20px;
		}

		#rec-stackncup-lid
		{
			background-image: url("/images/rec-stackncup.gif");
			width:53px;
			margin-top:20px;
		}

	/* cat: Caddies */

		#rec-urba7
		{
			background-image: url("/images/rec-urba7.gif");
			width:50px;
			margin-top:20px;
		}

		#rec-urba10
		{
			background-image: url("/images/rec-urba10.gif");
			width:50px;
			margin-top:20px;
		}

		#rec-urba20
		{
			background-image: url("/images/rec-urba20.gif");
			width:50px;
			margin-top:20px;
		}

	/* cat: ind/POC */

		#rec-rubbermaid-paper
		{
			background-image: url("/images/rec-rubbermaid-paper.gif");
			width:50px;
			margin-top:20px;
		}

		#rec-schaefer-2wheel
		{
			background-image: url("/images/rec-schaefer-2wheel.gif");
			width:57px;
			margin-top:20px;
		}

		#rec-schaefer-4wheel
		{
			background-image: url("/images/rec-schaefer-4wheel.gif");
			width:100px;
			margin-top:20px;
		}

		#rec-taylor
		{
			background-image: url("/images/rec-taylor.gif");
			width:100px;
			margin-top:20px;
		}

/*
 *  END: item links
 *
 ********************/

DIV.itemPriceHolder IMG.nomargin
{
	display: block;
	margin: 0px;
	padding: 0px;
}

DIV.itemPriceHolder
{
	text-align: center;
	width: 60px;
	position: relative;
	margin: 4px auto;
	color: #462;
}

DIV.itemPriceBorders
{
	border-right: 1px solid #462;
	border-left: 1px solid #462;
	margin: 0px;
}

DIV.itemPrice
{
	font-weight: bold;
	font-size: 14px;
}


DIV.pricefrom
{
	font-size: 0.7em;
	line-height:70%;
	letter-spacing:1px;
}
DIV.binandlid
{
	font-size: 0.9em;
	line-height:70%;
}