/***************************************

Main Styles for Borderlands.com

***************************************/
.game-title .lower .bucket {width:100%;}
/***************************************
		Basic Setup
***************************************/
html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}
body {
	background:#000;
	color:#fff;
	margin:0; padding:0;
	font-family: "Willow Body", sans-serif;	
	opacity:0;
}
body.game-single {background:#4b0000;}
h1, h2, h3, h4, h5, h6 {
	font-family:"Compacta Bold", sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	margin:0; padding:0;
}
a {
	color:#ffcc00;
	text-decoration:none;
}
a:hover {color:#fff;}
a img {border:none;}
cite {
	display:block;
	font-style:normal;
	color:#2e8ac7;
}
ul.menu, ul.list {
	list-style:none;
	margin:0; padding:0;
}
.menu li {
	float:left;
	margin:0; padding:0;
}
.list li {
	margin:0; padding:0;	
}

p, li {
	font-family: "Willow Body", sans-serif;
}
.hide {display:none;}
.show {display:block;}
.left {float:left;}
.right {float:right;}
.button, a.button {
	display:block;
	width:100%;
	font-size:2em;
	line-height:2;
	background:#000;
	color:#ffcc00;
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin:.5em 0 0;
}
.jp .button, .jp a.button {font-size:1.25em;}
.kr .button, .kr a.button {font-size:1.5em;}
.bucket ul.grid .button, .retail-index ul.grid .button, .games-index ul.grid.games .button  {line-height:1.4}
.button:hover, a.button:hover {
	cursor:pointer;
	color:#fff;
}
.button.yellow, a.button.yellow {
	background:#ffcc00;
	color:#000;
	margin:0 auto .5em;
}
#hdr-buyprequel {
	display:block;
	width:100%;
	font-size:2em;
	line-height:2;
	background:#000;
	color:#ffcc00;
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin:0;
}
#menus-buyprequel {margin-bottom:1em;}
#menus-buyprequel .bucket-inner {margin:0;}
#menus-buyprequel .button {margin:0;}
#menus-buyprequel ul.grid {padding:0;}
.link-ext {
	width:14px;
	height:14px;
	overflow:hidden;
	display:inline-block;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/link-ext.png") no-repeat top right;
	margin:4px 0 0 4px;
}
a:hover .link-ext {
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/link-ext.png") no-repeat bottom right;
}
.button .link-ext, a.button .link-ext {
	vertical-align:middle;
	margin:0 0 0 8px;
}
.wrapper-bucket {width:100%;}
.showlarge {display:block;}
.hidelarge {
	display:none !important;
}
/***************************************
		Basic Containers
***************************************/
#wrapper {
	width:100%;
	position:absolute;
	top:54px;
	z-index:1;
	opacity:0;
}
#marquee-front {opacity:0;}
#wrapper > .content {
	max-width:1240px;
	margin:12% auto 0;	
	display:block;
}
.retail-index #wrapper > .content, .games-index #wrapper > .content {text-align:center;}

#wrapper .lower.content {
	margin:0 auto;	
}
#wrapper.page .inner-page {
	min-height:800px;
	margin:183px auto 0;
}
.wrapper-ptitle {
	width:100%;
	float:left;
}

.wrapper-ptitle.inline {
	width:100%;
	position:static;
}
.ptitle {
	max-width:1358px;
	margin:0 auto;
}
.inline .ptitle {height:auto;}
.ptitle img {
	width:100%;
	margin-left:-900px;	
}
.inline .ptitle img {
	margin-top:-60px;
	vertical-align:bottom;
}
/***************************************
		Buckets
***************************************/
.bucket {
	border:4px solid #4b4b5a;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/bg-dark-boxxy.jpg") 0 0;
	position:relative;
}
.bucket .bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
}
.bucket .bg img {width:100%;}
.home .wrapper-bucket {
	width:32%;
	margin-right:2%;
	float:left;
}
.bucket-inner {
	margin:.5em 1em 0;
	z-index:4;
	position:relative;
}
.bucket h2 {
	height:1.4em;
	margin:0;
	font-size:2.4em;
	color:#fff;
	display:block;
	z-index:3;
}
.bucket h3 {
	text-transform:uppercase;
	font-size:22px;
	font-weight:normal;
	margin:0 0 16px;
	padding:0;
}
.bucket p {
	margin:0 0 16px;
}
/***************************************
		Header
***************************************/
header {
	width:100%;
	position:fixed;
	background:#000;
	top:0;
	height:54px;
	z-index:10;
}
#topnav .outer {
	max-width:1200px;
	margin:0 auto;
	width:100%;
	height:54px;
	text-align:center;
}
#topnav .inner {
	height:54px;	
	display:inline-block;
}
.logo {float:left;}
.menu.social {
	position:absolute;
	top:0;
	left:0;
	padding:16px 0 0 32px;
}
.menu.social li {margin-right:20px;}
.menu.social li:last-child {margin-right:0;}
.menu.social li a {
	width:30px;
	height:30px;
	display:block;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/social-toggles.jpg") 0 0;
	overflow:hidden;
}
.menu.social li a:hover {
	background-position:0 -30px;
}
.menu.social li a.fb {
	background-position:-30px 0;
}
.menu.social li a:hover.fb {
	background-position:-30px -30px;
}
.menu.social li a.yt {
	background-position:-60px 0;
}
.menu.social li a:hover.yt {
	background-position:-60px -30px;
}
#menu-language {visibility:hidden;}
.btn-search {
	width:30px;
	height:30px;
	display:block;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/social-toggles.jpg") 0 0;
	overflow:hidden;
	background-position:-90px 0;
}
.btn-search:hover {
	background-position:-90px -30px;
	cursor:pointer;
}

#mobile-wrapper, #mobile-news {display:none;}
.menu.main {
	float:left;
	margin-left:17px;
}
.menu.main li {
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;
	font-size:20px;
	margin:0;
	padding:0 17px;
	height:54px;
	text-align:center;
}
.menu.main li a{
	color:#ffcc00;
	height:49px;
	margin-top:5px;	
	display:block;
	vertical-align:middle;
	line-height:49px;
	}
