/*------------------------------------------------------------------------
# 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:2px solid #BBC6C0;
        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:2px solid #BBC6C0;
        background: url(img/description.png) repeat-x scroll 0 bottom;
        height:20px;
        padding:5px 0;
        position:absolute;
        right:0;
        width:305px;
        z-index:10;
}

.yos-slideshowdesc {
        color:#ffffff;
}
.yos-slide-description {
        border-right:2px solid #BBC6C0;
        background: url(img/desc-bg.jpg) repeat-x scroll 0 bottom;
        font-size:11px;
        font-style:normal;
        font-weight:normal;
        line-height:115%;
        color:#fff;        
        padding:0;
        position:relative;
        left:0px;
        width:309px;
        z-index:10;        
}


.yos-slide-description-inner {
        background:transparent url(img/desc-bg.jpg) repeat scroll right bottom;
}
.yos-slideshowdesc h3, .yos-slideshowdesc h3 a {
        color:#ffffff;
        margin: 0;
        padding: 0px 0px 0px 0px ;
        font-size:18px;
        font-weight:normal;
        line-height:16px;
        text-align:center;        
        border-bottom: 0px solid #fff;
        font-family:Helvetica,sans-serif;
        text-transform: uppercase;
}
.yos-slideshowdesc h3 a {
        color:#ffffff;
        padding: 0;
        border-bottom: 0px solid #fff;
}

.yos-slide-description p, .yos-slide-description a {
        margin: 0;
        padding: 5px;
        color:#ffffff;
}
.yos-slideshowdesc h3 a:hover, .yos-slide-description a:hover  {
        color:#ffffff;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover  {
        color:#ffffff;
}

#yos-slidebar1, #yos-slidebar2, #yos-slidebar3, #yos-slidebar4, #yos-slidebar5 {
        margin-left: 4px;
        position: absolute;        
        left: 10px;
        top:30px;
        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;
}