@charset "UTF-8";
/* Global Reset */
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:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1.5;}
ol li, ul li {list-style: none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
/* Clearfix */
.clearfix:after {content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* Global Containers */
html, body {height: 100%;}
body {width: 100%; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #000;}
div {display: block;}
#all {width: 100%; min-width: 980px; min-height: 100%;}
.hidden {display: none;}
/* Header: Global */
#header-global {width: 100%; height: 40px; background: #000;}
#header-global-inner {position: relative; display: block; margin: 0 auto; width: 980px; z-index: 100;}
#country-select {float: left; height: 40px;}
#country-select-list {display: block; float: left;}
.country-select-link {display: block; height: 40px; padding: 0 40px 0 15px; background: #333 url(../assets/country-select-arrow.png) no-repeat right 16px; font: 400 16px/40px "Open Sans Regular", Helvetica, Arial, sans-serif; color: #fff; text-decoration: none;}
.country-select-link:hover {background: #555 url(../assets/country-select-arrow.png) no-repeat right 16px;}
#country-select-list li {height: 40px;}
#country-select-list li > a {display: block; padding: 0 40px 0 15px; font: 400 16px/40px "Open Sans Regular", Helvetica, Arial, sans-serif; color: #fff; text-decoration: none;}
#country-select-list li > a > span {font-size: 11px; line-height: 40px; color: #ddd;}
#country-select-list-more {display: block; float: left;}
#country-select-list-more > li > a {height: 40px; background: #333;}
#country-select-list-more > li > a:hover {background: #555;}
#login-meta {height: 40px; position: absolute; top: 0; right: 0;}
#login-meta a {font: 400 16px/40px "Open Sans Regular", Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff;}
.login-meta-slash {font: 300 18px/40px "Open Sans Light", Helvetica, Arial, sans-serif; color: #838383;}
/* Header: Site */
#header {width: 100%; padding: 0 0 10px 0; background: transparent url(../assets/header-top-bg.png) repeat-x bottom left;}
#header-inner {display: block; margin: 0 auto; width: 980px;}
#logo {float: left; width: 220px; height: 100px; margin: 0 20px 0 0; background: url(../assets/logo-activision.png) no-repeat 0px 18px;}
#logo > a {position: relative; display: block; width: 220px; height: 100px; text-indent: -100px; text-decoration: none; overflow: hidden;}
#logo > a > span {position: absolute; top: 72px; left: 100px; display: block; width: 160px; font: 300 11px/11px "Open Sans Light", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #666; z-index: 0; cursor: pointer;}
/* Navigation: Main */
#navigation {float: left; width: 510px; height: 100px; margin: 0 0 0 10px;}
#navigation > ul {height: 100px;}
#navigation > ul > li {float: left; max-width: 170px;height: 100px;}
#navigation > ul > li > a {display: block; min-width: 130px; max-width: 150px; height: 80px; padding: 16px 0 0 0; font: 700 14px/18px "Open Sans Bold", Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #333;}
#navigation > ul > li > a > span {display: block; margin: 10px; padding: 0 0 5px 0;}
#navigation > ul > li > a:hover > span {color: #2abcff; border-bottom: 5px solid #2abcff;}
/* Search Component */
#search {position: relative;float: left; width: 220px; height: 100px;}
#search-box {position: absolute; top: 30px; width: 200px; height: 36px; margin: 0 10px; background: transparent url(../assets/search-box-bg.png) no-repeat top left; z-index: 100;}
#search-box-input {position: absolute; width: 180px; height: 18px; padding: 9px 10px; border: 0; background: transparent; font: 300 16px/18px "Open Sans Light", Arial, Helvetica, san-serif; -webkit-appearance: none; z-index: 110;}
#search-string {position: absolute; top: 30px; left: 20px; height: 36px; font: 300 16px/36px "Open Sans Light", sans-serif; font-style: italic; color: #ccc; z-index: 0;}
#search-results {position: relative; width: 220px; margin: 18px 0 0 0; background: #fff; -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.2); z-index: 50;}
#search-results-inner {padding: 60px 0 10px 0;}
#search-results-inner > h3 {padding: 0px 10px 10px 10px; font: italic 400 12px/16px "Open Sans Italic", sans-serif; color: #999;}
#search-results-inner > ul {margin: 0 10px;}
#search-results-inner > ul > li {margin: 0 0 10px 0;}
#search-results-inner > ul > li:last-child {margin: 0;}
#search-results-inner > ul > li > a {font: 400 12px/16px "Open Sans Regular", sans-serif; text-decoration: none; color: #222;}
#search-results-inner > ul > li > a:hover {color: #2abcff;}
#search-results-inner > ul > li.all-results > a {display: block; padding: 5px; background: #eee; font: 700 12px/16px "Open Sans Bold", sans-serif; text-decoration: none; text-align: center; color: #222;}
#search-results-inner > ul > li.all-results > a:hover {background: #2abcff; color: #fff;}
/* Alerts */
#alerts {width: 100%; margin: 20px 0 0 0;}
#alerts-inner {display: block; margin: 0 auto; width: 980px; height: 40px; font-family: 700 "Open Sans Bold", sans-serif;}
#alerts-navigation {}
#alerts-navigation > ul > li {float: left; margin: 0 10px 5px 0; padding: 2px 0; font: 400 11px/13px "Open Sans Regular", Arial, Helvetica, sans-serif; text-decoration: none; color: #999; cursor: pointer;}
#alerts-navigation > ul > li.selected {font-family: "Open Sans Bold", Arial, Helvetica, sans-serif; font-weight: 700; color: #8c1e1e;}
#alerts-content {display: block;}
#alerts-content > div {width: 980px; background: #8c1e1e; vertical-align: baseline;}
#alerts-content > div > a {position: relative; display: block; padding: 5px 10px; background: #8c1e1e; font: 300 18px/28px "Open Sans Light", Arial, Helvetica, sans-serif; text-decoration: none; color: #fff;}
#alerts-content > div > a > span {position: absolute; top: 9px; margin: 0 0 0 10px; padding: 5px; background: #681010; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #eee; cursor: pointer;}
/* Content */
#content {width: 100%; margin: 30px 0 0 0; padding: 0 0 230px 0;}
#content-inner {margin: 0 auto; width: 980px; overflow: hidden;}
/* Page Titles */
#title-frame {display: block;}
#title-page {display: block; float: left; font: 300 40px/50px "Open Sans Light", sans-serif; text-indent: -1px; color: #888;}
#title-page-specific {display: block; float: left; margin: 14px 0 0 10px; font: 300 25px/25px "Open Sans Light", sans-serif;}
/* Breadcrumbs */
.breadcrumbs {position: relative; width: 980px; margin: 0 0 15px 0;}
.breadcrumbs > div {display: inline; float: left;}
.breadcrumbs > div > a {font: 300 12px/16px "Open Sans Light", sans-serif; text-decoration: none; color: #999;}
.breadcrumbs > div > a:hover, .breadcrumbs > div > a.selected {color: #222;}
.breadcrumbs > span {float: left; padding: 0 4px; font: 300 12px/16px "Open Sans Light", sans-serif; color: #ddd;}
/* Module: Games Carousel */
#module-games {position: relative; width: 990px;}
#module-games-list {width: 990px; margin: 0 -5px;}
#module-games-list > li {float: left; width: 188px; height: 265px; margin: 0 5px; background: #eee;}
#module-games > a.carousel-action {position: absolute; display: block; width: 50px; height: 50px; overflow: hidden; text-indent: -100px; z-index: 100;}
#module-games > a.carousel-prev {top: 105px; left: -10px; border: 2px solid #fff; border-left: 10px solid #fff; background: transparent url(../assets/carousel-left-arrow.png) no-repeat top left;}
#module-games > a:hover.carousel-prev {background: transparent url(../assets/carousel-left-arrow.png) no-repeat 0px -50px;}
#module-games > a.carousel-next {top: 105px; right: 0; border: 2px solid #fff; border-right: 10px solid #fff; background: transparent url(../assets/carousel-right-arrow.png) no-repeat top left;}
#module-games > a:hover.carousel-next {background: transparent url(../assets/carousel-right-arrow.png) no-repeat 0px -50px;}
/* Module: Editorial Boxes */
#module-editorial-boxes {position: relative; width: 990px; margin: 20px -5px 0 -5px;}
#module-editorial-boxes > .module {float: left; width: 320px; margin: 0 5px 10px 5px;}
#module-editorial-boxes > .module > h3.no-link {display: block; padding: 0 10px; background: #222; font: 300 16px/36px "Open Sans Light", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#module-editorial-boxes > .module > h3 > a {display: block; padding: 0 10px; background: #222; font: 300 16px/36px "Open Sans Light", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
/* Editorial Box: Support Topics */
.module-topics > .module-topics-list {margin: 20px 0 0 0;}
.module-topics > .module-topics-list > li {display: block;}
.module-topics > .module-topics-list > li > a {display: block; padding: 0 0 15px 30px; background: transparent url(../assets/module-topics-arrow.png) no-repeat 12px 4px; font:700 14px/20px "Open Sans Bold", Helvetica, Arial, sans-serif; text-decoration: none; color: #222;}
.module-topics > .module-topics-list > li > a:hover {color: #2abcff;}
/* Editorial Box: Account Login/Signup */
.module-account {border-top: 5px solid #2abcff; padding: 10px 0 0 0;}
.module-account > .module-account-text {font: 300 22px/28px "Open Sans Light", Helvetica, Arial, sans-serif;}
.module-account > .module-account-text > p > a {font: 700 22px/28px "Open Sans Bold", Helvetica, Arial, sans-serif; text-decoration: none; color: #222; white-space: nowrap;}
.module-account > .module-account-text > p > a:hover {color: #2abcff;}
.module-account > .module-account-links {padding: 20px 0 0 0;}
.module-account > .module-account-links > a {display: block; float: left; margin: 0 7px 0 0; padding: 10px 15px 10px 30px; background: #2abcff url(../assets/module-account-links-arrow.png) no-repeat 15px 12px; font: 700 13px/16px "Open Sans Bold", sans-serif; color: #fff; text-decoration: none; text-transform: uppercase;}
/* Editorial Box: Server Status */
.module-server-status > .module-server-status-console-list {padding: 10px 0 5px 0; border-bottom: 1px dotted #ddd; font: 300 22px/30px "Open Sans Light", sans-serif; text-align: center;}
.module-server-status > .module-server-status-console-list > li {display: inline-block; *display: inline; *zoom: 1; height: 30px; padding: 0 2px;}
.module-server-status > .module-server-status-console-list > li > a {color: #000; text-decoration:none;}
.module-server-status > .module-server-status-console-list > li > a:hover {color: #2abcff; border-bottom: 2px solid #2abcff;}
.module-server-status > .module-server-status-game-status {display: block; padding: 10px 0 0 0;}
.module-server-status-game-list {float: left; margin: 0 0 0 15px;}
.module-server-status-game-list > li {margin: 0 0 15px 0; padding: 3px 0 3px 0;}
.module-server-status-game-list > li > a {display: block; color: #000; font: 700 14px/14px "Open Sans Bold", Helvetica, Arial, sans-serif; text-decoration: none;}
.module-server-status-status-list {float: right; margin: 0 15px 0 0;}
.module-server-status-status-list > li {margin: 0 0 15px 0; padding: 3px; color: #fff; background: #18cd00;}
.module-server-status-status-list > li > a {display: block; color: #fff; text-decoration: none; font: 400 14px/14px "Open Sans Regular", Helvetica, Arial, sans-serif;}
/* Editorial Box: Text Image */
.module-image {}
.module-image > img {}
.module-image > p {margin: 10px 0 0 0; font: 300 18px/26px "Open Sans Light", sans-serif;}
.module-image > p > a {color: #2abcff;}
.module-image > p > a:hover {color: #69d0ff;}
/* My Support */
#my-support-frame {display: block; width: 980px; margin: 40px 0 0 0;}
#my-support-nav {float: left; width: 260px;}
#my-support-nav > ul {display: block; width: 255px; border-left: 5px solid #2abcff;}
#my-support-nav > ul > li {display: block; width: 255px;}
#my-support-nav > ul > li > a {display: block; margin: 10px 0 0 0; padding: 10px 15px; background: #eee; font: 300 25px/25px "Open Sans Light", sans-serif; text-decoration: none; color: #222;}
#my-support-nav > ul > li:first-child > a {margin: 0;}
#my-support-nav > ul > li > a:hover, #my-support-nav > ul > li > a.selected {background: #2abcff; color: #fff;}
#my-support-nav > ul > li > a.unselected:hover {background: #a9ca00; color: #fff;}
#my-support-nav > ul > li > a.communityselected {background: #a9ca00; color: #fff;}
#my-support-nav > ul > li > a.sublink {margin: 10px 0 0 0; padding: 10px 15px 10px 45px; font: 300 18px/18px "Open Sans Light", sans-serif; text-decoration: none;}
#my-support-nav > ul > li > a:hover.sublink {color: #2abcff;}
#my-support-nav > ul > li > a.add-a-game {background: #fff url(../assets/icon-add-a-game.png) no-repeat 20px 12px;}
#my-support-nav > ul > li > a:hover.add-a-game {background: #fff url(../assets/icon-add-a-game.png) no-repeat 20px -88px;}
#my-support-content {float: left; width: 720px;}
/* Module: Games I Own */
#my-support-content > .platform-title {padding: 0 0 10px 20px; font: 700 24px/24px "Open Sans Bold", sans-serif; text-decoration: none; color: #333;}
#my-support-content > .games-list {width: 720px;}
#my-support-content > .games-list > li {float: left; width: 220px; margin: 0 0 30px 20px;}
#my-support-content > .games-list > li > a {position: relative; display: block; width: 220px; height: 311px; color: #fff;}
#my-support-content > .games-list > li > a:hover.support-link {text-decoration: underline; color: #2abcff;}
#my-support-content > .games-list > li > a > span {position: absolute; right: 0; bottom: 0; left: 0; padding: 10px; background: #222; font: 300 14px/18px "Open Sans Light", sans-serif; cursor: pointer;}
#my-support-content > .games-list > li > a:hover > span {background: #2abcff;}
.games-support-links {width: 220px; margin: 5px 0 0 0;}
.games-support-links > li {display: block; margin: 5px 0 0 0;}
.games-support-links > li > a {display: block; padding: 10px 7px 10px 30px; background: #eee; font: 300 15px/15px "Open Sans Light", sans-serif; text-decoration: none; color: #222;}
.games-support-links > li > a:hover {background: #2abcff; color: #fff;}
.games-support-links > li > a.support-hub {background: #eee url(../assets/icon-support-hub.png) no-repeat 10px 11px;}
.games-support-links > li > a:hover.support-hub {background: #2abcff url(../assets/icon-support-hub.png) no-repeat 10px -89px;}
.games-support-links > li > a.remove-product {background: #eee url(../assets/icon-remove-product.png) no-repeat 10px 11px;}
.games-support-links > li > a:hover.remove-product {background: #2abcff url(../assets/icon-remove-product.png) no-repeat 10px -89px;}
/* Module: Support Cases */
#case-list {width: 700px; padding: 0 0 0 20px;}
#case-list > li > .title {float: left; margin: 0 0 5px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ddd; font: 300 14px/14px "Open Sans Light", sans-serif; color: #666;}
#case-list > li > .status-title {width: 100px;}
#case-list > li > .case-title {width: 440px; padding-left: 10px;}
#case-list > li > .updated-title {width: 150px;}
#case-list > li > a {display: block;}
#case-list > li > a:hover {background: #eee;}
#case-list > li > a > span {display: block; float: left; font: 400 12px/15px "Open Sans Regular", sans-serif; color: #222;}
#case-list > li > a > .status {width: 90px; padding: 10px 10px 10px 0px;}
#case-list > li > a > .case {width: 430px; padding: 10px;}
#case-list > li > a > .case > .bold {font: 700 12px/15px "Open Sans Bold", sans-serif;}
#case-list > li > a:hover > .case {text-decoration: underline;}
#case-list > li > a > .updated {width: 140px; padding: 10px 10px 10px 0px;}
/* Module: Support Cases Detail View */
#case-detail-view {width: 700px; padding: 0 0 0 20px;}
#case-detail-view > h4 {margin: 0 0 5px 0; font: 300 32px/38px "Open Sans Light", sans-serif; color: #222;}
#case-detail-view > .game-and-platform {margin: 0 0 5px 0; font: 700 16px/22px "Open Sans Bold", sans-serif; color: #333;}
#case-detail-view > .last-updated {font: 300 12px/12px "Open Sans Light", sans-serif; text-transform: uppercase;}
#case-detail-view > #updates-list {width: 700px; margin: 40px 0 0 0;}
#case-detail-view > #updates-list > li.title-bar > .title {float: left; padding: 0 0 5px 0; font: 300 14px/14px "Open Sans Light", sans-serif; color: #666;}
#case-detail-view > #updates-list > li.title-bar > .updates-text-title {width: 510px;}
#case-detail-view > #updates-list > li.title-bar > .updates-time-title {width: 190px;}
#case-detail-view > #updates-list > li.update {width: 700px; border-top: 1px dotted #ddd;}
#case-detail-view > #updates-list > li.update > .updates-text {float: left; width: 500px; padding: 10px 10px 10px 0; font: 300 16px/20px "Open Sans Light", sans-serif;}
#case-detail-view > #updates-list > li.update > .updates-time {float: left; width: 190px; padding: 10px 0; font: italic 300 16px/20px "Open Sans Light", sans-serif; color: #999;}
/* Article Title */
#article-title-frame {width: 100%; margin: 0 0 15px 0; padding: 0 0 20px 0; background: transparent url(../assets/article-divider.png) repeat-x bottom left;}
#article-title {font: 400 26px/30px "Open Sans Regular", sans-serif; color: #222;}
/* Article List */
#article-list {float: left; width: 660px;}
#article-link-list {width: 660px; margin: 30px 0 0 0;}
#article-link-list > li {position: relative; margin: 0 0 20px 0;}
#article-link-list > li > .article-type {position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 5px; background: #2abcff; overflow: hidden; text-indent: -1000px;}
#article-link-list > li > a {display: block; width: 635px; padding: 0 0 0 20px; text-decoration: none;}
#article-link-list > li > a > span.link-title {display: block; font: 300 24px/30px "Open Sans Light", sans-serif; color: #222;}
#article-link-list > li > a > span.link-excerpt {display: block; margin: 10px 0 0 0; font: italic 300 14px/18px "Open Sans Italic", sans-serif; color: #666;}
/* Article: Rich Text Field */
.sfdc_richtext ul li {list-style: disc;}
.sfdc_richtext ol li {list-style: decimal;}
/* Warranty */
#warranty-container {position: relative; width: 980px; margin: 30px 0 0 0;}
#warranty-steps {list-style: decimal inside none; margin: 20px 0 0 0;}
#warranty-steps > li {display: list-item; list-style: decimal inside none; padding: 10px 0; float: left; margin: 0 15px 0 0; font: 300 18px/25px "Open Sans Light", sans-serif; border-bottom: 4px solid #eee; color: #ccc;}
#warranty-steps > li.completed {border-bottom: 4px solid #2abcff; color: #222;}
#warranty-steps > li.current {border-bottom: 4px solid #2abcff; color: #2abcff;}
/* Warranty Select Product */
#warranty-container > .warranty-subtitle {font: 400 22px/30px "Open Sans Regular", sans-serif; color: #222;}
/* Warranty Contact Information */
#warranty-product {float: left; width: 400px;}
#warranty-product > .product {display: block; padding: 10px; background: #eee;}
#warranty-product > .product > img {float: left; width: 70px; height: 70px; padding: 0 10px 0 0;}
#warranty-product > .product > .product-text {float: left; width: 300px;}
#warranty-product > .product > .product-text > .product-title-label {display: block; font: 300 12px/15px "Open Sans Light", sans-serif; color: #666;}
#warranty-product > .product > .product-text > .product-title {display: block; font: 300 22px/30px "Open Sans Light", sans-serif; color: #222;}
#warranty-product > .product > .product-text > .product-platform {display: block; padding: 3px 0 0 0; font: 700 14px/18px "Open Sans Bold", sans-serif; color: #222;}
#warranty-contact-personal {float: left; width: 400px; margin: 0 0 0 20px;}
#warranty-contact-personal > div {margin: 0 0 20px 0;}
#warranty-container .full-width {display: block; float: left; width: 400px; overflow: hidden;}
#warranty-container .full-width > input {width: 370px;}
#warranty-container .full-width > .select-container {width: 383px; overflow: hidden;}
#warranty-container .full-width > .select-container > select {background: #fff url(../assets/select-arrow.png) no-repeat 355px 7px;}
#warranty-container .half-width {display: block; float: left; width: 200px; overflow: hidden;}
#warranty-container .half-width > input {width: 170px; margin: 0 0 5px 0;}
#warranty-container .half-width > .select-container {width: 183px; overflow: hidden;}
#warranty-container .half-width > .select-container > select {background: #fff url(../assets/select-arrow.png) no-repeat 155px 7px;}
#warranty-contact-personal label {display: block; margin: 0 0 5px 0; font: 300 12px/15px "Open Sans Light", sans-serif; color: #666;}
#warranty-contact-personal input {margin: 0 0 5px 0; padding: 7px 6px; font: 300 14px/20px "Open Sans Light", sans-serif; border: 1px solid #ccc; box-shadow: inset 1px 1px 2px #eee; outline: 0;}
#warranty-contact-personal input:focus, #warranty-contact-personal textarea:focus {border: 1px solid #2abcff; box-shadow: inset 1px 1px 2px #b0e6ff; outline: 0px none transparent;}
#warranty-contact-personal .select-container {border: 1px solid #ccc;}
#warranty-contact-personal select {width: 120%; height: 34px; padding: 7px 5px; font: 300 14px/20px "Open Sans Light", sans-serif; border: 0; border-radius: 0; box-shadow: inset 1px 1px 2px #eee; -webkit-appearance: none; cursor: pointer;}
#warranty-contact-personal textarea {width: 370px; min-width: 370px; max-width: 370px; min-height: 100px; margin: 0 0 5px 0; padding: 7px 6px; font: 300 14px/20px "Open Sans Light", sans-serif; border: 1px solid #ccc; box-shadow: inset 1px 1px 2px #eee; outline: 0;}
/* Warranty Review */
#warranty-review {float: left; width: 400px; margin: 0 0 0 20px;}
#warranty-review span.review-label {display: block; margin: 0 0 5px 0; font: 300 12px/15px "Open Sans Light", sans-serif; color: #666;}
#warranty-review span.review-content {display: block; margin: 0 0 20px 0; font: 400 18px/24px "Open Sans Regular", sans-serif; color: #222;}
/* Warranty Pagination */
#warranty-pagination {width: 100%;}
#warranty-pagination > div {display: block; float: left; width: 400px; text-align: center;}
#warranty-pagination > div > a {display: block; padding: 10px; font: 700 18px/24px "Open Sans Bold", sans-serif; text-decoration: none; color: #222;}
#warranty-pagination > div > a:hover {color: #fff;}
#warranty-pagination .button-return {background: #eee url(../assets/button-back.png) no-repeat center left; margin: 0 20px 0 0;}
#warranty-pagination .button-return > a:hover {background: #2abcff url(../assets/button-back.png) no-repeat center left;}
#warranty-pagination .button-forward {background: #eee url(../assets/button-forward.png) no-repeat center right;}
#warranty-pagination .button-forward > a:hover {background: #2abcff url(../assets/button-forward.png) no-repeat center right;}
/* Warranty Confirmation */
#warranty-confirmation {width: 100%;}
#warranty-confirmation > p {margin: 0 0 20px 0; font: 400 36px/46px "Open Sans Regular", sans-serif; color: #222;}
/* Article Meta */
.article-meta {width: 100%; margin: 0 0 20px 0;}
/* Article Meta: Utility, Social & Sharing */
.article-meta > .utility {float: right; height: 30px;}
.article-meta > .utility > a {display: block; float: left; width: 30px; height: 30px; margin: 0 0 0 10px; overflow: hidden; text-indent: -100px;}
.article-meta > .utility > a.facebook {background: url(../assets/article-meta.png) no-repeat -90px 0px;}
.article-meta > .utility > a.twitter {background: url(../assets/article-meta.png) no-repeat -60px 0px;}
.article-meta > .utility > a.email {background: url(../assets/article-meta.png) no-repeat -30px 0px;}
.article-meta > .utility > a.print {background: url(../assets/article-meta.png) no-repeat top left;}
.article-meta > .utility > a:hover.facebook {background: url(../assets/article-meta.png) no-repeat -90px -30px;}
.article-meta > .utility > a:hover.twitter {background: url(../assets/article-meta.png) no-repeat -60px -30px;}
.article-meta > .utility > a:hover.email {background: url(../assets/article-meta.png) no-repeat -30px -30px;}
.article-meta > .utility > a:hover.print {background: url(../assets/article-meta.png) no-repeat 0px -30px;}
/* Article Meta: Solved Button */
.article-solved-button {float: left; height: 30px;}
.article-solved-button > a.solved {position: relative; display: inline-block; *zoom: 1; *display: inline; height: 30px; padding: 0 0 0 32px; background: #eee; text-decoration: none;}
.article-solved-button > a.selected {cursor: default;}
.article-solved-button > a > span.check {position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; background: #222 url(../assets/article-check.png) no-repeat top left; border-right: 2px solid #fff; text-indent: -100px; overflow: hidden;}
.article-solved-button > a > span.text {padding: 0 10px; font: 700 14px/30px "Open Sans Bold", sans-serif; color: #222;}
.article-number-helped {display: block; position: relative; float: left; padding: 0 0 0 15px; font: 300 14px/30px "Open Sans Light", sans-serif; color: #222;}
.article-number-helped strong {font: 700 14px/30px "Open Sans Bold", sans-serif;}
/* Article: Body */
#article-body {display: block;}
#article-body p {margin: 0 0 15px 0; font: 400 14px/22px "Open Sans Regular", sans-serif; color: #222;}
#article-body a {color: #2abcff;}
#article-body a:hover {color: #69d0ff;}
#article-body b {font-weight: bold; font-family: "Open Sans Bold", sans-serif;}
#article-body i {font-style: italic; font-family: "Open Sans Italic", sans-serif;}
#article-body img {display: block; margin: 0 0 15px 0;}
#article-body ol {list-style: decimal outside none; margin: 0 0 0 20px; padding: 0 0 20px 20px;}
#article-body ol li {display: list-item; list-style: decimal outside none; font: 400 14px/22px "Open Sans Regular", sans-serif; color: #222;}
#article-body ol li ol, #article-body ol li ul, #article-body ul li ol, #article-body ul li ul {padding: 0 0 0 20px;}
#article-body ul {list-style: disc outside none; margin: 0 0 0 20px; padding: 0 0 20px 20px;}
#article-body ul li {display: list-item; list-style: disc outside none; font: 400 14px/22px "Open Sans Regular", sans-serif; color: #222;}
/* Article: Survey */
.article-survey {display: block; padding: 15px 0; background: transparent url(../assets/article-divider.png) repeat-x top left; font: 400 14px/25px "Open Sans Regular", sans-serif; color: #222; }
.article-survey > a {color: #2abcff;}
.article-survey > a:hover {color: #69d0ff;}
/* Pagination */
#pagination {display: block;}
#pagination > li {float: left;}
#pagination > li > a {display: block; padding: 5px; background: #E6E6E6; font: 300 12px/15px "Open Sans Light", sans-serif; text-decoration: none; color: #222;}
#pagination > li > a:hover {background: #2abcff; color: #fff}
#pagination > .previous {margin: 0 5px 0 0;}
#pagination > .page-on {margin: 0 5px; padding: 4px; border: 1px solid #2abcff; font: 300 12px/15px "Open Sans Light", sans-serif; text-decoration: none; color: #222;}
#pagination > .page-number {margin: 0 5px;}
#pagination > .next {margin: 0 5px;}
/* Right Column */
#right-col {float: left; width: 300px; padding: 0 0 0 20px;}
#right-col > .module {display: block; margin: 20px 0 0 0;}
#right-col > .module > h3.no-link {display: block; padding: 0 10px; background: #222; font: 300 16px/36px "Open Sans Light", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#right-col > .module > h3 > a {display: block; padding: 0 10px; background: #222; font: 300 16px/36px "Open Sans Light", Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
/* Module: Game Emblem */
#game-emblem {display: block; overflow: hidden;}
#game-emblem > img {float: left; width: 70px; height: 70px;}
#game-emblem > .game-container {float: left; width: 200px; margin: 0 0 0 10px;}
#game-emblem > .game-container > .game-label {font: 300 12px/12px "Open Sans Light", sans-serif; color: #888;}
#game-emblem > .game-container > .game-title {margin: 3px 0 0 -1px; font: 300 22px/28px "Open Sans Light", sans-serif; color: #222;}
/* Module: Text Block (300) */
.module-text-block {display: block; padding: 10px; background: #eee;}
.module-text-block > p {font: 300 18px/24px "Open Sans Light", sans-serif; color: #222;}
.module-text-block > p > a {color: #2abcff; white-space: nowrap;}
.module-text-block > p > a:hover {color: #69d0ff;}
/* Module: External Link (300) */
.module-external-link {display: block;}
.module-external-link > a {display: block; padding: 10px 50px 10px 10px; background: #2abcff url(../assets/external-link.png) no-repeat center right; font: 700 18px/24px "Open Sans Bold", sans-serif; text-decoration: none; color: #fff;}
.module-external-link > a:hover {background: #69d0ff url(../assets/external-link.png) no-repeat center right;}
/* Footer */
#footer {position: relative; margin-top: -230px; padding: 7px 0 0 0; height: 210px; overflow: hidden; clear: both; background: transparent url(../assets/footer-bottom-bg.png) repeat-x top left;}
#footer-inner {margin: 0 auto; padding: 20px 0 0 0; width: 980px;}
#footer-sitemap {float: left;}
#footer-sitemap > ul {float: left; margin: 0 7px 0 0;}
#footer-sitemap > ul > li {margin: 0 0 7px 0;}
#footer-sitemap > ul > li > h3 {font: 700 12px/12px "Open Sans Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #2abcff;}
#footer-sitemap > ul > li > a {font: 400 12px/12px "Open Sans Regular", Arial, Helvetica, sans-serif; text-decoration: none; color: #222;}
#footer-sitemap > ul > li > a:hover {text-decoration: underline;}
#footer-legal {float: right;}
#footer-legal-logo {width: 186px; height: 43px;}
#footer-legal-logo > h2 {display: block; width: 186px; height: 43px; overflow: hidden; background: transparent url(../assets/footer-logo-activision.png) no-repeat top left; text-indent: -100px;}
#footer-legal-warning {width: 166px; margin: 10px 0 0 0; padding: 10px; font: 400 9px/12px "Open Sans Regular", sans-serif; background: #f1f1f1; color: #222;}
#footer-legal-warning > a {font: 700 9px/12px "Open Sans Bold", sans-serif; text-decoration: underline; color: #222; white-space: nowrap;}
#footer-external {float: right; width: 325px; margin: 0 10px 0 0;}
#footer-external > div > a {opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);}
.footer-external-bbb {display: block; float: left; width: 113px; height: 44px;}
.footer-external-esrb-privacy {display: block; float: left; width: 113px; height: 46px; margin: 5px 0 0 0;}
.footer-external-esrb-rating {display: block; float: left; width: 77px; height: 53px; margin: 0 5px 0 0;}
.footer-external-esrb-18 {display: block; float: left; width: 53px; height: 75px; margin: 0 5px 0 0;}
.footer-external-pegionline {display: block; float: left; width: 60px; height: 75px; margin: 0 5px 0 0;}
.footer-external-pegi-18 {display: block; float: left; width: 56px; height: 75px; margin: 0 5px 0 0;}
.footer-external-usk-18 {display: block; float: left; width: 60px; height: 60px; margin: 0 5px 0 0;}