﻿.jspContainer {
    overflow: hidden;
    position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
}
.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspHorizontalBar .jspTrack {
    background: url(http://c438819.r19.cf2.rackcdn.com/slider-bar-bg.png) no-repeat;
    position: relative;
}
.jspHorizontalBar .jspDrag {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url(http://c438819.r19.cf2.rackcdn.com/slider-bar.png) no-repeat;
    margin: 0 !important;
}
.jspVerticalBar .jspTrack {
    background: url(http://c438819.r19.cf2.rackcdn.com/vslider-bar-bg.png) no-repeat;
    position: relative;
}
.jspVerticalBar .jspDrag {
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
    background: url(http://c438819.r19.cf2.rackcdn.com/vslider-bar.png) no-repeat;
}
.full-content .jspPane {
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 20px 20px 0 0;
}
.full-content .jspPane p {
    margin: 30px 30px 20px 20px;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}
.jspVerticalBar .jspArrow {
    height: 16px;
}
.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}
.jspVerticalBar .jspArrow:focus {
    outline: none;
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}
* html .jspCorner {
    margin: 0 -3px 0 0;
}
#client-container, #product-container {
    width: 877px;
    margin: 20px 0 20px 50px;
}
.scroll-container {
    width: 877px;
    background: url(http://c438819.r19.cf2.rackcdn.com/slider-container-middle.gif) repeat-y;
}
.scroll-container-inner {
    background: url(http://c438819.r19.cf2.rackcdn.com/slider-container-bottom.gif) no-repeat scroll 0 100% transparent;
    padding: 0 20px 20px;
}
.full-image-container {
    padding: 20px 2px;
}
.scroll-container-title {
    background: url(http://c438819.r19.cf2.rackcdn.com/slider-container-top.gif) no-repeat;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 18px 0 8px 20px;
}
.jScrollImage {
    margin: 0 15px 0 0;
}
.jScrollImage img {
    border: 1px solid #ddd;
    -moz-box-shadow: 3px 3px 4px #ddd;
    -webkit-box-shadow: 3px 3px 4px #ddd;
    box-shadow: 3px 3px 4px #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d2d2d2')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#d2d2d2');
}
.full-content-container {
    width: 100%;
}
.full-content {
    width: 100%;
    padding: 20px 0 0;
}
.jspCap, .hidden {
    display: none;
}
.scroll-pane {
    width: 828px;
    overflow: auto;
    padding-left: 10px;
}
.horizontal-only {
    height: auto;
    max-height: 200px;
}
#client-pane, #product-pane {
    width: 780px;
    padding: 25px;
}
#client-pane p {
    padding: 30px 0 0 30px;
    line-height: 18px;
    color: #585858;
}
#product-pane ul {
    padding: 0 0 0 30px;
    line-height: 18px;
    list-style: none;
}
#product-pane ul li {
    margin-bottom: 18px;
    border-bottom: 1px dotted #000;
}
#client-pane p.align-right {
    padding: 30px 30px 0 0; /*text-align: center; */
    font-weight: bold;
}
#client-pane p.float-left {
    padding: 0 20px 0 0;
    height: 100%;
}
#product-pane p {
    padding: 0 30px 18px 30px;
    color: #585858;
}