.menu.main li.btn-buy {
	background:#000 url("http://downloads.2kgames.com/borderlandsthegame/img/site/bg-nav-buynow.jpg") repeat-x 0 0;
}
.menu.main li.btn-buy a {color:#000;}
.menu.main li a:hover, .menu.main li a.active {color:#fff;}
.menu.main li .drop {
	height:0;
	display:none;
	top:54px;
	position:fixed;
	background:#2e8ac7;
	width:100%;
	left:0;
}
.carat {
	position:relative;
	width:0;
	height:0;
	top:-.9em;
	opacity:0;
	display:inline-block;
	border:.3em solid transparent;
	border-bottom-color:#2e8ac7;
	
}
.carat.bottom {
	border-bottom-color:#000;
	top:5.9em;	
}
.menu.main li.hasdrop:hover .carat.top  {
	opacity:1;	
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;	
}	
.menu.main li.hassubdrop:hover .carat.bottom  {opacity:1;}	
.btn-buy .carat.top {margin-right:43px;}
#topnav .drop .inner {
	height:auto;
	min-height:190px;
	overflow:visible;
}
.buy-text {float:left;}
.nav-fob {
	height:43px;
	width:34px;
	float:left;
	padding-left:9px;
}

#login-area {
	height:41px;
	position:absolute;
	top:0;
	right:0;
	width:10em;	
}
#login-area > p {
	width:6em;
	display:inline-block;
	float:left;
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;
font-size:20px;	
}
#login-area > p > a {margin-right:.5em;}
#search-top {
	height:41px;
	position:absolute;
	top:0;
	right:0;
	padding-right:16px;
	padding-top:13px;
	width:12em;
}
#keywords {
	float:left;
	height:16px;
	margin:4px -8px 4px 4px;
	padding:3px;
	border:none;
	max-width:120px;
}
.btn-search {float:left;}
.prettyDrop.country-drop {margin-top:-14px;}
.menu.gamethumbs {
	margin:0 auto;
}
.menu.gamethumbs li {
	text-align:center;
	width:130px;
	height:190px;
	display:block;
}
.menu.gamethumbs li:first-child {
	padding-left:150px;
	margin-left:-150px;
}
.menu.gamethumbs li a img {
	border:2px solid transparent;
	border-radius:2px;
	-moz-border-radius:2px;
}
.menu.gamethumbs li a:hover img {
	border:2px solid #fff;
}
.menu.gamethumbs h2 {
	font-family: 'Willow Body', sans-serif;
	font-size:14px;
	line-height:1.2;
	margin:0; padding:0;
	height:50px;
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	width:130px;
}
.menu.gamethumbs .sub-drop h2, .menu.gamethumbs .sub-drop li {width:auto;}

.menu.gamethumbs a h2 {color:#000;}
.menu.gamethumbs a:hover h2 {color:#fff;}
.sub-drop {	
	height:auto;
	visibility:hidden;
	display:none;
	font-family: 'Willow Body', sans-serif;
	display:block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 190px;
	background: #000;
	color: #fff;
	font-size:14px;
	overflow:hidden;
}
#topnav .drop .sub-drop .inner {
	padding:20px 0;
	min-height:0;
}
/*
.menu.gamethumbs li.hassubdrop:hover .sub-drop {
	height:auto;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;	
	
}
*/

.sub-drop h3, .menu.main .sub-drop li, .menu.main .sub-drop li a {
	font-family: 'Willow Body', sans-serif;
	margin:0; padding:0;
	font-size:14px;	
	height:auto;
	line-height:18px;
}
.sub-drop h3 {color:#fff;}

.menu.main .sub-drop .col.first li a {line-height:24px;}

.menu.main .sub-drop .col.second li a, .menu.main .sub-drop .col.third li a {text-transform:none;}
.sub-drop .col {
	float:left;
	text-align:left;	
}
.sub-drop .col.first {width:240px;}
.sub-drop .col.second {width:300px;}
.sub-drop .col.third {width:300px;}

.sub-drop .col ul {
	list-style:none;
	margin:0; padding:0;
}
.sub-drop .col.first ul {margin-top:-3px;}
.menu.main li .sub-drop .col ul li  {
	margin:0 0 .5em; padding:0;
	text-align:left;	
	float:none;
	height:auto;
	line-height:1;
	max-width:none;
}
.menu.main li.btn-buy .sub-drop .col ul li a  {
	color:#ffcc00;
	height:auto;
	width:100%;
}
.menu.main li.btn-buy .sub-drop .col.first ul li a  {text-transform:uppercase;}
.menu.main li.btn-buy .sub-drop .col ul li a:hover  {color:#fff;}
.menu.forums li a {color:#000;}
.menu.forums li a:hover {color:#fff;}
.menu.forums li a p {
	font-size:14px;
	margin:0;
}
.btn-forums {
	width:160px;
	height:116px;
	overflow:hidden;
	display:block;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/sprite-btn-forums.jpg") no-repeat;
}
.btn-forums.tk {
	background-position: 0 -116px;
}
.btn-forums.gb {
	width:160px;
	height:116px;
	overflow:hidden;
	display:block;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/sprite-btn-forums.jpg") no-repeat -160px -116px;
}
a:hover .btn-forums.tk {
	background-position: 0 0;
}
a:hover .btn-forums.gb {
	background-position: -160px 0;
}
/***************************************
		Age Gate
***************************************/
body.agegate {min-height:100%;}
.agegate #bg {
	position:fixed;
	z-index:-1;
	top:0;
}
.agegate-content {
	width:100%;
	min-height:100%;
	padding-bottom:4em;
}
.logo-agegate {
	width:100%;
	text-align:center;
	z-index:0;
}
.logo-agegate img{
	margin:0 auto;
	max-width:100%;
	position:relative;
}
.agegate-content .button {border:none;}
.agegate-form {
	max-width:400px;
	margin:-5em auto 0;
	text-align:center;
	z-index:3;	
}
.agegate-form .bucket-inner {
	padding:2em 0;
}
.agegate-form .select {display:inline-block;}

/***************************************
		Home Page
***************************************/
.home #wrapper {
	z-index:3;
	position:relative;
	top:0;
}
#marquee-front {top:0;}
.home .bg-player {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/bg-80.png") 0 0;
	z-index:99;
}
.home .fpage-player {
	margin:0 auto;
}
.home .btn-close-fplayer {
	font-size: 4em;
	text-align: right;
	display: block;
	width: 1em;
	padding-right: 10%;
	line-height: 1;
	padding-bottom: 10px;
	position: absolute;
	right: 0;
	margin-right:-1em;
	margin-top:60px;
}
.home .bucket {min-height:463px;}
.home .bucket.store {overflow:hidden;}
.home .bucket.store .bg img {width:600px;}
.home .wrapper-bucket.last {margin-right:0;}

.callout {
	font-family:"Compacta Bold", sans-serif;
	position:absolute;
	right:0;
	top:0;
	font-size:.6em;
	text-transform:uppercase;
}
.callout a {display:block;}
.social-toggle {
	position:absolute;
	top:5px;
	right:10px;
	display:block;
}
.btn-sort {
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/social-toggles.jpg") 0 0px;
	width:28px;
	height:28px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
	float:right;
}
.btn-sort.fb {
	background-position:-30px 0px;
}
.btn-sort.tw {margin-right:17px;}
.btn-sort.fb.active {
	background-position:-30px -30px;
}
.btn-sort.tw.active {
	background-position:0 -30px;
}
#twitter-feed, #facebook-feed {
	position:relative;
	height:380px;
	margin:0 0 0 13px; padding:0;
}
.last .bucket-inner {margin:0;}
.last .bucket-inner h2 {
	margin:8px 15px 0;
}

#facebook-feed {display:none;}
#facebook-feed ul {
	list-style:none;
	margin:0; padding:0;
}
#facebook-feed li {
	margin:0; padding:0 0 0 28px;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/icon-fb.jpg") no-repeat left 3px;
	overflow:hidden;
}
#facebook-feed li p {padding-right:24px;}
.twitter-icon {
	float:left;
	padding:4px 6px 0 0;
}
.twitter-item {
	float:none;
	padding-right:32px;
	clear:both;
}


