




/*
     FILE ARCHIVED ON 8:16:39 Jun 7, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 4:50:16 Sep 12, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
GamePro 10 || Product Page CSS

12/9/09
*/

/* @group Layout */

/* Left Column */
#column-one {
float: left;
width: 170px;
padding: 0 0 0 10px;	
}

/* Middle Column */
#column-two {
float: left;
width: 460px;
margin: 0 10px 0 0;
padding: 12px 0 0 0;
background: url(/web/20110607081639/http://www.gamepro.com/lib/img/prod-top.gif) no-repeat top center;
position: relative;
}

/* @end */

/* @group Left Column Product Info */

/* Glyde */
#glydeBoxArt{
border:10px solid #f0f0f0;
text-align:center;
padding:10px;
margin: 0 10px 20px 0;
overflow:hidden;
}

#glydeBoxArt .price{
display:block;
text-align:center;
color:#000000;
font-size:32px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin:5px auto;
background:#fff;
}
#glydeBoxArt .price span.shadow{
cursor:pointer;
display:block;
text-shadow: 1px 1px 1px #999999;
zoom: 100%;
color:#000000;
zoom: 100%;
}

#glydeBoxArt .price .cents,
#glydeBoxArt .price .dollarSign{
font-size: 22px;
padding-top:10px;
vertical-align:top;
}

#glydeBoxArt .shopBtn,
#glydeBoxArt .preOrderBtn{
text-indent:-999em;
width:118px;
height:22px;
display:block;
color:#fff;
margin-bottom:5px;
}
#glydeBoxArt .shopBtn{
background:#c10400 url(/web/20110607081639/http://www.gamepro.com/lib/img/glyde/shopButton-products.gif) no-repeat center top;
}
#glydeBoxArt .preOrderBtn{
background:#c10400 url(/web/20110607081639/http://www.gamepro.com/lib/img/glyde/preorderButton-products.gif) no-repeat center top;
}
#glydeBoxArt .shopBtn:hover,
#glydeBoxArt .preOrderBtn:hover{
background-position:center center;
}

#glydeBoxArt .shopBtn:active,
#glydeBoxArt .preOrderBtn:active{
background-position:center bottom;
}

#glydeBoxArt .poweredByGlyde{
display:block;
float:right;
margin-right:5px;
text-indent:-999em;
width:56px;
height:18px;
background:url(/web/20110607081639/http://www.gamepro.com/lib/img/glyde/poweredBy-glyde-products.png) no-repeat center top;
}

/* Box Art */
.box-art {
}
.box-art img {
display: block;
margin: 0 auto 5px;
border: 3px solid #ddd;	
box-shadow: 2px 2px 4px #bdbcb0;
-webkit-box-shadow: 2px 2px 4px #bdbcb0;
-moz-box-shadow: 2px 2px 4px #bdbcb0;
width: 100px;
}
.box-art a span {
text-align: center;
color: #666;
display: block;
font-family: georgia, serif;
font-size: 11px;
}

/* Product Information */
.prod-info {
font-size: 11px;
margin: 0 0 20px;
padding: 0 10px 0 0;	
}
.prod-info li {
margin: 0 0 10px;	
color: #999;
}
.prod-info a {
color: #999;
text-decoration: underline;
}
.prod-info a:hover {
color: #666;
text-decoration: none;
}
.prod-info span {
color: #666;
font-weight: bold;	
}

/* Production Navigation */
.prod-nav {
border-top: 1px dotted #ddd;
margin: 0 0 20px;	
}
.prod-nav li {
border-bottom: 1px dotted #ddd;
text-align: right;
color: #999;
font-size: 11px;
font-weight: bold;	
}
.prod-nav li a,
.prod-nav li span {
display: block;
padding: 10px;
color: #5eadc0;
}
.prod-nav li span {
color: #a6ccd7;	
}
.prod-nav li.on a {
color: #006a94;
background: #e4e4e3;
}
.prod-nav li a:hover {
color: #006a94;
}

/* @end */


