
/*********************************************************************************** 
CSS 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    clear: both; 
    content:".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    min-width: 0;
 }

/*********************************************************************************** 
FONTS
***********************************************************************************/

@font-face {
    font-family: 'MetaBoldRegular';
    src: url('/etc/designs/atvi/callofduty/fonts/metabold-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/metabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/metabold-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/metabold-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/metabold-webfont.svg#MetaBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'HelveticaNeueLTStd55Roman';
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-roman-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd65Medium';
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-md-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-md-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStd65Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd67MdCn';
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-mdcn-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd77BdCnOb';
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.svg#HelveticaNeueLTStd77BdCnOb') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd77BdCn';
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcn-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BankGothicLtBTLight';
    src: url('/etc/designs/atvi/callofduty/fonts/bankgothic_light_bt-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/bankgothic_light_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/bankgothic_light_bt-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/bankgothic_light_bt-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/bankgothic_light_bt-webfont.svg#BankGothicLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BankGothicMdBTMedium';
    src: url('/etc/designs/atvi/callofduty/fonts/bankgothic_medium_bt-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/bankgothic_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/bankgothic_medium_bt-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/bankgothic_medium_bt-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/bankgothic_medium_bt-webfont.svg#BankGothicMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeogrotesqueMedium';
    src: url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-md-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-md-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-md-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-md-webfont.svg#GeogrotesqueMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GeogrotesqueSemiBold';
    src: url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-sb-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-sb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-sb-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-sb-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geogtq-sb-webfont.svg#GeogrotesqueSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeogrotesqueSemiBoldItalic';
    src: url('/etc/designs/atvi/callofduty/fonts/hub/geog-sbit-webfont.eot');
    src: url('/etc/designs/atvi/callofduty/fonts/hub/geog-sbit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geog-sbit-webfont.woff') format('woff'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geog-sbit-webfont.ttf') format('truetype'),
         url('/etc/designs/atvi/callofduty/fonts/hub/geog-sbit-webfont.svg#GeogrotesqueSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bankgothicbold';
    src: url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.eot');
    src: url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.woff') format('woff'),
         url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.ttf') format('truetype'),
         url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/bankgothic_bold-webfont.svg#bankgothicbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
        font-family: 'HelveticaNeueLTStd-BdIt';
        src: url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.eot');
        src: url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.eot?#iefix') format('embedded-opentype'),
                 url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.woff') format('woff'),
                 url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.ttf') format('truetype'),
                 url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstdbdit.svg#helveticaneueltstdbdit') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'HelveticaNeueLTCom-BdCnO';
        src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.eot');
        src: url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.eot?#iefix') format('embedded-opentype'),
                 url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.woff') format('woff'),
                 url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.ttf') format('truetype'),
                 url('/etc/designs/atvi/callofduty/fonts/helveticaneueltstd-bdcno-webfont.svg#helveticaneueltstd-bdcno-webfont') format('svg');
        font-weight: normal;
        font-style: normal;
}

/******* Replacer 2.0 fonts ***********/
@font-face {
    font-family: 'HelveticaNeueLTStd75Bold';
    src: url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.eot');
    src: url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.woff') format('woff'),
         url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.ttf') format('truetype'),
         url('/content/dam/atvi/callofduty/blackops2/cod-bo2/fonts/helveticaneueltstd-bd.svg#HelveticaNeueLTStd75Bold') format('svg');
}



/******* Replacer 2.0 fonts ends ***********/

a { color: #fff; text-decoration: none; }
a:visited { color: #fff; }
a:hover { color: #ec6f00; outline: 0; }
a:focus { outline: thin dotted; }

h1,h2,h3,h4,h5,h6 {
    text-transform: uppercase;
}


/*********************************************************************************** 
BUTTONS 
***********************************************************************************/
.button {
    background: url(images/button-sprite.png) no-repeat;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    font-size: 18px;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
    filter: dropshadow(color=#000, offx=2, offy=2);
}

.button .front {
    background: url(images/button-sprite.png) no-repeat;
    float: left;
    width: 58px;
    margin-right: -38px;
    height: 34px;
}

.button .back {
    background: url(images/button-sprite.png) no-repeat;
    float: right;
    width: 55px;
    margin-left: -23px;
    height: 34px;
}

.btn-1 { background-position: right -34px; }
.btn-1:hover { background-position: right -102px; }
.btn-1 .front { background-position: 0 0; }
.btn-1:hover .front { background-position: 0 -68px; }
.btn-1 .back { background-position: -196px 0; }
.btn-1:hover .back { background-position: -196px -68px; }

.btn-2 { background-position: right -170px; }
.btn-2:hover { background-position: right -239px; }
.btn-2 .front { background-position: 0 -136px; }
.btn-2:hover .front { background-position: 0 -204px; }
.btn-2 .back { background-position: -196px -136px; }
.btn-2:hover .back { background-position: -196px -204px; }

 
a.btn-2 {color: #ec6f00;}
/*.btn-2 { background-position: right -162px; height: 34px; color: #ec6f00;}
.btn-2:hover { background-position: right -230px; color: #ffffff;}
.btn-2 .front { background-position: 0 -128px; width: 70px; height: 34px; margin-right: -50px; }
.btn-2:hover .front { background-position: 0 -196px; }
.btn-2 .back { background-position: -190px -128px; width: 62px; height: 34px; margin-left: -17px; }
.btn-2:hover .back { background-position: -190px -196px; }*/

.btn-3 { background-position: right -264px; height: 23px; font-size: 12px; line-height: 22px;text-transform: none;
    font-family: 'HelveticaNeueLTStd55Roman';
    letter-spacing: 0;}
.btn-3:hover { background-position: right -264px;  color: #ec6f00;}
.btn-3 .front { background-position: 0 -287px; width: 35px; height: 23px; margin-right: -20px; }
.btn-3:hover .front { background-position: 0 -287px; }
.btn-3 .back { background-position: -210px -264px; width: 40px; height: 23px; margin-left: -15px; }
.btn-3:hover .back { background-position: -210px -264px; }

/*********************************************************************************** 
GLOBALS 
***********************************************************************************/

/** Body styles **/
body .SSO-BAR #sso-bar-menu > li > a {
    font-family:  'HelveticaNeueLTCom-BdCnO',Helvetica,Arial,sans-serif;
}
body {
    background: url(images/bg_body.jpg) top center no-repeat #000;
    font-family: Arial, sans-serif; 
    line-height: 1.4; 
}
body.homepage {
    background: url(/content/dam/atvi/callofduty/blackops2/cod-bo2/dlc/dlc4-bg-apocalypse.jpg) top center no-repeat #000;
}
div.container {
    position: relative; 
    min-height: 653px;
    margin-top: 20px;
    margin-left: 5px;
}

/** Header styles **/

.header-container {
    background: url(images/bg_header.png) top center no-repeat; 
    height: 115px;
}

.header {
    padding-top: 7px;  

}

#header {
    width: 960px;
    margin: 0 auto;
    font-family: 'BankGothicMdBTMedium',helvetica,arial,sans-serif;
    text-transform: uppercase; 
}

#header .c0 {
    width: 189px;
    float: left;
    margin-right: 35px;
    position: relative;
    top: 23px;
    left: 5px;
    z-index: 200;
}

#header .c1 {
    width: 510px;
    float: left;
    margin-top: 35px;
    position: relative;
    z-index: 200;
}
#header.fr .c1,
#header.it .c1 {
    width: 590px;
}
#header.es .c1 {
    width: 620px;
}
#header .c1 ul {
    border-top: solid 1px #4D4D4D;
    display: inline-block;
    position: relative;
    padding-top: 2px;
}

#header .c1 #header-bottom-menu li {
    display: inline-block; 
    margin: -1px 30px 0;
}

#header .c1 #header-bottom-menu.en li, #header .c1 #header-bottom-menu.en_gb li, #header .c1 #header-bottom-menu.en_ca li, #header .c1 #header-bottom-menu.en_au li { 
    margin: -3px 30px 0;
}
/*
#header .c1 #header-bottom-menu.es li { 
    margin: -1px 5px 0 25px;
}
#header .c1 #header-bottom-menu.de li { 
    margin: -1px 12px 0;
}
#header .c1 #header-bottom-menu.fr li {
    margin: -1px 5px 0 26px;
} 

#header .c1 #header-bottom-menu.fr_ca li {
    margin: -1px 5px 0 26px;
}

#header .c1 #header-bottom-menu.it li { 
    margin: -1px 5px 0 43px;
} */

#header .c1 ul li:first-child {
 margin-left: 0;
}

#header .c1 #header-bottom-menu.en li:first-child,
#header .c1 #header-bottom-menu.en_gb li:first-child,
#header .c1 #header-bottom-menu.en_ca li:first-child,
#header .c1 #header-bottom-menu.en_au li:first-child,
#header .c1 #header-bottom-menu.es li:first-child,
#header .c1 #header-bottom-menu.de li:first-child,
#header .c1 #header-bottom-menu.fr li:first-child,
#header .c1 #header-bottom-menu.fr_ca li:first-child,
#header .c1 #header-bottom-menu.it li:first-child {
    margin-left: 0;                               
}

#header .c1 #header-bottom-menu.en li:last-child,
#header .c1 #header-bottom-menu.en_gb li:last-child,
#header .c1 #header-bottom-menu.en_ca li:last-child,
#header .c1 #header-bottom-menu.en_au li:last-child,
#header .c1 #header-bottom-menu.es li:last-child,
#header .c1 #header-bottom-menu.de li:last-child,
#header .c1 #header-bottom-menu.fr li:last-child,
#header .c1 #header-bottom-menu.fr_ca li:last-child,
#header .c1 #header-bottom-menu.it li:last-child {
    margin-right: 0;                               
}