.bucket .scrollthis, #scroll-news {
	font-family: 'Willow Body', sans-serif;
	height:380px;
	padding-right:19px;
}

.ellipsis{
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/ellipsis.png") repeat-x left bottom;
	height:5px; width:100%;
	display:block;
	}
.link-story a {
	display:block;
	height:20px;
	overflow:hidden;
	background:#000;
	text-transform:uppercase;
	float:right;
}

ul.list.news {
	padding:0 10% 0 0;	
}
ul.list.news li {margin-bottom:18px;}


/***************************************
		Marquee
***************************************/
#bg {
	position:fixed;
	top:54px;
	width:100%;
	overflow:hidden;
}
#bg .gradient {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	background: transparent url(http://downloads.2kgames.com/borderlandsthegame/img/site/bg-gradient.png) repeat-x 0 0;
}
#bg ul {
	list-style:none;
	margin:0; padding:0;
}
#bg ul li {
	margin:0; padding:0;
	float:left;
	width:100%;
}
#bg img {
	width:100%;
	max-width:none;
}
#bg ul li.active {display:block;}
#marquee-front {
	width:100%;
	position:absolute;
	z-index:2;
}

#marquee-caption {	
	top:0;
	overflow:hidden;
}

#marquee-caption ul {
	list-style:none;
	margin:0; padding:0;
}
#marquee-caption ul li {
	width:100%;
	float:left;
}

#marquee-caption ul li .inner {
	/*max-width:1200px;*/
	width:54;
	margin:0 23%;
	text-align:center;
}
#marquee-caption ul li .inner.cbottom {margin-top:16%;}
#marquee-caption ul li .inner img {
	width:100%;
	max-width:none;
}
.btn-marquee {
	width:37px;
	height:108px;
	position:absolute;
	top:48%;
	z-index:2;
}
.btn-marquee a {
	display:block;
	width:30px;
	height:108px;
	position:absolute;
	z-index:2;

}
.btn-marquee .preview {
	display:block;
	width:0;
	height:109px;
	background:#2e8ac7;
	overflow:hidden;	
	color:#000;
	position:absolute;
	z-index:1;	
	cursor:pointer;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;	
}
#btn-marquee-left .preview {
	left:0;
	border-left:30px solid #000;
}
#btn-marquee-right .preview {
	right:0;
	border-right:30px solid #000;
}
#btn-marquee-left .preview img {
	position:absolute;
	right:0;
}
#btn-marquee-right .preview img {
	position:absolute;
	left:0;
}
#btn-marquee-left a {left:0;}
#btn-marquee-right a {right:0;}
.btn-marquee .preview .thumb {float:left;}
.btn-marquee .preview .copy {
	position:absolute;
	width:207px;
	padding:10px;
}
#btn-marquee-right .preview .copy {
	left: 134px;
}
.btn-marquee .preview h4 {
	text-transform:uppercase;
	font-size:20px;	
	margin:0;
}
.btn-marquee .preview p {
	text-transform:uppercase;
	font-size:14px;	
	margin:0;
}
.btn-marquee:hover {

}
.btn-marquee:hover .preview {display:block;}
#btn-marquee-left {left:0;}
#btn-marquee-right {right:0;}
#btn-marquee-left a {
	background:#000 url("http://downloads.2kgames.com/borderlandsthegame/img/site/btn-marquee-left.jpg") no-repeat right center;
}
#btn-marquee-right a {
	background:#000 url("http://downloads.2kgames.com/borderlandsthegame/img/site/btn-marquee-right.jpg") no-repeat left center;
}
/***************************************
		Media Player
***************************************/
.mplayer {
	margin:12% auto 10em;
}
.mplayer .inner-view, .mplayer .thumbs {
	box-sizing: border-box;
}
.col.right .mplayer .inner-main {
	position:relative;
	top:0;
}
.col.right .mplayer {
	margin:0 auto;
}
.mplayer .inner-view {
	background:#000;
	position:relative;
}
.mplayer .viewing-area {
	display:block;
	overflow:hidden;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position:relative;
}


.mplayer .advance {
	float:left;
	width:20%;
	position:absolute;
	height:100%;
	opacity:0;
	cursor:pointer;
}
.mplayer .advance.next {right:0;}
.mplayer .advance span {
	display: block;
	width: 37px;
	height: 36px;
	position: absolute;
	z-index: 2;
	opacity:0;
	top:50%;
}
.mplayer .advance.previous span {
	left:0;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/btn-marquee-left.jpg") no-repeat 0 0;
}
.mplayer .advance.next span {
	right:0;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/btn-marquee-right.jpg") no-repeat 0 0;
}
.mplayer .advance:hover span {opacity:1;}

