.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 0px; }
		
		#content .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 15px 0 0px -3px!important; position: relative; width: 100%; }


		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 500px; background: #fff; overflow: scroll;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center;  }

		.stripViewer { /* This is the viewing window */
			position: relative; overflow: hidden; 
			padding-top:10px;
			border-left: 1px solid #eff7fc; /* this is the border. should have the same value for the links */
			border-right: 1px solid #eff7fc;
			border-bottom: 1px solid #eff7fc; margin: auto; width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */ height: 500px; clear: both;}
			
			
			.stripViewer img {float:right; padding:5px; background:#fff;  margin:0px 0px 10px 10px;}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative; left: 0; top: 0; width: 100%; list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: auto; position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */ }
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px;
		height:500px; }
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ }
		
		.stripNav ul { /* The auto-generated set of links */ list-style: none;  margin-left: 2px; }
		
		.stripNav ul li { float:left; margin-right: 0px; padding-left:0px!important; background:none!important; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */}
		
		.stripNav a { /* The nav links */ margin-top:10px!important; font-size: 11px; font-weight: bold; text-align: center; padding-top:5px!important; background: url("../img/bg/tab_big.gif") repeat-x center; color: #fff !important; text-decoration: none!important; display: block; height:49px; width: 60px; font-family:Georgia, "Times New Roman", Times, serif;}
		

		.stripNav a:hover { background:url("../img/bg/tab_big_hover.gif") repeat-x center; }
		.stripNav a.current { background:url("../img/bg/tab_big_active.gif") repeat-x center; text-decoration:none !important; color:#352771!important;}
		.stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 230px; text-indent: -4000px; }
		.stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px;}
		.stripNavL { left:-5px;  top:485px; }
		.stripNavR { right:-5px; top:485px;  }
		.stripNavL  { background: url("../img/arrow-left.gif") no-repeat center; z-index:100;}
		.stripNavR  {background: url("../img/arrow-right.gif") no-repeat center;}
		
		*html .stripNav a  { height:50px; padding-top: 5px;}