/* Generic Carousel Properties */
.carousel {
	position:relative;
	clear:both;
	background-color:transparent;
}
.carousel .navButton {
    cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
}
.carousel .container { position:absolute; overflow:hidden; }
.carousel .items { position:absolute; }
.carousel .item {
	position:relative;
    cursor:pointer;
/*    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;*/
    /*background-color : #9999FF;*/
    list-style-type:none;
	margin:0px;
}
.carousel .item.hover, .carousel .item.selected {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
.carousel .item {
	text-align: center ;
}
/********************* Vertical Carousel **************************************/
#Carousel { height:410px; margin:20px auto 0; width:400px; }
#Carousel .container { width:230px; height:355px; left:85px;}
#Carousel .items { top:0; left:0px; }
#Carousel .item { margin-bottom:15px;  }
#Carousel .item.hover { cursor: pointer; }
#Carousel .item.selected { background-color:#fff; }
#Carousel .item .caption { position:absolute; left:35px; top:5px; width:135px; background-color:transparent; font-size:10px; }

#Carousel .item .icon { position:relative; height:170px;}

#Carousel .item .icon img { position:relative; cursor:pointer; }
#Carousel .navButton { position:absolute; bottom:10px; width:122px; height:28px; margin-top:10px; }
#Carousel .navButton.previous {  left:0px; width:25px; height:27px; background-image:url('../images/up.png');  }
#Carousel .navButton.next { right:0px; width:25px; height:27px; background-image:url('../images/down.png'); }


/* Hide data items from selector */
#Carousel .item .key { display:none;}
#Carousel .item .picture { display:none;}

/********************* Vertical Carousel For Bonus Video **********************/
#CarouselBonusVideo { height:410px; margin:20px auto 0; width:342px; }
#CarouselBonusVideo .container { width:230px; height:355px; left:56px;}
#CarouselBonusVideo .items { top:0; left:0px; }
#CarouselBonusVideo .item { margin-bottom:15px;  }
#CarouselBonusVideo .item.hover { cursor: pointer; }
#CarouselBonusVideo .item.selected { background-color:#fff; }
#CarouselBonusVideo .item .caption { position:absolute; left:35px; top:5px; width:135px; background-color:transparent; font-size:10px; }
#CarouselBonusVideo .item .icon { position:relative; height:170px;}
#CarouselBonusVideo .item .icon img { position:relative; cursor:pointer; }
#CarouselBonusVideo .navButton { position:absolute; bottom:10px; width:122px; height:28px; margin-top:10px; }
#CarouselBonusVideo .navButton.previous {  left:0px; width:25px; height:27px; background-image:url('../images/up.png');  }
#CarouselBonusVideo .navButton.next { right:0px; width:25px; height:27px; background-image:url('../images/down.png'); }
/* Hide data items from selector */
#CarouselBonusVideo .item .key { display:none;}
#CarouselBonusVideo .item .picture { display:none;}

/********************* Vertical Carousel For Bonus Photo **********************/
#CarouselBonusPhoto { height:410px; margin:20px auto 0; width:400px; }
#CarouselBonusPhoto .container { width:230px; height:355px; left:85px;}

#CarouselBonusPhoto .items { top:0; left:0px; }
#CarouselBonusPhoto .item { margin-bottom:15px;  }
#CarouselBonusPhoto .item.hover { cursor: pointer; }
#CarouselBonusPhoto .item.selected { background-color:#fff; }
#CarouselBonusPhoto .item .caption { position:absolute; left:35px; top:5px; width:135px; background-color:transparent; font-size:10px; }
#CarouselBonusPhoto .item .icon { position:relative; height:170px;}
#CarouselBonusPhoto .item .icon img { position:relative; cursor:pointer; }
#CarouselBonusPhoto .navButton { position:absolute; bottom:10px; width:122px; height:28px; margin-top:10px; }
#CarouselBonusPhoto .navButton.previous {  left:0px; width:25px; height:27px; background-image:url('../images/up.png');  }
#CarouselBonusPhoto .navButton.next { right:0px; width:25px; height:27px; background-image:url('../images/down.png'); }
/* Hide data items from selector */
#CarouselBonusPhoto .item .key { display:none;}
#CarouselBonusPhoto .item .picture { display:none;}