.mplayer .thumbs {
	width:100%;
	display:block;
}
.mplayer .inner-thumbs ul {
	list-style:none;
	margin:0; padding:0;
	width:200%;
}
.mplayer .inner-thumbs {
	overflow:hidden;
	width:100%;
	float:left;
	display:none;
	min-height:30px;
	background:#2e8ac7;
}
.mplayer .inner-thumbs.active {display:block;}
.mplayer .wrapper-controls {
	width:100%;
	background:#000;
	height:4em;
	clear:both;
}
.media-chooser {
	width:50%;
	display:inline-block;
	
}
.media-chooser > p {
	font-family:"Compacta Bold", sans-serif;
	font-size:1.4em;
	width:49%;
	float:left;
	text-align:right;
	text-transform:uppercase;
	color:#ffcc00;
	padding-right:1%;
}
.media-chooser  .prettyDrop .selectBox p  > span {
	display:inline-block;
	vertical-align:middle;
	position:static;
	margin-left:1em;
}
.media-chooser .prettyDrop {
	width:50%;
	float:left;
	clear:none;
	margin-top:.85em;	
}
.media-chooser .selectBox.expanded p {background:transparent;}
.media-chooser .prettyDrop ul.dropDown {
	top:auto;
	bottom:0;

}
.media-chooser .prettyDrop ul.dropDown li {
	background:#000;
	width:86%;
	padding:1% 7%;	
}
.media-chooser .prettyDrop ul.dropDown li p {

}
.media-chooser .prettyDrop ul.dropDown li p:hover {color:#ffcc00;}
.media-chooser .prettyDrop .selectBox p {
	line-height:1.9;
	font-size:1.4em;	
	vertical-align:middle;
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;
	height:2em;
	overflow:hidden;
}
.media-toggle {
	width:50%;
	display:inline-block;
	text-align:right;
	float:right;
	margin-top:-3.5em;
}

.media-toggle .button {
	width:30%;
	margin:0 0 0 2%;
	display:inline-block;
}

.media-toggle.inner {
	float:left;
	text-align:center;	
	margin-top:.6em;
}
.media-toggle.inner .button {width:25%;}
.media-toggle a {
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Compacta Bold", sans-serif;
	font-weight:normal;
	color:#ffcc00;
	display:inline-block;
	line-height:2.2em;
	font-size:1.4em;
}
.media-toggle a:hover {color:#fff;}
.media-toggle .active {color:#fff;}
.mplayer .control {
	width:25%;
	display:inline-block;
	text-align:left;
	font-size:1em;
	float:left;
	margin-top:1.4em;
   }
.mplayer .control.next {
	text-align:right;
	float:right;
   }  
.mplayer .control a {
	text-decoration: none;
	vertical-align: middle;
	display:block;
	font-family: "Willow Body", sans-serif;
	text-transform:uppercase; 
}   
.mplayer .control a:active {color:#fff;}
.mplayer .control a span {
	width:15px;
	height:23px;
	margin-top:0;
}
.mplayer .control.prev a span {
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/sprite-media-arrows.png") no-repeat left top;
	float:left;
	margin-right:1em;
	margin-left:2em;
}
.mplayer .control.next a span {
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/sprite-media-arrows.png") no-repeat right top;
	float:right;
	margin-right:2em;
	margin-left:1em;
}
.mplayer .control.prev a:hover span {
	background-position:left bottom;
}
.mplayer .control.next a:hover span {
	background-position:right bottom;

}
.mplayer .inner-thumbs.video {display:none;}
.mplayer .inner-thumbs ul {margin-left:0;}
.mplayer .inner-thumbs ul li {
	margin:0; padding:0;	
	display:inline-block;
	width:12.5%;
	box-sizing:border-box;
	position:relative;
}
.mplayer .five-thumbs .inner-thumbs ul li {width:10%;}
.mplayer .inner-thumbs ul li a {
	border:1px solid #2e8ac7;
	overflow:hidden;
}
.mplayer .inner-thumbs ul li a:hover, .inner-thumbs ul li.active a {
	border:1px solid #fff;
}

.mplayer .inner-thumbs ul li a img{
	z-index:3;
	height:auto;
	display:block;
	width:100%;
	box-sizing:border-box;
}

.mplayer .stage {
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
	background:#000;
}
.mplayer .stage img {width:100%;}
.mplayer .overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	}
.mplayer .inner-thumbs li a {
	position:relative;
	display:block;
}
.mplayer .popup {
	position:absolute;
	bottom:0;
	min-height:200px;
	z-index:99;
}
.mplayer .popup .carat {
	top:auto;
	bottom:-1em;
	position:absolute;
	left:2em;
	opacity:1;
	border-bottom-color:transparent;
	border-top-color:#000;
	/*border-top-color:#2e8ac7;*/
	border-width:1em;
	z-index:0;
}
.mplayer .popup .pcontent {
	min-height:0;
	background: #000;
	/* background: #2e8ac7; */
	position:absolute;
	bottom:.5em;
	z-index:1;
}
/***************************
	Widescreen
***************************/
.mplayer.widescreen .viewing-area {float:right;}
.mplayer.widescreen .inner-thumbs ul li {display:block;}
.mplayer.widescreen .viewing-area {
	background:transparent;
	border-top:none;
	border-bottom:none;
}
.mplayer.widescreen .wrapper-controls {background:transparent;}
.mplayer.widescreen .media-toggle {
	background:#000;
	width:100%;
	font-size:1em;
}
.mplayer.widescreen .control {
width: 50%;
background:#000;
}
.mplayer.widescreen .control a {

padding:5px;
font-size:.9em;
}
.mplayer.widescreen .control.next, .mplayer.widescreen .control.prev {
	text-align:left;
	display:inline-block;
}
.mplayer.widescreen .control.prev {text-align:right;}

.mplayer.widescreen .control.prev a span {
		margin:-2px 2px 0 0;
	display:inline-block;		
}
.mplayer.widescreen  .control.next a span {
		margin: -2px 0 0 2px;
	display:inline-block;		
}
.loader {
	text-align: center;
	width:80px;
	height:50px;
	margin:0 auto;
}
.wrapper-loader {
	display:block;
	background:#000;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
}
.loader span {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 25px auto;
	background: #2e8ac7;
	-moz-border-radius: 50px;
	-moz-animation: loader 1.3s infinite alternate;
	-webkit-border-radius: 50px;
	-webkit-animation: loader 1.3s infinite alternate;
	-o-border-radius: 50px;
	-o-animation: loader 1.3s infinite alternate;
	-ms-border-radius: 50px;
	-ms-animation: loader 1.3s infinite alternate;
	border-radius: 50px;
	animation: loader 1.3s infinite alternate;
}

#loader_1 {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}

#loader_2 {
	-moz-animation-delay: 0.39s;
	-webkit-animation-delay: 0.39s;
	-o-animation-delay: 0.39s;
	-ms-animation-delay: 0.39s;
	animation-delay: 0.39s;
}

#loader_3 {
	-moz-animation-delay: 0.78s;
	-webkit-animation-delay: 0.78s;
	-o-animation-delay: 0.78s;
	-ms-animation-delay: 0.78s;
	animation-delay: 0.78s;
}

@-moz-keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		background-color:#2e8ac7;
		-moz-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#ffcc00;
		-moz-transform: translateY(-21px);
	}
}

@-webkit-keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		background-color:#2e8ac7;
		-webkit-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#ffcc00;
		-webkit-transform: translateY(-21px);
	}
}

@-o-keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		background-color:#2e8ac7;
		-o-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#ffcc00;
		-o-transform: translateY(-21px);
	}
}

@-ms-keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		background-color:#2e8ac7;
		-ms-transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#ffcc00;
		-ms-transform: translateY(-21px);
	}
}

