/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll; }
.csw .loading {margin: 200px 0 300px 0; text-align: center; }
		
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 5px solid #000;*/ /* this is the border. should have the same value for the links */
	/*margin: auto;*/ margin: 0;
	padding:4px 8px 0;
	width: 529px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 428px;
	/*clear: both;*/
	background: transparent;
	float: left;
}
		
.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: 537px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding:  20px 10px 10px;
	height: 360px;
}

.stripNav{display:none;}

.contentNavLinks { width:100%; float: left; height: 38px; }
.contentNavLinks a { background: url(../images/red-star.gif) no-repeat 0 50%; padding: 0 0 0 15px; text-decoration: none; }
.contentNavLinks a:hover { color: red;text-decoration: underline;}
.contentNavLinks a.n { float: right; margin-right:20px; }
.contentNavLinks a.p { float: left; margin-left:10px; }