.scroll-bd {
    position: relative;
    min-height: 1px;
    z-index: 90;
}

.scrollable {
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.scrollable .items-bd {
    position: absolute;
}

.hr-scroll .items-bd {
    width: 20000px;
}

.hr-scroll .item-box {
    float: left;
}

.scroller-typ5 .items-bd {
    width: 20000px;
    margin: 0 auto;
}

.scroller-typ5 {
    position: relative;
    height: 300px;
    padding: 0 0px;
    z-index: 1;
}

.scroller-typ5 .scrollable {
    height: 300px;
}

.scroller-typ5 .item-box {
    width: 938px;
    height: 300px;
    position: relative;
}

.scroller-typ5 .scroll-l-bg {
    position: absolute;
    background: url(../images/scroll-left.png) repeat-y;
    height: 300px;
    width: 6px;
    z-index: 11111;
    left: -6px;
    top: 0px;
}

.scroller-typ5 .scroll-r-bg {
    position: absolute;
    background: url(../images/scroll-right.png) repeat-y;
    height: 300px;
    width: 6px;
    z-index: 11111;
    right: -6px;
    top: 0px;
}

.scroller-typ5 .scroll-navi {
    display: block;
    width: 938px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

.scroller-typ5 .btn {
    background: url(../images/midbar5-arrow.png) no-repeat;
    display: inline-block;
    width: 45px;
    height: 74px;
    cursor: pointer;
    font-size: 1px;
    position: absolute;
    z-index: 21111;
}

.scroller-typ5 .nextbtn {
    background-position: -84px 0;
    top: 160px;
    right: -31px;
}

.scroller-typ5 .nextbtn:hover {
    background-position: -84px -111px;
}

.scroller-typ5 .nextbtn-disable,
.scroller-typ5 .nextbtn-disable:hover {
    background-position: -84px -210px;
    cursor: default;
}

.scroller-typ5 .prevbtn {
    background-position: 0 0;
    top: 160px;
    left: -30px;
}

.scroller-typ5 .prevbtn:hover {
    background-position: 0 -111px;
}

.scroller-typ5 .prevbtn-disable,
.scroller-typ5 .prevbtn-disable:hover {
    background-position: 0px -210px;
    cursor: default;
}

.scroller-typ5 .midbar-bottom {
    background: url(../images/bg-midbar-B.png) repeat-x left bottom;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    width: 100%;
    height: 10px;
    display: block;
}

.scroller-typ5 .bg-outerscroll-L,
.scroller-typ5 .bg-outerscroll-R {
    background: url(../images/bg-scroller5.png) repeat left top;
    height: 300px;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 999;
}

.scroller-typ5 .bg-outerscroll-L {
    left: 0px;
}

.scroller-typ5 .bg-outerscroll-R {
    right: 0px;
    top: 0px;
}

.navi-controls {
    margin: -19px auto 0 auto;
    position: relative;
    z-index: 999999;
}

.scroller-typ5 .navi-controls .crv-L,
.scroller-typ5 .navi-controls .crv-R,
.scroller-typ5 .navi-controls .play-btn,
.scroller-typ5 .navi-controls .pause-btn {
    background: url(../images/midbar5-pagination-bg.png) no-repeat;
    display: inline-block;
    border: none;
}

.scroller-typ5 .navi-controls .crv-L {
    width: 20px;
    height: 29px;
    background-position: 0px bottom;
}

.scroller-typ5 .navi-controls .crv-R {
    width: 19px;
    height: 29px;
    background-position: -146px bottom;
}

.scroller-typ5 .navi-outer .navi {
    display: inline-block;
}

.scroller-typ5 .navi span {
    width: 19px;
    height: 17px;
    padding: 12px 1px 0px 1px;
    float: left;
    display: inline-block;
    font-size: 11px;
    color: #7e7e7e;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    background: url(../images/midbar5-pagination-bg.png) no-repeat -41px bottom;
    outline: none;
    cursor: pointer;
}

.scroller-typ5 .navi span:hover,
.scroller-typ5 .navi span.active {
    background-position: -20px bottom;
    color: #fff;
}

.scroller-typ5 .navi-controls .ctrl-btn {
    position: relative;
    width: 21px;
    height: 29px;
    display: inline-block;
}

.scroller-typ5 .navi-controls .play-btn,
.scroller-typ5 .navi-controls .pause-btn {
    width: 21px;
    height: 29px;
    background-position: -104px 0;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    cursor: pointer;
}

.scroller-typ5 .navi-controls .pause-btn {
    background-position: -125px 0;
    z-index: 99;
}

.ddsmoothmenu {
    background: url(http://www.dswtechnologies.com/images/top-menu-bg.jpg) left top repeat-x;
    width: 99.9%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.ddsmoothmenu ul {
    z-index: 100;
    margin: 0 0 0 2px;
    padding: 0;
    list-style-type: none;
}

.ddsmoothmenu ul li {
    position: relative;
    display: inline;
    float: left;
    height: 39px;
}

/* Top level menu link items style */
.ddsmoothmenu ul li a {
    display: block;
    background: none;
    color: white;
    padding: 14px 34px 10px 35px;
    color: #2d2b2b;
    text-decoration: none;
    border-right: 1px solid #000000;
    overflow: hidden;
}

/* IE6 hack to get sub menu links to behave correctly */
* html .ddsmoothmenu ul li a {
    display: inline-block;
}

.ddsmoothmenu ul li a {
    color: white;
}

.ddsmoothmenu ul li a.selected {
    background: url(http://www.dswtechnologies.com/images/top-menu-bgh.jpg) left top repeat-x;
    color: white;
}

.ddsmoothmenu ul li a:hover {
    background: url(http://www.dswtechnologies.com/images/top-menu-bgh.jpg) left top repeat-x;
    color: white;
}

/* 1st sub level menu */
.ddsmoothmenu ul li ul {
    position: absolute;
    left: 0;
    display: none;
    /* collapse all sub menus to begin with */
    visibility: hidden;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    color: #56798D;
}

.ddsmoothmenu ul li ul li {
    display: list-item;
    float: none;
    color: #56798D;
    height: auto;
}

.ddsmoothmenu ul li ul li ul {
    top: 0;
    color: #56798D;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
    width: 200px;
    padding: 3px 5px 3px 20px;
    margin: 0;
    border-top-width: 0;
    color: #56798D;
    text-decoration: none;
    border-right: none;
    background: url(http://www.dswtechnologies.com/images/menu-dot.jpg) 10px 9px no-repeat;
}

.ddsmoothmenu ul li ul li a:hover {
    width: 200px;
    /* width of sub menus */
    padding: 3px 5px 3px 20px;
    margin: 0;
    border-top-width: 0;
    color: #FF5003;
    text-decoration: underline;
    background: url(http://www.dswtechnologies.com/images/menu-dot.jpg) 10px 9px no-repeat;
}

.ddsmoothmenu ul li ul li a.selected {
    width: 200px;
    /* width of sub menus */
    padding: 3px 5px 3px 20px;
    margin: 0;
    border-top-width: 0;
    color: #FF5003;
    text-decoration: underline;
    background: url(http://www.dswtechnologies.com/images/menu-dot.jpg) 10px 9px no-repeat;
}

.ddsmoothmenu ul li ul li a span {
    float: right;
    margin: 8px 10px 0 0;
    background: url(http://www.dswtechnologies.com/images/menu-arrow.gif) right top no-repeat;
}

.ddsmoothmenu ul li ul li a:hover span {
    float: right;
    margin: 8px 10px 0 0;
    background: url(http://www.dswtechnologies.com/images/menu-arrow.gif) right top no-repeat;
}

.ddsmoothmenu ul li ul li a.selected span {
    float: right;
    margin: 8px 10px 0 0;
    background: url(http://www.dswtechnologies.com/images/menu-arrow.gif) right top no-repeat;
}