@keyframes loader {
	0% {
		width: 10px;
		height: 10px;
		background-color:#2e8ac7;
		transform: translateY(0);
	}

	100% {
		width: 24px;
		height: 24px;
		background-color:#ffcc00;
		transform: translateY(-21px);
	}
}
/***************************************
		Media Page
***************************************/
#wrapper-drop {
	position:absolute;
	width:100%;
	z-index:99;
	top:0;
}
.wrapper-drop-inner {
	margin:80px auto 0;
	position:relative;
	width:100%;	
	display:block;
	max-width:1240px;
}
.media .wrapper-ptitle {position:absolute;}
.media #wrapper > .content {position:relative;}
.media #wrapper-downloads {display:none;}
#wrapper .content.downloads {
	margin:12% auto 0;
}
/***************************************
		Games Index
***************************************/
ul.grid li img, .game-title ul.grid li img {float:left;}
.game-title .button.half {margin-top:0;}
.button.half, a.button.half {
	width:50%;
	float:left;
}
.games-index .button.half, .games-index a.button.half {margin-top:0;}
/***************************************
		Downloads Page
***************************************/

.subhead {
	text-transform:uppercase;
	padding-bottom:1em;
}
.subhead p {font-size:.8em;}
.subhead span {float:right;}
.downloads ul.grid li {
	width:19%;
	margin:0 1.25% .75em 0;
	padding:0;
}
.downloads ul.grid li a img {
	border:1px solid #333;
}
.downloads ul.grid li a:hover img {
	border:1px solid #fff;
}

.downloads ul.grid.icons li {
	width:18%;
	margin:0 2.5% .75em 0;
	padding:0;
}

.downloads ul.grid li.fifth {margin-right:0;}
.downloads .bucket h2 {position:static;}
.downloads .bucket .bg {right:50%;}
.downloads .wrapper-bucket {
	margin:0 auto;
}
.downloads .bucket-inner {margin:1em;}
.downloads h3 {
	clear:both;
	font-size:26px;
	margin:0;
}
.downloads .bucket h2 {height:auto;}
.col-half {
	width:48%;
	float:left;
	margin:2em 2% 0 0;
}
.col-half.second {
	margin:2em 0 0 2%;
}


/***************************************
		Retail Page
***************************************/
.retail .bucket {width:100%;}
ul.grid.buy {
	width:100%;
	text-align:center;
}
ul.grid.buy li {
	width:30%;
	display:inline-block;
	width:30%;
	float:none;
}
ul.grid.buy.single li {width:100%;}
ul.grid.buy.single li img, ul.grid.buy.single li .title {display:none;}
ul.grid.single li {margin:0;}
ul.grid.buy li img {float:left;}
ul.grid.buy li#fob1 {
	margin:0 2% 0 0;
}
ul.grid.buy li#fob2 {margin:0;}
ul.grid li .title {
	padding:.4em .5em 0;
	height:3em;
	font-size:1em;
	background:#000;
	text-transform:uppercase;
	display:block;
	clear:both;
	text-align:center;	
}
ul.grid.games li .title, .retail-index ul.grid li .title  {height:3em;}
ul.grid.main li .title {
	height:auto;
	font-size:1em;
}
ul.grid li .dropDown li {float:none;}
#wrapper-splash {
	max-width:50%;
	display:inline-block;
	float:left;
	margin:-70px -10% 0 0;
}
.borderlands-the-presequel ul.grid#borderlands-the-presequel li {margin-top:-100px;}
.borderlands-the-presequel ul.grid#borderlands-the-presequel .dropDown li {margin-top:0;}
#wrapper-splash img {max-width:100%;}
/***************************************
		News Index
***************************************/
.news .col.left {
	background:#666;
	width:66%;
}

.inner-news {background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/bg-dark-boxxy.jpg") 0 0;
	border:5px solid #4b4b5a;	
}
.news .col.right {
	width:32%;
	margin-left:2%;
	background:#ccc;
}
ul.items {
	list-style:none;
	margin:0; padding:0;
}
ul.items li {
	display:inline-block;
	width:100%;
}
ul.items li article {
	margin:30px 20px 0;
}
ul.items li.first article {margin-top:20px;}
ul.items li section {
	float:left;
	width:84%;	
}
ul.items li article img.thumb {
	float:left;
	width:16%;
	margin-top:5px;
}
.news-index .content h3 {
	color:#ffcc00;
	font-size:28px;
	text-transform:uppercase;
	padding:0;
}
ul.items li section h3, ul.items li section cite {
	margin:0 0 0 20px;
}
ul.items li section cite {font-size:.8em;}
ul.items li section p {
	margin:0 0 12px 20px;
}
.last .ellipsis {display:none;}
.news-index .social .bucket-inner {padding-bottom:1em}
.wrapper-ellipsis {
	display:block;
	margin:20px 20px 0;
}
.linkfoot {
	display:block;
	clear:both;
	width:100%;
	height:30px;
}
.tweetitnlikeit {
	float:left;
	width:210px;
	height:30px;	
	padding-left:20.5%;
}
.tweetitnlikeit.right {
	float:right;
	width:210px;
	height:30px;	
	padding-left:5em;
	padding-top:8px;
	background:transparent;
}

.btn-tweet {
	float:right;
	padding-top:3px;
	overflow:hidden;
	padding-left: 5px;
}
.btn-fb {
	float:left;
	overflow:hidden;	
}
.linkfoot span {

}
li .linkfoot a {
	background:#000;	
	float:right;
	height:20px;
	padding-top:6px;
	padding-left:2px;
	padding-right:16px;
	text-transform:uppercase;
}
/***************************************
		News Article
***************************************/
.news-article #wrapper .content {margin-top:4%;}
.newspic {
	width:40%;
	clear:both;
	padding-bottom:10px;
}
.newspic.right {
	float:right;
	padding-left:2em;
}
.newspic.left {
	float:left;
	padding-right:2em;
}

.news .col.wide h1 {
	font-size:50px;
	margin:0; padding:0;
}

.news .col.wide cite {padding-bottom:2em;}
.news .col.wide p {
	margin:0 0 1em;
}
.col.wide .inner-news article {
	padding:1em 2em 2em;
}
/***************************************
		Retail Index
***************************************/
.retail-index .button, .retail-index a.button {margin:0;} 
.retail-index .fob {
	margin:0; padding:0;
	float:none;
}
.fob a img {vertical-align:bottom;}


/***************************************
		Game Title Page
***************************************/

