*{ margin: 0; padding: 0 }

a:focus { outline:none }

img { border: 0 }

h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }

body { width: 400px;}

.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 0px 0 0px;}

.slider-wrap {margin: 0;position: relative;width: 100%; height:300px}

.csw {width: 100%; height: 242px; background: #fff; overflow: visible }

.wrapper {z-index:1; display:block; text-align: center;height: 290px; position:absolute; left:0px;top:0px;display:none;}

.stripViewer {
	position: relative;
	overflow: hidden; 
	border: 0px solid #000; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 400px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 242px;
	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: 400px; /* 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;}