#screen-shots, #video-tab, #webcast-tab {
    position: relative;
    padding: 30px 0 0 0;
    height: 270px;
}

.sliderbutton {
    float: left;
    width: 25px;
    height: 255px;
    cursor: pointer;
}

.sliderbutton img {
    border: none !important;
}

#slideleft1, #slideleft2, #slideleft3 {
    background: url(../images/slider-previous.png) 12px 90px no-repeat;
    margin-right: 9px;
}

#slideleft1:hover, #slideleft2:hover, #slideleft3:hover {
    /*background-position:-0 -265px*/
}

#slideright1, #slideright2, #slideright3 {
    background: url(../images/slider-next.png) 0 90px no-repeat;
    margin-left: 9px;
}

#slideright1:hover, #slideright2:hover, #slideright3:hover {
    /*background-position:-50px 90px */
}

#slider1, #slider2, #slider3 {
    float: left;
    position: relative;
    overflow: auto;
    width: 862px;
    height: 255px
}

#slider1 ul, #slider2 ul, #slider3 ul {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#slider1 li, #slider2 li, #slider3 li {
    float: left;
    width: 862px;
    height: 255px;
    margin-left: 0;
}

.pagination {
    position: absolute;
    top: 40px;
    right: 61px;
    list-style: none;
    height: 25px;
    display: none;
}

.pagination li {
    float: left;
    cursor: pointer;
    height: 8px;
    width: 8px;
    background: #ccc;
    margin: 0 4px 0 0;
    border: 1px solid #fff;
}

.pagination li:hover, li.current {
    background: #fff
}

.screen-shot, .webcasts, .videos {
    width: 262px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.screen-shot-left, .webcasts-left, .videos-left {
    padding-right: 38px;
}

.screen-shot-right, .webcasts-right, .videos-right {
    padding-left: 38px;
}

.screen-shot p {
    text-align: center;
}

#media-player {
    margin-bottom: 40px;
    margin-top: 55px;
}

.ui-tabs {
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-tabs-nav {
    position: absolute;
    top: -53px;
    z-index: 1000;
}

.ui-tabs .ui-tabs-nav {
    padding: 0.2em 0 0;
}

.ui-tabs .ui-tabs-nav li {
    left: -1px;
}

.ui-widget-content {
    border-color: #DDDDDD;
    border: none;
    -webkit-box-shadow: 0 2px 1px 0 rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0 2px 1px 0 rgba(50, 50, 50, 0.25);
    box-shadow: 0 2px 1px 0 rgba(50, 50, 50, 0.25);
}

.ui-tabs .ui-tabs-panel {
    padding: 30px 0 0 0;
    background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F2F2F2), color-stop(1, #FFFFFF));
    background-image: -webkit-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
    background-image: linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
    border-top: 1px solid #DDDDDD;
}

.ui-widget-header {
    background: transparent;
    border: none;
}
.ui-state-default:focus, .ui-state-default a:focus{
    outline: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #4DC2BD;
    border: 1px solid #DDD;
    color: #FFFFFF;
    font-weight: bold;
    -webkit-box-shadow: inset 0 -7px 14px -7px #2E6F6C;
    -moz-box-shadow: inset 0 -7px 14px -7px #2E6F6C;
    box-shadow: inset 0 -7px 14px -7px #2E6F6C;
}

li.ui-state-default a, li.ui-state-default a:link, li.ui-state-default a:visited {
    color: #FFFFFF;
    text-align: center;
    width: 207px;
    padding: 13px 14px 14px 13px;
}

li.ui-state-active a, li.ui-state-active a:link, li.ui-state-active a:visited {
    color: #000000;
    /*color: #FFF;*/
    padding-bottom:13px;
    border-color: #DDDDDD;
}

li.ui-state-active, div.ui-widget-content li.ui-state-active, ul.ui-widget-header li.ui-state-active {
    /*background: #4DC2BD;
    border: 1px solid #F0F0F0;
    color: #FFFFFF;
    font-weight: bold;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #FFFFFF;
    color: #000000;
    font-weight: bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: url("../images/ui-bg_highlight-soft_75_3eaba6_1x100.png") repeat-x scroll 50% 50% #3EABA6;
}