#header .c1 ul li:last-child {
    margin-right: 0;
}

#header .c1 ul li a:after {
    content: '_';
    opacity: .75;
}

#header .c1 ul li a:hover:after {
    color: #fff;
    opacity: 1;
}

#header .c1 ul li a:hover {
    color: #ec6f00;
    border-top: solid 1px #ec6f00;
}

#header .c1 ul li a {
    border-top: solid 1px transparent;
    color: #DDD;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -1px;
    padding: 10px 5px;
   
}
#header .c1 ul li:first-child a {
    padding-left: 0;
}
body.features.dlc #header .c1 ul li a#header-bottom-menu-link-2 {
    color: #DDD !important;
}
body.dlc #header .c1 ul li a#header-bottom-menu-link-1,
body.features #header .c1 ul li a#header-bottom-menu-link-2 {
    color: #ec6f00;
}
#header .c1 #header-top-menu a {
    color: #B4BAC0;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-right: 50px;
}
/*body.mdlc #tertiary-nav li #features-nav-link-1,
body.revolution #tertiary-nav li #features-nav-link-2,
body.season-pass #tertiary-nav li #features-nav-link-3 {
    color: #ec6f00;
    text-shadow: 0.1em 0.1em 0.2em #000000;
}
body.replacer #tertiary-nav li #features-nav-link-4, 
body.replacer #tertiary-nav a.hilite, 
body.replacer #tertiary-nav li a:hover {
    color: #ec6f00;
    text-shadow: 0.1em 0.1em 0.2em #efefef;
}*/
body.vengeance #tertiary-nav li #features-nav-link-vengeance,
body.uprising #tertiary-nav li #features-nav-link-uprising,
body.revolution #tertiary-nav li #features-nav-link-revolution,
body.mdlc #tertiary-nav li #features-nav-link-personalization,
body.season-pass #tertiary-nav li #features-nav-link-seasonpass,
body.apocalypse #tertiary-nav li #features-nav-link-apocalypse{
    color: #ec6f00;
    text-shadow: 0.1em 0.1em 0.2em #000000;
}
body.replacer #tertiary-nav li #features-nav-link-replacer, 
body.replacer #tertiary-nav a.hilite, 
body.replacer #tertiary-nav li a:hover {
    color: #ec6f00;
    text-shadow: 0.1em 0.1em 0.2em #efefef;
}


/*

#header .c1 #header-top-menu.en a.classified, #header .c1 #header-top-menu.en a.nuketown, #header .c1 #header-top-menu.en a.season-pass,
#header .c1 #header-top-menu.en_ca a.classified, #header .c1 #header-top-menu.en_ca a.nuketown, #header .c1 #header-top-menu.en a.season-pass,
#header .c1 #header-top-menu.en_gb a.classified, #header .c1 #header-top-menu.en_gb a.nuketown, #header .c1 #header-top-menu.en a.season-pass,
#header .c1 #header-top-menu.en_au a.classified, #header .c1 #header-top-menu.en_au a.nuketown, #header .c1 #header-top-menu.en a.season-pass {

    margin-right: 110px;
}

#header .c1 #header-top-menu.es a.classified, 
#header .c1 #header-top-menu.es a.nuketown,
#header .c1 #header-top-menu.es a.season-pass {
    margin-right: 50px;
}

#header .c1 #header-top-menu.de a.classified, 
#header .c1 #header-top-menu.de a.nuketown,
#header .c1 #header-top-menu.de a.season-pass {
    margin-right: 40px;
}

#header .c1 #header-top-menu.fr a.classified, 
#header .c1 #header-top-menu.fr a.nuketown,
#header .c1 #header-top-menu.fr a.season-pass {
    margin-right: 40px;
}

#header .c1 #header-top-menu.fr_ca a.classified, 
#header .c1 #header-top-menu.fr_ca a.nuketown,
#header .c1 #header-top-menu.fr_ca a.season-pass {
    margin-right: 40px;
}

#header .c1 #header-top-menu.it a.classified, 
#header .c1 #header-top-menu.it a.nuketown,
#header .c1 #header-top-menu.it a.season-pass {
    margin-right: 50px;
}

#header .c1 a.forums {
    color: #B4BAC0;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -1px;
}

#header .c1 a.classified:hover, #header .c1 a.nuketown:hover, #header .c1 a.forums:hover, #header .c1 a.season-pass:hover {
    color: #FFF;
}

#header .c1 a.classified-selected, #header .c1 a.nuketown-selected, #header .c1 a.season-pass-selected, #header .c1 a.forums-selected  {
    color: #ec6f00;;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -1px;
}
*/
#header .c2 {
    width: 210px;
    height: 120px;
    position: absolute;
    right: 25px;
    z-index: 200;
}
#home-nuketown-preorder-logo {
    position: absolute;
    right: -37px;
}
#header.fr .c2 {
    right: -110px;
    width: 280px;
}
#header.de .c2 {
    right: -25px;
    width: 250px;
}
#header.es .c2 {
    right: -135px;
    width: 275px;
}
#header.it .c2 {
    right: -135px;
    width: 275px;
}
/*#header .c2 a {
    color: #EC6F00;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -2px;
   top: 55px;
   position: relative;
   z-index: 100;
}

#header .c2 div.image {
    overflow: inherit !important;   
}

#header .c2 #home-nuketown-preorder-logo {
    position: relative;
    top: -34px;
}

#header .c2 a:hover {
    color: #FFF; 
}

#header .c2 a.preorder-txt {
    position: absolute;
    top: 55px;
    padding: 3px 51px 3px 20px;
    background: url(images/preorder-btns.png) top left no-repeat;
    left: 4px;    
}

#header .c2 a.preorder-txt:hover {
    background-position: 0 -32px;
}*/

#header #header-c2 {
    background: transparent url('/content/dam/atvi/callofduty/blackops2/cod-bo2/bg_preorder_store_btns.png') 8px 15px no-repeat;
}

#header .c2 .nav_store {
    width: 100%;
    height: 25px;
    position: absolute;
    top: 24px;
    left: 24px;
    padding-left: 14px;
    background: transparent url(/content/dam/atvi/callofduty/blackops2/cod-bo2/link-arrow.png) 3px 6px no-repeat;
    z-index: 1000;
}
#header .c2 a {
    color: #EC6F00;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -2px; 
    position: absolute;
    left: 14px;
}
#header .c2 .nav_store a {
    color: #b4bac0;
    border-left: 1px solid #626160;
    padding-left: 6px;
    line-height: 14px;
    margin-top: 6px;
    text-shadow: 0 0 2px #b4bac0;
}
#header .c2 a.nav_preorder {
    top: 66px;
    left: 25px;
    text-shadow: 1px 1px 1px #000000;
    background: transparent url(/content/dam/atvi/callofduty/blackops2/cod-bo2/link-arrow.png) 100% 6px no-repeat;
    padding-right: 15px;
    z-index: 1000;
}
#header .c2 a:hover {
    color: #FFF;
}

#header #header-top-menu {
    position: relative;
    top: -4px;
}

#header #header-bottom-menu li a.active {
    color: #EC6F00;
    border-top: solid 1px #EC6F00;
}


/** Footer styles **/

#footer-container {
    background: url(/content/dam/atvi/callofduty/blackops2/cod-bo2/bg_footer.jpg) top center no-repeat;
    min-height: 461px;  
}

#company-logos {
    width: 670px;
    margin: 0 auto; 
}

#company-logos .c0{
    width: 265px;
    float: left;
    margin-top: 125px;
}

#company-logos .c1{
    width: 290px;
    float: right;
    margin-top: 125px;
}

#footer-links {
    width: 960px;
    margin: 0 auto; 
}

#footer-links .c0{
    width: 505px;
    float: left;
}

#footer-links .c0 a {
    font-size: 12px;
    color: #FFF;
    margin: 0 15px; 
}

#footer-links .c0 a:first-child {
    margin-left: 0; 
}
#footer-links .c0 p:last-child a {
	margin: 0;
}
#footer-links .c0 a:hover {
    color: #ec6f00; 
}

#footer-links .c1{
    width: 345px;
    float: right; 
}

#footer-links .c1 #ratings .c0 {
    width: 86px;
    float: left;
    margin-left: 100px;
}

#footer-links .c1 #ratings .c0 a{
    margin: 0;
}

#footer-links .c1 #ratings .c1 {
    width: 155px;
    float: right;
}

#footer-links p {
    font-size: 12px;
    line-height: 1.5;
    color: #797979; 
    padding-bottom: 10px;
}

/** Footer Flyout Bar styles **/

#footer-popup {
    background: url(images/footer-flyout-bg.png) top left repeat-x;
    border-top: solid 1px #EC6F00;
}

#footer-popup .c0 {
    width: 980px;
    margin: 0 auto; 
    position: relative;
}

#footer-popup .c0 #footer-bar-links li {
    display: inline-block;  
    float: left;
}

#footer-popup .c0 #footer-bar-links li:first-child a {
    border: none;
}

#footer-popup .c0 #footer-bar-links a {
    border-left: solid 2px #232324;
    color: #b4bac0;
    display: inline-block;
    height: 38px;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 38px;
    padding: 0 40px 0 18px;
    text-transform: uppercase;
}

