#downloads-share {
	position: absolute;
	top: 17px;
	right: 32px;
}

#downloads #downloads-wrapper-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#downloads #downloads-browser {
	position: absolute;
	top: 100px;
	width: 100%;
	height: 300px;
}

#downloads #downloads-title {
	display: block;
	position: absolute;
	top: 19px;
	left: 36px;
}

#downloads #downloads-title-line {
	display: block;
	position: absolute;
	top: 57px;
	left: 37px;
}

#downloads .page-content-wrapper {
	width: 560px;
	top: 24.5%;
	height: 450px;
	position: absolute;
	right: 2px;
}

html.mobile #downloads .page-content-wrapper {
	right: 13px;
}

#downloads .navigation-options {
    position: absolute;
    top: 62px;
    width: 500px;
    height: 30px;
    left: 36px;
    list-style: none;
}

/* Navigation */
#downloads .navigation-options div,
#downloads .navigation-options img {
	filter: inherit;
}

#downloads .navigation-option {
	display: inline-block;
	cursor: pointer;
	height: 30px;
	position: relative;
}
#downloads .navigation-option .up {
	height: 30px;
	width: 100%;
	background: url('http://cdn.dolimg.com/franchise/the-lone-ranger/downloads/images/navigation-options-up.png') no-repeat;
}
#downloads .navigation-option .over {
	height: 30px;
	width: 100%;
	background: url('http://cdn.dolimg.com/franchise/the-lone-ranger/downloads/images/navigation-options-over.png') no-repeat;
}
#downloads .navigation-option.option-wallpapers,
#downloads .navigation-option.option-wallpapers .up,
#downloads .navigation-option.option-wallpapers .over {
	background-position: left 7px;
 	width: 124px;
}
#downloads .navigation-option.option-icons,
#downloads .navigation-option.option-icons .up,
#downloads .navigation-option.option-icons .over {
	background-position: -130px 7px;
	width: 68px;
}
#downloads .navigation-option.option-twitter,
#downloads .navigation-option.option-twitter .up,
#downloads .navigation-option.option-twitter .over {
	background-position: -200px 7px;
	width: 89px;
}
#downloads .navigation-option.option-facebook,
#downloads .navigation-option.option-facebook .up,
#downloads .navigation-option.option-facebook .over {
	background-position: -291px 7px;
	width: 109px;
}
#downloads .navigation-option.option-googleplus,
#downloads .navigation-option.option-googleplus .up,
#downloads .navigation-option.option-googleplus .over {
	background-position: -406px 7px;
	width: 86px;
}

/* Section */
.section {
	position: relative;
	width: 100%;
	height: 100%;
	width: 446px;
	height: 300px;
}

/* Panel */
.panel-wrapper {
	width: 446px;
	height: 300px;
	position: absolute;
	left: 58px;
	-webkit-transform: scale(1);
}

.panel-wrapper img {
	display: block;
}

.panel-wrapper ul {
	height: 300px;
}

.panel-wrapper li {
	float: left;
	height: 300px;
}

.panel-wrapper li .border {
	border: 2px solid #1F1F1F;
	transition: border 0.3s ease-out;
	-webkit-transition: border 0.3s ease-out;
	display: block;
	background-color: #000;
	position: relative;
}

.panel-wrapper li .border img {
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
}

html.desktop .panel-wrapper li .border:hover,
html.mobile .panel-wrapper li .border.active {
	border-color: #96030d;
}

.panel-wrapper .next {
	width: 28px;
	height: 39px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	right: -43px;
}

.panel-wrapper .prev {
	width: 28px;
	height: 39px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	left: -39px;
}

.panel-mask {
	overflow: hidden;
	width: 446px;
	height: 300px;
	position: absolute;
}

/* Formats */
div.formats {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	list-style-type: none;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0;
	display: block;
	
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
}

div.formats div.format {
	height: 28px;
	width: 100%;
}

#panel-wallpapers-main div.formats div.format a {
	background-image: url('http://cdn.dolimg.com/franchise/the-lone-ranger/downloads/images/download-options-over.png');
	background-repeat: no-repeat;
	cursor: pointer;
	height: 28px;
	margin: 0;
	border: none;
	display: none;
	width: 100%;
	opacity: 0.55;
	filter: alpha(opacity=55);
	
	transition: opacity 0.3s  ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
}

html.mobile #panel-wallpapers-main div.formats div.format a {
	opacity: 1;
}

html.desktop div.formats div.format a:hover{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

div.formats div.format-widescreen a {
    background-position: center 9px;
}
div.formats div.format-standard a {
    background-position: center -17px;
}
div.formats div.format-ipad a {
    background-position: center -42px;
} 
div.formats div.format-iphone a {
    background-position: center -66px;
}
div.formats div.format-android a {
    background-position: center -88px;
}

	/* Wallpapers */
	#panel-wallpapers-main ul .border {
		display: block;
		margin-bottom: 10px;
		width: 214px;
		height: 140px;
		position: relative;
	}
	
	html.desktop #panel-wallpapers-main li .border:hover img,
	html.mobile #panel-wallpapers-main li .border.active img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}
	
	html.desktop #panel-wallpapers-main li .border:hover div.formats,
	html.mobile #panel-wallpapers-main li .border.active div.formats {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	html.desktop #panel-wallpapers-main li .border:hover div.format a,
	html.mobile #panel-wallpapers-main li .border.active div.format a {
		display: block;
	}
	
	/* Icons */
	#panel-icons-main ul {
		margin: 0 auto;
		margin-top: 60px;
	}
	
	/* Twitter */
	#panel-twitter-main {
		margin: 0 auto;
		top: 5px;
		height: 100px;
	}
	
	#panel-twitter-backgrounds {
		top: 120px;
		height: 144px;
	}
	
	#panel-twitter-backgrounds-mask  {
		height: 144px;
	}
	
	#panel-twitter-backgrounds-mask ul {
		height: 144px;
	}
	
	#panel-twitter-backgrounds-mask li {
		width: 218px;
		height: 144px;
	}
	
	#panel-twitter-backgrounds-mask li a {
		width: 214px;
		height: 140px;
	}
	
	/* Facebook & Google Plus */
	#panel-facebook-main a,
	#panel-googleplus-main a {
		display: block;
		margin-bottom: 10px;
	}