/*
    Slideshow
*/
.sliderWrapper {
    background: url('/Common/v2/images/slide_bg_002.png') repeat-x !important;
    height: 430px;
}
#sliderBox {
    width:712px;
    height:406px;
    position:relative;
    margin-top: 2px;
}

#slides {
    /*position:absolute;*/
    top:5px;
    left:48px;
    z-index:100;
}

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/

.slides_container {
    width:712px;
    overflow:hidden;
    position:relative;
    display:none;
}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/

.slides_container div.slide {
    width:712px;
    height:406px;
    display:block;
}


/*
    Next/prev buttons
*/

#slides .next, #slides .prev {
    position:absolute;
    top:179px;
    left:0px;
    width:37px;
    height:37px;
    display:block;
    z-index:101;
}

#slides .next {
    left:675px;
}

#slides .directionNav a{
    display: block;
    width: 37px;
    height: 37px;
    text-indent: -9000px;
    background: url(/Common/v2/images/slider-arrows.png) no-repeat transparent;
}

#slides .directionNav a.prev{ 
    background-position: -37px 0px;
    z-index: 101;
}

#slides .directionNav a.prev:hover {
    background-position: -37px -37px;
}

#slides .directionNav a.next:hover {
    background-position: 0px -37px;
}


/*
    Pagination
*/

.pagination {
    position: relative;
    margin: 5px auto 0;
    width:100px;
    /* z-index:100; */
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(/Common/v2/images/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.pagination li.current a {
    background-position:0 -12px;
}

/*
    Caption
*/

.slider_caption {
    z-index:100;
    position:absolute;
    bottom:-51px;
    left:0;
    height:45px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(0,0,0,.5);
    width:674px;
    font-size:1.3em;
    line-height:1.33;
    color:#fff;
    border-top:1px solid #000;
    text-shadow:none;
    font-weight: bold;
}


/* Category Menu */
#mainCategory p {
    width: 180px;
    margin-right: 3px;
    cursor: pointer;
}
#maselect1 {
    height: 84px;
    background:url('/Common/v2/images/slide-menu-off_01_01.png') no-repeat;
}
#maselect2 {
    height: 83px;
    background:url('/Common/v2/images/slide-menu-off_01_02.png') no-repeat;
}
#maselect3 {
    height: 82px;
    background:url('/Common/v2/images/slide-menu-off_01_03.png') no-repeat;
}
#maselect4 {
    height: 82px;
    background:url('/Common/v2/images/slide-menu-off_01_04.png') no-repeat;
}
#maselect5 {
    height: 81px;
    background:url('/Common/v2/images/slide-menu-off_01_05.png') no-repeat;
}

#maselect1.on {
    background:url('/Common/v2/images/slide-menu-on_01.png') no-repeat;
}
#maselect2.on {
    background:url('/Common/v2/images/slide-menu-on_02.png') no-repeat;
}
#maselect3.on {
    background:url('/Common/v2/images/slide-menu-on_03.png') no-repeat;
}
#maselect4.on {
    background:url('/Common/v2/images/slide-menu-on_04.png') no-repeat;
}
#maselect5.on {
    background:url('/Common/v2/images/slide-menu-on_05.png') no-repeat;
}

#maselect1:hover  {
    background:url('/Common/v2/images/slide-menu-on_01.png') no-repeat;
}
#maselect2:hover {
    background:url('/Common/v2/images/slide-menu-on_02.png') no-repeat;
}
#maselect3:hover {
    background:url('/Common/v2/images/slide-menu-on_03.png') no-repeat;
}
#maselect4:hover {
    background:url('/Common/v2/images/slide-menu-on_04.png') no-repeat;
}
#maselect5:hover {
    background:url('/Common/v2/images/slide-menu-on_05.png') no-repeat;
}

/* Gap */
.sliderBottomGap {
    width: 895px;
    height: 14px;
    /*background-color: #fbfbfb;*/
}
#moreCategoryLecture {
    float: right;
    width: 105px;
    height: 13px;
}