#cnt-stories, #cnt-header, #cnt-footer, .stripViewer, .stripViewer .panelContainer .panel
{
 width: 793px;
}

#cnt-stories
{
 position: relative;
 background-image: url(/images/topictravel/nl/stories/top.jpg);
 background-repeat: no-repeat;
}
#cnt-stories a
{
 outline: 0; /* prevent dotted border in Firefox */
}
#cnt-stories .chapter
{
 display: block;
 text-decoration: none;
}
#cnt-stories .chapter table
{
 width: 100%;
}
#cnt-stories .chapter img
{
 vertical-align: top;
 margin-right: 5px;
 float: left;
}
#cnt-stories a
{
 
}
#cnt-stories h2
{
 margin-top: 15px;
}

#cnt-header
{
 background-image: url(/images/topictravel/nl/stories/top.jpg);
 height: 96px;
}

#cnt-header .home
{
 position: absolute;
 left: 55px;
 top: 28px;
 cursor: pointer;
}

#cnt-footer
{
 background-image: url(/images/topictravel/nl/stories/bottom.jpg);
 height: 30px;
}

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

/* These 2 lines specify style applied while slider is loading */
.csw
{
 width: 100%;
 height: 460px;
 overflow: scroll;
}
.csw .loading
{
 margin: 200px 0 300px 0;
 text-align: center;
}

.stripViewer
{
 /* This is the viewing window */
 position: relative;
 overflow: hidden;
 border: 0px solid #39c; /* this is the border. should have the same value for the links */
 height: auto;
 clear: both;
 background-image: url(/images/topictravel/nl/stories/pattern.jpg);
}

.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: auto;
 position: relative;
}

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

.stripViewer .panelContainer .panel .wrapper .overflow
{
 overflow: auto hidden;
 height: auto;
 padding-right: 50px;
 font-size: 10pt;
}

.stripNav
{
 /* This is the div to hold your nav (the UL generated at run time) */
 margin: auto;
 display: none;
}

.stripNav ul
{
 /* The auto-generated set of links */
 list-style: none;
}

.stripNav ul li
{
 float: left;
 margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}

.stripNav a
{
 /* The nav links */
 font-weight: bold;
 text-align: center;
 line-height: 32px;
 background: #c6e3ff;
 color: #000;
 text-decoration: none;
 display: block;
 padding: 0 15px;
}

.stripNav a:hover
{
 background: #9cf;
}

.stripNav a.current
{
 background: #39c;
 color: #fff;
}

.stripNavL, .stripNavR
{
 /* The left and right arrows */
 position: absolute;
 top: 25px;
 text-indent: -9000em;
}

.stripNavL a, .stripNavR a
{
 display: block;
 height: 40px;
 width: 40px;
}

.stripNavL
{
 left: 8px;
}

.stripNavR
{
 right: 8px;
}

.stripNavL
{
 background: url(/images/topictravel/nl/stories/previous.png) no-repeat center;
 _background: url(/images/topictravel/nl/stories/previous.gif) no-repeat center;
}

.stripNavR
{
 background: url(/images/topictravel/nl/stories/next.png) no-repeat center;
 _background: url(/images/topictravel/nl/stories/next.gif) no-repeat center;
}