#footer-popup .c0 .menu-btn-preorder {
    background: url(images/footer-flyout-preorder-btn.png) right 0 no-repeat;
    color: #ec6f00;
    padding: 3px 46px 3px 18px;
    position: relative;
}

#footer-popup .c0 .menu-btn-preorder:hover,
#footer-popup .c0 .menu-btn-preorder.hover {
    background-position: right -38px;
    margin-top: -1px;
    padding-top: 4px;
}

#footer-popup .c0 .menu-btn-preorder .box-art {
    background: url(images/footer-flyout-preorder-boxart.png) right 0 no-repeat;
    display: block;
    width: 53px;
    height: 53px;
    position: absolute;
    top: -7px;
    right: 0;
    z-index: 10;
}

#footer-popup .c0 .menu-btn-preorder:hover .box-art,
#footer-popup .c0 .menu-btn-preorder.hover .box-art {
    top: -6px;
}

#footer-popup .c0 .menu-btn-share,
#footer-popup .c0 .menu-btn-connect {
    background: url(images/footer-menu-arrows.png) right 0 no-repeat; 
}

#footer-popup .c0 .menu-btn-share:hover,
#footer-popup .c0 .menu-btn-share.hover {
    background-position: right -78px;
    margin-top: -1px;
    padding-top: 1px;
    border-top: solid 1px #020202;
    cursor: pointer;
}

#footer-popup .c0 .menu-btn-top {
    background: url(images/footer-menu-arrows.png) right -38px no-repeat;
    border-right: solid 2px #232324;
    padding-right: 72px !important;
    position: absolute;
    right: 10px;
    top: 0;
}

#footer-popup .c0 #footer-bar-links .connect-menu li {
    background: url(images/footer-connect-menu.png) 0 4px no-repeat;
    margin: 6px 0;
    padding: 0 6px;
}

#footer-popup .c0 #footer-bar-links .connect-menu li:first-child {
    background: none;
    padding-left: 0;
}

#footer-popup .c0 #footer-bar-links .connect-menu a {
    background: url(images/social-icons.png) no-repeat;
    border: none;
    width: 23px;
    height: 22px;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-indent: -999em;
}

#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-facebook { background-position: 0 0; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-youtube { background-position: -23px 0; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-twitter { background-position: -46px 0; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-google { background-position: -69px 0; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-facebook:hover { background-position: 0 -22px; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-youtube:hover { background-position: -23px -22px; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-twitter:hover { background-position: -46px -22px; }
#footer-popup .c0 #footer-bar-links .connect-menu a.menu-btn-google:hover { background-position: -69px -22px; }

/*To edit footer bar flyout menus, comment out lines 744, 745, 748 */
#footer-popup .c0 .flyout-menu {
    background: url(images/bg_flyout.png) no-repeat;
    border-right: solid 1px #EC6F00;
    overflow: hidden;
    position: absolute;
    bottom: 1px;
    text-align: left;
    visibility: hidden;
}


#footer-popup .flyout-share-c0 .addthis .atvi-component.atvi-addthis{
    position: absolute;
    width: 110px;
    left: 47px;
}


/*#cq-gen21 {  
    display: none;
}

#flyout-preorder, #flyout-share {
    display: none;
}*/

#footer-popup .c0 #flyout-preorder {
    width: 526px;
    height: 263px;
    /*left: 9px;*/
    bottom: 38px;
}

#footer-popup .c0 #flyout-preorder.flyout-menu .c0 {
    height: 100%;
    padding: 33px 0 0 18px;
    position: relative;
    width: 100%;
}

#footer-popup .c0 #flyout-share.flyout-menu .c0 {
    height: 23px;
    padding: 0;
    position: relative;
    top: 30px;
    width: 200px;
}


#footer-popup .c0 #flyout-preorder .c0 {
    background: url(images/bg_boxart-shadow.png) no-repeat;
}

#footer-popup .c0 #flyout-preorder .c0 #flyout-preorder-content .c0 {
    width: 285px;
    float: left;
    padding: 0;
    background: none;
}

#footer-popup .c0 #flyout-preorder .c0 #flyout-preorder-content .c1 {
    width: 185px;
    float: right;
    background: none;
    
}

#footer-popup .c0 #flyout-preorder .boxart {
    position: absolute;
    top: 39px;

    right: 42px;
    float: none;
    width: auto;
}

#footer-popup .c0 #flyout-preorder .title {
    color: #B4BAC0;
    font-family: 'HelveticaNeueLTStd77BdCnOb';
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top:2px;
}

#footer-popup .c0 #flyout-preorder .subtitle {
    color: #fff;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#footer-popup .c0 #flyout-preorder span.bg {
    background-color: #191717;
    padding: 0 10px;
}

#footer-popup .c0 #flyout-preorder .title span{
    border-top: solid 1px #ec6f00;
}

#footer-popup .c0 #flyout-preorder .title span:after {
    content: '_';
}

#footer-popup .c0 #flyout-preorder .text {
    color: #93989C;
    font-family: 'HelveticaNeueLTStd55Roman';
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 18px;
    margin: 10px 0;
    padding: 0 12px;
    width: 294px;
}

#footer-popup .c0 #flyout-preorder .consoles {
    padding: 5px 12px;
    width: 300px;
    margin-top:10px;
}

#footer-popup .c0 #flyout-preorder .consoles .title {
    border-bottom: solid 1px #333;
    color: #EC6F00;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 7px;
}

#footer-popup .c0 #flyout-preorder ul {
    display: inline-block;
    margin: 0 0 0 -16px;
    width: 325px;
}

#footer-popup .c0 #flyout-preorder li {
    display: inline-block;
}

/*#footer-popup .c0 #flyout-preorder li a {
    background: url(images/console-logos.png) no-repeat;
    display: inline-block;
    width: 80px;
    height: 72px;
}*/

#footer-popup .c0 #flyout-preorder li a {
    background: url(images/console-logos-2.png) no-repeat;
    display: inline-block;
    width: 59px;
    height: 53px;
}

/*#footer-popup .c0 #flyout-preorder a.xbox { background-position: 0 0; }
#footer-popup .c0 #flyout-preorder a.xbox:hover { background-position: 0 -72px; }
#footer-popup .c0 #flyout-preorder a.ps3 { background-position: -80px 0; width: 148px; }
#footer-popup .c0 #flyout-preorder a.ps3:hover { background-position: -80px -72px; }
#footer-popup .c0 #flyout-preorder a.pc { background-position: -228px 0; }
#footer-popup .c0 #flyout-preorder a.pc:hover { background-position: -228px -72px; }*/

#footer-popup .c0 #flyout-preorder a.xbox { background-position: 0 0; }
#footer-popup .c0 #flyout-preorder a.xbox:hover { background-position: 0 -57px; }
#footer-popup .c0 #flyout-preorder a.ps3 { background-position: -59px 0; width: 107px; }
#footer-popup .c0 #flyout-preorder a.ps3:hover { background-position: -59px -57px; }
#footer-popup .c0 #flyout-preorder a.pc { background-position: -166px 0; }
#footer-popup .c0 #flyout-preorder a.pc:hover { background-position: -166px -57px; }
#footer-popup .c0 #flyout-preorder a.wiiu { background-position: -219px 0; width: 75px }
#footer-popup .c0 #flyout-preorder a.wiiu:hover { background-position: -219px -56px; }

#footer-popup .c0 #flyout-preorder .boxart img { display: none; }
#footer-popup .c0 #flyout-preorder .boxart img:first-child { display: block; }

#footer-popup .c0 #flyout-share {
    width: 200px;
    height: 65px;
    left: 162px;
    bottom: 38px;
}

#footer-popup .c0 #flyout-share .addthis_toolbox a {
    margin-left: 10px;
}

#footer-popup .c0 #flyout-share .addthis_toolbox a:first-child {
    margin-left: 0;
}


/*********************************************************************************** 
HOMEPAGE 
***********************************************************************************/
#countdown .hero-title{
    color: #fff; 
    letter-spacing: -4px;
    font-size: 48px;
    line-height: 40px;
}
#countdown .hero-sub-title{
    letter-spacing: 0px;
    font-size: 35px;
    line-height: 25px;
    color: #dddddd;
}
#countdown .hero-sub-title sup {
    font-size: 60%;
    position: relative;
    top: -5px;
}
#featured-txt-container {
    width: 980px;
    height: 410px;
    margin: 0 auto;
    position: relative;
   /* background: url(images/bg_hero.png) no-repeat; 
    top: -35px; */
}

#featured-txt {
    color: #FFF;
    text-transform: uppercase;  
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
    color: white;
    padding: 151px 0 80px 50px;
    text-align: left;
    width: 100%;
}

#featured-txt h1{
    font-size: 40px;
}

#featured-txt h1 span {
    border-top: solid 1px #EC6F00;  
}

#featured-txt sup, #countdown .hero-title sup {
    vertical-align: super; 
    font-size: 22px;    
}

#featured-txt h2{
    float: left;
    font-size: 69px;
    letter-spacing: -3px;
    margin-top: -8px;
    line-height: 63px;
}

#featured-txt a.watchnow {
    background: url("images/hero_arrow.png") no-repeat scroll right 5px transparent;
    color: #EC6F00;
    cursor: pointer;
    display: table;
    float: left;
    margin: -39px 0 -4px 30px;
    padding-right: 65px;
}
body.fr #countdown-timer-c2 .btn-1 { background-position: center -34px; }
body.fr #countdown-timer-c2 .btn-1:hover { background-position: center -102px; }
#featured-txt a.watchnow:hover { background-position: right -125px; color: #ffffff; }

