.slider-wrap { width: 100%; position: relative;} /* This div isn't entirely necessary but good for getting the side arrows vertically centered margin: 20px 0;   */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll} /* These 2 lines specify style applied while slider is loading */
.csw .loading {margin: 200px 0 300px 0; text-align: center}
/* This is the viewing window */
.stripViewer { position: relative; overflow: hidden; margin:0 auto;/* this is the border. should have the same value for the links */
	width:892px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 330px;}
.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:892px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { height:330px;/* 365px Wrapper to give some padding in the panels, without messing with existing panel width padding: 10px; */
}
.stripViewer .panelContainer .panel .wrapper .left-wrapper{ width:487px; float:left; margin:0 5px;}
.stripViewer .panelContainer .panel .wrapper .left-wrapper li{background:transparent url(../../images/li.gif) no-repeat scroll left 4px; padding-left:10px; list-style-type:none;}
.stripViewer .panelContainer .panel .wrapper .right-wrapper{ width:390px; float:left;}
.stripNav { margin:auto; clear:both; /* 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:0; padding:0; }
.stripNav ul li { float: left; margin:15px 0;/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }
.stripNav ul li a{ }
.stripNav a[href^="http:"], .stripNav a[href^="mailto:"], .stripNav a[href^="http:"]:visited{margin-right:8px; padding:0;}

.stripNav a { /* The nav links */
 font-weight: bold; text-align: center; text-decoration: none; display: block;}

.stripNav li.tab1 a { /*background: #60f*/ }
.stripNav li.tab2 a { /*background: #60c*/ }
.stripNav li.tab3 a { /*background: #63f*/ }
.stripNav li.tab4 a { /*background: #63c*/ }
.stripNav li.tab5 a { /*background: #00e*/ }
.stripNav li a:hover { color: #E53A0B; }
.stripNav li a.current { border-bottom:#70b100 solid 1px; color: #70b100; }
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute; top: 230px; text-indent: -9000em; }
.stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; }
.stripNavL { left: 0; }
.stripNavR { right: 0; }
.stripNavL { background: url("images/arrow-left.gif") no-repeat center; }
.stripNavR { background: url("images/arrow-right.gif") no-repeat center; }