
	
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
	#home-featured {
	text-align:left;
	}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
			overflow:hidden;
			height:421px;
		}

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

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 414px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 421px;
			clear: both;
			background: #fff;
		}
		
		.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: 100%;
			position: relative;
			width: 414px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
			position:relative;
		}
		
		.stripNav { display:none;
		}
		.arrows {
		position:absolute;
		text-indent: -9000em;
		padding:0;
		margin:0;
			position:absolute;

		width:80px;
		height:20px;
    left:334px;
		background: url("/docroot/images/controls.gif") no-repeat center;
		top:278px;
		}
		.arrows .left-arrow, .arrows .right-arrow{
	
		}
		.arrows .left-arrow a, .arrows .right-arrow a, .arrows .pause a, .arrows .play a{ 
			display: block;
      width:35px;
      height:35px;
		}
		.arrows .left-arrow {
		background: url("/docroot/images/leftarrow.gif") no-repeat center;
		position:relative;
		top:3px;
		left:9px;
    width:15px;
    height:14px;

		}
		.arrows .pause {
		background: url("/docroot/images/pauseNormal.gif") no-repeat center;
		position:absolute;
		top:3px;
		left:32px;
    width:15px;
    height:14px;

		}
		.arrows .play {
		background: url("/docroot/images/pauseDown.gif") no-repeat center;
		position:absolute;
		top:3px;
		left:33px;
    width:15px;
    height:14px;

    
		}
.arrows .right-arrow {
position:absolute;
left:54px;
top:3px;
		background: url("/docroot/images/rightarrow.gif") no-repeat center;
width:15px;
height:14px;

		}