#featured-txt a.watchnow span {
    display: table-cell;
    /*font-size: 27px;*/
    font-size: 24px;
    text-transform: uppercase;
    height: 130px;
    /*line-height: 28px;*/
    line-height: 22px;
    padding-bottom: 13px;
    text-align: right;
    vertical-align: middle;
}

#featured-content {
    width: 960px;
    margin: -35px auto 60px auto;
}

#featured-content .c0, #featured-content .c1, #featured-content .c2 {
    position: relative;
    width: 300px;
}

#featured-content .c0 {
    float: left;
}

#featured-content .c1 {
    float: left;
    margin: 10px 30px 0 30px;
}

#featured-content .c2 {
    float: right;
}

#featured-content h3 {
    color: #B4BAC0;
    font-size: 14px;
    font-family: 'HelveticaNeueLTStd77BdCnOb';
    margin-bottom: -3px;
}

#featured-content h4 {
    color: white;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 15px;
}

#featured-content h3 em::after, #featured-content h3::after {
    content: '_';
}

#featured-content .ti-text {
    background: url(images/media-frame.png) 0 -3px no-repeat;
    display: block;
    width: 282px;
    height: 171px;
    padding: 14px 7px 17px 14px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

#featured-content .ti-image {
    position: relative;
    left: 15px;
    top: 10px;  
}
#featured-content .ti-image img {
    background-color: #000;
}
#featured-content .text {
    background: url(images/media-frame.png) -21px -416px no-repeat;
    padding: 6px 0 0 35px;
    position: absolute;
    left: 21px;
    bottom: 10px;
    width: 240px;
    height: 55px;
    overflow: hidden;
}

#featured-content .ti-text:hover { 
    background-position: -305px -211px; 
}

#featured-content .ti-text:hover .text { 
    background-position: -325px -416px; 
}

/** HOME SOCIAL FEED **/

#social-container {
    width: 100%;  
    background: url(images/bo2-map.jpg) top center no-repeat;
 /*   min-height: 641px;  */
    min-height: 511px;
}

#social-feeds {
    width: 960px;
    margin: 0 auto; 
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
}

#social-feeds h3 {
    color: #F4F4F7;
    font-size: 30px;    
    text-transform: uppercase;
    padding-bottom: 15px;
}

#social-feeds h3::after {
    content: '_';
}

#social-feeds .c0 {
  /*  width: 300px; */
    width: 100%;
    float: left;
    margin-top: 60px;
}

#social-feeds .c0 .jive-post:first-child, #social-feeds .c1 .tweet:first-child {
 /*   margin-top: 0;   
    padding-top: 0; */
}

#social-feeds .c0 .jive-post, #social-feeds .c1 .tweet {
    margin-top: 15px;   
    padding-top: 15px;
    border-top: solid 1px #262525;
    width: 300px;
    margin: 0 15px 15px 0;
    float: left;
}

#social-feeds .c0 .jive-time, #social-feeds .c1 .tweet .tweet-time {
    color: #B4BAC0;
    text-transform: uppercase;  
    font-style: italic;
    font-size: 11px;
    padding-bottom: 5px;
    font-family: 'HelveticaNeueLTStd77BdCnOb';
}

#social-feeds .c0 .jive-post a, #social-feeds .c1 .tweet .tweet-name {
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
}

#social-feeds .c0 .jive-post > a {
    font-family: 'HelveticaNeueLTStd77BdCn';
}

#social-feeds .c0 .jive-post .jive-text, #social-feeds .c1 .tweet .tweet-text {
    font-size: 12px;
    color: #93989C; 
    line-height: 1.4;
    padding-top: 5px;
    font-family: 'HelveticaNeueLTStd55Roman';
}

#social-feeds .c0 .jive-post:first-child, #social-feeds .c1 .tweet:first-child {
 /*   border-top: none; */
}

#social-feeds .c1 .tweet .tweet-avatar img {
    border: 3px #313131 solid;  

}

#social-feeds .c1 {
    width: 630px;
    float: right;
    margin: 60px 0 0 30px;
    display: none;
}

#social-feeds .c1 .feed-column.sf-c1 {
    width: 300px;
    float: left;
}

#social-feeds .c1 .feed-column.sf-c2 {
    width: 300px;
    float: right;
}

#social-feeds .c1 .twitter-feed {
    height: 525px;
    overflow: hidden;   
}

#social-feeds .c1 .tweet .tweet-avatar {
    width: 50px;
    float: left;    
}

#social-feeds .c1 .tweet .tweet-body {
    width: 230px;
    float: right;    
}

/*********************************************************************************** 
NUKETOWN 
***********************************************************************************/
body.nuketown-body {
    background: url(images/bg_body.jpg) top center no-repeat #000;
}

#nuketown-container {
    margin: 0 auto;
    padding: 0 10px 15px 10px;
    position: relative;
    width: 980px;
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
    background: url(images/bg_main.jpg) top center no-repeat;
}

/*#nuketown-container a.btn-1 {
    background: url(images/button-sprite.png) no-repeat;
    display: inline-block;
    height: 32px;
    line-height: 34px;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    font-size: 18px;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px black;
    filter: dropshadow(color=#000, offx=2, offy=2);
}

#nuketown-container a:hover {
    color: #EC6F00;   
}*/

#nuketown-container p {
    color: #94969B;
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 1.4;   
    font-family: 'HelveticaNeueLTStd55Roman', helvetica, arial, sans-serif;
}

#nuketown-container h1 {
    color: white;
    font-size: 48px;
    line-height: 42px;
    margin-bottom: 40px;
    font-family: 'GeogrotesqueSemiBold', helvetica, arial, sans-serif;
}

#nuketown-container h2 {
    color: #B4BAC0;
    font-size: 24px;
    font-family: 'GeogrotesqueSemiBoldItalic', helvetica, arial, sans-serif;
}

#nuketown-container h2::after {
content: '_';
}

#nuketown-container .c0 {
    width: 450px;
    float: left;
    margin: 60px 0 0 60px;
}

#nuketown-container .c1 {
    width: 400px;
    float: right;
    margin: 60px 60px 0 0;
}

#nuketown-container-c1 a.button {
    margin-bottom: 25px;
}

#nuketown-container .c1 a.faq {
    background: url(images/link-arrow.png) right center no-repeat;
    color: #EC6F00;
    font-size: 18px;
    padding-right: 10px;
    text-transform: uppercase;
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
}

#nuketown-promos-container {
    background: url(images/bg_secondary.png) top center no-repeat;
    height: 276px;
}

#nuketown-promos {
    width: 1120px;
    margin: 0 auto;
    position: relative;
    top: 38px;
    font-family: 'GeogrotesqueMedium', helvetica, arial, sans-serif;
    background: url(images/bg_promos.png) top center no-repeat;
    height: 276px;
}

#nuketown-promos h3 {
    color: #F60;
    font-size: 20px;
    line-height: 20px;
    margin-top: 30px;
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
}

#nuketown-promos h4 {
    color: #FFF;
    font-size: 14px;
    font-family: 'GeogrotesqueSemiBoldItalic', helvetica, arial, sans-serif;
}

#nuketown-promos p {
    color: #BFBFBF;
    font-size: 14px;    
    /*margin-top: 1em;*/
    margin-bottom: 1em;
    font-family: 'GeogrotesqueMedium', helvetica, arial, sans-serif;
}

#nuketown-promos .c0 {
    width: 470px;
    float: left;
    position: relative;
    margin-left: 55px;
}

#nuketown-promos .c1 {
    width: 510px;
    float: right;
    position: relative;
}

#nuketown-promos .button{
    position: absolute;
    bottom: 0px;
    color: #EC6F00;
    /*background: url(images/button-sprite.png) no-repeat;
    display: inline-block;
    height: 32px;
    line-height: 34px;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    font-size: 18px;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px black;
    filter: dropshadow(color=#000, offx=2, offy=2);*/ 
}

#nuketown-promo-left .button {
    font-size: 14px;
}

#nuketown-promos img {
    float: right;
    margin-left: 10px;
}

#nuketown-addthis {
    background: url(images/gradient.png) top left no-repeat;
    padding-top: 20px;
}



/*********************************************************************************** 
MEDIA GALLERY PAGES (VIDEOS AND IMAGES PAGES)
***********************************************************************************/

body.media-body {
    background: url(images/bg_body.jpg) top center no-repeat #000;
}

#image-gallery-container.gallery-container {
    margin-bottom: 30px;
}

.atvi-media-gallery-label-header, atvi-media-gallery-label-view-media {
    display: none;
}

.gallery-container {
    width: 960px;
    margin: 0 auto; 
}

.gallery-container h1 {
    color: white;
    font-size: 36px;
    margin-bottom: -4px;
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
}

.gallery-container h1 span {
    color: #EC6F00; 
}

.gallery-container sup {
    vertical-align: super; 
    font-size: 22px;    
}

.gallery-container .atvi-media-gallery-video-item a.atvi-media-gallery-item-link {
    background: url(images/bg_media-thumb.png) no-repeat;
    display: block;
    width: 235px;
    height: 132px;
    padding: 5px;
    position: relative;
}

.gallery-container .atvi-media-gallery-list {
    margin: 0 0 10px 0;
}

.gallery-container .atvi-media-gallery-list .atvi-media-gallery-item {
    display: inline-block;
    float: left;
    margin: 10px 0 0 6px;
}

.gallery-container .atvi-media-gallery-list .atvi-media-gallery-item:nth-child(4n+1) {
    margin-left: 0;
}

