@charset "utf-8";
p#cross-links { border-bottom: 0px solid #ccc; text-align: center; display: none; margin: 0px; padding: 0px; }
noscript p { color: #666; font-size: 14px; text-align: left; padding-top: 100px; padding-left: 50px; width: 600px; }
noscript a { color: #CCC; text-decoration: underline; }
noscript ol { margin-left: 50px; text-align: left; width: 500px; font-size: 13px; color: #666; line-height: 20px; margin-bottom: 50px; }
a:focus { outline:none; border-width: 0px; }
a img{ border: 0; text-decoration: none; }
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ position: relative; width: 812px; float: left; }
/* These 2 lines specify style applied while slider is loading */
		.csw { width: 812px; overflow: hidden; margin: 0px; padding: 0px; border-width: 0px; height: 464px; }
.csw .loading { margin: 258px 0px 300px; text-align: center }
.csw .loading img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5;  opacity: .5; }

.stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; /* this is the border. should have the same value for the links */ margin: 0px; width: 812px; clear: none; padding: 0px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; height: 465px; }
.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. */ border-width: 0px; height: 464px; overflow: hidden; margin: 0px; padding: 0px; 
		}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; position: relative; width: 812px; /* Also specified in  .stripViewer  above */ margin: 0px; padding: 0px; border-width: 0px; height: 465px; overflow: hidden; }
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; padding: 0px; }
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 0px; margin: 0px; border-width: 0px; }

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ clear: none !important; position: relative; float: right; height: auto; border-width: 0px; width: 158px !important; margin: 0px; padding: 0px; top: -151px; right: -169px; }
.stripNav ul { /* The auto-generated set of links */ list-style: none; margin: 0px; padding: 0px; width: 158px; }
.stripNav ul li { float: left; font-size: 10px; margin: 0px; padding: 0px; line-height: 28px; }

.stripNav a { font-size: 10px; font-weight: normal; color: #5f5554; text-decoration: none; padding: 6px 5px 6px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
.stripNav li a.current { color: #FFF; }
.stripNav li a:hover { color: #999; }
.stripNav li.tab1 a, .stripNav li.tab2 a, .stripNav li.tab3 a, .stripNav li.tab4 a, .stripNav li.tab5 a, .stripNav li.tab6 a, .stripNav li.tab7 a, .stripNav li.tab8 a, .stripNav li.tab9 a { margin: 0px; padding: 6px 9px 6px 1px; }

.stripNavL a, .stripNavR a { text-decoration: none; display: block; height: 20px; width: 20px; text-indent: -9000px; }
.stripNavR { background: url(../img3/collections_right.gif) bottom; padding: 0px; height: 20px; width: 20px; clear: both; float: right; position: absolute; z-index: 3; margin: -20px 0px 0px; left: 855px; top: 450px; }

.stripNavR a:hover { background: url(../img3/collections_right.gif) top; }
.stripNavL { background: url(../img3/collections_left.gif) bottom; position: relative; padding: 0px; height: 20px; width: 20px; clear: none !important; float: right; top: 450px; left: 35px; margin: -20px 0px 0px; z-index: 3; }


.stripNavL a:hover { overflow: hidden; background: url(../img3/collections_left.gif) top; }
.panelContainer h3 { padding-top: 80px; padding-left: 50px; }
.panelContainer p { padding-left: 50px; padding-right: 40px; }
#mainContentCollections table { height: 399px; padding: 0px; width: 765px; margin-top: 66px; margin-bottom: 0px; margin-left: 14px; }
#mainContentCollections table td { text-align: center; }

#mainContentCollections table a img{ border-width: 0px; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; opacity: 1; display: block; }

#mainContentCollections table a:hover img { border-width: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
-moz-opacity: 0,9; opacity: 0,9; background: #433735; }