/* Javascript jQuery */

.slideshow {margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

/* HTML5 Canavas */

#slideshow{
    background-color:#F5F5F5;
    border:1px solid #FFFFFF;
    height:600px;
    margin:150px auto 0;
    position:relative;
    width:950px;

    -moz-box-shadow:0 0 22px #111;
    -webkit-box-shadow:0 0 22px #111;
    box-shadow:0 0 22px #111;
}

#slideshow ul{
    height:480px;
    left:10px;
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    top:10px;
    width:730px;
}

#slideshow li{
    position:absolute;
    display:none;
    z-index:10;
}

#slideshow li:first-child{
    display:block;
    z-index:1000;
}

#slideshow .slideActive{
    z-index:1000;
}

#slideshow canvas{
    display:none;
    position:absolute;
    z-index:100;
}

#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    background:url('../../../../resources/_Demo/_Design/Images/arrows.png') no-repeat;
    top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}


/* LightBox */

.LightBox 
{

}

.LightBoxWrapper
{ 
 margin-left:auto; 
 margin-right:auto;
 width:450px;

}

.LightBoxList 
{
 width:100%;

}

.LightBoxTable
{
    border: 1px solid #CECFD0;
    padding: 5px;
    background: #e3e3e3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
	overflow: hidden;
}
.LightBoxTD
{
 border: 1px solid #666;
 background-color: white; 
 text-align: center;  
 padding:5px; 

}
.LightBoxTD img
{
 width: 100px;
}