.gallery-container .atvi-media-gallery-list .atvi-media-gallery-item a.atvi-media-gallery-item-link {
    background: url(images/bg_media-thumb.png) no-repeat;
    display: block;
    width: 225px;
    /*height: 132px;*/
    height: 126px;
    padding: 5px;
    position: relative;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link img {
    opacity: .6;
    filter: alpha(opacity=60);
    width: 225px;
    height: 122px;
    -webkit-transition: opacity 100ms ease-in-out;
    -moz-transition: opacity 100ms ease-in-out;
    -o-transition: opacity 100ms ease-in-out;
    -ms-transition: opacity 100ms ease-in-out;  
    transition: opacity 100ms ease-in-out;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link .atvi-media-gallery-item-shading {
    background: url(images/bg_media-thumb.png) -5px -221px no-repeat;
    width: 225px;
    height: 122px;
    position: absolute;
    top: 5px;
    left: 5px;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link .atvi-media-gallery-item-runtime {
    background: url(images/bg_media-thumb.png) -5px -196px no-repeat;
    color: #fff;
    font-family: 'HelveticaNeueLTStd65Medium';    
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 46px;
    height: 20px;
    padding: 2px 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;  
    transition: opacity 300ms ease-in-out;
}
.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link:hover .atvi-media-gallery-item-runtime {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link .atvi-media-gallery-item-info {
    background: url(images/bg_media-thumb.png) -5px -137px no-repeat;
    width: 216px;
    padding: 7px 0px 0px 10px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    left: 5px;
    bottom: 5px;
    -webkit-transition: height 100ms ease;
    -moz-transition: height 100ms ease;
    -ms-transition: height 100ms ease;
    -o-transition: height 100ms ease;
    transition: height 100ms ease;
}
.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link:hover .atvi-media-gallery-item-info {
    /*height: 54px;*/
    height: 50px;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link .atvi-media-gallery-item-info ul {
    margin-bottom: -4px;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link li {
    color: #fff;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.3;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link li.atvi-media-gallery-item-type {
    color: #B4BAC0;
    font-family: 'HelveticaNeueLTStd77BdCnOb';
    font-size: 11px;
    line-height: 10px;
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link .atvi-media-gallery-item-info .video-totals {
    color: #797979;
    font-family: 'HelveticaNeueLTStd65Medium';    
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;  
    transition: opacity 300ms ease-in-out;
}
.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link:hover .atvi-media-gallery-item-info .video-totals {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gallery-container .atvi-media-gallery-list a.atvi-media-gallery-item-link .atvi-media-gallery-item-info .video-totals span {
    color: #B4BAC0;
    font-weight: normal;
    letter-spacing: normal;
}

/*********************************************************************************** 
MEDIA DETAIL PAGE (VIDEO AND IMAGES PAGES)
***********************************************************************************/

/** Global styles **/

.media-composite-template-container {
    background: url(images/bg_main.png) no-repeat;
    margin: 30px auto 0 auto;
    text-align: left;
    width: 960px;
    padding-top: 22px;
}

.media-composite-content {
    background: url(images/bg_main.png) -960px 0 repeat-y;
    text-align: left;
    width: 920px;
    padding: 0 20px 20px 20px;
}


/** Commenting component styles **/

.commenting .tweet-comment, .commenting .jive-comment, .commenting .youtube-comment {
    padding: 20px 0;
    border-bottom: solid 1px #151515;   
}

.commenting .tweet-time, .commenting .jive-time, .commenting .yt-time {
    color: #B4BAC0;
    float: right;
    font-size: 10px;
    text-align: right;

}

.commenting .source {

    color: #B4BAC0;
    font-family: 'HelveticaNeueLTStd77BdCnOb';
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
}

.commenting .tweet-name, .commenting .tweet-title, .commenting .yt-name {
    color: white;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 16px;
    line-height: 18px;
}

.commenting .tweet-text, .commenting .jive-text, .commenting .yt-text {
    font-family: 'HelveticaNeueLTStd55Roman';
    font-size: 12px;
    color: #93989C;
}

.commenting #chatter-tabs li.ui-state-active a {
    color: #fff;
}

.commenting .jive #chatter-tab-jive:hover:after,
.commenting .twitter #chatter-tab-twitter:hover:after,
.commenting .youtube #chatter-tab-youtube:hover:after { 
    color: #fff; 
}

.commenting .ui-widget-content, .commenting .ui-widget-header, .commenting .ui-state-default, .commenting .ui-widget-content .ui-state-default, .commenting .ui-widget-header .ui-state-default, .commenting .ui-state-active, .commenting .ui-widget-content .ui-state-active, .commenting .ui-widget-header .ui-state-active  {
    border: none;
    background: none;
}

.commenting #chatter-tabs {
    background: url(images/bg_chatter-tabs.png) no-repeat;
    margin: 0 0 25px 0;
    padding: 22px 0 0 28px;
}

.commenting #chatter-tabs.jive { background-position: 0 0; }
.commenting #chatter-tabs.twitter { background-position: 0 -61px; }
.commenting #chatter-tabs.youtube { background-position: 0 -122px; }

.commenting .ui-tabs-panel.ui-widget-content {
    padding-right: 0px;
}

.commenting .tweet-avatar, .commenting .yt-avatar, .commenting .jive-avatar {
    background: url(images/bg_social-avatar.png) no-repeat;
    float: left;
    width: 62px;
    height: 60px;
    padding: 3px 7px 9px 5px;   
}

.commenting ul.pages {
    float: right;   
}

.commenting ul.pages li {
    display: inline-block;
    float: left;
}

.commenting .page-list {
    background: url(images/bg_pagination.png) 0 18px no-repeat;
    position: relative;
    height: 21px;
    margin: 25px 0 10px 0;
    font-size: 11px;
}

.commenting .page-list a {
    background: #5b5b5b url(images/bg_pagination.png) 0 -3px no-repeat;
    border-left: solid 1px #050505;
    color: #fff;
    display: block;
    width: 23px;
    height: 18px;
    line-height: 19px;
    font-weight: bold;
    text-align: center;
}

.commenting .page-list a.selected {
    background: #5b5b5b;
}

#chatter-join {
    background: url(images/chatter-btns.png) no-repeat;
    display: inline-block;
    height: 32px;
    line-height: 34px;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    font-size: 18px;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
    filter: dropshadow(color=#000, offx=2, offy=2);
    width: 207px;
    padding-left: 10px;
}

#chatter-join:hover {
    background-position: 0 -34px; 
}

#chatter-tabs li h2,
#chatter-tabs li a {
    color: #93989c;
    display: inline-block;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: -2px;
    padding: 0 19px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}
#chatter-tabs li h2,
#chatter-tabs li a:hover { 
    color: #fff; 
}

#chatter-tabs li h2:after,
#chatter-tabs li a:after {
    content: '_';
}
#chatter-tabs li h2:hover:after,
#chatter-tabs li a:hover:after {
    color: #93989c;
}

#jive,
#twitter,
#youtube { 
    display: block; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: default;    
}

/** Media sidebar styles **/
.media-side-bar-container {
    margin-top: 35px;   
}

.media-side-bar-container h3 {
    background: url(images/bg_related-media.png) left bottom no-repeat;
    margin: 25px 0;
    padding-bottom: 5px;
    color: white;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 26px;
    text-transform: uppercase;
}

.media-side-bar-container .media-info{
    margin: 30px 0 0 0;   
}

.media-side-bar-container .atvi-video-info {
    margin-bottom: 30px;    
}

.media-side-bar-container .atvi-video-info-view-count {
    color: #B4BAC0;
    font-size: 12px;    
    margin: 20px 0;
}

.media-side-bar-container .atvi-video-info-category, .media-side-bar-container h2 {
    color: #B4BAC0;
    font-family: 'HelveticaNeueLTStd77BdCnOb';
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
}

.media-side-bar-container .atvi-video-info-title, .media-side-bar-container h1 {
    color: white;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 26px;
    margin: -5px 0 0 0;
    text-transform: uppercase; 
    line-height: 1.3; 
}

.media-side-bar-container .atvi-video-info-uploaded, .media-side-bar-container p.timestamp {
    color: #B4BAC0;
    font-size: 12px;
    margin: -5px 0 0 0; 
}

.media-side-bar-container .atvi-video-info-description p {
    font-size: 12px;
    margin: 10px 0; 
    color: #797979;
    line-height: 1.3;
}

.media-side-bar-container .atvi-video-info-duration {
    color: #B4BAC0;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 15px;    
}

.media-side-bar-container .atvi-video-thumbnail {
    margin-bottom: 20px;    
    width: 100%;
}

.media-side-bar-container .atvi-video-thumbnail .atvi-video-thumbnail-img-container {
    width: 126px;
    height: 75px;
    float: left;
    margin-right: 5px;  
}

.media-side-bar-container .atvi-video-thumbnail .atvi-video-thumbnail-video-info {
    width: 136px;
    float: left;   
}

.media-side-bar-container .atvi-video-thumbnail .atvi-video-thumbnail-img-container span.play{
    width: 126px;
    height: 75px; 
    background: url(images/vid-thumb-play-btn.png) no-repeat;
    margin-left: 17px;
    margin-top: -10px;
}

.media-side-bar-container .atvi-video-thumbnail .atvi-video-thumbnail-img-container span.play:hover {
    background-position: 0 -96px; 
}

.media-side-bar-container .atvi-video-thumbnail-video-info .atvi-video-thumbnail-video-title {
    color: white;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: -2px;   
    margin-bottom: 10px;
}

