/* BASICS */
html {
    -webkit-text-size-adjust: none;
}
body {
    width:100%;
    min-width:320px;
    height:auto;
    overflow-x:hidden;
    overflow-y:scroll;
    margin:0 auto;
    background:#0d0d0d;
    font-family:Arial, Helvetica, sans-serif;
}
a {
    color:#bebebe;
    text-decoration:none;
}
.clear {
    clear:both;
}
/* CONTAINER */
#container {
    width:100%;
    height:auto;
    margin:0 auto;
}
/* SPLASH */
#container.splash {
    background:url('') 0 0;
    background-size:100%;
}
#container.splash .splashLogo {
    width:144px;
    height:109px;
    margin:0 auto;
    background:url('') 0 0 no-repeat;
    background-size:100%;
}
/* HEADER */
#container #header {
    float:left;
    width:100%;
    height:52px;
    background:url('') repeat-x;
    background-size:1px 53px;
}
#container #header ul {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none;
}
#container #header ul li {
    float:right;
}
#container #header ul li:first-child {
    float:left;
}
#container #header ul li a {
    float:left;
    display:block;
    height:52px;
    border-left:1px solid #383838;
}
#container #header ul li:first-child a {
    border-left:none;
}
#header a {
    display:block;
    width:53px;
    height:52px;
    background-size:50%;
}
/* TOP MENU */
#header a.logo {
    width:150px;
    height:33px;
    background:no-repeat url('') center 48%;
    background-size:100%;
}
#header a.home {
    background:no-repeat url('') center 63%;
    background-size:60%;
}
#header a.home.active {
    background:no-repeat url('') center 63%;
}
#header a.download {
    background:no-repeat url('') center 63%;
    background-size:60%;
}
#header a.download.active {
    background:no-repeat url('') center 63%;
}
#header a.menu {
    background:no-repeat url('') center 63%;
    background-size:60%;
}
#header a.menu.active {
    background:no-repeat url('') center 63%;
}
#header li.active {
    background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0, rgb(184,184,183)), color-stop(1, rgb(237,237,237))) !important;
    /* background: url('/images/1px-headeractive.png') repeat-x;
    background-size:1px 55px; */
    -webkit-box-shadow: inset 0 0 9px 2px #4b4b4b;
}
/* PAGE HEADER */
h1 {
    clear:both;
    display:block;
    min-height:12px;
    margin:0;
    padding:7px 10px;

    color:#7c7c7c;
    /*text-shadow: 0px 1px 1px #f9f9f9;*/
    font-size:12px;
    text-transform:uppercase;

    background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0, rgb(184,184,183)), color-stop(1, rgb(241,241,241))) !important;
}
h2 {
    clear:both;
    display:block;
    margin:0;
    padding:10px 10px 7px 10px;

    color:#fff;

    font-size:12px;
    text-transform:uppercase;

    background:#0d0d0d;
    border-bottom:1px solid #272727;
}
h2.borderTop {
    border-top:1px solid #272727;
}
/* DROPDOWN MENUS */
.menuMenu, .downloadMenu {
    display:none;
    width:100%;
    background:#000;
}
#content {
    clear:both;
    display:block;
}
/* ROTATE SWIPE GALLERY */
#rotate {
    overflow:hidden;
    display:none;
    margin:0 auto;
    margin-bottom:4px;
    width:640px;
    height:242px;
    border-bottom:1px solid #333;
}
.imageBanner {
    width:640px;
    height:120px;
}
#rotate #rotateImgs {
    display:inline;
    float:left;
    width:1920px;
    margin:0px;
    padding:0px;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    /* kick transform */
    -webkit-transform: translate3d(0px,0px,0px);
}
#rotate #rotateImgs img,
.imageBanner img {
    width:640px;
    margin:0px;
    padding:0px;
    /* kick transform */
    -webkit-transform: translate3d(0px,0px,0px);
}
#rotateBttns {
    display:none;
}
#rotateBttns ul {
    display:block;
    width:66px;
    margin:0 auto;
    margin-bottom:15px;
    padding:5px 0;
}
#rotateBttns ul li {
    display:block;
    float:left;
    margin:0 5px;
    width:12px;
    height:12px;
    background:#262626;
}
#rotateBttns ul li.active {
    background:#e50411;
}
/* BASIC CLICKABLE BOX */
.box {
    clear:both;
    display:block;
    width:100%;
    margin:0;
    padding:0;
    background:#0D0D0D;
    border-bottom:1px solid #333;
}
.box.bgDarkGrey {
    background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0, rgb(184,184,183)), color-stop(1, rgb(196,193,193))) !important;
    border:none;
    border-bottom:1px solid #a7a7a7;
}
.box.bgDarkGrey.small {
    height:auto;/* 26px; */
}
.box.bgDarkGrey.dropdown,
.box.bgDarkGrey.dropdown .arrow.wrapper {
    height:59px;
}
.box.bgDarkGrey.topShadow {
    -webkit-box-shadow: inset 0 5px 4px 1px rgba(124, 124, 124, 0.4);
}
.box.bgDarkGrey.bottomShadow {
    -webkit-box-shadow: inset 0 -5px 3px 1px rgba(124, 124, 124, 0.2);
}
.box.bgDarkGrey .title {
    font-size:12px;
    color:#7c7c7c !important;
    text-shadow: 0px 1px 1px #f9f9f9;
    text-transform:uppercase;
}
.box.bgDarkGrey .text {
    width:100%;
    margin:0;
    padding:0;
    padding-top:5px !important;
    color:#7c7c7c !important;
    text-align:center;
}
.box.noborder {
    border-bottom:none;
}
.focus, .box.clicked {
    background:#242424 !important;
    border-bottom:1px solid #333;
}
.first.box {
    border-top:1px solid #333;
}
.box .shadowTop, .shadowTop {
    clear:left;
    float:left;
    width:100%;
    height:11px;
    background:url('') repeat-x;
    opacity:0.5;
}
.box .shadowBottom, .shadowBottom {
    clear:left;
    float:left;
    width:100%;
    height:11px;
    background:url('') repeat-x;
    opacity:0.5;
}
.box .shadowTop.disabled,
.box .shadowBottom.disabled {
    background:none;
}
.box .arrow {
    background:url('') 97% center no-repeat;
}
.box.dropdown .arrow {
    background:url('') 97% center no-repeat;
    background-size:10px;
}
.box span {
    display:block;
}
.box .icon {
    clear:left;
    float:left;
    width:45px;
    /* height:45px; */
    margin:5px 10px 5px 10px;
}
.faq .box .icon {
    margin:5px 0px 5px 10px;
}
.box .noicon {
    clear:left;
    float:left;
    width:10px;
    /* height:45px; */
    margin:5px 0px;
}
.box .icon img {
    width:45px;
}
.box .icon.smaller {
    margin:12px 0 0 10px;
}
.box.dropdown .icon.smaller {
    margin-top:16px;
}
.box .icon.smaller img {
    max-width:26px;
    /* 		max-height:26px; */
    padding-bottom:10px;
}
.box .content {
    float:left;
    width:400px;
}
.box .title,
.box .h3 {
    clear:left;
    margin:5px 0px;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    line-height:16px;
    text-shadow:0px -1px 1px #000;
}
.question .box .title {
    line-height:18px;
}
.dropdown.box .title {
    margin-top:5px !important;
    margin-left:-10px !important;
}
.box .text {
    clear:left;
    margin:5px 0px;
    color:#bebebe;
    font-size:12px;
    font-weight:normal;
    line-height:19px;
}
.box .text.feature .bullet {
    float:left;
    width:5px;
    height:5px;
    margin-top:5px;
    margin-right:10px;
    background:#e50411;
}
.box .text.feature .featureWrapper {
    float:left;
    width:95%;
}
.box .text.feature .featureName {
    font-weight:bold;
}
.box .text.feature .featureName.notBold {
    font-weight:normal;
}
.box .text.feature .featureDesc {
    margin-top:5px;
    color:#eaeaea !important;
}
.box .textList {
    color:#bebebe;
    font-size:12px;
    list-style-type:disc;
    margin:0;
    padding:0;
}
.box .textList li {
    margin-left:15px;
    padding:0;
}
.box ul.textList {
    list-style-image:url('');
}
.box ol.textList {
    list-style-type:decimal;
}
.box ol.letterList {
    list-style-type:lower-latin;
}
.box.focus .textList {
    color:#f1f1f1;
}
.box .text a {
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
    color:#bebebe;
}
.box .text.centered {
    margin-top:15px;
}
.box .text .tab {
    margin-left:20px;
    display:inline-block;
}
.box .h3,
.box .title,
.box .text {
    width:400px;
}
.box .reviewTitle {
    font-weight:bold;
}
.box .reviewBody img {
    padding-top:5px;
    height:16px;
}
.box.focus .text {
    color:#f1f1f1;
}
/* DOWNLOAD MENU WRAP */
.box.wrap .icon {
    clear:left;
    float:left;
    margin-right:0px;
}
.box.wrap .content {
    float:left;
    margin-top:17px;
}
/* FAQ */
ul.faq {
    margin:0;
    padding:0;
    list-style-type:none;
}
.text u {
    color:#f1f1f1;
    text-decoration:underline;
    display:inline;
    margin:0;
}
ul.faq .title {
    line-height:14px;
}
.question.faq .icon img {
    margin-left:5px;
    width:20px;
}
/* BASIC TABLE */
table {
    margin:10px 0;
    padding:2px;
    border:solid 1px #dfdfdf;
    border-spacing:1px;
}
table th {
    color:#000;
    padding:10px;
    text-align:left;
    font-size:1.2em;
    background:#e6e5e5;
    border-spacing:0px 5px;
}
table td {
    padding:10px 15px;
    background:#faf7f7;
}
table tr:nth-child(even) td {
    background:#f4f2f2;
}
/* FOOTER */
.box.footer {
    font-size:9px !important;
    font-weight:normal;
    text-transform:none;
    color:#bebebe !important;
    /* background:url('/images/footer-960-bg.png') bottom right no-repeat; */
    /* background-size:100%; */
    background-color:#000;
    width:100%;
}
.footer .topWrapper {
    display:block;
    width:100%;
    clear:left;
}
.footer .topWrapper.below a.footerBox {
    font-size:10px !important;
    text-transform:none;
    background:none;
}
.footer .borderBottom {
    border-bottom:1px solid #2d2d2d;
}
.footer a.footerBox {
    float:left;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    padding:10px 0;
    color:#bebebe;
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;
    width:106px;
    width:33%;
}
.footer .borderBottom {
    background:url('') repeat-x;
    background-size:100%;
    height:auto;
}
.footer .borderBottom a.footerBox {
    padding-top:20px;
    min-height:22px;
}
.footer a.footerBox.first {	}
.footer a.footerBox.middle {
    border-left:1px solid #2d2d2d;
    border-right:1px solid #2d2d2d;
}
.footer a.footerBox.last {
    width:33.8%;
}
.footer .centeredText {
    padding:0;
    margin:0;
    width:100%;
    text-align:center;
}
.footer .text {
    font-size:10px !important;
}
.footer .centeredText a,
.footer .text a {
    font-size:10px !important;
    font-weight:normal;
    text-decoration:none;
    margin:0 5px;
}
.footer .footerBox img {
    height:8px;
    margin-right:2px;
}
.copyright .text {
    font-size:9px !important;
    font-weight:normal;
    text-transform:none;
    color:#bebebe !important;
}
.copyright.box .noicon {
    float:left;
    clear:left;
    width:10px;
    height:45px;
}
/* DEVICE SCREEN OPTIMIZATION */
@media only screen and (max-device-width: 320px) {
    body.portrait {
        width:320px !important;
        height:auto;
        margin:0 auto;
        background:#000;
    }
    body.portrait #container {
        width:320px !important;
        height:auto;
        margin:0 auto;
    }
    body.portrait #container #header {
        width:320px;
        height:52px;
    }
    body.portrait #container #header ul {
        height:52px;
        margin:0;
        padding:0;
        list-style-type:none;
    }
    body.portrait #container #header ul li {
        float:right;
    }
    body.portrait #container #header ul li:first-child {
        float:left;
    }
    body.portrait #container #header ul li a {
        display:block;
        float:left;
        width:61px;
        height:52px;
        border-left:1px solid #383838;
    }
    body.portrait #container #header ul li:first-child a {
        border-left:none;
    }
    body.portrait #header ul li a.logo {
        background-size:90%;
        width:130px !important;
    }
    body.portrait .box .content,
    body.portrait .box .title,
    body.portrait .box .text {
        margin:0;
        padding:0;
        width:230px;
    }
    body.portrait .box,
    body.portrait .box.fullWidth,
    body.portrait .imageBanner,
    body.portrait #rotate #rotateImgs img,
    body.portrait .imageBanner img {
        width:320px;
    }
    body.portrait .imageBanner {
        height:60px;
    }
    body.portrait .box.fullWidth .content,
    body.portrait .box.fullWidth .title,
    body.portrait .box.fullWidth .text {
        width:300px;
    }
    body.portrait #rotate {
        width:320px;
        height:121px;
        display:block;
    }
    body.portrait #rotateBttns {
        display:block;
    }
    body.portrait #rotate #rotateImgs {
        width:970px;
    }
    body.portrait #rotate.screenShots {
        display:block;
        width:320px;
        height:305px;
        margin:0 auto;
        background-color:#242424;
    }
    body.portrait #rotateBttns.screenShots {
        display:block;
    }
    body.portrait #rotate.screenShots #rotateImgs {
        width:2000px;
    }
    body.portrait #rotate.screenShots #rotateImgs > div {
        float:left;
        width:320px !important;
        height:283px !important;
        background:transparent;
        text-align:center;
    }
    body.portrait #rotate.screenShots #rotateImgs img {
        width:auto;
        width:195px !important;
        height:280px !important;
    }
    body.portrait #rotateBttns.screenShots ul {
        width:88px;
    }
    body.portrait h1 {
        font-size:12px;
    }
    body.portrait .copyright {
        font-size:8px;
    }
    body.portrait .box .title {
        font-size:12px;
    }
    body.portrait .box .h3 {
        font-size:15px;
        line-height:16px;
    }
    body.portrait .box .text {
        font-size:12px;
        font-weight:normal;
        line-height:16px;
    }
    body.portrait .box.wrap .content {
        margin-top:17px;
    }
    body.portrait .box.footer {
        width:320px;
        height:500px;
        /* background-size:200%; */
    }
    body.portrait .footer a.footerBox {
        width:106px !important;
    }
    /* LANDSCAPE */
    body.landscape {
        width:480px !important;
        height:auto;
        margin:0 auto;
        background:#000;
    }
    body.landscape #container {
        width:480px;
        height:auto;
        margin:0 auto;
        float:left;
    }
    body.landscape #container #header {
        float:left;
        width:480px;
        height:53px;
        background:url('');
    }
    body.landscape #container #header #logo {
        width:113px;
        float:left;
        padding:10px;
        border-right:1px solid #383838;
    }
    body.landscape #container #header ul {
        height:53px;
        margin:0;
        padding:0;
        list-style-type:none;
    }
    body.landscape #container #header ul li {
        float:right;
    }
    body.landscape #container #header ul li:first-child {
        float:left;
    }
    body.landscape #container #header ul li a {
        float:left;
        width:58px;
        height:53px;
        display:block;
        border-left:1px solid #383838;
    }
    body.landscape #container #header ul li:first-child a {
        border-left:none;
    }
    body.landscape #header ul li a.logo {
        width:160px !important;
        background-size:90%;
    }
    body.landscape .box .content,
    body.landscape .box .title,
    body.landscape .box .text {
        width:380px;
    }
    body.landscape .dropdown.box .title {
        margin-top:10px !important;
    }
    body.landscape .box {
        width:480px;
    }
    body.landscape .box.fullWidth {
        width:480px;
    }
    body.landscape.box .arrow {
        background:url('') 98% center no-repeat;
    }
    body.landscape .box.fullWidth .content,
    body.landscape .box.fullWidth .title,
    body.landscape .box.fullWidth .text {
        width:465px;
    }
    body.landscape #rotate {
        display:block;
        width:480px;
        height:182px;
    }
    body.landscape .imageBanner {
        width:480px;
        height:90px;
    }
    body.landscape #rotateBttns {
        display:block;
    }
    body.landscape #rotate #rotateImgs {
        width:1460px;
    }
    body.landscape #rotate #rotateImgs img,
    body.landscape .imageBanner img {
        width:480px;
    }
    body.landscape #rotate.screenShots {
        display:block;
        width:480px;
        height:302px;
        margin:0 auto;
        background-color:#242424;
    }
    body.landscape #rotateBttns.screenShots {
        display:block;
    }
    body.landscape #rotate.screenShots #rotateImgs {
        width:3000px;
    }
    body.landscape #rotate.screenShots #rotateImgs > div {
        float:left;
        width:480px !important;
        height:280px !important;
        text-align:center;
    }
    body.landscape #rotate.screenShots #rotateImgs img {
        width:auto;
        width:195px !important;
        height:280px !important;
    }
    body.landscape #rotateBttns.screenShots ul {
        width:88px;
    }
    body.landscape h1,
    body.landscape .box .title,
    body.landscape .box .h3 {
        font-size:14px;
    }
    body.landscape .box .text {
        font-size:12px;
        font-weight:normal;
        line-height:16px;
    }
    body.landscape .box.wrap .content {
        margin-top:12px;
    }
    body.landscape #container #header ul li:first-child {
        /* border-right:1px solid #383838; */
    }
    body.landscape.footer .text {
        font-size:11px !important;
    }
    body.landscape .footer .centeredText a {
        font-size:11px !important;
        font-weight:normal;
    }
    body.landscape .footer a.footerBox {
        width:159px !important;
    }
    body.landscape .box.footer {
        width:480px;
        height:480px;
    }

}
/* OOAC */
.ooac {
    color:#f1f1f1;
    font-size:0.8em;
}
.ooac h2 {
    margin:0;
    padding:5px 10px;
    color:#ffffff;
    font-size:0.9em;
    background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0.1, rgb(27,27,27)),  color-stop(0.5, rgb(38,38,38)),  color-stop(0.9, rgb(27,27,27)));
}
.ooac h3 {
    margin:0;
    padding:5px 10px;
    color:#ffffff;
    font-size:0.9em;
}
.ooac p {
    margin-left:10px;
}
.ooac a {
    color:#E50411;
    text-decoration:none;
}
.ooac li a {
    color:#ededed;
    text-decoration:none;
}
.ooac ul.boxes {
    margin:0;
    padding:0;
}
.ooac ul.boxes li {
    display:block;
    margin:0;
    height:44px;
    padding:5px;
    list-style-type:none;
    line-height:44px;
    font-size:1.2em;
    border-top:1px solid #3b3b3b;
}
.ooac ul.boxes li:last-child {
    border-bottom:1px solid #3b3b3b;
}
.ooac ul.boxes li a {
    display:block;
    text-decoration:none;
    background:transparent url('') no-repeat right center;
}
.ooac .video-overlay {
    display:block;
    background:url('') no-repeat center center #000000;
    background-size:90%;
}
.ooac .video-overlay img {
    width:100%;
    opacity:0.5;
}
body.portrait .ooac a.video-overlay {
    width:320px;
    height:240px;
    display:block;
}
body.landscape .ooac a.video-overlay {
    width:480px;
    height:360px;
    display:block;
}
.ooac #rotate {
    display:block;
    width:320px;
    height:480px;
    margin:0 auto;
}
.ooac #rotateBttns {
    display:block;
}
.ooac #rotate #rotateImgs {
    width:1620px;
}
.ooac #rotate #rotateImgs img {
    width:320px;
}
.ooac #rotateBttns ul {
    width:110px;
}
.box .text {
    font-size:0.9em;
}
/* EXTRA */
.red {
    clear:none !important;
    display:inline !important;
    color:#e50411;
}
.autoHeight {
    height:auto !important;
}
.smallText {
    padding:10px 5px 10px 0px;
}
.smallDisclaimer {
    font-size:0.8em !important;
}
.mTop4px {
    margin-top:4px !important;
}
.mTop10px {
    margin-top:10px !important;
}
.mTop15px {
    margin-top:15px !important;
}
.pBottom10px {
    padding-bottom:10px !important;
}
.pBottom20px {
    padding-bottom:20px !important;
}
a.link {
    color:#bebebe;
    font-weight:bold;
}
.topFR {
    width:100%;
}
.topFR img {
    width:100%;
}
.logos {
    text-align:center;
}
.logos a {
    /* border:1px solid red; */
    margin:0;
    padding:0;
    display:block;
    position:absolute;
}
.comlogos {
    /* border:1px solid grey; */
    width:300px !important;
    margin:0 auto !important;
    display:inline-block;
    height:117px;
    position:relative;
    background:url("") center center no-repeat;
    background-size:300px;
}
.FRlogos {
    /* border:1px solid grey; */
    width:300px !important;
    margin:0 auto !important;
    display:inline-block;
    height:117px;
    position:relative;
    background:url("") center center no-repeat;
    background-size:300px;
}

