/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */


.jcarousel-container {
    position:relative;
    float:left;
    width:100%;
}

.jcarousel-clip {
    margin:0;
    overflow:hidden;
    padding:0;
    position:relative;
    z-index:2;
}

.jcarousel-list {
    top:0;
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    position:relative;
    z-index:1;
}

.jcarousel-list li,
.jcarousel-item {
    float:left;
    list-style:none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height:75px;
    width:75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next,
.jcarousel-prev {
    display:none;
    z-index:3;
}

/*
********************************************************************************
CUSTOMIZATIONS
********************************************************************************
*/

div.applications .jcarousel-skin .jcarousel-container {
	background:url(../images/downloads/template/bkgdCarouselApplications.jpg) no-repeat center center;
	width:760px;
}

div.games .jcarousel-skin .jcarousel-container {
	background:url(../images/downloads/template/bkgdCarouselGames.jpg) no-repeat center center;
	width:760px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
	margin:0 120px;
	width:520px;
}

.jcarousel-skin .jcarousel-item {
	background:url(../images/downloads/template/imgDetailShadow.gif) no-repeat center 100px;
	height:181px;
	margin:0;
	padding:0;
	text-align:center;
	width:130px;
}

.jcarousel-skin .jcarousel-item h5 {
	font-size:1.2em;
	font-weight:bold;
	margin:17px 0 0 0;
}

.jcarousel-skin .jcarousel-item p {
	font-size:1.2em;
	margin:0;
	padding:0;
}

.jcarousel-skin .jcarousel-item p.getItNow {
	margin:0 auto;
	width:64px;
}

.jcarousel-skin .jcarousel-container img {
	height:100px;
	width:76px;
}

/*
Horizontal Buttons
*/
.jcarousel-skin .jcarousel-next-horizontal,
.jcarousel-skin .jcarousel-prev-horizontal {
    cursor:pointer;
    height:90px;
    position:absolute;
    top:10px;
    width:32px;
}

.jcarousel-skin .jcarousel-next-horizontal {
    background:url(../images/downloads/template/btnCarouselRight.gif) no-repeat left top;
    right:50px;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    background:url(../images/downloads/template/btnCarouselLeft.gif) no-repeat left top;
    left:50px;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
	background-position:left -92px;
	cursor:default;
}