.media-side-bar-container .atvi-video-thumbnail-video-info .atvi-video-thumbnail-comment-count,
.media-side-bar-container .atvi-video-thumbnail-video-info .atvi-video-thumbnail-view-count {
    font-size: 12px;
    color: #797979; 
}

/** Media Page Navgiation Control styles **/

.page-controls {
    width: 67px;
}

.page-controls a {
    color: #fff;
    display: block;
    font-family: 'HelveticaNeueLTStd77BdCn';
    font-size: 15px;
    line-height: 45px;
    margin-bottom: 1px;
    position: relative;
    text-transform: uppercase;
}

.page-controls .page-button {
    background: url(images/page-controls.png) no-repeat;
    width: 126px;
    height: 45px;
}
.previous-btn-container .page-button {
    background-position: left 0; 
    float: right;
    text-align: left;
    text-indent: -999em;
}
.next-btn-container .page-button {
    background-position: right -45px;
    float: left;
    text-indent: 999em;
}

.previous-btn-container:hover .page-button { background-position: right -90px; }
.next-btn-container:hover .page-button { background-position: right -135px; }

.previous-btn-container.hover .page-button { text-indent: 16px; }
.next-btn-container.hover .page-button { text-indent: 40px; }

.page-controls .thumbnail {
    background: #151515;
    display: none;
    opacity: .3;
    filter: alpha(opacity=30);
    width: 126px;
    height: 75px;
}

.page-controls .thumbnail:hover,
.page-controls .thumbnail:active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.page-controls .thumbnail:hover:after {
    content: '';
    border-bottom: solid 3px #EC6F00;
    display: block;
    position: absolute;
    bottom: 0;
    width: 126px;
}

.page-controls .all-media {
    background: url(images/page-controls.png) 0 -180px no-repeat;
    display: none;
    width: 126px;
    height: 35px;
    line-height: 36px;
}

.page-controls.hover .thumbnail,
.page-controls.hover .all-media {
    display: block;
    clear: both;
}

.page-controls.hover .all-media {
    text-indent: 35px;
}

/*********************************************************************************** 
VIDEO DETAIL PAGE 
***********************************************************************************/ 

/** Player title styles **/

.player-title {
    padding: 10px 0 12px 20px;
    font-family: 'BankGothicMdBTMedium',helvetica,arial,sans-serif;
    line-height: 1;
}

.player-title h3 {
    color: #B4BAC0;
    font-size: 18px;
}

.player-title h2 {
    color: #FFF;
    font-size: 30px;
}

/** Video player controls styles **/

.controls {
    border-top: 3px solid #ec6f00;
}

.controls .sharecode {
    margin: 0;
}

.controls .videoClock {
    width: 100px;   
    color: #FFF;
    font-family: 'BankGothicMdBTMedium',helvetica,arial,sans-serif; 
    font-size: 12px;
    line-height: 2.6;
}

.controls .videoClock .currClock {
    width: 46px;
    text-align: left;   
}

.controls .videoClock .fullClock {
    width: 50px;
}

.controls .play-button{

    background:url(images/play-pause-button.png) top left;
}

.controls .play-button:hover{
    background-position: left -33px;
}

.controls .pause-button{
    background: url(images/play-pause-button.png) top right;
}

.controls .pause-button:hover{
    background-position: right -33px;
}

.controls .fsbutton.fullscreen-mode {
    background: url(images/fullscreen-button.png) top left;
}

.controls .fsbutton.fullscreen-mode:hover {
    background-position: left -33px;
}

.controls .fsbutton.non-fullscreen-mode {
    background: url(images/fullscreen-button.png) top right;
}

.controls .fsbutton.non-fullscreen-mode:hover {
    background-position: right -33px;
}

.controls .HD-button{
    background:url(images/hd-button.png) top left;
}

.controls .SD-button{
    background:url(images/hd-button.png) bottom left;
}

.controls .sharecode {
    background: url(images/share-button.png);
}

.controls .sharecode:hover, .controls .sharecode.hover {
    background-position: bottom left;
}

.controls .master.ui-slider, .controls .volume.ui-slider, .controls .volume a {
    border: none;   
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.controls .master.ui-slider-horizontal {
    height: 10px;   
}

.controls .master.ui-slider a.ui-slider-handle {
    width: 20px;
    height: 10px;   
    top: 0;
}

.controls .master .ui-state-default, .controls .master .ui-widget-content .ui-state-default, .controls .master .ui-widget-header .ui-state-default {
    background: url(images/seeker-arrow.png) top left no-repeat;    
    border: none;
}

.controls .master .ui-state-hover, .controls .master .ui-widget-content .ui-state-hover, .controls .master .ui-widget-header .ui-state-hover {
    background: url(images/seeker-arrow.png) bottom left no-repeat;    
    border: none;
}

.controls .speaker {
    background:url(images/speaker-button.png) top left;  
}

.controls .speaker:hover {
    background-position: bottom left;  
}

.controls .speaker.mute {
    background-position: top right;
}

.controls .speaker.mute:hover {
    background-position: bottom right ; 
}

.controls .volume.ui-slider-vertical {
    width: 22px;
    background: #000;   
}

.controls .volume.ui-slider a.ui-slider-handle {
    width: 9px;
    height: 4px;   
    left: 6px;
    margin: 0;
}

.controls .volume.ui-slider-vertical .ui-slider-range {
    left: 6px;
    width: 9px; 
}

.controls .volume .ui-state-default, .controls .volume .ui-widget-content .ui-state-default, .controls .volume .ui-widget-header .ui-state-default, .controls .volume .ui-state-hover, .controls .volume .ui-widget-content .ui-state-hover, .controls .volume .ui-widget-header .ui-state-hover {
    background: url(images/sound-seeker.png) top left no-repeat;    
    border: none;
}

/** Video player share styles **/

.video-player-share {
    position: relative;
    color: #FFF;
}

.video-player-share-url-container span, .video-player-embed-code-container span {
    display: block;
    font-size: 1.25em;
    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
}

.video-player-share-url-container {
    width: 45%;
    float: left;
    text-align: left;
}

.video-player-embed-code-container {
    width: 45%;
    float: right;
    text-align: left;
}

.video-player-share textarea {
    display: block;
    width: 90%;
    height: 5em;
    padding: 2px;
    margin: 0;
    font-family: sans-serif;
    color: #222;
    font-size: 100%;
}

.video-player-share-close {
    display: block;
    position: absolute;
    top: -15px;
    right: 24px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    cursor: pointer;
    font-size: 15px;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
}

/** Age Gate Styles**/

.atvi-age-gate-container {
    width: 920px;
    height: 518px;
    padding-top: 0;
}

.age-gate {
    background: url(images/bg_agegate.jpg) no-repeat;
    width: 920px;
    height: 518px;
}

.age-gate .dob-prompt {

    font-family: 'MetaBoldRegular', helvetica, arial, sans-serif;
    margin: 0 0 0 168px;
    padding-top: 150px;
    width: auto;
}

.age-gate h2,
.age-gate h2 span.line {
    color: #fff;
    font-size: 38px;
    font-weight: normal;
    line-height: 30px;
    margin: 2px 0 6px 0;
}

.age-gate h2 span.line {
    display: inline;
    border-top: solid 1px #EC6F00;
}

.age-gate h2 span {

    color: #b4bac0;
    font-size: 60px;
    line-height: 55px;
    margin-top: -10px;
}

.age-gate fieldset {
    margin-left: 3px;
    margin-bottom: 20px;
}

.age-gate input[type=text] {
    background: url(images/bg_agegate-inputs.png) 0 -45px no-repeat;
    border: none;
    font-size: 20px;
    margin: 0 4px 0 0;
    text-align: center;
    width: 113px;
    height: 43px;
    outline: none;
    color: #FFF;
}
.age-gate input[type=text].active {
    background-position: 0 0;
}

.age-gate ::-webkit-input-placeholder,
.age-gate input:-moz-placeholder,
.age-gate input.placeholder { 
    color: #494949; 
}

.age-gate fieldset.error input {
    border: solid 1px #ff470f;
}

.age-gate ::-webkit-input-placeholder,
.age-gate input:-moz-placeholder { 
    color: #797979; 
}

.age-gate input.placeholder { 
    /*color: #737981; */
    color: #fff;
}

.age-gate fieldset.error input {
    border: solid 2px #ff470f;
}

.age-gate fieldset .error-message {
    display: none;
    clear: both;
    color: #ff470f;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0;
}

.age-gate fieldset.error .error-message {
    display: block;
}

.age-gate .submit {
    background: url(images/button-sprite.png) 0 -138px no-repeat;
    border: none;
    color: #EC6F00;
    display: inline-block;
    font-family: 'BankGothicMdBTMedium', helvetica, arial, sans-serif;
    font-size: 18px;
    letter-spacing: -2px;
    width: 113px; 
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
    filter: dropshadow(color=#000, offx=2, offy=2);
    cursor: pointer;
}

.age-gate .submit:hover { 
    color: #fff; 
}

.atvi-age-gate-overlay,
.atvi-age-gate-light-container {
    display: none;  
}

.atvi-age-gate-overlay.display {
    display: block !important;
    position: fixed;
    z-index: 8000;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: url(http://www.callofduty.com//etc/designs/atvi-ui/clientlibs-atvi/clientlibs-atvi-ui-main/images/opaque.png) top left repeat;
}

.atvi-age-gate-light-container.display {
    display: block !important;
    position: fixed;    
    z-index: 9999;
    top: 30%;
}

/*********************************************************************************** 
COLLECTOR'S EDITIONS
***********************************************************************************/

body.collectors-body {
    background: url(images/bg_body.jpg) top center no-repeat #000;
}

#collectors-container { 
    width: 960px;
    /*margin:17px 0px 0px 0px;*/ 
    margin: 17px auto 0 auto;
    padding:0px 0px 52px; 
    color:#fff; 
    text-align:left; 
    font-family: 'BankGothicMdBTMedium',"BankGothicLtBTLight", "Helvetica Neue", sans-serif; 
    color: #ffffff; 
    letter-spacing: -1px; 
    background: #000 url("images/collector-body.jpg") no-repeat 0px 0px; 
    font-family: "BankGothicLtBTLight", "Helvetica Neue", sans-serif; 
    letter-spacing: -1px;
}

#collectors-container h1 { 
    margin: -13px 0 0 34px; 
    font-weight: 800; 
    font-size: 
    39px; 
}

#collectors-container h2 { 
    margin:0px 0px 0px 34px; 
    padding:42px 0px 0px 0px; 
    color: #838383; 
    font-size: 17px; 
    letter-spacing: -2px; 
    font-weight:800; 
}
body.ce #collectors-container h2 {
    padding-top: 50px;
}
#collectors-container .highlite { 
    display:inline; 
    color: #EC6F00;
}