.ooac p.center {
    text-align:center;
}
.ooac .buttonContainer {
    text-align:center;
    margin:2em 0;
    display:block;
}
.ooac .buttonWrapper {
    display:inline-block;
}
.ooac .buttonLeft {
    clear:left;
    float:left;
    margin:0;
    padding:0;
    width:14px;
    height:67px;
    background:url('') repeat-x;
    display:block;
}
.ooac .buttonCenter {
    float:left;
    margin:0;
    padding:0;
    height:67px;
    background:url('') repeat-x;
    line-height:67px;
    color:#fff;
    text-shadow: 0px -1px 1px #000;
    font-size:18px;
    font-weight:bold;
    display:block;
}
.ooac .buttonRight {
    float:left;
    margin:0;
    padding:0;
    width:14px;
    height:67px;
    background:url('') repeat-x;
    display:block;
}

/* PS CLOCK FORMATTING - Removed 03-06-13 */
/*.psClock > p {color:#a99e9e; background:none;border:none;}
.psClock > h1 {color:#bc242a;font-family:Helvetica;font-size:20px;font-weight:700;padding-bottom:5px;padding-top:5px;background:none;border:none;}
.psClock > h2 {color:#bc242a;font-family:Helvetica;font-size:16px;font-weight:700;padding-bottom:5px;background:none;border:none;}
.psClock > h3 {color:#bc232a;font-family:Helvetica;font-size:16px;font-weight:700;padding-bottom:5px;padding-top:5px;background:none;border:none;}*/