﻿/* CSS Document */
.picklist, .picklistwide {border-radius:5px; -webkit-border-radius: 5px; padding:10px 10px 10px 20px; list-style-type:inside; background:black; display:none;z-index:1500;}
	.picklist {width:auto;}
	.picklistwide {width:220px;}

.picklist li.hdr{	color:#fff;	font-weight:bold;	height:25px;}
.picklist li.or{	font-style:italic;	font-size:80%;	color:#999;	margin:8px 0; padding-left:10px;}


.picklist li a{background:url(images/bkg_off.gif) top left repeat-x #095490; padding:5px 50px 4px 10px; border-radius:4px; -webkit-border-radius:4px; width:100px; color:#fff; outline:none;}
.picklist li a:hover{background:url(images/bkg_on.png) right 1px no-repeat #fff; color:#195f98;	text-decoration:none;}

.picklist li, .picklistwide li {list-style:none; color:#FFF; margin:3px 13px 3px 0;  }
.picklist li:hover, .picklistwide li:hover {}


 .picklistwide li a:link, .picklistwide li a:visited { text-decoration: none; font-size:11px; line-height:150%; font-family:helvetica, arial, sans-serif; }
.picklistwide li a:hover {text-decoration: underline;}


.picklist li.extra {list-style:none; font-style:italic; text-align:right;  margin:5px -25px 0 0;}
	.picklist li.extra a{background:none; font-style:italic; font-size:75%;}

div.column2 h1 {font-size:36px; color:#202020; font-weight:bold; margin-bottom:10px; line-height:normal !important;} /* any way to remove? */
div.column2 h1 cite {width:130px; height:auto; font-size:18pt; font-style:normal; color:#505050; margin:0px 0px 0px 12px; white-space:nowrap;}
div.column2 div.platswitch {width:110px; height:auto; margin-top:10px;}
.col1 {padding:0px; overflow:hidden;}
.col2 {
    padding:0px;
    width: 600px;
    float: right;
}

.greygrad {background:#FFF url(images/greygrad.gif) repeat-x 0px 0px;}
.greygrad h2 {font-size:19px; font-weight:bold; line-height:140%; color:#000;}
.greygrad h3 {font-size:16px; font-weight:bold; line-height:140%; color:#202020;}
.greygrad p {color:#000; margin-left:60px; padding-right: 10px;}
.greygrad p.footnote {color:#B9B9B9; margin-left:60px; font-size:11px;}
.greygrad p a:link, .greygrad p a:visited {color:#095490; text-decoration:underline;}
.greygrad p em {font-style:normal; color:#C00; font-weight:bold;}
.greygrad ul {padding-left:74px; margin-bottom:10px; list-style:outside;}
.greygrad ul li {color:#202020; list-style-type:disc;}
.greygrad dl {width:766px; height:auto; margin:0px 0px 10px 60px; overflow:hidden;}
.greygrad dl dt {font-weight:bold; width:170px; padding-right:6px; height:auto; float:left; clear:left; line-height:200%; color:#202020;}
.greygrad dl dd {width:580px; height:auto; float:left; line-height:200%; color:#505050;}
.greygrad dl dd a:link, .greygrad dl dd a:visited {margin-left:0px;}
.greygrad dl dd p {margin-left:0px;}

.nograd {background:#FFF; border-top:1px dashed #DDD; margin-bottom:10px;}
.nograd h2 {font-size:19px; font-weight:bold; line-height:140%; color:#000;}
.nograd h3 {font-size:16px; font-weight:bold; line-height:140%; color:#202020; margin-left:60px;}
.nograd p {color:#000; margin-left:60px; padding-right: 10px; }
.nograd p.footnote {color:#B9B9B9; margin-left:60px; font-size:11px;}
.nograd p a:link, .nograd p a:visited {color:#095490; text-decoration:underline;}
.nograd a:link, .nograd a:visited {color:#095490; text-decoration:underline;}
.nograd p em {font-style:normal; color:#C00; font-weight:bold;}
.nograd ul {padding-left:74px; margin-bottom:10px; list-style:outside;}
.nograd ul li {color:#202020; list-style-type:disc;}
.nograd dl {width:726px; height:auto; margin:0px 0px 10px 60px; overflow:hidden;}
.nograd dl dt {font-weight:bold; width:170px; padding-right:6px; height:auto; float:left; clear:left; line-height:200%; color:#202020;}
.nograd dl dd {width:540px; height:auto; float:left; line-height:200%; color:#505050;}
.nograd dl dd a:link, .nograd dl dd a:visited {margin-left:0px;}
.nograd dl dd p {margin-left:0px;}

.buybox {margin-bottom:10px; padding-top:15px; overflow:hidden;}
.buy1, .buy2, .buy3 {float:left; width:184px; height:auto; margin:0px 0px 10px 0px; padding-left:10px;}
.buy2, .buy3 {border-left:1px dotted #707070;}

.buybox h2 {font-size: 17px; font-weight:normal; color:#707070; width:174px; height:auto; line-height:100%; padding:0px; float:left; margin:0px 0px 2px 0px;}
.buybox h2 strong {color:#202020;}

.buybox h3 {width:162px; height:auto; float:left; padding:0px; margin:0px; position:relative;}
.buybox h3 em {font-size:20px; font-weight:normal; font-style:normal; color:#999999; float:left; width:12px; height:auto; line-height:100%; margin:0px; padding:0px; }
.buybox h3 span {font-size:36px; font-weight:bold; color:#202020; line-height:80%; float:left;}

.buybox h4 {float:left; clear:left; width:90px; height:auto; color:#666666; font-size:16px; font-weight:bold; text-decoration:line-through; line-height:100%; letter-spacing:1px; margin:2px 0px 0px 12px;}
.buybox label {float:left; width:70px; height:auto; margin:0px 0px 0px 0px; font-size:10px; line-height:100%; display:none;}

.buybox div.button, .buybox div.buttonna {border:0px; color:#FFFFFF; font-size:11px; font-weight:bold; width:162px; height:32px; float:left; padding:0px 4px 0px 0px; margin:10px 0px 6px 10px; cursor:default;}

.buybox div.button a:link, .buybox div.button a:visited {background:transparent url(images/btn_red.png) no-repeat top right; color: #FFFFFF; text-decoration: none; float:left; font-weight:bold; font-size:12px; line-height:22px; cursor:pointer;}

.buybox div.button a:link span, .buybox div.button a:visited span {background:transparent url(images/btn_red.png) no-repeat top left; margin: 0 10px 0 -10px; padding: 2px 3px 5px 13px; position: relative; float:left; cursor:pointer;}

.buybox div.buttonna a:link, .buybox div.buttonna a:visited {background:transparent url(images/btn_grey.png) no-repeat top right; color: #FFFFFF; text-decoration: none; float:left; font-weight:bold; font-size:12px; line-height:22px; cursor:default;}
.buybox div.buttonna a:link span, .buybox div.buttonna a:visited span {background:transparent url(images/btn_grey.png) no-repeat top left; margin: 0 10px 0 -10px; padding: 2px 3px 5px 13px; position: relative; float:left;}

.buybox ul li.PUASPreOrder { background: transparent url(images/shop/check_store_pin_red_large.png) no-repeat; color: #000000; }

.buybox ul {width:176px; height:auto; float:left; margin:0px 0px 0px 2px; padding-left:0px; list-style:none;}
.buybox ul li {width:148px; height:auto; line-height:140%; float:left; margin:0px 0px 3px 0px; background:transparent url(images/bullet_arrow.png) no-repeat 0px 1px; padding:0px 0px 0px 18px; font-size:12px; list-style-type:none; color:#707070; }
.buybox ul li.more {background:transparent; padding:0px 0px 0px 0px;}
.buybox ul li a:link, .buybox ul li a:visited {text-decoration:underline; color:#4b80aa} 
.buybox ul li strong, .buybox ul li strong {color:#000;}

.buybox .online_price {float: left; color: white; font-weight: bold; font-size: 10px; border-radius:3px; -webkit-border-radius:3px; padding: 1px 6px; background-color: #3673a4; min-width: 101px; text-align: center; text-transform: uppercase; margin: 2px 0 0 0px;}
.buybox .web_exclusive {float: left; color: white; font-weight: bold; font-size: 10px; border-radius:3px; -webkit-border-radius:3px; padding: 1px 6px; background-color: #3673a4; min-width: 101px; text-align: center; text-transform: uppercase; margin: 2px 0 0 0px;}

.productdetails h2, .specifications h2, .carouselbox h2, .announcements h2, .importantinfo h2, .tradeinoffers h2, .freeshipping h2, .streetdate h2, .interact h2, .midnightopening h2, .tournaments h2, .winprizes h2, .readgameinformer h2, .reviews h2, .relatedmedia h2, .bundle h2 {background:transparent url(images/icons.png) no-repeat; padding-left:60px; line-height:300%; font-size:19px;}

.productdetails h2 {background-position: 16px 18px;}
.specifications h2 {background-position: 16px -1086px;}
.carouselbox h2 {background-position: -1000px 0px; line-height: 140%; padding: 10px;}
.announcements h2 {background-position: 16px -782px;}
.importantinfo h2 {background-position: 16px -1182px;}
.tradeinoffers h2 {background-position: 16px -486px;}
.freeshipping h2 {background-position: 16px -84px;}
.streetdate h2 {background-position: 16px -188px;}
.interact h2 {background-position: 16px -582px;}
.midnightopening h2 {background-position: 16px -292px;}
.tournaments h2 {background-position: 16px -984px;}
.bundle h2 {background-position: 16px -984px;}
.winprizes h2 {background-position: 16px -392px;}
.readgameinformer h2 {background-position: 16px -684px;}
.reviews h2 {background-position: 16px -392px;}
.relatedmedia h2 {background-position: 16px -984px;}

.relatedmedia .relatedlink {margin-left:10px; line-height:200%;}

.carouselbox h2 a:link, .carouselbox h2 a:visited {font-size:11px; color:#095490; text-decoration:underline; margin-right:16px; background:transparent url(images/newwindow.png) no-repeat top right; padding-right:12px;}
.carouselbox .scrollable {position:relative; overflow:hidden; float:left; width:700px; height:220px;}
.carouselbox .scrollable .items { /* must be very large */ width:20000em; position:absolute; clear:both;}
.carouselbox .scrollable .items div {float:left; width:700px;}
/* single item */
.carouselbox .scrollable .items .group .item {width:88px; height:177px; padding:2px; margin:20px 3px 20px 19px; text-align:center;} 
.carouselbox .scrollable .items .group .item a:link, .scrollable .items .group .item a:visited { font-size:11px; margin:0px auto; width:75px; height:75px; width:auto; font-size:11px; text-decoration:none;}
.carouselbox .scrollable .items .group .item a img {width:auto; height:auto;}
.carouselbox .scrollable .items .group .item a:link .title, .carouselbox .scrollable .items .group .item a:visited .title {float:left; clear:left; margin:0px auto; text-align:center; width:84px; height:auto; color:#202020; line-height:14px;}
.carouselbox .scrollable .items .group .item a:hover .title {color:#095490;}
.carouselbox .scrollable .items .group .item a .platforms {float:left; clear:left; text-align:center; width:84px; height:auto; color:#999999; font-size:10px; margin-left:2px; line-height: 110%;}
.carouselbox .scrollable .items .group .item a .price {float:left; clear:left; text-align:center; width:84px; height:auto; color:#202020; font-weight:bold; margin-left:2px;}
.carouselbox .scrollable .items .group .item a.addcart:link, .scrollable .items .group .item a.addcart:visited {float:left; clear:left; text-align:center; width:84px; height:auto; color:#095490; text-decoration:underline; margin-left:2px;}
.carouselbox .scrollable .active {border:2px solid #000; position:relative; 	cursor:default;}

/*For Large boxart --Start*/
.carouselbox .lboxScrollable {position:relative; overflow:hidden; float:left; width:700px; height:275px;}
.carouselbox .lboxScrollable .items { /* must be very large */ width:20000em; position:absolute; clear:both;}
.carouselbox .lboxScrollable .items div {float:left; width:700px;}
.carouselbox .lboxScrollable .items .group .item {width:111px; height:232px; padding:2px; margin:20px 3px 20px 19px; text-align:center; overflow:hidden;} 
.carouselbox .lboxScrollable .items .group .item a:link, .scrollable .items .group .item a:visited { font-size:11px; margin:0px auto; width:75px; height:75px; width:auto; font-size:11px; text-decoration:none;}
.carouselbox .lboxScrollable .items .group .item a img {width:auto; height:auto;max-width:99px; max-height:142px;}
.carouselbox .lboxScrollable .items .group .item a:link .title, .carouselbox .scrollable .items .group .item a:visited .title {float:left; clear:left; margin:0px auto; text-align:center; width:111px; height:auto; color:#202020; line-height:14px;}
.carouselbox .lboxScrollable .items .group .item a:hover .title {color:#095490;}
.carouselbox .lboxScrollable .items .group .item a .platforms {float:left; clear:left; text-align:center; width:84px; height:auto; color:#999999; font-size:10px; margin-left:2px; line-height: 110%;}
.carouselbox .lboxScrollable .items .group .item a .price {float:left; clear:left; text-align:center; width:84px; height:auto; color:#202020; font-weight:bold; margin-left:2px;}
.carouselbox .lboxScrollable .items .group .item a.addcart:link, .scrollable .items .group .item a.addcart:visited {float:left; clear:left; text-align:center; width:84px; height:auto; color:#095490; text-decoration:underline; margin-left:2px;}
.carouselbox .lboxScrollable .active {border:2px solid #000; position:relative; 	cursor:default;}
.carouselbox .lboximg a.lboxright {margin-top:76px !important;}
.carouselbox .lboximg a.lboxleft {margin-top:76px !important;} 
/*For Large boxart --End*/


.carouselbox a.browse {background:url(images/carousel_arrows.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; }
.carouselbox a.right {background-position: 0 -30px; clear:right; margin-right: 0px;}
.carouselbox a.right:hover {background-position:-30px -30px;}
.carouselbox a.right:active {background-position:-60px -30px;} 
.carouselbox a.left {margin-left: 3px;} 
.carouselbox a.left:hover {background-position:-30px 0;}
.carouselbox a.left:active {background-position:-60px 0;}
.carouselbox a.disabled {visibility:hidden;} 	

.wishlist {background:transparent url(images/icons.png) no-repeat 2px -898px; height:30px; margin-bottom:10px; position:relative;}
.wishlist a:link, .wishlist a:visited {color:#095490; font-size:11px; float:left; padding:0px; margin:4px 0px 0px 33px; text-decoration:underline; } 

.freetrial {background:transparent url(images/icons.png) no-repeat 2px -1298px;  height:30px; margin-bottom:10px;}
.freetrial a:link, .freetrial a:visited {color:#095490; font-size:11px; float:left; padding:0px; margin:4px 0px 0px 33px; text-decoration:underline;} 

.avail_store_pickup {height:auto; margin-bottom:10px; font-style:italic; font-weight:bold; color:#202020; line-height:100%; position:relative;}
.avail_store_pickup span {line-height:280%; width:110px; height:auto; float:left;}
.avail_store_pickup img {float:left; width:117px; height:33px; margin:0px 0px 0px 0px;}
.avail_store_pickup a:link, .avail_store_pickup a:visited {color:#095490; font-style:normal; float:left; line-height:280%; width:250px; height:auto; text-decoration:underline;}
.avail_store_pickup a:link span, .avail_store_pickup a:visited span {font-weight:normal; text-decoration:underline; font-size:11px; margin-left:10px;}

.digital_addons {background:transparent url(images/digital_addons.png) no-repeat 0px 0px; height:45px; font-weight:bold; color:#000; margin-bottom:20px;}
.digital_addons span.flag {color:#FFF; font-weight:bold; font-size:18px; float:left; width:90px; height:auto; margin:14px 25px 0px 4px; text-align:center;}
.digital_addons dl {float:left; width:114px; height:auto; margin:7px 54px 0px 142px;}
.digital_addons dt {display:none; visibility:hidden;}
.digital_addons dd {color:#095490; font-weight:normal; font-size:12px; float:left; width:110px; height:auto; margin:1px 0px 0px 0px; line-height:120%;}
.digital_addons a:link, .digital_addons a:visited {border-radius:5px; -webkit-border-radius:5px; color:#EEE; text-align:center; text-decoration:none; float:left; width:116px; height:auto; font-weight:bold; margin:7px 0px 0px 0px; line-height: 260%; padding-left:20px; background: #575759 url(images/dlc_btn.gif) no-repeat -6px -2px;}

.ratingsummary .esrb_box {width:156px; float:left; height:auto;}
.ratingsummary .esrb_box img {float:left; margin:10px 0px 10px 10px;}
.ratingsummary .esrb_box ul {	float:left; clear:left; width:142px; padding:0px; margin:0px 0px 10px 10px; list-style:none; height:auto;}
.ratingsummary .esrb_box ul li {float:left; clear:left; font-size:10px; padding:0px; margin:0px 0px 0px 0px; color:#707070; list-style-type:none; line-height:110%;}
.ratingsummary #pd_BVreviews {width:400px; float:left; height:auto;}

.gameinfo ul {float:left; width:584px; padding:0px; margin:8px 0px 0px 0px; height:auto; list-style:none;}
.gameinfo ul li {float:left; font-size:11px; width:86px; height:auto; padding:0px; margin:0px 0px 10px 10px; color:#999; line-height:120%; list-style-type:none;}
.gameinfo ul li span {color:#505050; width:90px; float:left; clear:left;}

.boxart {float:left; width:62px; height:auto; padding:0px; position:relative; z-index:4; text-align:center; margin-bottom: 10px;}
.boxart img {margin:0px auto; max-width:190px;}
.boxart .boxartlinkspace {float:left; width:170px; height:20px; padding:0px 20px 0px 0px; text-align:right;}
.boxart .boxartlinkspace a:link, .boxart .boxartlinkspace a:visited {font-size:10px; color:#095490; text-decoration:underline; line-height:200%;}

.recitm_expand .boxart img {margin: 0px auto; max-width: 62px;}

/*Bonus section below the box art*/
.bonus_items {background:#000 url(images/revgrad.gif) repeat-x 0px -21px; float:left; width:190px; height:auto; margin-bottom:5px; position:relative;margin-top:-10px;}
.bonus_items span.arrow {background:transparent url(images/uparrowdark.png) no-repeat 0px 0px; width:18px; height:17px; top:-15px; z-index:5; left:30px; position:absolute;}
.bonus_items h2 {font-size:16px; color:#FFF; font-weight:bold; margin-bottom:5px;}
.bonus_items ul {list-style:inside; list-style-type:disc; padding-bottom:2px; margin:0px 0px 7px 3px; padding-left:0px;}
.bonus_items ul li {color:#F1F1F2; font-size:11px;}
.bonus_items a:link, .bonus_items a:visited {margin:0px 0px 5px 0px; font-size:10px; color:#095490; text-decoration:underline;}
.bonus_items img {margin:0 5px 10px 0; float:left}
.bonus_items_description{padding:10px;}

.jumpnav {width:auto; height:auto; float:left; overflow:hidden; margin:0px 0px 10px 0px;}
.jumpnav h2 {width:170px; height:auto; float:left; margin:10px 0px 4px 10px; font-size:16px; color:#202020; font-weight:bold; padding:0px;}
.jumpnav ul {width:170px; height:auto; float:left; list-style:inside; list-style-type:disc; padding-bottom:2px; margin:0px 0px 7px 10px; padding-left:0px; }
.jumpnav ul li {color:#095490; font-size:14px;}
.jumpnav ul li a:link, .jumpnav ul li a:visited, .jumpnav ul li a:active{color:#095490; text-decoration:underline;}

.shareit {width:auto; height:auto; float:left; overflow:hidden; margin:0px 0px 10px 0px;}
.shareit h2 {width:170px; height:auto; float:left; margin:10px 5px 6px 10px; font-size:16px; color:#202020; font-weight:bold; padding:0px;}

.eventbox {margin-bottom:10px;}
.eventbox h3 {width:570px; height:auto; float:left; margin:10px 0px 4px 10px; font-size:14px; color:#202020; font-weight:bold; padding:0px;}
.eventbox dl {width:570px; float:left; margin:0px 0px 10px 10px;}
.eventbox dl dt {float:left; clear:left; width:60px; text-align:right; margin:0px 0px 0px 0px; font-weight:bold; color:#202020;}
.eventbox dl dd {float:left; width:496px; margin:0px 0px 0px 10px;}
.eventbox dl dd span {font-weight:bold; color:#202020;}
.eventbox dl dd p {margin:0px 0px 0px 0px; font-size:11px; padding:0px; font-weight:bold;}

.productbyline {color:#202020; padding:10px 0px; line-height:150%;}
.longdescription {margin-left: 60px;}
.longdescription p {margin-left: 0px;}

.visualbox {height:auto; margin-bottom:10px; position:relative;}
.visualbox .objwrap {width:780px; height:438px; padding:0px; overflow:hidden; margin:0px 10px 30px 0px; float:left; background:#202020;}
.visualbox object {width:780px; height:438px; border:0px;}


.visualbox .screens {width:780px; height:auto; margin:0px 0px 0px 0px; float:left; overflow:hidden;}
.visualbox .screens a:link, .visualbox .screens a:visited {width:140px; height:105px; float:left; margin:0px 10px 10px 0px;}
.visualbox .screens a:link img, .visualbox .screens a:visited img {width:140px; height:105px; margin:0px; padding:0px;}
.visualbox a.viewall:link, .visualbox a.viewall:visited {width:286px; height:auto; margin:0px 8px 0px 0px; float:left; text-align:left; font-size:11px; color:#095490; text-decoration:underline;}
.visualbox a.igncontentlink:link, .visualbox a.igncontentlink:visited {position:absolute; right:0px; bottom:0px;}

.modalBackground { background-color:Gray; opacity:0.7; }
.modalInfoBackground { background-color:Gray; opacity:0.7; }
 
.addthis_toolbox { margin-left: 10px; }
.addthis_toolbox .addthis_counter { margin-top: 6px;  }
.addthis_toolbox .addthis_button_tweet { margin-top: 6px; margin-left: -2px; }
.addthis_toolbox .addthis_button_facebook_like { margin-left: -2px; }
/* Scrolling Animation for Certona load */
.loading_anim {margin:25px auto 0px auto; width: 6em; height:auto; background: rgba(255, 255, 255, .8);}

/* Spawn Try Before You Buy */

.streamingWrapper {margin: 0 auto;}
.streamingWrapper ul li { color: #FFFFFF; width:150px; background-image:none;}  

#sliderWrap { width: 184px; height: 145px; float: right; position:relative; } 

.topMenuAction {width: 25px; height: 25px; background: url(/Common/css/GameStopDotCom/images/StreamingTrial/icon_info.png) no-repeat -3px -2px; cursor: pointer; display: block; }
.topMenuAction:hover { background-position: -3px -30px;}

#streamingSlider { float: right; height: auto; width: 184px; background: rgb(69,72,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */ padding-bottom: 9px; position:absolute; left:0px; }
#streamingSlider img { border: 0; }

#openCloseWrap { float:right; margin: 6px 4px 0 0; height: 25px; width: 25px; cursor: pointer; }

.testDriveLogo { float:left; margin: 12px 0 5px 8px; width: 145px; }

.whatistest { float:left; margin: 8px 0px 0 10px; }
.whatistest li { list-style: none; color: #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }

.testtoplay { width: 186px; height: 40px; display: block; float: left; margin: 8px 0px 0 10px; }

.unavailable { width: 117px; height: 43px; display: block; float: left; margin: 8px 0px 0 10px; }

.furtherinfo { float: left; }
.furtherinfo li { list-style: none; color: #444; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; }
	
#streamingInfoBox { float: right; padding: 10px; background-color :#7B7B7B; width: 330px; margin-top: 9px; margin-right: 10px; }
#streamingInfoBox h4 { color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; line-height: 1.3; text-decoration: none; width: auto; }

ul.furtherinfo {width:324px;}
ul.furtherinfo li { width:300px; color:#FFFFFF; }
	
#downloadnow { margin-top: 5px; display:block; width: 106px; height: 30px; }		
	
#backshad { position: relative; width: 10px; height: 10px; top: 145px; margin-left: 225px; }
	
.shadgreen { background-image: url(/Common/css/GameStopDotCom/images/StreamingTrial/bg_shad.png); }
	
.shadyell { background-image: url(/Common/css/GameStopDotCom/images/StreamingTrial/bg_shadyel.png); }

.shadgrey { background-image: url(/Common/css/GameStopDotCom/images/StreamingTrial/bg_shadgrey.png); }
	
#streamingInfoBox { display: none; }

#testDriveMoreInfo { margin-top: 5px; margin-bottom 5px; }
	
#message {font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; float: left; margin-left: 10px; margin-top: 5px; }

a#playButton:link, a#playButton:visited, a#busyButton:link, a#busyButton:visited { 
border-radius:5px;
-webkit-border-radius:5px;
font-size:15px;
height:auto; 
line-height:180%;
padding:0px;
margin-left:10px;
text-align:center;
text-decoration:none;
display:block;
float:left;
}

a#playButton:link, a#playButton:visited {
background: #74ab0c; /* Old browsers */ 
background: -moz-linear-gradient(top, #74ab0c 0%, #427204 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74ab0c), color-stop(100%,#427204)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #74ab0c 0%,#427204 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #74ab0c 0%,#427204 100%); /* Opera11.10+ */ 
background: -ms-linear-gradient(top, #74ab0c 0%,#427204 100%); /* IE10+ */ 
background: linear-gradient(top, #74ab0c 0%,#427204 100%); /* W3C */ 
border-bottom:3px solid #143105;
color:#FFF;
text-shadow: 0px 2px 2px #000000;
width: 164px;
}

a#playButton:hover{ 
background: #4d7108; /* Old browsers */ 
background: -moz-linear-gradient(top, #4d7108 0%, #2a4b03 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d7108), color-stop(100%,#2a4b03)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #4d7108 0%,#2a4b03 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #4d7108 0%,#2a4b03 100%); /* Opera11.10+ */ 
background: -ms-linear-gradient(top, #4d7108 0%,#2a4b03 100%); /* IE10+ */ 
background: linear-gradient(top, #4d7108 0%,#2a4b03 100%); /* W3C */ 
}

a#busyButton:link, a#busyButton:visited {
background: #fadb28; /* Old browsers */
background: -moz-linear-gradient(top, #fadb28 0%, #b19003 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fadb28), color-stop(100%,#b19003)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fadb28 0%,#b19003 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fadb28 0%,#b19003 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fadb28 0%,#b19003 100%); /* IE10+ */
background: linear-gradient(top, #fadb28 0%,#b19003 100%); /* W3C */
border-bottom:3px solid #866100;
color:#292929;
text-shadow: 0px 1px 1px #333;
width: 85px;
font-size:12px;
font-weight:bold;
}

a#busyButton:hover{
background: #c6ad20; /* Old browsers */
background: -moz-linear-gradient(top, #c6ad20 0%, #8c7202 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6ad20), color-stop(100%,#8c7202)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c6ad20 0%,#8c7202 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c6ad20 0%,#8c7202 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c6ad20 0%,#8c7202 100%); /* IE10+ */
background: linear-gradient(top, #c6ad20 0%,#8c7202 100%); /* W3C */
border-bottom:3px solid #5C3D00;
}

.productDetailResults{display:none}


/* Social Media section */

.socialMedia { width: 800px; padding-top: 0px; padding-bottom: 4px; float: left; height: 29px; }

.fb-like, .fb-facepile {float: left; margin-left:5px;}

#___plusone_0, .twitter-share-button{float: right !important;}


/* Page Builder columns */
/* based on 945px */
.pageTemplate .column
{
    float: left;
}

.pageTemplate .column1
{
    /* mimic grid_4 */
    display:inline;float:left;margin-left:5px;margin-right:5px;
	width: 150px;
}

.pageTemplate .column2
{
	width: 800px;
}

/* Age Gate */
.visualbox .objwrap #agehold { width: 780px; height: 438px; margin-left: 0px; margin-top: 0px; background: #000;
	background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 3000; }
.visualbox .objwrap #ageGateControls{margin-top: 20px; text-align: center;}
.visualbox .objwrap #ageGateControls input[type='button'] { width: 78px; }
.visualbox .objwrap .agegatetext { color: white; font-size: 14px; font-weight: bold; text-align: center; margin-top: 100px; }
.visualbox .objwrap #agegate_disabled { display: none; }

/* Video player */
.visualbox .objwrap .videostill { width: 780px; height: 438px; }

/* Thumbnails and scroller */
.visualbox .objwrap #videothumbs { position: absolute; z-index: 31000; margin: 175px 14px 0 14px; width: 752px; border-radius: 6px; padding: 12px 0;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */ }
.visualbox .objwrap #videothumbs .left, .visualbox .objwrap #videothumbs .right { float: left; width: 44px; height: 60px; visibility: hidden; cursor: pointer; }
.visualbox .objwrap #videothumbs .left span, .visualbox .objwrap #videothumbs .right span { display: block; background: #ccc; border-radius: 6px; color: #404040; margin: 22px auto;
	font-size: 14px; height: 18px; width: 16px; font-weight: bold; line-height: 18px; padding: 0 0 0 2px; }
.visualbox .objwrap #videothumbs .items { float: left; overflow: hidden; width: 664px; height: 60px; }
.visualbox .objwrap #videothumbs .items .scroll_area { height: 60px; width: auto; }
.visualbox .objwrap #videothumbs .videothumb { float: left; margin-right: 3px; border: none; width: 78px; height: 58px; border: 1px solid transparent; border-radius: 4px; }
.visualbox .objwrap #videothumbs .videothumb:hover { border: 1px solid #ccc; }

/* PowerUp Rewards Pro Price*/
#purProPriceDiv > h3 > em,#purProPriceDiv > h3 > span{color:#CB2124; margin-top: 8px;}
div#icon-powerup {clear: both;background-image: url("images/icon-powerup.png");background-repeat: no-repeat;padding-left: 18px;height: 16px;vertical-align: middle;color:#CB2124;line-height: 16px; }

#purProPriceDiv > a{ margin-left: 18px;text-decoration: underline;font-size: 12px;}

/* Add on sales modal*/
.addOnSalesModalBackground { background-color: black; opacity: 0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
.modalPanel { width: 750px; background-color: white; min-height: 560px; position: absolute !important; left: 0 !important; margin-left: 105px; top: 0 !important; }
.modalStyle { width: 750px;height: 500px;background-color: white; min-height: 560px; position: absolute ; left: 50%!important ; top: 100px !important ;margin-left: -375px !important;}
#btnClose { margin-top: 5px; margin-right: 5px; float: right; cursor: pointer; }
#moreinfoClose {
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    cursor: pointer;
}
#modalSpinner { margin-left: -41px; margin-top: -43px; left: 50%; top: 50%; position: absolute; }

#modalContainer { margin: 20px 20px 20px 20px; }
#modalTop { min-height: 115px; }
.grayBorder { border-top: solid 1px #B3B3B3; padding-top: 15px; margin-top: 20px; overflow: hidden; }

#cartSummary { width: 300px; float: right; margin-right: 5px; }
#cartSummary tr {  border: 1px solid #B3B3B3; }
#cartSummary tr.grayRow { background-color: #EBEBEB; }
#cartSummary td { width: 50%; }
#cartSummary td div.cartDetails, #cartSummary td div.cartDetailsRight { padding-left: 15px; font-size: 14px; color: black; line-height: 25px; }
#cartSummary td div.cartDetailsRight { font-weight: bold; }
#cartSummary #checkoutButton { background: #ce0400; font-weight: bold; font-size: 12px; line-height: 36px; color: #FFFFFF; text-decoration: none; 
    float:left; cursor:pointer; margin: 5px 0px 5px 15px; width: 120px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
#cartSummary #continueShoppingLink { height: 16px; font-size: 12px; margin-left: 10px; padding-left: 18px; background: transparent url(../../../common/css/gamestopdotcom/images/left_arrow_circle.png) no-repeat; display: block; text-decoration: underline; }

.addedToCartMessage { font-size: 18px; color: #407700; font-weight: bold; background: transparent url(../../../common/css/gamestopdotcom/images/greencheck.png) no-repeat; padding-left: 25px; display: block; }
.buttonMessaging { height: 37px; position: relative; z-index: 1; }
.addedRecToCartMessage { font-size: 14px; color: #407700; font-weight: bold; background: transparent url(../../../common/css/gamestopdotcom/images/greencheck.png) no-repeat; display: block; line-height: 22px; padding-left: 28px; position: absolute; top: 8px; left: 20px; }
.addedRecToCartErrorMessage { font-size: 14px; color: #CB2124; line-height: 18px; }

#itemSummary { width: 360px; min-height: 115px; }
#itemSummary img { max-width: 80px; max-height: 110px; float: left; margin-right: 10px; }
#itemDetails { overflow: hidden; }
#itemDetails li { margin-top: 3px; }
#itemDetails li.message { margin-bottom: 6px; }
#itemDetails li.itemTitle { font-size: 14px; color: black; }
#itemDetails li.publishedBy { font-size: 12px; color: #666; }
#itemDetails li.price { font-weight: bold; font-size: 18px; color: black; }
#itemDetails li.loyaltyPrice { font-weight: bold; font-size: 18px; color: #CB2124;}
#itemDetails li.warrantyItemTitle { font-size: 14px; color: black; }
#itemDetails li.warrantyItemprice { font-weight: bold; font-size: 18px; color: black; }

#icon-powerup-item { display: inline; padding-left: 15px; font-size: 11px; clear: both; background-image: url("images/icon-powerup.png"); background-repeat: no-repeat; color:#CB2124; margin-left: 6px; 
    line-height: 22px; vertical-align: top; background-size: contain; background-position-y: -1px; }

#recommendationHeader { color: black; font-size: 18px; }
#recommendationRow { margin-top: 15px; max-height: 500px; }

div.recommendation { text-align: center; display: inline-block; vertical-align: bottom; width: 175px; }

div.recommendation div.imageContainer { height: 195px; width: 135px; margin-left: 20px; margin-right: 20px; position: relative; }
div.recommendation div.imageContainer img { width: 100%; position: absolute; bottom: 0; left: 0; }

div.recommendation div.detailsContainer { min-height: 85px; margin-top: 10px; }
div.recommendation a.recTitle { font-size: 13px; }
div.recommendation span.publishedBy { font-size: 11px; color: #666; line-height: 20px; }
div.recommendation span.price { font-size: 18px; color: black; line-height: 30px; font-weight: bold; }
div.recommendation span.lastPrice { font-size: 12px; color: #666; text-decoration: line-through; vertical-align: top; line-height: 26px; font-weight: bold; }
div.recommendation span.loyaltyPrice { font-size: 18px; line-height: 30px; color:#CB2124; font-weight: bold; }
div.recommendation span.loyaltyIcon { font-size: 11px; padding-left: 15px; clear: both; background-image: url("images/icon-powerup.png"); background-repeat: no-repeat; color: #CB2124; 
    line-height: 30px; vertical-align: top; display: none; font-weight: bold; background-size: contain; background-position-y: -1px; margin-left: 4px; }
div.recommendation p.loyalty { margin: -8px 0px 11px 0px; display: block; }

.recommendation div.button { margin: 0px 0px 0px 45px; position: relative; z-index: 2; }
.recommendation div.button a { background: #ce0400; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #FFFFFF; 
    text-decoration: none; float: left; font-weight: bold; font-size: 12px; line-height: 24px; cursor: pointer; width: 74px; padding: 8px 8px 5px 8px; }
 div.button a.loading { background: #ce0400 url("images/button-loader.gif") no-repeat center center; text-indent: -9999em; }


#modalFootnote { position: relative; }
#modalFootnote img { position: absolute; top: 13px; }
#modalFootnote p { padding-left: 18px; color: black; font-size: 11px; margin: 0px; }

.addToCartErrorMessage { background-color: #ce0400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; font-weight: bold; color: #FFFFFF; text-align: center; margin-bottom: 10px; font-size: 12px;
    overflow: hidden; }
.addToCartErrorMessage div { padding: 5px; }
#recommendationMessage { text-align: center; margin-top: 20px; font-size: 24px; color: black; }

#pickupinstorelistlarge li {padding-top: 10px; padding-bottom: 15px; color: black; background: transparent url('/Common/Css/GameStopDotCom/images/shop/check_store_pin_red_large.png') no-repeat left 10px; padding-left: 24px;}
#pickupinstorelistsmall li {padding-top: 10px; padding-bottom: 15px; color: black; background: transparent url('/Common/Css/GameStopDotCom/images/shop/check_store_pin_red.png') no-repeat left 10px; padding-left: 24px;}

#checkStoreAvailabilitylistlarge li {padding-top: 10px; padding-bottom: 15px; color: black; background: transparent url('/Common/Css/GameStopDotCom/images/shop/check_store_pin_red_large.png') no-repeat left 10px; padding-left: 24px;}

.warrantyHeader {
    font-size: 16px;
font-weight: bold;
display: block;
display: inline-block;
vertical-align: top;
width: 420px;
padding: 0px 0 0px 62px;
}
.warrantyshield {
    padding: 5px 10px;
    width: 130px;
    top: -10px;
    left: -63px;
    position: absolute;
    display: inline-block;
}


div#warrantyRecommendation {
    height: 74px;
    background-color: #eee;
    width: 705px;
    padding: 5px;
    margin: 0px 0 0 38px;
    border: solid 1px #B3B3B3;
    position: relative;
}



.warrantyText { 
    font-size: 12px;
color: black;
font-weight: normal;
padding-top: 5px;
 }

.warrantyText span {
    position: relative;
    left: -10px;
}



span.money {
    color:#CB2124;
    font-weight: bold;
}

a.lnkPlanDetails {
    margin-left:2px;
    padding-right:10px;
    text-decoration: underline;
    font-size: 10px;
}

a.warrantyTermsLink {
    padding-left:10px;
    text-decoration: underline;
    font-size: 10px;
}
div.warrantyLink {
    padding-top: 5px;
}

.warrantyButton a {
    background: #ce0400;
    font-weight: bold;
    font-size: 12px;
    line-height: 36px;
    color: #FFFFFF;
    text-decoration: none !important;
    float: right;
    cursor: pointer;
    margin: 18px 0px 0px 82px;
    width: 120px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.disabledWarrantyButton { background: #A8A4A4; font-weight: bold; font-size: 12px; line-height: 36px; color: #FFFFFF; text-decoration: none !important; float:left; cursor:pointer; margin: 5px 0px 5px 15px; width: 120px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; pointer-events: none; cursor: default;}
#btnClosePlanDetails,#btnClosewarrantyTerms { margin-top: -15px; float: right; cursor: pointer;}

div#warrantyTermsContainer {
    display: none;
    
}
div#warrantyTermsContent,div#planDetailsContent {
    height: 350px;
    overflow-y: scroll;
    width: 100%;
}

/*PDP REDESIGN STYLES*/
.bonusContentSection {
    clear: both;
    font-family: Solido_Book;
}

h3.overridableBonusSectionHeading, h3.overridableSpecialEditionSectionHeading {
    font-size: 34px;
    Color: #000000;
    margin-bottom: 20px;
}

h3.overridableSpecialEditionSectionHeading {
    padding-top: 20px;
}

.bonus.revgrad, .collectors.revgrad {
    background-color: #fafafa;
}

.bonus_box_description, .collectors_box_description {
    margin: 25px;
    line-height: 18px;
    font-size: 16px;
    Color: #2c2c2c;
}

.bonus_box_description h3, .collectors h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    Color: #000000;
    margin-bottom: 25px;
}

.collectors h3 {
        margin: 25px 0 0 25px;
}
.bonus_box_description ul, .collectors_box_description ul {
    list-style: disc;
    margin-left: 20px;
}

.bonus_box_description li, .collectors_box_description li {
    margin-bottom: 5px;
}

.featureimg {
    float: right;
    margin: 0px 25px 0px 25px;
    max-width: 40%;
}

.featureimg img {
    width: 100%;
}

.bonusContentSection .magglass {
    position: relative;
    width: 0px;
    height: 0px;
    left: calc(100% - 60px);
    bottom: 60px;
    display: block;
}

.magglass img {
    opacity: .7;
    background-color: black;
    width: 30px;
    height: 30px;
    padding: 15px;
}

.productdetails{
       margin-top: 15px;
}

.bonusHr {
    width: 712px;
    margin-left: 25px;
    align: left;    
}

#bonusArea, #specialEditionArea {
    clear: both;    
}

#bonusArea .bonus:last-child > hr, #specialEditionArea .collectors:last-child > hr {
    display: none;  
}

div#BVRRSummaryContainer {
    display: inline-block;
}
div#BVRRContainer {
    clear: both;
    background: white;
    width: 800px;
}
div.maincontent {
    clear: both;
}

#videoPlayerDiv {
    margin-bottom: 30px;
}