#collectors-top {
    
    margin-top: 20px;
    width: 100%;
}

#collectors-container-c0 {
    background: transparent url('/content/dam/atvi/callofduty/blackops2/cod-bo2/bo2-ce-nav-background.png') top no-repeat;
    background-position: -32px 100px;
}

#collectors-container #collectors-top-c0, #collectors-container #collectors-top-c1, #collectors-container #collectors-top-c2 { 
    height: 380px; 
    width: 320px; 
    margin-left: -30px;
    
    /*margin:-8px 0px 0px 0px; */
    margin: 0;
    overflow: visible;
    cursor: hand; cursor: pointer;
}

#collectors-container .top-selector-left { 
    background:transparent url('/content/dam/atvi/callofduty/blackops2/cod-bo2/bo2-ce-selected-frame.png') no-repeat 20px 20px;
}

#collectors-container .top-selector-center { 
    background:transparent url('/content/dam/atvi/callofduty/blackops2/cod-bo2/bo2-ce-selected-frame.png') no-repeat 320px 20px;
}

#collectors-container .top-selector-right { 
    background:transparent url('/content/dam/atvi/callofduty/blackops2/cod-bo2/bo2-ce-selected-frame.png') no-repeat 630px 20px;
    
}

#collectors-container #collectors-top-c0, #collectors-container #collectors-top-c1, #collectors-container #collectors-top-c2 { 
    float:left; 
}

#collectors-container #collectors-top-c0 #hardened-selector-inner {  
    /*background:transparent url(images/hardened-package-select.png) no-repeat 0px -21px; */
}

#collectors-container #collectors-top-c1 #care-selector-inner {  
    /*background: url("images/care-package-select.png") no-repeat scroll 0 0 transparent;*/
    margin-top:-34px;  
}

#collectors-top-c0 #hardened-selector-inner, #collectors-top-c1 #care-selector-inner, #collectors-top-c2 #pc-deluxe-selector-inner { 
    height:320px; 
    position:relative; 
    margin-top: 50px;
    font-size: 20px;
    letter-spacing: -1px; 
    overflow: visible;
}

#hardened-selector-inner #hardened-selector-inner-c0, #care-selector-inner #care-selector-inner-c0, #pc-deluxe-selector-inner #pc-deluxe-selector-inner-c0 { 
    width:320px; 
    margin-top: 50px;
    position:absolute; 
    bottom:96px;
    text-align:center; 
    overflow: visible;
}
#hardened-selector-inner #hardened-selector-inner-c0 {
    padding: 0 0 0 17px;
}
#pc-deluxe-selector-inner #pc-deluxe-selector-inner-c0 {
    width: 320px;
}

#hardened-edition-image {
    top: 35px;
    overflow: visible;
    margin-left: 35px;
    position: relative;
}
 
#care-package-image {
    top: 28px;
    overflow: visible;
    margin-left: 35px;
    position: relative;
}
 
#digital-deluxe-edition-image { 
    top: 34px;
    overflow: visible;
    margin-left: 15px;
    position: relative;
}

#digital-deluxe-edition-content-c0 {
    margin-top: -30px;
}

#hardened-selector-inner #hardened-selector-inner-c0 span, #care-selector-inner #care-selector-inner-c0 span, #pc-deluxe-selector-inner #pc-deluxe-selector-inner-c0 span { 
    display:block; 
    text-align:center; 
    font-weight:800; 
}
#hardened-selector-inner #hardened-selector-inner-c0 span.hdr, 
#care-selector-inner #care-selector-inner-c0 span.hdr, 
#pc-deluxe-selector-inner #pc-deluxe-selector-inner-c0 span.hdr { 
    font-size: 17px;
    padding-bottom: 10px;
}

#collectors-container #collectors-top #collectors-top-c1 #care-selector-inner #care-selector-inner-c0 { 
    bottom:13px;
}
#collectors-middle {
    margin-top: -44px;
}
#collectors-container #collectors-middle h3 { 
    display:inline-block; 
    font-size: 34px; 
    font-weight:normal; 
    letter-spacing: -3px; 
    margin: 21px 0 0 21px; 
    padding:0px 0px 4px 0px; 
}

#collectors-container #collectors-middle h3.care-header { 
    background:transparent url("images/pov_detail_hard_package_seperator.png") no-repeat  44px 44px; 
    width: 100%;
}

#collectors-container #collectors-middle h3.hard-header { 
    background:transparent url("images/pov_detail_care_package_seperator.png") no-repeat  48px 44px; 
}

#collectors-container #collectors-middle #collectors-middle-c1, #collectors-container #collectors-middle #collectors-middle-c2 { 
    display: none; 
}
 
#digital-deluxe-edition-content-details  {
    width: 100%;
    margin-top: -60px;
}

#digital-deluxe-edition-content-details-c0 {
    width: 32%;
    float: left;
    margin-left: 120px;
    font-weight: normal;
    
}

#digital-deluxe-edition-content-details-c1 {
    width: 28%;
    float: left;
    margin-left: 120px;
    font-weight: normal;
}

#digital-deluxe-items-img {
    margin-top: -35px;
    overflow: visible;
    bottom: 50px;
}

#collectors-container #digital-deluxe-edition-info {
    margin-top: -150px;
    margin-left: 0px;

    
}

.font-size-fix {
    font-size: 22px;
}

#collectors-container #digital-deluxe-edition-info #digital-deluxe-edition-info-c0  {
    float: left;
    margin-left: 115px;
    width: 349px;
    font-weight: bold;
    background: transparent;
}

#collectors-container #digital-deluxe-edition-info #digital-deluxe-edition-info-c1  {
    float: left;
    margin-left: 65px;
    width: 430px;
    font-weight: bold;
    background: transparent;
}

#collectors-container #collectors-footer {
    margin-bottom: 70px;
}

#collectors-container #collectors-footer #collectors-footer-c0 {
    margin:0px 20px 0px 0px; 
    width:305px;
    float: left;
    text-align:center; 
    font-weight:800;
}

#collectors-container #collectors-footer #collectors-footer-c1 {
    width:265px;
    float: left;
    text-align:center; 
    font-weight:800;
}

#collectors-container #collectors-footer #collectors-footer-c2 {
    width:281px; 
    float:right;
    text-align:center; 
    font-weight:800;
}



#collectors-footer #collectors-footer-c0 span, #collectors-footer #collectors-footer-c1 span, #collectors-footer #collectors-footer-c2 span { 
    display:block; 
    padding: 0px 52px; 
    font-size: 14px; 
    letter-spacing: -1px; 
    line-height: 14px; 
    text-align:left; 
}

#collectors-footer #collectors-footer-c0 span.highlite, #collectors-footer #collectors-footer-c1 span.highlite, #collectors-footer #collectors-footer-c2 span.highlite { 
    display:inline; 
    padding:0px; 
}

/*#collectors-container .collectors-footer li div { 
    height: 178px; 
}*/

#collectors-container #collectors-footer .button {
    margin:auto;
}

#collectors-container #collectors-footer .collector-disclaimer{ 
    color: #93989C; 
    font-family: HelveticaNeueLTStd55Roman,helvetica,sans-serif; 
    font-weight:800; 
    font-size: 13px; 
    line-height: 14px; 
}

#collectors-container #collectors-footer #collectors-avatar {  
    background:url("images/pov_detail_xbox_live_bg.png") no-repeat top center; 
    height: 290px;
}

#collectors-container #collectors-footer #collectors-coins { 
    background:transparent url(images/pov_detail_coins_bg.png) no-repeat top center;
    height: 290px; 
}

#collectors-container #collectors-footer #collectors-soundtrack { 
    background:transparent url(images/pov_detail_soundtrack_bg.png) no-repeat top center; 
    height: 290px; 
}

#collectors-container #collectors-footer #collectors-avatar-c0, #collectors-container #collectors-footer #collectors-coins-c0, #collectors-container #collectors-footer #collectors-soundtrack-c0 {
    position: relative;
    top: 225px;
}

#collectors-container #collector-detail { 
    margin:35px 0px 42px 0px; 
    border-top:1px solid #EC6F01; 
    border-bottom:1px solid #EC6F01;  
}