body.game-title.bl-2 {background-color:#4b0000;}
.game-title .bucket h2 {
	position:relative;
	height:auto;
}
.game-title .bucket-inner {margin-top:.5em;}
.game-title .col.left {
	width:32%;
	float:left;
	
}
.game-title .col.right {
	width:66%;
	float:left;
	margin-left:2%;
}
.game-title #wrapper .content {margin-top:0;}
.game-title .ptitle img {float:left;}
.game-title .col.right .mplayer {width:100%;}
.bucket.desc {float:none;}
ul.grid {
	list-style:none;
	margin:0; padding:1.5% 0 0 0;
	width:100%
}
/******/
ul.grid li {
	display:inline-block;
	float:left;
	width:23.125%;
	margin:0 0 1.5% 1.5%;
	vertical-align:top;
}
ul.grid li.fourth {
	margin:0 1.5% .5% 1%:
}
ul.grid li img {width:100%;}
#btn-more, #btn-less, .btn-visit {
	text-transform:uppercase;
	display:block;
	height:1.4em;
	margin-top:6px;
	padding:0 .2em;
}
#extended-info .linkfoot {
	width:94%;
	margin-left:6%;
}
#extended-info ul {
	list-style:none;
	margin:0;
	padding:0;
}
#extended-info ul li {
	padding-left:6%;
	width:96%;
	background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/bullet-yellow.png") no-repeat 18px 8px;
	margin-bottom:10px;
}
.game-title .wrapper-linkfoot {
	padding:0 1em;
}
#close-more {
	float:right;
	font-size:2em;
	padding-right:10px;
}
#extended-info {
	display:none;
	position:absolute;
	width:100%;
	z-index:9;
}
#extended-info .inner {
	max-width: 1240px;
	margin: 0 auto 0;
	display: block;	
	background:#000;
}
#extended-info .col-half {
	width:50%;
	padding:0;
	margin:0;
	float:left;
}
#extended-info h3 {
	font-family:"Compacta Bold", sans-serif;
	color:#fff;
	font-size:2.4em;
	margin:0;
}
#extended-info h4, .game-title .bucket h3 {
	font-family: "Willow Body", sans-serif;	
	color:#2e8ac7;
	font-size:1em;
	margin:.5em 0 0;
}
/***************************************
		Search Page
***************************************/
.search-inner {padding:1em;}
p.search-head {
	text-transform:uppercase;
	margin:0 0 4em;
}
p.search-url {
	font-size:.6em;
	margin:0 0 .5em;
}
p.search-url a {color:#2e8ac7;}
p.search-url a:hover {color:#fff;}
p.search-title {
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;	
	margin:0;
	font-size:1.6em;
}
p.search-desc {margin:0;}
/***************************************
		Community Page
***************************************/
.community.left {
	width:65%;
	float:left;
	height:420px;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
}
.community.right {
	width:30%;
	float:left;
	height:440px;	
	margin-left:20px;
}
ul.feed {
	list-style:none;
	margin:0; padding:0;
	width:95%;
}
ul.feed li {
	margin:0; padding:20px 0 10px;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/ellipsis.png") repeat-x bottom center;
}
ul.feed li img {
	width:100%;
	max-width:100%;
}
ul.forumlinks {
	list-style:none;
	margin:0; padding:0;
}
ul.forumlinks li {
	text-align:center;
	width:100%;
	margin:20px 0 60px; padding:0;
}
ul.forumlinks li img {max-width:90%;}
.community #tumblr, .community #youtube, .community #facebook-feed, .community #twitter-feed, .community #scroll-news {
	height:360px;
	overflow:hidden;
	position:relative;
}
.community #youtube {height:460px;}
.community.left.youtube {height:520px;}
.community #forums {height:540px;}
.community #scroll-news {width:98%;}
.communty .jspContainer {margin-bottom:20px;}
.community #tumblr, .community #youtube {

}
.community ul.list.news {
	width:95%;
	padding:0;
}

