#slider {
  clear: both;
  margin: 35px auto 30px auto;
  position: relative;
  width: 500px;
}

/*-- dimensione testo descrizione esperienze --*/
#slider .panel {
  color: #333 !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
  text-align: justify !important;
  font-style: normal;
}

#slider .panel h3 {
  display: block;
  color: #EA7125;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px !important;
}

/*-- se JS NON è abilitato --*/
.njs #slider {
  margin-top: 10px;
}

.njs .navigation, .njs .scrollButtons, .productF .scrollButtons {
  display: none;
} 

.njs .tabInfo .tabHead {
	margin: 30px 0 10px;
	border-bottom: solid 1px #ccc;
	font-size: 1.5em;
}

.njs .item {
  margin-bottom: 15px;
}

.njs #slider .panel h3 {
  background-color: #999;
  color: #FFF !important;
  border-bottom: none;
  padding-left: 3px;
  margin-bottom: 5px;
}


/*-- se JS è abilitato --*/

.js .jScrollPaneContainer{
	height: 340px;
	overflow: auto;
}

.js #slider .navigationHeader {
  background: transparent url(/_img/tab/tabHeaderBck.gif) no-repeat scroll left bottom;
  height: 40px;
  margin: 0;
}

.js #slider .navigation {
  display: inline-block;
  height: 35px;
  margin: -35px 0 0;
  padding: 0 0 0 52px;
  font-weight: bold;
  font-size: 1.2em;
}

.js #slider .navigation li {
  display: block;
  float: left;
  line-height: 1.2em !important;
}

.js #slider .navigation li  a, .js #slider .navigation li  span {
  cursor: pointer;
  display: block;
  color: #666;
}

.js #slider .tabInfo {
  background: transparent url(/_img/tab/TabBackground.gif) no-repeat scroll left bottom;
  clear: both;
  height: 100%;
  position: relative;
}

.productPageWrapper.js .scroll {
  height: 350px;
  width: 440px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  margin:0px auto;
}

.js .scrollContainer div.panel {
  height: 370px;
  width: 460px; /* change to 560px if not using JS to remove rh.scroll */
}

.js .scrollButtons {
  position: absolute;
  top: 160px;
  cursor: pointer;
  height: 13px;
  border: none;
}

/* tabs */
.productPageWrapper.js .navigation .left {
  margin-right: 0;
  background: transparent url(/_img/tab/left.gif) no-repeat scroll left top;
}

.productPageWrapper.js .navigation .center {
  background: #FFF url(/_img/tab/center.gif) repeat-x scroll left top;
  float: left;
  padding: 8px 10px 6px;
}

.productPageWrapper.js .navigation .right {
  margin-left: 0;
  margin-right: 8px;
  background: transparent url(/_img/tab/right.gif) no-repeat scroll left top;
}

.productPageWrapper.js .navigation .left, 
.productPageWrapper.js .navigation .right {
  float: left;
  height: 16px;
  padding: 6px 0 6px 7px;
}

.productPageWrapper.js .navigation .selected .left {
  background: transparent url(/_img/tab/left-selected.gif) no-repeat scroll left top;
}

.productPageWrapper.js .navigation .selected .center {
  background:transparent url(/_img/tab/center-selected.gif) repeat-x scroll left top;
}

.productPageWrapper.js .navigation .selected .right {
  background: transparent url(/_img/tab/right-selected.gif) no-repeat scroll left top;
}

.productPageWrapper.js .navigation .selected .left, 
.productPageWrapper.js .navigation .selected .right, 
.productPageWrapper.js .navigation .selected .center {
  padding-bottom: 8px;
}

.productPageWrapper.js .navigation a { text-decoration: none; }
.productPageWrapper.js .navigation .selected span { color: #ea7125 !important; }

.js .jScrollPaneContainer {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.productPageWrapper.js .scrollContainer div.panel {
 height: 340px;
  width: 440px;
  margin-top: 15px;
}

.js .scrollButtons.left {
  left: 10px;
  z-index:1;
  border: none;
}

.js .scrollButtons.right {
  right: 10px;
  border: none;
}

.js .tabInfo .tabHead {
  display: none;
}

/* scrollbar */
.js .scroll-pane {
	height: 300px;
	overflow:auto;
} 

.js #ExpScrigno .scroll-pane {
	height: 240px;
}

.js .jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.js .jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #EFEFEF;
}
.js .jScrollPaneDrag {
    position: absolute;
    background: #EA7125;
    cursor: pointer;
    overflow: hidden;
}
.js .jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.js .jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.js a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    /*background:url("/Client/Images/img/sort_asc_on.gif") -4px -2px no-repeat;*/
    margin-top:3px;
    height: 9px;
}
.js a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

.js a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background:url("/Client/Images/img/sort_desc_on.gif") -3px -2px no-repeat;*/
    height: 9px;
}
.js a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
.js a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}