/*------------------------------------------------------------------------
# YOS SlideShow
# ------------------------------------------------------------------------
# Copyright (C) 2009 YOS Team. All Rights Reserved.
# @license: Commercial
# Author: HongChuyen
# Websites:  http://www.yopensource.com

-------------------------------------------------------------------------*/
#yos-slideshowwrap1, #yos-slideshowwrap2, #yos-slideshowwrap3, #yos-slideshowwrap4, #yos-slideshowwrap5 {
        position: relative;
        margin:0;
        float:left;
}

#yos-slideshow {
        margin-left: 10px;
}

#yos-slideshow div.moduletable {
        margin: 0;
        padding: 0;
}

#yos-slideshow-case1, #yos-slideshow-case2, #yos-slideshow-case3, #yos-slideshow-case4, #yos-slideshow-case5 {
        border-right:0px solid #aca899;
        overflow:hidden;
        top: 0;
        left: 0;
}
.yos-slideshowimage {
        z-index:1;
}
.yos-slideshowimage img, .moduletable .yos-slideshowimage img {
        border:none;
        margin:0;
        padding:0;
}
.yos-slideshowdesc {
        border-right:0px solid #aca899;
        background:#0D1B1E;
        color:#fff;        
        padding:5px 0;
        position:absolute;
        right:0;
        width:183px;
        z-index:10;
        opacity:0.75;
}
.yos-slide-description {
        border-right:0px solid #aca899;
        background:#0D1B1E url(img/description.jpg) repeat-x scroll 0 bottom;
        color:#fff;        
        padding:0;
        position:relative;
        right:0;
        width:183px;
        z-index:10;        
}
.yos-slide-description-inner {
        background:transparent url(img/description_right.jpg) no-repeat scroll right bottom;
}
.yos-slideshowdesc h3, .yos-slideshowdesc h3 a {
        color:#fff;
        margin: 0;
        padding: 0 10px 5px;
        font-size:14px;
        font-weight:bold;
        text-align:center;        
        border-bottom: 1px solid #fff;
        line-height:1;
}
.yos-slideshowdesc h3 a {
        padding: 0;
        border-bottom: 0px solid #fff;
}
.yos-slide-description p, .yos-slide-description a {
        margin: 0;
        padding: 5px;
        color:#fff;        
}
.yos-slideshowdesc h3 a:hover, .yos-slide-description a:hover {
        color:#fff;
}
#yos-slidebar1, #yos-slidebar2, #yos-slidebar3, #yos-slidebar4, #yos-slidebar5 {
        margin-left: 4px;
        position: absolute;        
        left: 10px;
        top:15px;
        display: block;
        z-index: 100;
}

#yos-slidebar1 ul, #yos-slidebar2 ul, #yos-slidebar3 ul, #yos-slidebar4 ul, #yos-slidebar5 ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#yos-slidebar1 ul li, #yos-slidebar2 ul li, #yos-slidebar3 ul li, #yos-slidebar4 ul li, #yos-slidebar5 ul li {
        background: transparent;
        margin: 0 0 10px 0;
        padding: 0;
        display: block;
        width: 74px;
        height: 49px;
}

#yos-slidebar1 ul li.pause, #yos-slidebar2 ul li.pause, #yos-slidebar3 ul li.pause, #yos-slidebar4 ul li.pause, #yos-slidebar5 ul li.pause {
        background: none;
        display: none;
}

#yos-slidebar1 ul li a,
#yos-slidebar2 ul li a,
#yos-slidebar3 ul li a,
#yos-slidebar4 ul li a,
#yos-slidebar5 ul li a {
        border: 2px solid #000000;
        color: #4F4F4F;
        cursor: pointer;
        text-decoration: none;
        font-family: Tahoma, Arial, sans-serif;
        font-size: 10px;
        width: 70px;
        height: 45px;
        display: block;
        float: left;
        background: url(img/circle.png) no-repeat;
        font-weight: bold;
}

#yos-slidebar1 ul li a:hover,
#yos-slidebar2 ul li a:hover,
#yos-slidebar3 ul li a:hover,
#yos-slidebar4 ul li a:hover,
#yos-slidebar5 ul li a:hover {
        border: 2px solid #FFFFFF;
        text-decoration: none;
        color: #333333;
}

#yos-slidebar1 a.next, #yos-slidebar1 a.prev,
#yos-slidebar2 a.next, #yos-slidebar2 a.prev,
#yos-slidebar3 a.next, #yos-slidebar3 a.prev,
#yos-slidebar4 a.next, #yos-slidebar4 a.prev,
#yos-slidebar5 a.next, #yos-slidebar5 a.prev {
        display: none;
}

#yos-slidebar1 a.active,
#yos-slidebar2 a.active,
#yos-slidebar3 a.active,
#yos-slidebar4 a.active,
#yos-slidebar5 a.active {
        background: url(img/circle-active.png) no-repeat;
}
.yos-slide-clear {
        clear:both;
}
.yos-slide-border-rnone {
        border-right:none;
}