/*****************************************************
-->Three-Row, Arbitrary Width Slidable Icon Viewer<--

Authored by Big John - http://positioniseverything.net/

The viewer dimensions should be some multiple of cellwidth and 
of cellheight (found in the script) so that the icons will fit nicely
in the viewer. #pan-frame dimensions are set in the CSS, not in 
the scripting!
****************************************************/
a, img {
	border: 0;
	}

#pan-frame {
	position: relative;
	width: 360px; /* Sets width of viewer */
	height: 300px; /* Sets height of viewer */
	background: #0d1518; /* Customize BG to suit */

	}
#pan-clipper {
	border: solid 1px #2a353b;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	} /* Required; do not alter! */

#pan-slider {
	position: relative;
	float: left;
	} /* Required; do not alter! */

#pan-slider a {
	float: left;
	position: relative; height:90px; width:90px;
	}  /*Required; do not alter! */

#pan-slider a img {
	display: block;
	margin:0 auto;
	} /* Required; do not alter! */

#pan-right {
	right: -15px; /* Sets position of right arrow, customizable */
	background: url(images/right.gif) 0 50% no-repeat; /* Right arrow image */
	}

#pan-left {
	left: -15px; /* Sets position of left arrow, customizable */
	background: url(images/left.gif) 0 50% no-repeat; /* Left arrow image */
	}


#pan-right,
#pan-left {
	position: absolute;
	z-index: 100;
	top: 0;
	width: 40px; /* Sets width of arrow buttons; customizable */
	height: 100%;
	opacity: .2; /* Presets opacity of arrows, should match starting value used in script */
	filter: alpha(opacity=20); /* Also presets opacity of arrows (for IE, sigh) */
	}

#pan-slider .holdm {}
#pan-slider a {text-decoration:none; text-algin:center; margin:0px 0px 47px 0px; line-height:.8em;}
#pan-slider  b {color:#099dd4; font-size:.8em; font-weight:normal; position:relative;text-algin:center; margin: 0 auto;}