#overlay {
	width: 800px;
	height: 545px;
	top: 19px;
	left: 205px;
	background-image:url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/overlay-window.png");
}

#overlay #downloads {
	padding: 9px;	
}

#overlay .title {
	display: block;
	margin: 0 auto;
	padding-top: 21px;	
}

#overlay .close {
	display: block;
	width: 49px;
	height: 49px;
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/close.png");
	position: absolute;
	z-index: 102;
	top: 16px;
	right: 16px;
}

/**
 * Tabs
 */
#overlay ul.tabs {
	text-align: center;
	margin-top: 44px;
}

#overlay .tabs li {
	display: inline-block;
	list-style-type: none;
	margin-right: 40px;
}

#overlay .tabs li:last-child {
	margin-right: 0;
}

#overlay .tabs .ipad a {
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/tab-ipad.png");
	width: 61px;
	height: 25px;
	display: block;
}

#overlay .tabs .ipad.active a {
	background-position: -61px 0;
}

#overlay .tabs .iphone a {
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/tab-iphone.png");
	width: 93px;
	height: 25px;
	display: block;
}

#overlay .tabs .iphone.active a {
	background-position: -93px 0;
}

#overlay .tabs .android a {
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/tab-android.png");
	width: 114px;
	height: 25px;
	display: block;
}

#overlay .tabs .android.active a {
	background-position: -114px 0;
}

#overlay .tabs .ringtones a {
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/tab-ringtones.png");
	width: 140px;
	height: 25px;
	display: block;
}

#overlay .tabs .ringtones.active a {
	background-position: -140px 0;
}

/**
 * Thumbnails
 */
#overlay .thumbnails {
	margin-left: 80px;
	margin-top: 18px;
}

#overlay .thumbnails ul {
	margin: 0;
	padding: 0;
}

#overlay .thumbnails ul li {
	float: left;
	list-style-type: none;
}

/**
 * Scrolling
 */
#downloads .scroll-wrapper {
	width: 620px;
	height: 330px;	
	display: none;
	position: absolute;
}

#downloads .scroll-wrapper ul li img {
	display: block;
	float: left;
	border: solid 1px #ec2e30;	
}

#downloads .arrow-left {
	top: 298px;
	left: 33px;
	position: absolute;	
}

#downloads .arrow-right {
	top: 298px;
	right: 36px;
	position: absolute;	
}

#downloads .arrow-right.disable,
#downloads .arrow-left.disable {
	opacity: 0.3;
}

#downloads .scroll-wrapper ul {
	height: 330px;
}

/* ipad */
#downloads #ipad-wrapper  {
	padding-top: 9px;	
}

#downloads #ipad-wrapper ul li {
	width: 620px;	
}

#downloads #ipad-wrapper ul li a {
    display: inline-block;
    width: 143px;
    height: 143px;
	margin-right: 10px;	
	margin-bottom: 10px;
}

#downloads #ipad-wrapper ul li a.item-4,
#downloads #ipad-wrapper ul li a.item-8 {
	margin-right: 0;	
}

/* iphone */
#downloads #iphone-wrapper {
	padding-top: 6px;
}

#downloads #iphone-wrapper ul li {
	width: 590px;	
	padding-left: 30px;
}

#downloads #iphone-wrapper ul li a {
	margin-right: 18px;	
	margin-bottom: 18px;
  display: inline-block;
  width: 95px;
  height: 143px;
}

/* android */
#downloads #android-wrapper {
	margin-top: 5px;
}

#downloads #android-wrapper ul li {
	width: 585px;
	padding-left: 35px;
}

#downloads #android-wrapper ul li a {
	margin-right: 32px;	
	margin-bottom: 30px;
    display: inline-block;
    width: 158px;
    height: 143px;
}

/* ringtones */
#downloads #ringtones-wrapper {
	margin-top: 5px;
	width: 675px;
	margin-left: -40px;
}

#downloads #ringtones-wrapper ul li {
	width: 675px;
	padding-left: 35px;
}

#downloads #ringtones-wrapper ul li a {
	margin-right: 32px;	
	margin-bottom: 30px;
    display: inline-block;
    width: 190px;
    height: 118px;
}

#downloads #ipad-wrapper ul li a,
#downloads #iphone-wrapper ul li a,
#downloads #android-wrapper ul li a,
#downloads #ringtones-wrapper ul li a {
    border: 1px solid #d41c26;
}

#downloads #ipad-wrapper ul li a[data-score],
#downloads #iphone-wrapper ul li a[data-score],
#downloads #android-wrapper ul li a[data-score],
#downloads #ringtones-wrapper ul li a[data-score] {
    border: 1px solid #00aced;
    box-shadow: 0 0 7px 0 #070707 inset;
    pointer-events: none;
}

/**
 *  Locked elements
 */
#downloads ul li a[data-score='1000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/1000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/1000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='3000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/3000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/3000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='4500'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/4500.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/4500.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='5000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/5000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/5000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='5500'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/5500.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/5500.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='6000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/6000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/6000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='10000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/10000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/10000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='15000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/15000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/15000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='25000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/25000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/25000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='50000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/50000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/50000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}

#downloads ul li a[data-score='75000'] {
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/75000.png') center center no-repeat,    /* webkit */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -webkit-linear-gradient(bottom, #1e252e 0%,#020201 100%)!important;
    background: url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/common/locked/75000.png') center center no-repeat,    /* mozilla */
                url('http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/downloads/locked/background.png') bottom center no-repeat,
                -moz-linear-gradient(to top, #1e252e, #020201) !important;
}
