.TPNSSwrapper { border:none; background:#666; width: 950px; height: 200px; margin: 15px 0 20px 0; }
#TPNiceSlideShow { width: 750px; height: 200px; float: left; display: inline-block; z-index:5; }
.TPNiceSlideShowGallery { overflow: hidden; position: relative; }
.TPNiceSlideShowGallery img { border: 0; margin: 0; }
.TPNiceSlideShowGallery
.slideElement { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-image: url('loading-.gif'); }
.TPNiceSlideShowGallery
.loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: black; background-repeat: no-repeat; background-position: center center; background-image: url('loading-.gif'); }
.TPNiceSlideShowGallery
.slideInfoZone { z-index: 10; text-indent: 0; overflow: visible; }
.innerSlideInfoZone { padding: 10px; }
.innerSlideInfoZone div { color:#FFFFFF; }
div.slideInfoZoneTitle a { color:#FFFFFF; text-decoration:none; font-size:1.6em; line-height:1.3em; font-weight:700; }
div.slideInfoZoneDescription { color:#FFFFFF; }
div.slideInfoZoneReadMore a { color:#000000; background: url(readmore.png) no-repeat; font-size:0.75em; display:block; height:22px; width:87px; text-decoration:none; line-height:2em; margin-top:5px; padding-left:15px; }
#TPNiceSlideShowMenuWrp { float:left; width:195px; z-index: 10; display: inline-block; }
#TPNiceSlideShowMenu { }
#TPNiceSlideShowMenu div { background: url(menu_bg.png) no-repeat 0 0; cursor: pointer; }
.TPNiceSlideShowMenuContent { overflow:hidden; width: 195px; height: 40px; cursor: pointer; text-align: left; }
.TPNiceSlideShowMenuContent p { padding: 5px 5px 5px 0; }
.TPNiceSlideShowMenuContent img { border: 1px solid white; padding:0; float: right; margin: 8px 5px 5px 8px; }

#TPNiceSlideShowMenu div:hover,
#TPNiceSlideShowMenu div.active { background: url(menu_bg.png) no-repeat 0 -40px ; cursor: pointer; background-color: #666; color: white; }
#TPNiceSlideShowMenu a { color:black; text-decoration:none; line-height:1.3em; font-weight:700; display: block; padding: 4px 5px; }
#TPNiceSlideShowMenu a span.tpnssmenu_title { font-size:0.75em; line-height:1.5em; padding:0; font-weight: 700; }
#TPNiceSlideShowMenu a span.tpnssmenu_desc { font-size:0.625em; line-height:1em; font-weight:400; padding:0; font-family:verdana,arial; color:black; }
#TPNiceSlideShowMenu a:hover span.tpnssmenu_title,
#TPNiceSlideShowMenu a:hover span.tpnssmenu_desc { color: white; }

#TPNiceSlideShowMenu div.active a span.tpnssmenu_title,
#TPNiceSlideShowMenu div.active a span.tpnssmenu_desc { color: white; }

/* dont define width property here, it has defined with the php script */
#tpniceslideshow_scrollbar { width: 5px; height: 200px; display: inline-block; }
.tpniceslideshow_scrollbar-vert { background: url(scrollbg.png) repeat-y; width: 5px; height: 200px; float: right; display: block; }
.tpniceslideshow_handle-vert{ height: 60px; background: url(scrollno.png) no-repeat; padding-left: 20px; overflow: hidden; }