/* Product Content Area */
#column-two div.prod-content {
padding: 10px;
border-color: #e4e4e3;
border-width: 0 13px 1px 1px;
border-style: solid;
margin: 0 0 10px;
min-height: 1100px; /* TEMP */
}
.prod-content h1 {
font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;
font-weight: 600;
font-size: 26px;
color: #006a94;	
margin: 0 0 20px;
}
.prod-content p.description {
font-family: georgia, serif;
line-height: 160%;
font-size: 12px;
margin: 0 0 20px;
}
.prod-content .no-info,
#right .no-info {
font-weight: bold;
font-family: georgia, serif;
color: #999;
font-size: 11px;
font-style: italic;
}
.prod-content .video .prodVid {
display: block;
margin: 0 0 10px;	
}
.prod-content .video .moreVid {
font-weight: bold;
font-family: georgia, serif;
color: #9d362a;
font-style: italic;
font-size: 10px;
text-align: right;
margin: 0 0 10px;
display: block;
padding: 5px 0;
}
/* Product Scores */
.scores {
margin: 0 0 20px;
min-height: 60px;
	
}
.scores.ed-choice {
background: url(/web/20110607081639/http://www.gamepro.com/lib/img/gp-edchoice-60x60.gif) no-repeat top right;	
}
.scores li ul li.label,
.scores li ul li.review-link,
.scores li ul li.user-review-link {
display: inline;
}
.scores li ul li.review-link a,
.scores li ul li.user-review-link a {
font-family: georgia, serif;
font-weight: bold;
font-size: 11px;
}
.scores li ul li.review-link a {
color: #5eadc0;	
}
.scores li ul li.review-link a:hover {
color: #006a94;
}
.scores li ul li.user-review-link a {
color: #9d362a;
}
.scores li ul li.user-review-link a:hover {
color: #772016;		
}
.scores li.label a,
.scores li.label span {
color: #666;
font-size: 14px;
font-family: "skolar-1","skolar-2","Times New Roman","Times Roman",serif;
font-weight: bold;
}
.scores li.starbox {
display: block;
margin: 10px 0;	
}

.scores li ul li.gp-label.not-yet-reviewed {
display:block;
margin-bottom:20px;
}


/* Mini-screen viewer */

.mini-screens {
margin: 0 auto 20px;
width: 395px;	
}

.mini-screens .slot {
display: none;
margin: 0 0 10px;	
}
.mini-screens .slot.on {
display: block;
}
.mini-screens .slot img {
width: 395px;
}
.mini-screens .mini-screen-thumbs {
overflow: hidden;
}
.mini-screens .mini-screen-thumbs li {
width: 125px;
height: 70px;
overflow: hidden;
float: left;
margin: 0 10px 0 0;
}
.mini-screens .mini-screen-thumbs li:last-child {
margin: 0;
}


/* article type sections */

/* Screens */
.prod-content .section {
margin: 0 0 10px;
position: relative;	
}
.prod-content .section h2 {
padding: 8px 10px;
font-size: 11px;
font-weight: bold;
color: #333;
background: #a6ccd7;
margin: 0 0 10px;	
}
.prod-content .section.videos h2 {
background: #5eadc0;
color: #fff;
}
.prod-content .section.screens h2 {
background: #006a94;
color: #fff;
}
.section.screens li,
.section.videos li {
float: left;
display: inline;
width: 99px;
overflow: hidden;
margin: 0 10px 0 0;	
}
.section.screens li img,
.section.videos li img {
height: 70px;
width: 125px;
}
.section.screens li:last-child,
.section.videos li:last-child {
margin: 0;
}
.section.screens li a span,
.section.videos li a span {
text-align: center;
display: block;
color: #999;
font-size: 11px;
}
.section.screens li a:hover span,
.section.videos li a:hover span {
color: #666;
}

.screen-list {
overflow: hidden;
margin: 0 0 5px;	
}
.screen-list li {
float: left;
display: inline;
margin: 0 5px 0 0;
width: 100px;
height: 70px;
overflow: hidden;	
}
.screen-list h4 {
display: block;
margin: 0 0 10px;	
}


/* Articles */
.section.articles h3 {
font-weight: bold;
text-align: left;
padding: 8px 0 8px 10px;
background: #006a94;
color: #fff;
font-size: 11px;
margin: 0 0 10px;	
}
.section.articles ul,
.article-list {
position: relative;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px;
padding: 0 0 10px 110px;
min-height: 70px;
font-family: georgia, serif;
line-height: 160%;
font-size: 11px;
overflow: hidden;
background: #fff;	
}
.article-list.cheats {
padding: 0;	
}
.section.articles ul:last-child {
border-bottom: none;
margin: 0;	
}
.section.articles .thumb,
.article-list .thumb {
position: absolute;
top: 0;
left: 0;	
width: 100px;
height: 70px;
overflow: hidden;
}
.section.articles .title,
.article-list .title {
font-family: "skolar-1","skolar-2",Georgia,"Times New Roman","Times Roman",serif;
font-weight: 200;
font-size: 14px;
margin: 0 0 5px;
}
.section.articles .title a,
.article-list .title a {
color: #0f7fa7;
display: block;	
}
.section.articles .title a:hover,
.article-list .title a:hover {
color: #5EADC0;
}
.section.articles .title a span {
color: #9d362a;
font-size: 10px;
font-style: italic;
font-weight: bold;
font-family: georgia, serif;
padding: 0 10px 0 0;
}
.section.articles .posted,
.article-list .posted {
height:12px;
}

.section.articles .posted span.posted_on,
.article-list .posted span.posted_on {
color:#999999;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
display: block;
clear:left;
font-size:9px;
line-height:12px;
background:#FFFFFF url(/web/20110607081639/http://www.gamepro.com/lib/img/posted-on-img.gif) left no-repeat;
padding-left: 45px;
margin-bottom:5px;
}

.section.articles.news .title,
.article-list.news .title,
.section.articles.previews .title,
.article-list.previews .title,
.section.articles.reviews .title,
.article-list.reviews .title,
.section.articles.videos .title,
.article-list.videos .title,
.section.articles.cheats .title,
.article-list.cheats .title,
.section.articles.features .title,
.article-list.features .title {
margin: 0;
}

/* Crosslinks */
.section.crosslinks h2 {
font-weight: bold;
text-align: left;
padding: 8px 0 8px 10px;
background: #006a94;
color: #fff;
font-size: 11px;
margin: 0 0 10px;	
}

.section.crosslinks ul,
.crosslinks-list {
position: relative;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
font-family: georgia, serif;
line-height: 160%;
font-size: 11px;
overflow: hidden;
background: #fff;
}

.crosslinks-list li a{
color: #0f7fa7;
}
.crosslinks-list li a:hover{
color: #5EADC0;
}
/* commerce links */
.e-comm {
margin: 0 0 20px;	
}
.e-comm li {
margin: 0 0 10px;	
}
.e-comm li a {
display: block;
width: 150px;
text-indent: -999em;
height: 23px;
background: url(/web/20110607081639/http://www.gamepro.com/lib/img/gp-product-ui-elements.gif) no-repeat -650px 0;
}
.e-comm li.rent a {
background-position: -650px 0;
}
.e-comm li.buy a {
background-position: -650px -30px;
}
.e-comm li.compare a {
background-position: -650px -90px;
}
.e-comm li.seven-eleven a {
background-position: -650px -60px;
}
.e-comm li.download a {
background-position: -650px -120px;
}


/* community links */

.add-games {
border-top: 1px dotted #ddd;	
}
.add-games li {
border-bottom: 1px dotted #ddd;	
}

.add-games a {
color: #9d362a;
font-size: 10px;
font-style: italic;
font-weight: bold;
font-family: georgia, serif;
display: block;
padding: 10px;
text-align: right;
}
.add-games a:hover {
color: #772016;	
}

/* User Review Score Breakdown */
div.user-reviews {
margin: 0 0 10px;	
}
div.user-reviews div.stats {
padding: 0 0 10px 110px;	
position: relative;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px;
font-size: 11px;
}
div.user-reviews div.stats h4 {
font-family: "skolar-1","skolar-2",Geogia, "Times New Roman","Times Roman",serif;
font-weight: 600;
font-size: 14px;
position: absolute;
left: 0;
top: 10px;
}
div.user-reviews .url-title-link {
position: absolute;
top: 60px;
left: 0;
font-weight: bold;
font-family: georgia, serif;	
}
div.user-reviews .product-user-score {
position: absolute;
top: 20px;
left: 0;
}
div.user-reviews div.stats .rating {
border: none;
position: absolute;
left: 0;
top: 30px;
}
dl.breakdown {
margin: 0 0 5px 0;
position: relative;
height: 12px;
width: 150px;
}

dl.breakdown dt {
font-weight: bold;
font-size: .8em;
position: absolute;
top: 2px;
left: 25px;
color: #006a94;
}

dl.breakdown dd {
position: absolute;
left: 60px;
width: 95px;
font-size: .8em;
}

dl.breakdown span.bar-cont {
border: solid 1px #ddd;
display: block;
width: 75px;
height: 10px;
}

dl.breakdown span.bar-cont span.marker {
display: block;
background: #FC0;
height: 100%;	
}

dl.breakdown span.total {
position: absolute;
right: 0;
top: 2px;
}

/* Release Calendar */
#right div.release-cal.up {
margin-top: -13px;	
margin-bottom: 23px;
}


/* Share Badges */
.share-buttons {
padding: 10px 10px 0 10px;
border-color: #e4e4e3;
border-width: 0 13px 0 1px;
border-style: solid;
margin: 0;
}

