@charset "UTF-8";  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0em; padding: 0em; border: 0em; outline: 0em; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
 :focus {outline: 0em}
ol, ul {list-style: none}
 table {border-collapse: separate; border-spacing: 0em}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
 #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav {left: 0}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0}
#lightbox-container-image-data {padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em}
body {background: #fff url(/images/page_background.png) repeat-x}
#page {width: 908px; margin: 0 auto; font: normal 12px Arial, Helvetica, sans-serif}
 #content_wrapper_top {margin-top: 10px; background: url(/images/content/top_background.png) no-repeat top center; height: 11px; overflow: hidden}
#content_wrapper_bottom {background: url(/images/content/bottom_background.png) no-repeat top center; height: 19px; overflow: hidden}
#content_wrapper {background: url(/images/content/background.png) repeat-y top center}
#content {background: #fff; margin: 0 25px; padding: 0 0 10px 0; color: #333}
 #related_content_wrapper {background: url(/images/content/related_background.png) no-repeat top center; height: 97px}
#related_content {margin: 0 25px; padding: 10px 0; color: #fff}
 #spinner {vertical-align: middle}
 .faded {color: #666}
.really_faded {color: #999}
.small {font-size: 90%}
.large {font-size: 110%}
.huge {font-size: 120%}
.errors {color: #f30}
.spread {line-height: 150%}
div.center {text-align: center}
div.right {text-align: right}
 a, a:link, a:visited, a:active {color: #369; text-decoration: none}
a:hover {color: #936; text-decoration: underline}
 a.button_with_icon:hover {text-decoration: underline}
a.button_with_icon:active {border-style: inset}
a.button_with_icon {display: inline-block; background: #369; border: 1px outset #369; color: #fff; text-shadow: 1px 1px 1px #333; font-size: 12px; height: 20px; line-height: 20px; position: relative; margin-left: 25px; padding-right: 10px; padding-left: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
a.button_with_icon.brightblue {border-color: #69c; background-color: #69c}
a.button_with_icon.green {border-color: #61b450; background-color: #61b450}
a.button_with_icon.gray {border-color: #888; background-color: #888}
a.button_with_icon img {vertical-align: middle; position: absolute; top: -10px; left: -20px}
form input.text {border: 1px solid #69c; padding: 2px; background: #f0f0f0; margin: 0}
form#cart_form input.submit {border: 1px outset #69c; background: #69c; color: #fff; text-shadow: 1px 1px 1px #666; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px}
form#cart_form input.submit.subtle {font-size: 80%}
form#cart_form input.submit.checkout {font-size: 120%; border: 1px outset #61b450; background: #61b450}
form#cart_form input.submit:hover {text-decoration: underline}
form#cart_form input.submit:active {border-style: inset}
 form.simple fieldset {float: left; margin-right: 10px}
form.simple label {margin-top: 10px; clear: both; display: block; font-weight: bold; color: #666; display: inline-block; width: 120px; text-align: right; padding-right: 5px}
form.simple div.fieldWithErrors {display: inline}
form.simple div.errors {margin-left: 130px; width: 200px}
form.simple input.text, form.simple select {width: 200px}
form.simple input.text.short {width: 100px}
form.simple input.submit {margin-top: 20px}
form.simple.wide_label label {width: 180px}
form.simple.wide_label div.errors {margin-left: 190px}
#header {background: url(/images/header/ribbon.png) no-repeat top center; height: 190px; position: relative}
 #header .links {z-index: 9; position: absolute; top: 3px; right: 0; height: 24px; color: #fff; vertical-align: middle; font: normal 14px Trebuchet MS, Tahoma, Helvetica, sans-serif; text-shadow: 1px 1px 3px #000}
#header .links a {color: #fff; text-decoration: none}
#header .links a:hover {text-decoration: underline}
#header .links a.cart {background: url(/images/buttons/cart-18.png) no-repeat center left; padding-left: 20px}
 #header .masthead {position: relative; top: 73px; height: 74px}
#header .masthead img.bar {position: absolute; z-index: 2}
#header .masthead img.bar_shadow {position: absolute; top: 74px; z-index: 0}
#header .masthead img.keypad {position: absolute; margin-left: 10px; top: -36px; z-index: 3}
#header .masthead img.mygamespage {position: absolute; top: 13px; left: 190px; z-index: 3}
#header .masthead img.circle {position: absolute; top: -24px; left: 22px; z-index: 1}
 #header .masthead div.news {background: url(/images/header/news_background.png) no-repeat top center; position: absolute; z-index: 3; top: 20px; right: 10px; width: 420px; height: 100px}
#header .masthead div.news p {height: 55px; margin: 15px 23px 0; padding: 0; overflow: hidden; color: #666; font: 16px Arial, sans-serif}
#header .masthead div.news p a {color: #666}
 #header .masthead .menu {background: url(/images/header/menu_background.png) repeat-x; position: absolute; bottom: -25px; left: 70px; z-index: 0; width: 700px; padding-left: 100px}
#header .masthead .menu.shadow {background: url(/images/header/menu_shadow.png) no-repeat top right; bottom: -40px; height: 15px; z-index: -1}
#header .masthead .menu a {background: url(/images/header/menu_background.png) repeat-x; border-left: 1px solid #9cb6d7; display: block; float: left; height: 21px; padding: 4px 10px 0; text-decoration: none; vertical-align: middle; text-shadow: 1px 1px 3px #000; color: #fff; font: bold 12px Arial, sans-serif}
#header .masthead .menu a.home {border: none}
#header .masthead .menu a:hover, #header .masthead .menu a.selected {background: url(/images/header/menu_background_selected.png) repeat-x}
#header .masthead .submenu {position: absolute; left: 3px; z-index: 2; width: 900px; background: #fff; border: 1px solid #222; border-bottom: 1px solid #aaa; text-align: center; font: bold 10px Arial, sans-serif; bottom: -60px; height: 25px; line-height: 25px; color: #666}
#header .masthead .submenu a {display: inline-block; padding: 0 5px; color: #666; text-decoration: none; vertical-align: middle}
#header .masthead .submenu a:hover {color: #336; text-decoration: underline}
div.box-ribbon {vertical-align: top; margin: 20px 15px 10px; border: 2px solid #666; position: relative; display: inline-block}
div.box-ribbon img.ribbon {position: absolute; left: -2px; top: -20px}
div.box-ribbon img.icon {position: absolute; left: -10px; top: -25px}
div.box-ribbon h3 {color: #fff; text-shadow: 1px 1px 3px #000; font-weight: bold; text-align: right; font-size: 13px; position: absolute; right: 5px; top: -3px}
#content div.box-ribbon h3 a {color: #fff}
#content div.box-ribbon h3 a:hover {color: #fff; text-decoration: none}
div.box-ribbon div.content {text-align: left; margin-top: 40px; padding: 0px 5px 5px}
div.box-ribbon.list div.content {padding: 0}
div.box-ribbon.list div.content ul li {padding: 3px 2px 3px 10px}
div.box-ribbon.list div.content ul li.even {background: #eef}
div.box-ribbon.list div.content ul li.odd {background: #fff}
div.box-ribbon div.content ol li {list-style-type: decimal; margin: 0 0 0.5em 15px}
div.box-ribbon div.content .summary {line-height: 1.4em}
 div.box-ribbon.w515 {width: 515px}
div.box-ribbon.w270 {width: 270px}
#popbox {background: #fff; border: 1px solid #369; color: #333; padding: 2px 10px; position: absolute; right: 0; top: 24px; z-index: 9}
#popbox .flashes {color: #369; font-size: 16px}
#popbox .flashes .error {color: #f30}
 #popbox .form {color: #666}
#popbox .form div.intro {color: #555; font: bold 14px Arial, Helvetica, sans-serif; margin-top: 5px}
#popbox .form div.title {color: #369; font: bold 16px Arial, Helvetica, sans-serif; border-bottom: 1px solid #9cf; margin-top: 5px}
#popbox .form form div.errors {font-size: 11px}
 #popbox .form.search form, #popbox .form.login form {display: inline-block}
#popbox .form.search form input.text, #popbox .form.login form input.text {width: 100px; font-style: italic; color: #69c}
#popbox .form.search form input.text {width: 200px}
#popbox .form.login form label {cursor: pointer}
 #popbox .form.forgot_password form {display: inline-block}
#popbox .form.forgot_password form input.text {width: 200px; font-style: italic; color: #69c}
 #popbox .form.signup {width: 326px; padding-bottom: 10px}
#popbox .form.signup form label {display: block; text-align: left; margin-right: 5px; font-weight: bold}
#popbox .form.signup form label a {text-decoration: underline; color: #666}
#popbox .form.signup form label .faded a {color: #999}
#popbox .form.signup form label .faded {color: #999; font-weight: normal}
#popbox .form.signup form input.text {width: 300px}
#popbox .form.signup form input.submit {float: right}
#popbox .form.signup form div.errors {width: 300px}
 #footer {margin-top: 50px; text-align: center; font: 11px Trebuchet MS, Tahoma, Helvetica, sans-serif}
#footer .links {font-weight: bold; border: 1px solid #666; border-left: none; border-right: none; padding: 3px 0; color: #336}
#footer .links a {color: #336; text-decoration: none}
#footer .links a:hover {color: #333; text-decoration: underline}
#footer .copyright {margin-top: 5px; color: #666}
#content h1 {color: #369; font: normal 24px Arial, Helvetica, sans-serif; border-bottom: 1px solid #9cf; letter-spacing: 1px; text-shadow: 1px 1px 2px #ccc}
#content h1.ribbon {border-bottom: none; position: relative; left: -11px; padding-left: 11px; top: 0px; z-index: 3; background: url(/images/content/ribbon.png) no-repeat bottom left; height: 70px; width: 900px}
#content h1.ribbon img.icon {position: absolute; bottom: 0px; right: 0px}
#content h2 {font-weight: bold; font-size: 16px}
#content h3 {font-weight: bold; font-size: 14px}
#content .faded2 {color: #999}
#content div.description {color: #666}
 #content strong {font-weight: bold}
#content .textile h2 {font-weight: bold; font-size: 16px}
#content .textile h3 {font-weight: bold; font-size: 14px}
#content .textile h4 {font-weight: bold}
#content .textile p {margin: 1em 0}
#content .textile ul {list-style-type: disc; margin: 1em 0 0.5em 2em}
#content .textile ul li {margin-bottom: 0.5em}
#content .textile ol {list-style-type: decimal; margin: 1em 0 0.5em 2em}
#content .textile ol li {margin-bottom: 0.5em}
 #content .split .left {width: 580px; float: left}
#content .split .right {width: 250px; float: right}
 #content .flashes {color: #369; font-size: 16px; text-align: center; border: 1px solid #ccc; padding: 3px 0}
#content .flashes .error {color: #f30}
 iframe#plimuscart {width: 879px; height: 1100px; top: 13px; left: 0 padding: 0; margin: 0; position: relative}
#content div.gamelist div.game {margin: 10px 0}
#content div.gamelist div.game a.img {float: left}
#content div.gamelist div.game div.info {float: right; width: 648px}
#content div.gamelist div.game div.info a.title {font-weight: bold}
#content div.pagination {margin: 10px 0; background: #eee; border: 1px solid #ccc; padding: 10px 0; text-align: center; font-size: 130%}
 table.data {clear: both; width: 100%; border: 1px solid #9cf; border-collapse: collapse; font-size: 12px}
table.data thead tr th {background-color: #eee; border: 1px solid #69c; white-space: nowrap; padding: 3px; font-weight: bold; background: url(/images/content/th_background.png) repeat-x; color: #fff; text-shadow: 1px 1px 2px #000}
table.data.sortable thead tr th {cursor: pointer}
table.data.sortable thead tr th.sorttable_nosort {cursor: default}
table.data tr td {padding: 3px; border: 1px solid #999}
table.data tr td.divider {padding: 1px; background: #999}
table.data tbody tr.even {background: #eee}
table.data tbody tr.odd {background: #fff}
table.data tbody tr:hover {background: #eef}
table.data tr th.left, table.data tr td.left {text-align: left}
table.data tr th.center, table.data tr td.center {text-align: center}
table.data tr th.right, table.data tr td.right {text-align: right}
table.data tbody tr td.bold {font-weight: bold}
table.data tr td.rowactions {white-space: nowrap}
table.data tr td input.text.update {width: 1.5em; text-align: center}
 #content .game {position: relative}
#content .game h1 {margin-bottom: 5px}
#content .game h3 {margin-top: 1em; color: #369; font: bold italic 14px Arial, Helvetica, sans-serif; border-bottom: 1px solid #9cf}
#content .game h3 img {float: right}
#content .game div.summary {color: #555; font-size: 1.1em; line-height: 1.3em}
#content .game .features {float: left; width: 310px}
#content .game .features img.esrb {float: right; margin: 3px 0 3px 3px}
#content .game .features ul {list-style-type: disc; margin-left: 2em}
#content .game .features ul li {margin-top: 0.5em}
#content .game .sys_req {float: left; width: 250px; margin-left: 20px}
#content .game .sys_req table tr td {border-bottom: 1px solid #CCC; padding: 2px; font-size: 11px; color: #666}
#content .game .sys_req table tr td.key {text-align: right; border-right: 1px solid #CCC}
#content .game img.purchase_buy {float: right; margin-bottom: 10px}
#content .game .screenshots {text-align: center; float: right}
#content .game .screenshots img {border: 1px solid #333}
#content .prices {float: right; text-align: right}
#content .prices .price {color: #666; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: line-through}
#content .prices .yourprice {margin-top: 0.25em; color: #c33; font: bold italic 16px Arial, Helvetica, sans-serif}
#content .prices .yourprice .amount {font-size: 20px}
#content #cart_form table tr td.msrp {color: #666; text-decoration: line-through}
#content #cart_form table tr td.yourprice {font-weight: bold}
#content #cart_form .prices .yourprice {color: #333}
 #related_content .related_games {color: #fff; font: normal 12px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 2px #000}
#related_content .related_games .copy {width: 210px; height: 70px; display: inline-block; vertical-align: top; position: relative}
#related_content .related_games .copy .like {font-size: 24px}
#related_content .related_games .copy .love {font-size: 13px; text-align: right; height: 32px; position: absolute; bottom: 0; right: 0; width: 180px}
#related_content .related_games .copy .love img {float: right; margin-left: 10px}
#related_content div.game {margin: 0 5px; display: inline-block}
.shadow_190x70 {display: inline-block; text-align: center; width: 200px; height: 80px; background: url(/images/shadows/200x80.png) no-repeat top center}