#collectors-container #collector-detail p {
    font-size: 23px; 
    letter-spacing: -3px; 
    line-height: 39px; 
    text-align:center;
}

#collectors-container .sub-top {
    font-size: 21px; 
    letter-spacing: -2px; 
    line-height: 18px;
}

#collectors-container #collectors-middle-c1 #care-package-img { 
    position:relative; 
    height:656px; 
    background:transparent url(images/care-package-body.png) no-repeat 0px 0px; 
}

#collectors-container #collectors-middle-c1 span { 
    /*display:block;*/ 
}

#collectors-container .collector-subtext { 
    font-size: 21px; 
    letter-spacing: -2px; 
    line-height: 18px; 
}

#collectors-container .collect-info { 
    color: #93989C; 
    font-family: HelveticaNeueLTStd55Roman,helvetica,sans-serif; 
    font-size: 13px; 
    line-height: 14px; 
    margin: 8px 0px 0px 0px; 
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-package-img #care-package-img-c0 { 
    position:absolute; 
    width:288px; 
    bottom:144px; 
    left:85px; 
    font-weight:800; 
}

#collectors-container #collectors-middle #collectors-middle-c0 #hard-package-img { 
    position:relative; 
    height:656px; 
    background:transparent url(images/hardened-package-body.png) no-repeat -27px 0px; 
}

#collectors-container #collectors-middle #collectors-middle-c0 #hard-info #hard-info-c0 { 
    float:left; 
    /*margin: -106px 0 0 14px; */
    font-weight:800; 
    width: 454px; 
    position: relative;
    /*top: -106px;*/
}

#collectors-container #collectors-middle #collectors-middle-c0 #hard-info #hard-info-c0 { 
    float:left; 
    /*margin: -106px 0 0 14px; */
    font-weight:800; 
    width: 454px; 
    position: relative;
    /*top: -106px;*/
}

#collectors-container #collectors-middle #collectors-middle-c0 #hard-info #hard-info-c0 span { 
    /*display:block;*/
}

#collectors-container #collectors-middle #collectors-middle-c0 #hard-info #hard-info-c1 { 
    float:right; 
    width:376px; 
    position: relative;
    /*top: -85px;*/
    font-weight:800; 
}

#collectors-container #collectors-middle #collectors-middle-c0 #hard-info #hard-info-c1 span { 
    display:block; 
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c0 { 
    float:left; 
    position:relative; 
    top: -52px; 
    width:465px; 
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c0 #nuke-img {
    height:380px; 
    background:transparent url(images/hardened-package-nuke.png) no-repeat 0px 0px;
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c0 #nuke-img span { 
    /*display:block;*/
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c0 #nuke-img #nuke-img-c0 { 
    position:absolute; 
    width:454px; 
    bottom:0; 
    left:30px; 
    font-weight:800; 
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c1{ 
    float:right; 
    position:relative; 
    top: -52px;
    width:494px;  
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c1 #steelbook-img {
    height:379px; 
    background:transparent url(images/hardened-package-steelbook.png) no-repeat -23px 0px;
}


#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c1 #steelbook-img span { 
    display:block; 
}

#collectors-container #collectors-middle #collectors-middle-c1 #care-info #care-info-c1 #steelbook-img-c0 { 
    position:absolute; 
    width:354px; 
    bottom:12px; 
    left:127px; 
    font-weight:800; 
}

#collectors-container #collector-preorder {
    text-align: center;
}

#collectors-container .button { 
    background: transparent url("images/button-sprite.png") no-repeat 0 0 ; 
    display: inline-block; 
    font-family: 'BankGothicMdBTMedium',helvetica,arial,sans-serif; 
    font-size: 16px; 
    height: 32px; 
    letter-spacing: -2px; 
    line-height: 34px; 
    text-shadow: 2px 2px 2px #000000; 
    text-transform: uppercase; 
    color:#fff; 
    text-decoration:none; 
}

#collectors-container .btn-1 { 
    background-position: right -34px;
}

#collectors-container .button .front { 
    background: url("images/button-sprite.png") no-repeat scroll 0 0 transparent; 
    float: left; 
    height: 32px; 
    margin-right: -38px; 
    width: 58px;
}

#collectors-container .btn-1 .front { 
    background-position: 0 0;
}

#collectors-container .button .back { 
    background: url("images/button-sprite.png") no-repeat scroll 0 0 transparent; 
    float: right; 
    height: 32px; 
    margin-left: -23px; 
    width: 55px;
}

#collectors-container .btn-1 .back { 
    background-position: -196px 0;
}

#collectors-container .btn-1:hover { 
    color:#EC6F00;
}

/***********************************************************************************
STATUS
***********************************************************************************/
body.status-body {
    background: url(images/bg_body.jpg) top center no-repeat #000;
}
 
#status-container {
    width: 960px;
    margin: 17px auto 0 auto;
    padding:0px 0px 52px;
    color:#fff;
    text-align:left;
    font-family: "BankGothicLtBTLight", "Helvetica Neue", sans-serif;
    color: #ffffff;
    letter-spacing: -1px;
    background: #000 url("images/collector-body.jpg") no-repeat 0px 0px;
    font-family: "BankGothicLtBTLight", "Helvetica Neue", sans-serif;
    letter-spacing: -1px;
}
 
#status-container h1 {
    margin: -13px 0 0 34px;
    font-weight: 800;
    font-size:
    39px;
}
 
#status-container h2 {
    margin:0px 0px 0px 34px;
    padding:42px 0px 0px 0px;
    color: #838383;
    font-size: 17px;
    letter-spacing: -2px;
    font-weight:800;
}
 
#status-container #bo2-status {
     width: 880px;
     margin: 0 auto;
}
 
#bo2-status #defcon-status-icons {
     margin-top: 25px;    
}
 
#bo2-status #defcon-status-icon-list li{
     width: 161px;
     height: 163px;
     background: url(images/status-sprite.png) 0 0 no-repeat;
     text-indent: -9999px;
     display: inline-block;
     margin-left: 10px;
}
 
#bo2-status #defcon-status-icon-list li:first{
     margin-left: 0;
}
 
#bo2-status #defcon-status-icon-list li#status5{
     background-position: 0 0;
}
 
#bo2-status #defcon-status-icon-list li#status5.active{
     background-position: 0 -172px;
}
 
#bo2-status #defcon-status-icon-list li#status4{
     background-position: -180px 0;
}
 
#bo2-status #defcon-status-icon-list li#status4.active{
     background-position: -180px -172px;
}
 
#bo2-status #defcon-status-icon-list li#status3{
     background-position: -359px 0;
}
 
#bo2-status #defcon-status-icon-list li#status3.active{
     background-position: -359px -172px;
}
 
#bo2-status #defcon-status-icon-list li#status2{
     background-position: -539px 0;
}
 
#bo2-status #defcon-status-icon-list li#status2.active{
     background-position: -539px -172px;
}
 
#bo2-status #defcon-status-icon-list li#status1{
     background-position: -719px 0;
}
 
#bo2-status #defcon-status-icon-list li#status1.active{
     background-position: -719px -172px;
}
 
#bo2-status #defcon-statuses {
     text-align: center;
     margin: 25px 0;
}
 
#bo2-status #defcon-statuses h4 {
     font-size: 18px;
}
 
#bo2-status .console-links li {
     display: inline-block;
}
 
#bo2-status .console-links li a{
     width: 213px;
     height: 72px;
     display: block;
     text-indent: -9999px;
}

/*********************************************************************************** 
ATVI COMMUNITY APP
***********************************************************************************/

.atvi-jive-discussion {
    min-height: 250px;  
}

.atvi-jive-discussion .pagination {
    margin-top: 15px;   
}

.atvi-jive-discussion .pagination span {
    background: #000;
    color: #FFF;
}

.atvi-jive-discussion .pagination span.current {
    background: #999; 
}

.atvi-jive-discussion .pagination .current.prev, 
.atvi-jive-discussion .pagination .current.next {
    color: #999;
    border-color: #999;
    background: white;
}

.atvi-jive-discussion .comments .jive-user-comment {
    padding: 20px 0;
    border-bottom: solid 1px #151515;   
}

.atvi-jive-discussion .comments {
    font-family: 'HelveticaNeueLTStd55Roman';
    font-size: 13px;
    color: #93989C;
    letter-spacing: 0px;
}

.atvi-jive-discussion .add-comment-container {
    margin: 15px 0;
}

.atvi-jive-discussion a.add-comment {
    font-size: 18px;
    font-weight: bold;
    background: #EC6F00;
    padding: 10px;  
}

.atvi-jive-discussion a.add-comment:hover {
    color: #000;    
}

.atvi-jive-discussion .source {
    font-size: 15px;
    font-weight: bold;
    color: #EC6F00;
    font-style: italic;
}

.atvi-jive-discussion .jive-time {
    float: right;   
}

.atvi-jive-discussion .jive-comment-content {
    margin-top: 15px;   
}

.atvi-jive-discussion .jive-actions {
    margin-top: 15px;   
}

.atvi-jive-discussion a.reply-comment {
    background: #666;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
}

.atvi-jive-discussion textarea.comment-input {
    font-family: 'HelveticaNeueLTStd55Roman';
    font-size: 14px;    
    color: #000;
}

.atvi-jive-discussion form.comment-form button {
    background: #666;
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
}

/*********************************************************************************** 
MISC
***********************************************************************************/

/*.cq-text-placeholder-ipe.divedit {
    display: none;
}*/ 
#xaxis-pixels {
    position: absolute;
    left: -500px;
}