@charset "UTF-8";
/* CSS Document */		

		/* These 2 lines specify style applied while slider is loading */
		.csw {width:960px; height:90px; overflow:hidden; }
		.csw .loading {margin: 35px auto 25px auto; text-align: center}

		.stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 900px; text-align:center; /* Also specified in  .stripViewer .panelContainer .panel  below */ height: 90px; clear: both; }
		.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; width:960px; height:90px; padding:0 30px; /* -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: 900px; /* Also specified in  .stripViewer  above */ }

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ display:none; }
		.stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; text-indent: -9000em; }
		.stripNavL a, .stripNavR a { display: block; height: 90px; width: 30px; overflow:hidden; background-image: url(../images/slider-arrows.png) !important; background-image: url(../images/slider-arrows.gif); background-repeat:no-repeat; outline:none; }
		.stripNavL { left: 0px; top:0; }
		.stripNavR { right: 0px; top:0; }
		.stripNavL a:link, .stripNavL a:visited  { background-position:0 0; }
		.stripNavL a:hover, .stripNavL a:active  { background-position:-30px 0; }
		.stripNavR a:link, .stripNavR a:visited { background-position:0 -90px; }
		.stripNavR a:hover, .stripNavR a:active { background-position:-30px -90px; }