/***************************************
		Footer
***************************************/
.agegate footer, .search footer {padding-bottom:300px;}
footer {
	background:#000;
	width:100%;
	margin:60px auto 0;
	text-align:center;
	padding-top:30px;
	clear:both;
}
footer img {
	max-width:800px;
	margin:0 auto;
	display:block;
	height:auto;
}
footer p {
	max-width:750px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	font-family:sans-serif;
	color:#ccc;	
	padding:10px 0;	
	font-size:10px;
}
footer p.pp {
	text-align:center;
	text-transform:uppercase;

}
footer p.pp a {color:#ccc;}
footer p.pp a:hover {color:#fff;}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
	border:none;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: relative;
	width: 9px;
	height: 100%;
	margin:0 15px 0 auto;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #333;
	position: relative;
}

.jspDrag
{
	background: #ffcc00;
	position: relative;
	top: 0;
	left: -3px;
	cursor: pointer;
	width:15px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/****************************************

	Fancy Dropdowns

****************************************/

.prettyDrop {
	position:relative;
	clear:both;
}
.prettyDrop .selectBox {
	cursor:pointer;
	position:absolute;
	top:0;
	width:100%;
	height:2em;
}
.prettyDrop .selectBox p span {
	width:14px;
	height:7px;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/bg-carat-drop.png") no-repeat 0 -7px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:.8em;
	right:2em;
}
.prettyDrop .selectBox p:hover span { 
	background-position:-14px -7px;
}
.prettyDrop .selectBox.expanded  p span {
	background-position:-14px 0;
}
.prettyDrop .selectBox.expanded  p:hover span {
	background-position:-14px 0;
}

.prettyDrop ul.dropDown  {
	list-style:none;
	margin:0; padding:0;
	width:100%;	
	position:absolute;
	display:none;
	top:2em;
}
.prettyDrop ul.dropDown li {
	display:block;
	cursor:pointer;
	margin:0; padding:0;
	width:100%;
}
.prettyDrop ul.dropDown li.hide {display:none;}
.prettyDrop .dropDown p, .prettyDrop .selectBox p {
	width:100%;
	margin:0 auto;
}
.prettyDrop .dropDown p:hover, .selectBox p:hover {
	color:#fff;
	cursor:pointer;
}
.media-drop .selectBox {height:2.8em;}
.retail-country.drop {
	height:2.8em;
	z-index:3;
}
.platform.drop {
	height:2.8em;
	z-index:2;
}
.retailer.drop {
	height:2.8em;
	z-index:1;
}

.prettyDrop.drop p {
	background:#000;
	color:#ffcc00;
	font-family:"Compacta Bold", sans-serif;
	text-transform:uppercase;
	line-height:1.4;
	font-size:2em;
	height:1.4em;
	text-align:center;
}
.jp .prettyDrop.drop p {
	font-size:1.6em;
	line-height:1.8em;
	height:1.8em;
}
.jp .lower .prettyDrop.drop p {
	font-size:1.2em;
	line-height:1.8em;
	height:1.8em;
}
.drop .dropDown p {
	font-family: "Willow Body", sans-serif;
	font-size:1em;
	line-height:2.8;
	height:2.8em;	
}
.prettyDrop.drop .selectBox p span {
	top:.6em;
	right:1em;
}
.selectBox.expanded p, .prettyDrop.drop .selectBox.used.expanded p {
	background:#2a94cd;
	color:#fff;
}
.prettyDrop.drop .selectBox.used p {background:#333;}

.prettyDrop.drop ul.dropDown {top:2.8em;}
#wrapper-languagemenu {
	width:28px;
	display:inline-block;
}
.prettyDrop.country-drop .dropDown {top:1.5em;}
.prettyDrop.country-drop .dropDown li {
	background:#000;
	width:30px;
}
.prettyDrop.country-drop .dropDown li:hover {background:#fff;}

.prettyDrop.country-drop .selectBox p span {display:none;}
.prettyDrop.country-drop p {
	width:22px;
	height:16px;
	margin:3px auto;
	color:#fff;	
	background:#000 url("http://downloads.2kgames.com/borderlandsthegame/img/site/flags-addedtw.jpg") no-repeat 0 0;	
}
.prettyDrop.country-drop p:hover {background-color:#fff;}
.prettyDrop.country-drop p.uk {
	background-position:0 -16px;		
}
.prettyDrop.country-drop p.fr {
	background-position:0 -32px;	
}
.prettyDrop.country-drop p.it {
	background-position:0 -48px;
}
.prettyDrop.country-drop p.es {
	background-position:0 -64px;
}
.prettyDrop.country-drop p.jp {
	background-position:0 -80px;
}
.prettyDrop.country-drop p.oz {
	background-position:0 -96px;	
}
.prettyDrop.country-drop p.de {
	background-position:0 -112px;
}
.prettyDrop.country-drop p.nl {
	background-position:0 -128px;
}
.prettyDrop.country-drop p.cn {
	background-position:0 -144px;
}
.prettyDrop.country-drop p.kr {
	background-position:0 -160px;
}
.prettyDrop.country-drop p.tw {
	background-position:0 -176px;
}

@media only screen and (max-width:1300px) {
	.es .menu.main li, .fr .menu.main li , .de .menu.main li {font-size:18px;}
}
@media only screen and (max-width:1260px) {
	.media #wrapper .content {width:96%;}
	ul.grid li .title, ul.grid.main li .title {font-size:.8em;}
	#topnav .outer {text-align:left;}
	#topnav .outer .logo {padding-left:.5em;}	
	header .inner.main, #marquee-caption {margin-top:0;}
	.menu.main li {
		padding:0 12px;
	}
	.fr .menu.main li, .es .menu.main li, .it .menu.main li {
		padding:0 7px;
	}
	.jp .menu.main li, .kr .menu.main li, .tw .menu.main li {font-size:12px;}
	.de .menu.main li {
		padding:0 9px;
	}	
	.menu.social {
		right:150px;
		left:auto;
	}
	.menu.social li {margin-right:10px;}
	.menu.social li a {
	margin-top:3px;
		width:22px;
		height:22px;
		background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/social-toggle-sm.jpg") 0 0;
	}
	.menu.social li a:hover {
		background-position:0 -22px;
	}
	.menu.social li a.fb {
		background-position:-22px 0;
	}
	.menu.social li a:hover.fb {
		background-position:-22px -22px;
	}
	.menu.social li a.yt {
		background-position:-44px 0;
	}
	.menu.social li a:hover.yt {
		background-position:-44px -22px;
	}

	#search-top {
		padding-right:8px;
		width:132px;
	}
	#keywords {width:100px;}
	#search-top form {float:right;}		
	#wrapper .content {width:96%;}
	#marquee-caption ul li .inner {
		width:80%;
		margin:0 10%;
		text-align:center;
	}
	.media-drop p, .platform-drop p, .retailer-drop p {font-size:1.6em;}
	.media-drop .dropDown p, .platform-drop .dropDown p, .retailer-drop .dropDown p {
		font-size: .9em;
	}
	.prettyDrop.platform-drop ul.dropDown, .prettyDrop.retailer-drop ul.dropDown {
		top: 2.1em;
	}
	.prettyDrop.platform-drop .selectBox p span, .prettyDrop.retailer-drop .selectBox p span {right:.25em;}

	.mplayer .control a span {margin-top:-.3em;}
	.mplayer.widescreen .control a span {margin-top:0;}	
	.showlarge {
		display:none !important;
	}
	.hidelarge {
		display:block !important;
	}
	.button, a.button {font-size:1.2em;}
	.bucket h2 {
		font-size: 2em;
	}
	.social-toggle {right:10px;}
	footer img {max-width:80%;}
}
@media only screen and (max-width:1100px) {
	.lower .prettyDrop.drop .selectBox p span {display:none;}
	.prettyDrop.drop p {
		font-size:1.4em;
		height:2em;
		line-height:2;
	}
	.prettyDrop.drop .dropDown p {
		font-size:1em;
		height:3em;
		line-height:3;
	}	
	.prettyDrop.drop .selectBox p span {top:.8em;}
	.media-chooser .prettyDrop .selectBox p, .media-chooser > p {font-size:1.2em;}
	.media-chooser .prettyDrop .selectBox p {line-height:1.8;}

}
@media only screen and (max-width:1000px) {
	ul.grid li .title {font-size:.6em;}
	.sub-drop .col.first {width:240px;}
	.sub-drop .col.second {width:200px;}
	.sub-drop .col.third {width:300px;}
	.subhead span {
		float:none;
		padding-left:.5em;
		}
	#search-top {
		padding-right:8px;
		width:162px;
	}
	#keywords {width:130px;}
	#topnav .outer {text-align:center;}
	header .inner.main, #marquee-caption {margin-top:54px;}
	#bg, #wrapper, .menu.main li .drop {top:118px;}
	header {height:118px;}
	#wrapper-splash {
		max-width:100%;
		display:block;
		float:none;
		margin:0 auto;
		text-align:center;
	}
	#wrapper-splash img {max-width:100%;}
	.borderlands-the-presequel ul.grid#borderlands-the-presequel li {margin:0;}
	.menu.social {
		right:auto;
		left:0;
	}
	.menu.social li {
		margin-right: 25px;
	}
	.mplayer .control.prev a span, .mplayer .control.next a span {opacity:0;width:0;}
	.mplayer .control.next {
		text-align: center;
	}
	.mplayer .control.prev {
		text-align: center;
	}	
	.bucket h2 {font-size:1.5em;}	
.btn-sort {
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/icons-sm.png") no-repeat 0 0px;
	width:20px;
	height:20px;
}
.btn-sort.fb {
	background-position:-20px 0px;
}
.btn-sort.tw {margin-right:12px;}
.btn-sort.fb.active {
	background-position:-20px -20px;
}
.btn-sort.tw.active {
	background-position:0 -20px;
}	
}
@media only screen and (max-width:800px) {
	#marquee-front {position:relative;}
	.bucket h2 {font-size:1.5em;}
}
@media only screen and (max-width:767px) {
	.home .btn-close-fplayer {
		font-size: 2em;
	}
	.col.left .button {
		font-size:2em;
		line-height:1.6;
	}
	.button.btn-downloads {display:none;}
	.home .bucket.news li:last-child .ellipsis {display:none;}
	.agegate-form {margin-top:0;}
	.mplayer .control {
		font-size: .8em;
		margin-top:1.7em;
	}
	.mplayer .control.prev a span, .mplayer .control.next a span {opacity:0;width:0;}
	.mplayer .control {width:50%;}

	.media-chooser {
		width:100%;
		display:block;
	}
	.media-chooser .prettyDrop ul.dropDown {
		top:2em; bottom:auto; margin-left:-1em;
	}
	.downloads ul.grid li, .downloads ul.grid li.fifth {
		width: 31%;
		margin: 0 3.5% .75em 0;
	}
	.downloads ul.grid li:nth-child(3n+0) {
		margin: 0 0 .75em 0;
	}	
	.media-toggle {
		width:100%;
		text-align:center;
		margin:2em 0 .5em;
	}
	.media-toggle a.btn-video {margin-left:0%;}	
	.showlarge {
		display:block !important;
	}
	.hidelarge {
		display:none !important;
	}
	.wrapper-drop-inner {margin-top:40px;}
	ul.grid.games li {
		width: 47%;
	}
	.retail .lower .grid .prettyDrop.drop p {font-size:1.2em;}
	.retail .lower .grid .prettyDrop.drop .dropDown p {font-size:.8em;}
	.retail .lower .grid .prettyDrop.drop ul.dropDown {top:1.8em;}	
	.retail .grid .prettyDrop.drop .selectBox p span {display:none;}	
	.game-single .col.left, .game-single .col.right {
		width:100%;
		margin:0;
	}
	ul.grid li {
		width: 47%;
		margin: 0 0 2% 2%;
		vertical-align: top;
	}
	.game-single .ptitle img {display:none;}
	.inline .ptitle img {
		margin-top:-20px;
		display:block;
	}	
	.game-title #wrapper .content {margin-top:10em;}
	.game-title #wrapper .lower.content {margin-top:0;}
	.game-title .bucket {width:auto;}	
	.button, a.button {
		font-size:2em;
		margin:.2em 0 0;
	}
	.col.right .mplayer {margin-top:.75em;}
	.button.half, a.button.half {width:100%;}
	.game-title .button.half, .game-title a.button.half {
		width:50%;
		font-size:1.4em;
	}	
	.game-title .button, .game-title a.button {font-size:1.4em;}	
	ul.grid li .title {display:none;}
	#mobile-wrapper, #mobile-news {display:block;}
	#mobile-news ul {
		margin:0; padding:0;
		list-style:none;
	}
	#mobile-news ul li {
		display:block;
		margin-top:1em;
	}	
	.bucket.news  {min-height:0;}
	#bg {position:absolute;}
	#marquee-caption {margin-top:0;}
	#scroll-news {display:none;}
	#mobile-nav {display:none;}
	.tweetitnlikeit {padding-left:5%;}
	.bucket .inner {
		margin:0;
		width:100%;
	}
	.menu.main {display:none;}
	.bucket .bg {display:none;}
	.bucket.store .bg {display:block;}	
	#topnav .inner {display:block;}
	header {clear:none;}
	header {position:relative;}
	header .logo {
		padding:3px 0 0 10px;
	}
	header .logo img {width:12em;}
	.ptitle img {float:none;}	
	.home .wrapper-bucket {
		width: 100%;
		margin:0 0 15px 0;
		float: none;
	}
	.social-toggle {right:20px;}
	ul.grid.buy li {
		width:70%;
		margin:0 15% 5%;
	}
	ul.grid.buy li .drop li {
		width:100%;
		margin:0;
	}
	.news .col.left {width:100%;}
	.news .col.right {display:none;}
	ul.items li article img.thumb {display:none;}
	ul.items li section h3, ul.items li section cite {
		margin: 0;
	}
	ul.items li section p {
		margin: 0 0 12px 0;
	}
	ul.items li section {width:100%;}
	.games-index ul.grid li .title, .games-index ul.grid li .button {display:none;}
	.viewing-area.video {display:none;}
	.inner-thumbs .title {height:3em;}
	.inner-thumbs.videos {background:#000;}
	.inner-thumbs.videos p.title {
		float:left;
		padding-left:1em;
		margin:0;
		font-size:.9em;
	}
	.inner-thumbs.videos p.title a {border:none;}	
	.inner-thumbs.videos p.title a:hover {border:none;}	
	.inner-thumbs.videos a {float:left;}
	.inner-thumbs.videos a span {
		width:62px;
		height:62px;
		margin:0 auto;
		background:url("http://downloads.2kgames.com/borderlandsthegame/img/site/overlay-play.png") no-repeat 0 0;
		position:absolute;
		top:0;
		z-index:101;
	}	
	.mplayer .inner-thumbs.videos ul li {
		display:block;
		float:left;
	}
	
	.media-toggle .button {font-size:1.4em;}
}
@media only screen and (max-width:420px) {
	.tweetitnlikeit {
		padding-left:7.5%;
		width:auto;
	}
	.game-title .button.half, .game-title a.button.half {
		width:50%;
		font-size:1em;
	}	
	.game-title .button, .game-title a.button {font-size:1em;}	
	header .logo img {width:8em;}	
	header .logo a {
		vertical-align: -webkit-baseline-middle;
	}
	ul.menu.social {padding-left:10px;}
	ul.menu.social li {margin-right:10px;}	
	.ptitle {overflow:hidden;}
	.ptitle img {width:160%;}
	.button, a.button {font-size:1.6em;}
}
@media only screen and (max-height:750px) and (orientation: landscape) {
	#marquee-caption ul li .inner {
		width: 50%;
		margin: 5% 25%;
		text-align: center;
	}
}


/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both; text-align:left; }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:1.2em;
	text-transform:uppercase;
}
.slicknav_menu ul li li {
	font-size:1em;
	text-transform:none;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #000;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #ffcc00;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #ffcc00;
}
.slicknav_menu {
	background:#000;
	padding:0 10px 0 0;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {color:#ffcc00;}
.slicknav_nav a:hover{color:#ffcc00;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;}







.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
	
/*
Handsome Collection Takeover Styles
.home .bucket {
	border:4px solid #c48408 ;
	background:transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/hcoll_takeover_bg.jpg") 0 0;
}
.home .bucket .bg {display:none;}
.home .bucket h3, .home .bucket h3 a, .home .bucket p , .home .bucket h2, .home .bucket a {color:#000;}
.home .bucket a:hover {text-decoration:underline;}
.home .bucket .ellipsis {
  background: transparent url("http://downloads.2kgames.com/borderlandsthegame/img/site/hcoll_takeover_blackelipsis.png") repeat-x left bottom;
}
.home .jspDrag {background:#000;}
.home .jspTrack {background:#ffcc33;}
.storepic {
	max-width:100%;
	display:block;
	text-align:center;
	overflow:hidden;
}
.storepic img {
	max-width:80%;
	margin:0 10% !important;
}
*/