/* -------------------- General Styles -------------------- */

/*------------------ Generic Grid Styles -------------------*/
/* --- None --- */
.bgStyleNone {background:#fff}
.bgStyleNone h2 {color:#3e3e3e}
/* --- Grey Solid Colour --- */
.bgStyle1 {background:#e5e5e5; /*border-top:1px solid #fff;*/ border-bottom:1px solid #fff}
.bgStyle1 h2 {color:#3e3e3e}
/* --- Light Grey Gradient --- */
.bgStyle2 {background:url('/assets/common/images/long/backgrounds/grey-grad.png') top repeat-x #f5f5f5; /*border-top:1px solid #cbcbcb;*/ border-bottom:1px solid #fff}
.bgStyle2 h2 {color:#3e3e3e}
/* --- Dark Solid Colour --- */
.bgStyle3 {background:#181818}
.bgStyle3 h2, .bgStyle3 h3, .bgStyle3 p {color:#fff}
.bgStyle3.slimSubFooter p, .bgStyle3.fullSubFooter p {color:#fff}
/* --- Dark Grey Gradient --- */
.bgStyle4 {background:url('/assets/common/images/long/backgrounds/dark-grey-grad.png') top repeat-x #e5e5e5; /*border-top:1px solid #cbcbcb;*/ border-bottom:1px solid #fff}
.bgStyle4 h2 {color:#3e3e3e}
/* --- Sparkly Grey Image --- */
.bgStyle5 {background:url('/assets/common/images/long/backgrounds/freeticket-bg.jpg') top repeat-x #f5f5f5; /*border-top:1px solid #cbcbcb;*/ border-bottom:1px solid #fff}
.bgStyle5 h2 {color:#3e3e3e}
/* --- Madrid Image --- */
.bgStyle6 {background:url('/assets/common/images/long/backgrounds/madrid-bg.jpg') top repeat-x #f5f5f5; /*border-top:1px solid #fff;*/ border-bottom:1px solid #fff}
.bgStyle6 h2 {color:#3e3e3e}
/* --- Dream Team Collection Image --- */
.bgStyle7 {background:url('/assets/common/images/long/backgrounds/dtc_background.jpg') top repeat-x #f5f5f5; /*border-top:1px solid #fff;*/ border-bottom:1px solid #fff}
.bgStyle7 h2 {color:#3e3e3e}
/* --- Light Grey Solid Colour --- */
.bgStyle8 {background:#f5f5f5; border-bottom:1px solid #fff}
.bgStyle8 h2 {color:#3e3e3e}
/* --- Black Solid Colour --- */
.bgStyle9 {background:#000}
.bgStyle9 h2, .bgStyle9 h3 {color:#fff}
/* --- Series Globe Image --- */
.bgStyle10 {background:url('/assets/common/images/long/backgrounds/globe.png') top no-repeat #e5e5e5; /*border-top:1px solid #fff;*/ border-bottom:1px solid #fff}
.bgStyle10 h2 {color:#3e3e3e}
/* --- Hero Background - Off White --- */
.bgStyle11 {background:#f9f9f9}
.bgStyle11 h2 {color:#3e3e3e}

/* --- Text --- */
.red {color:#bc2228}

/* --- Links --- */
a {color:#1B7F8D}
a:hover {color:#56B4C3; text-decoration:underline}
.featuredLink {font-weight:bold !important}

/* --- Positions --- */
.left {text-align:left}
.right {text-align:right}

/* --- Header Reset --- */
#siteHeader {margin-bottom:0px !important}

/* --- Universal JS Clock --- */
.universalClock {background-color:#272727; color:#FFF; display:inline-block; padding:6px 0; text-align:center; width:100%; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; font-size:12px}

/*Global Video Classes*/
.video {width:100%; max-width:584px; margin:auto}
.videoWrap {position:relative; margin:0 auto 20px; padding-bottom: 56.25%; height:0px !important}
.BrightcoveExperience {position:absolute; top:0; left:0; width:100%; height:100%}
 video, #bcVideo {height:100% !important; width:100% !important}

/* ---------------------- Section Header --------------------- */
.section-header {background:url('/assets/common/images/layout/section-header/responsive/section-header-spade.gif') no-repeat 84% 0 #222; padding:19px 0; border-bottom:1px solid #444}
.section-header p {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; padding:0; margin:0; color:#fff} 
.section-header span {display:block}

@media(max-width:767px){
    .section-header {display:none}
}
@media(min-width:768px){
    .section-header span.line1 {font-size:30px}
    .section-header span.line2 {font-size:15px}
}
@media(min-width:992px){
    .section-header span.line1 {font-size:30px}
    .section-header span.line2 {font-size:15px}  
} 
@media(min-width:1200px){
    .section-header span.line1 {font-size:36px}
    .section-header span.line2 {font-size:18px}  
}

/* ------------------------ Social Bar ---------------------- */
.social-bar {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; padding:14px 0 20px 0}
.social-bar p {font-size:24px; margin:0; text-align:center}
.socialIcon {background:url(/assets/common/images/layout/responsive/social/sprite-social-media.png) no-repeat; height:37px; display:block; float:left; margin:0 10px}

/*.socialIcons a:last-child .socialIcon {margin-right:0}*/
.socialIcon.facebookIcon {width:16px; background-position:-3px 0} .socialIcon.facebookIcon:hover {background-position:-40px 0}
.socialIcon.twitterIcon {width:31px; background-position:-3px -37px} .socialIcon.twitterIcon:hover {background-position:-40px -37px}
.socialIcon.instagramIcon {width:31px; background-position:-3px -74px} .socialIcon.instagramIcon:hover {background-position:-40px -74px}
.socialIcon.youtubeIcon {width:27px; background-position:-3px -111px} .socialIcon.youtubeIcon:hover {background-position:-40px -111px}
.socialIcon.googleIcon {width:31px; background-position:-3px -148px} .socialIcon.googleIcon:hover {background-position:-40px -148px}
.socialIcon.twitchIcon {width:29px; background-position:-3px -185px} .socialIcon.twitchIcon:hover {background-position:-40px -185px}
.socialIcon.vkIcon {width:31px; background-position:-3px -222px} .socialIcon.vkIcon:hover {background-position:-40px -222px}

.socialIcon {display:table}
.socialIcons {margin:15px auto auto; display:table-cell; text-align:center}
.socialIcons a {display:inline-block; padding-top: 6px}

@media(max-width:767px){
    .socialIcon {margin:0 10px}
    /*.socialIcons {float:none; margin:15px auto auto; display:table}
    .social-bar p {font-size:24px; margin:0; text-align:center}*/
}
@media(min-width:768px){
    .socialIcon {margin:0 20px}
    /*.socialIcons {float:none;margin:15px auto auto; display:table}
    .social-bar p {font-size:24px; margin:0; text-align:center}*/
}
@media(min-width:992px){
    .socialIcon {margin:0 20px}
    /*.socialIcons {float:right; margin:0; display:block}
    .social-bar p {font-size:24px; margin:0; text-align:left}*/
} 
@media(min-width:1200px){
    .socialIcon {margin:0 20px}
    /*.socialIcons {float:right; margin:0; display:block}
    .social-bar p {font-size:24px; margin:0; text-align:left}*/
}

/* --------------------- Header Rotator --------------------- */
.header-rotator-grid #cmsRotator {width:100%; height:160px; position:relative}
.header-rotator-grid #cmsRotator div.slide {display:none; width:100%; position:absolute}
.header-rotator-grid #cmsRotator div.option {height:160px; max-width:1650px; background-position:center 0; background-size:cover; background-repeat:no-repeat; margin:auto}
.header-rotator-grid #cmsRotator .bHolder {font-size:0.9em; left:50%; position:absolute; top:54%; z-index:7 !important; display:none; text-align:center; padding:0px !important}
.header-rotator-grid #cmsRotator .bHolder a {background-color:#262626; color:#000; float:left; height:9px; margin-right:3px; margin-left:3px; outline:medium none; overflow:hidden; text-decoration:none; width:9px}
.header-rotator-grid #cmsRotator span#bHolder.bHolder a.selected {background:#E41E26; color:#FFF}

.header-rotator-grid #cmsRotator {height:366px}
.header-rotator-grid .headerContentWrap {padding:18px 0 5px}
.header-rotator-grid .headerContentWrap h1 {margin:0 0 20px 0; font-size:24px; font-weight:400}
.header-rotator-grid .headerContentWrap .paragraph p {margin:0 0 30px 0; font-size:18px; font-weight:400}
.header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons {padding-bottom:25px}
.header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:18px; display:inline-block}

@media(min-width:677px) and (max-width:767px){
    .header-rotator-grid #cmsRotator {height:406px}
    .header-rotator-grid #cmsRotator div.option {height:200px}
}
@media(min-width:768px){
    .header-rotator-grid #cmsRotator .bHolder {display:block; top:48%}
    .header-rotator-grid #cmsRotator {height:481px}
    .header-rotator-grid #cmsRotator div.option {height:250px}
    .header-rotator-grid .headerContentWrap {padding:18px 0 5px}
	.header-rotator-grid .headerContentWrap h1 {margin:0 0 20px 0; font-size:30px; font-weight:400}
    .header-rotator-grid .headerContentWrap .paragraph p {margin:0 0 30px 0; font-size:18px; font-weight:400}
    .header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons {padding-bottom:25px}
    .header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:24px; display:inline-block}
}
@media(min-width:992px){
    .header-rotator-grid #cmsRotator {height:512px}
    .header-rotator-grid #cmsRotator div.option {height:275px}
    .header-rotator-grid #cmsRotator .bHolder {top:49%}
    .header-rotator-grid .headerContentWrap {padding:18px 0 5px}
	.header-rotator-grid .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}
    .header-rotator-grid .headerContentWrap .paragraph p {margin:0 0 30px 0; font-size:24px; font-weight:400}
    .header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons {padding-bottom:25px}
    .header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:24px; display:inline-block}
}
@media(min-width:1200px){
    .header-rotator-grid #cmsRotator {height:588px}
    .header-rotator-grid #cmsRotator div.option {height:340px}
    .header-rotator-grid #cmsRotator .bHolder {top:54%}
    .header-rotator-grid .headerContentWrap {padding:18px 0 5px}
	.header-rotator-grid .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}
    .header-rotator-grid .headerContentWrap .paragraph p {margin:0 0 30px 0; font-size:24px; font-weight:400}
    .header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons {padding-bottom:25px}
    .header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:24px; display:inline-block}
}

/* --------------------- Header Rotator Legacy --------------------- */
.header-rotator-grid-legacy #cmsRotator {width:100%; height:160px; position:relative}
.header-rotator-grid-legacy #cmsRotator div.slide {display:none; width:100%; position:absolute}
.header-rotator-grid-legacy #cmsRotator div.option {height:160px; max-width:1650px; background-position:center 0; background-size:cover; background-repeat:no-repeat; margin:auto}
.header-rotator-grid-legacy #cmsRotator .bHolder {font-size:0.9em; left:50%; position:absolute; top:38%; z-index:7 !important; text-align:center; height:25px; padding:0px !important}
.header-rotator-grid-legacy #cmsRotator .bHolder a {background-color:#EFEFEF; color:#000; border-radius: 12px 12px 12px 12px; border:2px solid #999999; float:left; height:12px; margin-right:3px; margin-left:3px; outline:medium none; overflow:hidden; text-decoration:none; width:12px}
.header-rotator-grid-legacy #cmsRotator span#bHolder.bHolder a.selected {background:#BC2228; border:2px solid #BC2228}

.header-rotator-grid-legacy #cmsRotator {height:376px}
.header-rotator-grid-legacy .headerContentWrap {padding:18px 0 5px; height:216px}
.header-rotator-grid-legacy .headerContentWrap p.heading {font-size:24px; font-weight:400; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; margin:0}
.header-rotator-grid-legacy .headerContentWrap .paragraph p {font-size:18px; font-weight:400; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; width:100%; margin:auto}
.header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons {padding-bottom:25px}
.header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton {font-size:18px; display:inline-block}
.header-rotator-grid-legacy .headerContentWrap .paragraph {display:table-cell; height:85px; vertical-align:middle; padding-bottom:5px}

@media(min-width:677px) and (max-width:767px){
    .header-rotator-grid-legacy #cmsRotator {height:406px}
    .header-rotator-grid-legacy #cmsRotator div.option {height:200px}
    .header-rotator-grid-legacy #cmsRotator .bHolder {top:44%}
}
@media(min-width:768px){
    .header-rotator-grid-legacy #cmsRotator .bHolder {display:block; top:48%; height:25px}
    .header-rotator-grid-legacy #cmsRotator {height:485px}
    .header-rotator-grid-legacy #cmsRotator div.option {height:250px}
    .header-rotator-grid-legacy #cmsRotator .bHolder {top:47%}
    .header-rotator-grid-legacy .headerContentWrap {padding:18px 0 5px; height:235px}
	.header-rotator-grid-legacy .headerContentWrap p.heading {margin:0; font-size:30px; font-weight:400}
	.header-rotator-grid-legacy .headerContentWrap .paragraph {display:table-cell; height:85px; vertical-align:middle; padding-bottom:5px}
    .header-rotator-grid-legacy .headerContentWrap .paragraph p {width:100%; margin:auto; font-size:18px; font-weight:400}
    .header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons {padding-bottom:25px}
    .header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton {font-size:24px; display:inline-block}
}
@media(min-width:992px){
    .header-rotator-grid-legacy #cmsRotator {height:519px}
    .header-rotator-grid-legacy #cmsRotator div.option {height:275px}
    .header-rotator-grid-legacy #cmsRotator .bHolder {top:49%}
    .header-rotator-grid-legacy .headerContentWrap {padding:18px 0 5px; height:244px}
	.header-rotator-grid-legacy .headerContentWrap p.heading {margin:0; font-size:36px; font-weight:400}
	.header-rotator-grid-legacy .headerContentWrap .paragraph p {margin:0; font-size:24px; font-weight:400}
	/*.header-rotator-grid-legacy .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}*/
    .header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons {padding-bottom:25px}
    .header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton {font-size:24px; display:inline-block}
}
@media(min-width:1200px){
    .header-rotator-grid-legacy #cmsRotator {height:584px}
    .header-rotator-grid-legacy #cmsRotator div.option {height:340px}
    .header-rotator-grid-legacy #cmsRotator .bHolder {top:54%}
    .header-rotator-grid-legacy .headerContentWrap {padding:18px 0 5px}
	/*.header-rotator-grid-legacy .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}
    .header-rotator-grid-legacy .headerContentWrap .paragraph p {margin:0 0 30px 0; font-size:24px; font-weight:400}*/
    .header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons {padding-bottom:25px}
    .header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton {font-size:24px; display:inline-block}
}

/* --------------------- Image carousel --------------------- */
.image-carousel {padding:40px 0 60px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif;}
.image-carousel h1, .image-carousel h2 {text-align:center; margin:0; font-size:26px; font-weight:400}
.image-carousel #promotionsHP {margin:auto; margin-top:30px}
.image-carousel p {color:#7B7B7B; font-weight:100; font-size:18px; text-align:center; margin:25px 0 0}

.image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {background:url('../../images/layout/general/promoarrows.png') no-repeat scroll 0 0 transparent; cursor:pointer; height:40px; position:absolute; top:62px; width:19px}
.image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited {background-position:0 0; left:0}
.image-carousel a#arrowLeft:hover {background-position:0 -80px}
.image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {background-position:0 -39px; right:0}
.image-carousel a#arrowRight:hover {background-position:0 -119px}

@media(max-width: 360px){
    .image-carousel #promotionsHP {width:260px}
    .image-carousel #promotionsHP .paneTest {height:179px; overflow:hidden; position:relative; width:100%}
    .image-carousel #promotionsHP .paneTest .pane {display:block; float:left; width:260px}
    .image-carousel #promotionsHP .paneTest img {max-width:260px; height:auto}    
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {top:60px}
}
@media(min-width: 361px){
    .image-carousel p {font-size:18px}
    .image-carousel {padding:30px 0 45px}
    .image-carousel #promotionsHP {width:320px}
    .image-carousel #promotionsHP .paneTest {height:179px; overflow:hidden; position:relative; width:100%}
    .image-carousel #promotionsHP .paneTest .pane {display:block; float:left; width:320px}
    .image-carousel #promotionsHP .paneTest img {max-width:320px; height:auto}    
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {top:75px}
    .image-carousel p {color:#7B7B7B; font-weight:100; font-size:18px; text-align:center; margin:25px 0 0}
}
@media(min-width:768px){
    .image-carousel h1, .image-carousel h2 {font-size:36px}
    .image-carousel #promotionsHP {width:100%}
    .image-carousel #promotionsHP .paneTest {height:200px; overflow:hidden; position:relative; width:100%}
    .image-carousel #promotionsHP .paneTest .pane {display:block; float:left; width:359px}
    .image-carousel #promotionsHP .paneTest img {max-width:359px; height:auto; padding-right:4px}    
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {top:85px}
    .image-carousel p {font-size:18px}
}
@media(min-width:992px){
    .image-carousel h1, .image-carousel h2 {font-size:36px}
    .image-carousel #promotionsHP {width:100%}
    .image-carousel #promotionsHP .paneTest {height:175px; overflow:hidden; position:relative; width:100%}
    .image-carousel #promotionsHP .paneTest .pane {display:block; float:left; width:315px}
    .image-carousel #promotionsHP .paneTest img {max-width:315px; height:auto; padding-right:4px}    
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {top:70px}
    .image-carousel p {font-size:20px}
}
@media(min-width:1200px){
    .image-carousel h1, .image-carousel h2 {font-size:36px}
    .image-carousel #promotionsHP {width:100%}
    .image-carousel #promotionsHP .paneTest {height:157px; overflow:hidden; position:relative; width:100%}
    .image-carousel #promotionsHP .paneTest .pane {display:block; float:left; width:286px}
    .image-carousel #promotionsHP .paneTest img {max-width:286px; height:auto; padding-right:4px}
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited {top:62px}
    .image-carousel p {font-size:20px}
}
/* -------------------- Header Image Grid -------------------- */
.header-image-wrapper {width:100%}
.header-image-grid {background-size:cover; height:400px; background-position: center 0;}
.header-image-grid .table { display:table; height:100%; margin:auto;}
.header-image-grid .cell {display:table-cell; vertical-align:middle;}
.header-image-grid .heading {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-weight:bold; color:#fff}
.header-image-grid .blackBG {background:none repeat scroll 0 0 rgba(1, 1, 1, 0.7); padding:8px 15px; font-size:42px; font-weight:400; display:inline-block; line-height:30px}
.header-image-grid .whiteBG {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7); padding:6px 15px; font-size:32px; display:block; float:left}
.header-image-grid .break {clear:both; display:block}
.header-image-grid a {font-size:30px; margin:20px 0 0px 0; display:inline-block}
.header-image-grid p {margin:0}
.header-image-grid h1 {margin:0px}
.header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton {font-size:18px}
.header-image-wrapper .footContent {background:#434247; color:#FFF; text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif}
.header-image-wrapper .footContent p {margin:0px; padding:15px 0px; font-weight:300; font-size:16px;} 

.header-image-grid.imageOnly {height:auto !important; background-image:none}
.header-image-grid.imageOnly h1 {text-align:center; color:#3E3E3E; font-weight:normal; font-size:26px}
.header-image-grid.imageOnly .button {text-align:center}
.header-image-grid.imageOnly .table {padding:20px 0 30px 0}
.header-image-grid.imageOnly .cell {padding:0}

/*---Slim Header---*/
.header-image-wrapper .header-image-grid.slimHeader {height:160px; background-position:center 0px}
.header-image-wrapper .headerContentWrap {padding:18px 0 5px; background-color:#fff; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif}
.header-image-wrapper .headerContentWrap h1 {margin:0 0 20px 0; font-size:24px; font-weight:400; text-align:center; color:#333333}
.header-image-wrapper .headerContentWrap .paragraph {margin:0 0 30px 0; font-size:18px; font-weight:400; text-align:center; color:#333333}
.header-image-wrapper .headerContentWrap .paragraph p {margin:0}
.header-image-wrapper .headerContentWrap .button, .sub-footer-grid.slimSubFooter .highlightButtons {padding-bottom:25px; text-align:center}
.header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:18px; display:inline-block}

@media(max-width:767px){
	.header-image-grid {}
	.header-image-grid {height:390px}
    .header-image-grid .blackBG {font-size:26px; display:inline-block; float:none; line-height:30px}
    .header-image-grid .whiteBG {font-size:18px; display:inline-block; float:none}
	.header-image-grid .container {text-align:center}
	.header-image-grid h1 {margin:0px;}
	.header-image-grid .cell {display:table-cell; vertical-align:bottom; padding-bottom:20px}
	
	.header-image-grid.standardHeader .container {text-align:left}
	.header-image-grid.standardHeader .cell {vertical-align:middle; padding-bottom:0;}
	.header-image-grid.standardHeader .blackBG {font-size:22px; display:inline-block; float:none; line-height:30px}
    .header-image-grid.standardHeader .whiteBG {font-size:9px; display:inline-block; float:none}
    
    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader {height:160px; background-position:center 0px}
}
@media(min-width:677px) and (max-width:768px){
    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader {height:200px; background-position:center 0px }
}
@media(min-width:442px) and (max-width:991px)
{
	.header-image-grid.imageOnly h1 {text-align:center; color:#3E3E3E; font-weight:normal; font-size:30px}
	.header-image-grid.imageOnly .button {text-align:center}
	.header-image-grid.imageOnly .table {padding:20px 0 30px 0}
	.header-image-grid.imageOnly .cell {padding:0}
	.header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton {font-size:24px}
}
@media(min-width:768px){
	.header-image-grid {height:340px}
	.header-image-grid .blackBG {font-size:34px; line-height:40px}
	.header-image-grid .whiteBG {font-size:18px}
	.header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton {font-size:24px}
	.header-image-grid h1 {margin:0px;}
	.header-image-wrapper .footContent p {font-size:18px}
	
	/*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader {height:250px; background-position:center 0px}
    .header-image-wrapper .headerContentWrap h1 {margin:0 0 20px 0; font-size:30px; font-weight:400}
    .header-image-wrapper .headerContentWrap .paragraph {margin:0 0 30px 0; font-size:18px; font-weight:400}
    .header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:24px}
}
@media(min-width:992px){ 
	.header-image-grid {height:400px}
	.header-image-grid .blackBG {font-size:42px; line-height:50px}
	.header-image-grid .whiteBG {font-size:22px}
	.header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton {font-size:24px}
	.header-image-grid h1 {margin:0px;}
	.header-image-wrapper .footContent p {font-size:18px}
	
	.header-image-grid.imageOnly h1 {text-align:center; color:#3E3E3E; font-weight:normal; font-size:30px}
	.header-image-grid.imageOnly .button {text-align:center}
	.header-image-grid.imageOnly .table {padding:20px 0 30px 0}
	
	/*---Slim Header---*/
	.header-image-wrapper .header-image-grid.slimHeader {height:275px; background-position:center 0px}
	.header-image-wrapper .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}
    .header-image-wrapper .headerContentWrap .paragraph {margin:0 0 30px 0; font-size:22px; font-weight:400}
    .header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:24px}
}
@media(min-width:1200px){
	.header-image-grid {height:440px}
	.header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton {font-size:24px}
	.header-image-grid h1 {margin:0px;}
	.header-image-grid {background-color:#000; background-size:cover; background-repeat:no-repeat; max-width:1650px; margin:auto}
	.header-image-wrapper .footContent p {font-size:20px}
	
	.header-image-grid.imageOnly h1 {text-align:center; color:#3E3E3E; font-weight:normal; font-size:36px}
	.header-image-grid.imageOnly .button {text-align:center}
	.header-image-grid.imageOnly .table {padding:20px 0 30px 0}
	.header-image-grid.imageOnly {max-width:3000px!important}
	
	/*---Slim Header---*/
	.header-image-wrapper .header-image-grid.slimHeader {height:340px; background-position:center 0px}
	.header-image-wrapper .headerContentWrap {padding:18px 0 5px;}
	.header-image-wrapper .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}
    .header-image-wrapper .headerContentWrap .paragraph {margin:0 0 30px 0; font-size:24px; font-weight:400}
    .header-image-wrapper .headerContentWrap .button, .sub-footer-grid.slimSubFooter .highlightButtons {padding-bottom:25px}
    .header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton {font-size:24px}
}

/* -------------------- Categories Grid ---------------------- */
.categories-grid {padding:40px 0 45px; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif}
.categories-grid h1, .categories-grid h2 {text-align:center; margin:0 0 40px 0; font-size:26px; font-weight:400;}
.categories-grid p.sectionHeading {font-family:'Roboto Condensed',Arial,Helvetica,sans-serif; font-size:28px; font-weight:normal; color:#3e3e3e;}
.categories-grid p {color:#7B7B7B; font-weight:100; font-size:14px}
.categories-grid .button {text-align:center; padding-top:35px}
.categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton {font-size:18px; display:inline-block}
.categories-grid .highlightButtons {text-align:center; padding-top:35px}
.categories-grid .paragraph {margin-bottom:30px; font-size:18px; text-align:center;}

@media(max-width: 441px) 	{
    .categories-grid {padding:40px 0 45px}
    /*.categories-grid img {width:220px}*/
    .categories-grid .category {text-align:center; padding-bottom:50px}
	.categories-grid .categoryLast {padding-bottom:0}
    .categories-grid p.sectionHeading {font-size:20px}
    .categories-grid p {font-size:14px}
	.categories-grid .paragraph p{margin-bottom:30px; font-size:18px;}
	.categories-grid h2 {margin:0 0 10px 0;}
}
@media(min-width:442px) and (max-width:991px){
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton {font-size:24px}
    .categories-grid .categoryImage, .categories-grid .categoryContent {float:left; width:50%}
    .categories-grid .categoryImage {padding-right:15px; text-align:center}
    .categories-grid .category {text-align:left} 
   /* .categories-grid .categoryImage img {width:100%; max-width:250px}  */
    .categories-grid p.sectionHeading {font-size:22px; margin-top:0}
    .categories-grid p {font-size:18px;}
    .categories-grid h1, .categories-grid h2 {font-size:30px}
    .categories-grid .category {padding-bottom:10px} 
}
@media(max-width:767px){
    .categories-grid .highlightButtons .apple {margin:0 0 5px 0; display:block}
    .categories-grid .highlightButtons .android {margin:5px 0 0 0; display:block}
    /*.categories-grid .categoryImage img {height:auto; max-width:288px; width:100%}*/
	.categories-grid h2 {margin:0 0 10px 0;}
}
@media(min-width:768px){
    .categories-grid {padding:48px 0 60px 0}
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton {font-size:24px}
	.categories-grid .paragraph {margin-bottom:30px; font-size:18px; font-weight:400}
}
@media(min-width:992px){   
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton {font-size:24px}
    .categories-grid .category {text-align:center}
    .categories-grid p {font-size:20px}
    .categories-grid h1, .categories-grid h2 {font-size:30px} 
    .categories-grid p.sectionHeading {font-size:28px}
    .categories-grid .highlightButtons .apple {margin:0 20px}
    .categories-grid .highlightButtons .android {margin:0 20px} 
	.categories-grid .paragraph {margin-bottom:30px; font-size:22px; font-weight:400}
   /* .categories-grid .categoryImage img {height:auto; max-width:288px; width:100%}*/
}
@media(min-width:1200px){
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton {font-size:24px}
    .categories-grid .category {text-align:center} 
    .categories-grid p {font-size:20px}  
    .categories-grid h1, .categories-grid h2 {font-size:36px} 
    .categories-grid p.sectionHeading {font-size:28px}
    .categories-grid .highlightButtons .apple {margin:0 20px}
    .categories-grid .highlightButtons .android {margin:0 20px} 
	.categories-grid .paragraph {margin-bottom:30px; font-size:22px; font-weight:400}
    /*.categories-grid .categoryImage img {height:auto; max-width:352px; width:100%}*/
}

/* -------------------- Promotions Grid ---------------------- */
.promo-grid {padding:40px 0}
.promo-grid h1, .promo-grid h2 {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-weight:400; font-size:26px; margin:0 0 25px}
.promo-grid p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; margin:0 0 30px; font-weight:100}
.promo-grid .promo {border:0px solid #373737; margin-bottom:20px}
.promo-grid .promo.promoExtension {min-height:175px; margin:0}
.promo-grid .promo a:hover {text-decoration:none}
.promo-grid .promo img {width:100%}
.promo-grid .button {text-align:center; padding-top:25px}
.promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton {font-size:18px; display:inline-block}
.promo-grid .promo .promoThumbText {display:block; text-align:left; margin-top:5px}
.promo-grid .promo a {display:block}

@media(max-width: 441px){
    .promo-grid p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; font-weight:100}
}
@media(min-width:442px) and (max-width:991px){
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton {font-size:24px} 
}
@media(min-width:500px) and (max-width:767px){
	.promo-grid .promo img {width:255px; width:100%}
	.promo-grid p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; font-weight:100} 
}
@media(min-width:477px) and (max-width:585px) {
    .promo-grid .promo.promoExtension {min-height:205px}
}
@media(min-width:586px) and (max-width:767px) {
    .promo-grid .promo.promoExtension {min-height:220px}
}
@media(max-width:767px){
	.promo-grid .promo img {max-width:255px; width:100%}
}
@media(min-width:768px){
	.promo-grid {padding:48px 0 60px 0}
	.promo-grid h1, .promo-grid h2 {font-size:30px}
	.promo-grid .promo img {width:100%}
	.promo-grid .promo.promoExtension {min-height:190px}
	.promo-grid p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; margin:0 0 40px; font-weight:100}
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton {font-size:24px} 
    .promo-grid .button {padding-top:40px}
}
@media(min-width:992px){
    .promo-grid h1, .promo-grid h2 {font-size:30px}
    .promo-grid .promo img {width:100%}
    .promo-grid .promo.promoExtension {min-height:190px}
    .promo-grid p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:20px; color:#7b7b7b; margin:0 0 40px; font-weight:100} 
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton {font-size:24px} 
}
@media(min-width:1200px){
    .promo-grid h1, .promo-grid h2 {font-size:36px}
    .promo-grid .promo img {width:100%}
	.promo-grid .promo .promoThumbText {width:100%}
    .promo-grid .promo.promoExtension {min-height:220px}
    .promo-grid p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:20px; color:#7b7b7b; margin:0 0 40px; font-weight:100}
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton {font-size:24px} 
    
}

/* ----------------- Promotions Grid Legacy ------------------- */ 
.promo-grid-legacy {padding:40px 0}
.promo-grid-legacy h1, .promo-grid-legacy h2 {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-weight:400; font-size:26px; margin:0 0 25px}
.promo-grid-legacy p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; margin:0 0 30px; font-weight:100}
.promo-grid-legacy .promo {border:0px solid #373737; margin-bottom:20px; text-align:center}
.promo-grid-legacy .promo.promoExtension {min-height:175px; margin:0; text-align:center}
.promo-grid-legacy .promo a:hover {text-decoration:none}
.promo-grid-legacy .promo img {width:100%}
.promo-grid-legacy .button {text-align:center; padding-top:25px}
.promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red {font-size:18px; display:inline-block}
.promo-grid-legacy .promo .promoThumbText {display:block; text-align:left; margin:auto; margin:5px auto 0; max-width:200px}
.promo-grid-legacy .promo a {display:block}

@media(max-width: 441px){
    .promo-grid-legacy p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; font-weight:100}
}
@media(min-width:442px) and (max-width:991px){
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red {font-size:24px} 
}
@media(min-width:500px) and (max-width:767px){
	.promo-grid-legacy .promo img {max-width:200px; width:100%}
	.promo-grid-legacy p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; font-weight:100} 
}
@media(min-width:477px) and (max-width:585px) {
    .promo-grid-legacy .promo.promoExtension {min-height:175px}
}
@media(min-width:586px) and (max-width:767px) {
    .promo-grid-legacy .promo.promoExtension {min-height:175px}
}
@media(max-width:767px){
	.promo-grid-legacy .promo img {max-width:200px; width:100%}
}
@media(min-width:768px){
	.promo-grid-legacy {padding:48px 0 60px 0}
	.promo-grid-legacy h1, .promo-grid-legacy h2 {font-size:30px}
	.promo-grid-legacy .promo img {width:100%; max-width:200px}
	.promo-grid-legacy .promo.promoExtension {min-height:190px}
	.promo-grid-legacy p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; margin:0 0 40px; font-weight:100}
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red {font-size:24px} 
    .promo-grid-legacy .button {padding-top:40px}
}
@media(min-width:992px){
    .promo-grid-legacy h1, .promo-grid-legacy h2 {font-size:30px}
    .promo-grid-legacy .promo img {width:100%; max-width:200px}
    .promo-grid-legacy .promo.promoExtension {min-height:190px}
    .promo-grid-legacy p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:20px; color:#7b7b7b; margin:0 0 40px; font-weight:100} 
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red {font-size:24px} 
}
@media(min-width:1200px){
    .promo-grid-legacy h1, .promo-grid-legacy h2 {font-size:36px}
    .promo-grid-legacy .promo img {max-width:200px; height:auto}
	.promo-grid-legacy .promo .promoThumbText {max-width:200px}
    .promo-grid-legacy .promo.promoExtension {min-height:180px}
    .promo-grid-legacy p {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:20px; color:#7b7b7b; margin:0 0 40px; font-weight:100}
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red {font-size:24px} 
    
}

/* -------------------- Highlight Grid ---------------------- */
.highlight-grid {padding:40px 0 0 0}
.highlight-grid h1, .highlight-grid h2 {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-weight:400; font-size:24px; margin:0 0 25px;}
.highlight-grid p {text-align:center; padding:0px; margin:0px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; font-weight:100}
.highlight-grid li a { color:#1b7f8d; }
.highlight-grid li a:hover { color:#56b4c3; }
.highlight-grid .paragraph {margin-bottom:45px; font-size:18px;}
.highlight-grid .device {text-align:center; margin-bottom:45px}
.highlight-grid .device img {width:100%}
.highlight-grid .footNotes {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; font-weight:100; padding-bottom:45px; color:#7B7B7B}
.highlight-grid .footNotes ul, .highlight-grid .footNotes p {padding:0px; margin:0px}
.highlight-grid .footNotes li {list-style:none outside none}
.highlight-grid .highlightButtons {text-align:center; margin-top:10px; margin-bottom:45px}
.highlight-grid ul li p {padding:0; margin:0}
.highlight-grid .button {text-align:center; padding-bottom:45px}
.highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red {font-size:18px; display:inline-block}
.highlight-grid .videoWrap .embededVideoCover {background:url('/assets/common/images/layout/video/play_video_button.png') no-repeat; width:75px; height:75px; z-index:1; position:absolute; left:50%; top:50%; margin:-37.5px 0 0 -53.5px}

@media(max-width: 441px){
    .highlight-grid p {font-size:18px; margin-bottom:0px;}
    .highlight-grid {padding:40px 0 5px}
}
@media(min-width:442px) and (max-width:766px){
	.highlight-grid p { font-size:18px; margin-bottom:0px; }
}
@media(min-width:442px) and (max-width:991px){
    .highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red {font-size:24px}
}
@media(max-width:767px){ 
    .highlight-grid .highlightButtons .apple {margin:0 0 5px 0; display:block}
    .highlight-grid .highlightButtons .android {margin:5px 0 0 0; display:block}
    .highlight-grid .device img  {width:100%; height:auto; max-width:555px}
}
@media(min-width:768px){
    .highlight-grid {padding:48px 0 0 0}
	.highlight-grid h1, .highlight-grid h2 {font-size:30px; margin:0 0 25px}
	.highlight-grid .paragraph {margin-bottom:60px}
	.highlight-grid .device {margin-bottom:60px}
	.highlight-grid .footNotes {padding-bottom:60px}
	.highlight-grid .highlightButtons {margin-bottom:60px}
	.highlight-grid p {font-size:20px}
	.highlight-grid .button {padding-bottom:60px}
	.highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red {font-size:24px}
}
@media(min-width:992px){
    .highlight-grid .highlightButtons .apple {margin:0 20px}
    .highlight-grid .highlightButtons .android {margin:0 20px}  
    .highlight-grid h1, .highlight-grid h2 {font-size:30px}
    .highlight-grid p {font-size:20px}
    .highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red {font-size:24px}
}
@media(min-width:1200px){
    .highlight-grid .highlightButtons .apple {margin:0 20px}
    .highlight-grid .highlightButtons .android {margin:0 20px} 
    .highlight-grid h1, .highlight-grid h2 {font-size:36px}
    .highlight-grid p {font-size:20px}
    .highlight-grid .greenButton, .highlight-grid .greyButton, .details-grid .btn-ps-red {font-size:24px} 
}

/* -------------------- Details Grid ---------------------- */
.details-grid {padding:40px 0 45px 0}
.details-grid h1, .details-grid h2 {text-align:center; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:24px; margin:0 0 25px; font-weight:400}
.details-grid h3 {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; margin:0 0 10px; font-size:18px; font-weight:400}
.details-grid p {margin:0; padding:0 0 15px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:16px; color:#7b7b7b; font-weight:100}
.details-grid .paragraph p {text-align:center; padding-bottom:0px; margin-bottom:0px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; color:#7b7b7b; font-weight:100}
.details-grid .paragraph {margin-bottom:60px}
.details-grid .gridItemWrapper .row {margin:0 0 45px; text-align:center}
.details-grid .button {text-align:center; padding-top:35px}
.details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red {font-size:18px; display:inline-block}
.details-grid .right p {font-family:Verdana, Geneva, sans-serif}
.details-grid .videoWrap .embededVideoCover {background:url('/assets/common/images/layout/video/play_video_button.png') no-repeat; background-size:cover; width:50px; height:50px; z-index:1; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px}

@media(max-width:441px){
    .details-grid .left, .details-grid .right {text-align:left}
    .details-grid .right {margin-top:10px}
    .details-grid p {font-size:13px}
    .details-grid .paragraph p {font-size:18px; padding-bottom:30px}  
    .details-grid h3 {text-align:left}
    .details-grid .gridItemWrapper .row {margin:0}
    
    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem {padding-bottom:36px}
    .details-grid .gridItemWrapper .sixGridItem img {width:300px; height:auto}
    .details-grid .gridItemWrapper .sixGridItem .left {display:block; text-align:center}
    .details-grid .gridItemWrapper .sixGridItem .right {display:block; padding:0}
     
    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem {padding-bottom:36px}
    .details-grid .gridItemWrapper .fourGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .fourGridItem .left {display:block; text-align:center}
    .details-grid .gridItemWrapper .fourGridItem .right {display:block; padding:0}
    
    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem {padding-bottom:36px}
    .details-grid .gridItemWrapper .threeGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .threeGridItem .left {display:block; text-align:center}
    .details-grid .gridItemWrapper .threeGridItem .right {display:block; padding:0}
}
@media(min-width:442px) and (max-width:991px){
    
    .details-grid .right {display:table-cell; vertical-align:middle; padding-left:50px; text-align:left}
    .details-grid .paragraph {margin-bottom:60px}    
    .details-grid p {font-size:13px}
    .details-grid h1, .details-grid h2 {font-size:24px} 
    .details-grid h3 {font-size:18px} 
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red {font-size:24px}
    
    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem {padding:0 0 20px 0}
    .details-grid .gridItemWrapper .sixGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .sixGridItem .left {display:table-cell; vertical-align:middle; width:165px}
     
    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem {padding:0 0 20px 0} 
    .details-grid .gridItemWrapper .fourGridItem img {width:100%; height:auto; margin-top:10px}
    .details-grid .gridItemWrapper .fourGridItem .left {display:table-cell; width:203px; vertical-align:top}
    
    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem {padding:0 0 20px 0}
    .details-grid .gridItemWrapper .threeGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .threeGridItem .left {display:table-cell; width:203px; vertical-align:top}
}
@media(min-width:442px) and (max-width:766px){
	.details-grid .paragraph p {font-size:18px}
}
@media(min-width:768px){
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red {font-size:24px}
    .details-grid {padding:48px 0 60px 0}
    .details-grid .paragraph {margin-bottom:60px}
    .details-grid .button {padding-top:0}
    .details-grid .paragraph p {font-size:18px}
}
@media(min-width:992px){
    .details-grid p {font-size:14px}
    .details-grid h1, .details-grid h2 {font-size:30px} 
    .details-grid h3 {font-size:18px; margin:30px 0 15px 0}
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red {font-size:24px}  
    .details-grid .paragraph p {font-size:18px} 
    
    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .sixGridItem .right {text-align:left}    
    
    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem img {width:100%; height:auto}  
    .details-grid .gridItemWrapper .fourGridItem .right {text-align:left} 
    
    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .threeGridItem .right, .details-grid .gridItemWrapper .threeGridItem .left {text-align:center}
}
@media(min-width:1200px){
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red {font-size:24px}
    .details-grid p {font-size:14px}  
    .details-grid h1, .details-grid h2 {font-size:36px} 
    .details-grid h3 {font-size:20px; margin:30px 0 15px 0}
    .details-grid .paragraph p {font-size:20px}   
    
    /* --- 6 Column --- */      
    .details-grid .gridItemWrapper .sixGridItem img {width:100%; height:auto}  
    
    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem img {width:100%; height:auto}  
    
    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem img {width:100%; height:auto}
    .details-grid .gridItemWrapper .threeGridItem .right, .details-grid .gridItemWrapper .threeGridItem .left {text-align:center}
}

/* ------------------ Content Area Grid --------------------- */
.content-area {padding:48px 0 45px; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif} 
.content-area h1, .content-area h2 {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:24px; margin:0 0 25px; font-weight:400}
.content-area h3 {font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; font-size:18px; padding:0 0 20px; margin:0; font-weight:400}
.content-area .imageItemWrapper {padding:0 0 20px; overflow:hidden}
.content-area p {padding-bottom:20px; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#7b7b7b; font-weight:100}
.content-area p.imageCaption {padding:0 0 20px; margin:0; font-size:12px; text-align:center}
.content-area .oneImageItem p.imageCaption, .content-area .twoImageItem p.imageCaption, .content-area .threeImageItem p.imageCaption {padding:10px 0 20px; margin:0; font-size:12px}
.content-area .button {text-align:center; padding:40px 0 20px}
.content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red {font-size:18px; display:inline-block}
.content-area .imageItemWrapper img {width:100%}
.content-area .highlightButtons {text-align:center; padding:20px 0}
.content-area .videoWrap .embededVideoCover {background:url('/assets/common/images/layout/video/play_video_button.png') no-repeat; width:75px; height:75px; z-index:1; position:absolute; left:50%; top:50%; margin:-37.5px 0 0 -53.5px}
.content-area .oneImageItem {text-align:center}

/* --- Table --- */
.content-area table {margin:0 0 20px; color:#7B7B7B; width:100%; font-family:Verdana, Geneva, sans-serif; font-size:11px}
.content-area table th {background:none repeat scroll 0 0 #D7D6D6; border-spacing:0 5px; color:#000; font-size:12px; padding:10px 15px; text-align:left}
.content-area table td {background:none repeat scroll 0 0 #fff; padding:10px 15px}
.content-area table tr.alt td {background:none repeat scroll 0 0 #f9f9f9}
/* Override Bootstrap table class */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border:0}

/* --- Real Money Feed Table --- */
.realMoneyFeedWrap {background:#fff; padding:20px; margin:20px 0 20px; font-family:Verdana, Geneva, sans-serif}
#rm-dropdown {display:block; width:100%; z-index:100; height:70px}
#rm-dropdown .providerType {font-weight:bold; float:none; font-size:12px; color:#8b8b8b; padding:10px 0 0}
#rm-dropdown #countriesSelect {float:none}
#rm-dropdown select {border: 1px solid #CCCCCC; color:#666666; font-size:14px; margin:0; padding:4px}
#rm-methods {width:100%; overflow:auto}
#realMTable .realMtrue {background: url("../../images/layout/general/true.png") no-repeat; height:26px; margin:auto; width:26px}
#realMTable .realMfalse {background: url("../../images/layout/general/false.png") no-repeat; height:26px; margin:auto; width:26px}
#realMTable .realMtruefast {background: url("../../images/layout/general/fast.png") no-repeat; height:26px; margin:auto; width:26px}
#realMTable {border:0; margin:0}
#realMTable th {background:#292929; color:#f9f9f9}
#realMTable th.three, #realMTable th.four, #realMTable th.five {text-align:center}

/* --- VIP Casino Table --- */
#vipTable th {background:#292929; color:#f9f9f9}

/* --- Series Feed Table --- */
.tournamentsFeed {font-family:Verdana, Geneva, sans-serif}
.tournamentsFeed table {border:none; background:none; padding:0; border-collapse:collapse; color:#7B7B7B}
.tournamentsFeed table th {color:#000; padding:10px 5px; font-size:12px; white-space:nowrap}
.tournamentsFeed table td {background:none; padding:5px; font-size:11px; vertical-align:top}
.tournamentsFeed table tr:nth-child(even) {background:#fff}
.tournamentsFeed table tr:nth-child(odd) {background:#f9f9f9}
.tournamentsFeed table a {font-weight:700}
.tournamentsFeed table a:hover {text-decoration:underline}
.tournamentsFeed .buttonGrey a {color:#fff}
.tournamentsFeed table tfoot td, .event-details table tfoot td {background:#f5f3f3; font-size:10px}
.tournamentsFeed #scheduleScrollLarge {overflow-y:auto; width:100%; overflow-x:auto; height:700px}
.tournamentsFeed #scheduleLarge .dabsHolder .dabs {margin-bottom:5px}
.tournamentsFeed #scheduleLarge .dabsHolder .dabs a {font-size:12px; font-weight:bold; padding:7px 7px 7px 0}
.tournamentsFeed .mobileGametrue {background-image: url("http://www.psimg.com/images/real-money/true.png"); height:26px; width:26px}
.tournamentsFeed div.mobileTableHeader {background-image:url("../../images/layout/mobile-icon.png"); background-position:center center; background-repeat:no-repeat; height:35px; width:26px!important}

#micromillionsFeed table th {background: #c0b071; background: -webkit-gradient(linear, left top, left bottom, from(#c0b071), to(#a99552)); background: -webkit-linear-gradient(top, #c0b071, #a99552); background: -moz-linear-gradient(top, #c0b071, #a99552); background: -ms-linear-gradient(top, #c0b071, #a99552); background: -o-linear-gradient(top, #c0b071, #a99552); background: linear-gradient(to bottom, #c0b071, #a99552);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c0b071, endColorstr=#a99552);}
#tcoopFeed table th {color:#fff; background: #ee162c; background: -webkit-gradient(linear, left top, left bottom, from(#ee162c), to(#88020b)); background: -webkit-linear-gradient(top, #ee162c, #88020b); background: -moz-linear-gradient(top, #ee162c, #88020b); background: -ms-linear-gradient(top, #ee162c, #88020b); background: -o-linear-gradient(top, #ee162c, #88020b); background: linear-gradient(to bottom, #ee162c, #88020b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ee162c, endColorstr=#88020b);}
#scoopFeed table th {background: #f0c72e; background: -webkit-gradient(linear, left top, left bottom, from(#f0c72e), to(#e99f29)); background: -webkit-linear-gradient(top, #f0c72e, #e99f29); background: -moz-linear-gradient(top, #f0c72e, #e99f29); background: -ms-linear-gradient(top, #f0c72e, #e99f29); background: -o-linear-gradient(top, #f0c72e, #e99f29); background: linear-gradient(to bottom, #f0c72e, #e99f29);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0c72e, endColorstr=#e99f29);}
#wcoopFeed table th {color:#fff; background: #ee162c; background: -webkit-gradient(linear, left top, left bottom, from(#ee162c), to(#88020b)); background: -webkit-linear-gradient(top, #ee162c, #88020b); background: -moz-linear-gradient(top, #ee162c, #88020b); background: -ms-linear-gradient(top, #ee162c, #88020b); background: -o-linear-gradient(top, #ee162c, #88020b); background: linear-gradient(to bottom, #ee162c, #88020b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ee162c, endColorstr=#88020b);}

/* --- Show Hide Button --- */
.content-area .showHideButton, .content-area .showHideButtonA {display:block; border:1px solid #dadada; background:#eaeaea; text-align:center; padding:10px; margin-bottom:20px; color:#000; text-decoration:none; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif}
.content-area .showHideButton:hover, .content-area .showHideButtonA:hover {background:#e3e3e3}

/* --- Lists --- */
.content-area ul, .content-area ol {font-family:Verdana, Geneva, sans-serif; color:#7b7b7b; margin:0 0 20px 0}

.content-area ul.inline-list {overflow:hidden; padding:0}
.content-area ul.inline-list li {color:#BC2228; float:left; list-style-type:square; margin-left:35px}

/* --- Default Accordian Styling --- */
.content-area .exHolder {border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3}
.content-area .exControl {border-top:1px solid #E3E3E3; padding:8px 5px 6px 10px; font-weight:bold; font-size:11px; cursor:pointer; background:url('/assets/common/images/layout/general/accordion-tab-bg.jpg') repeat-x; position:relative; text-transform:uppercase;}
.content-area .exControl h2 {padding:0; border:none; font-size:18px; margin:0; text-transform:capitalize; color:#404040}
.content-area .exControl a {text-decoration:none}
.content-area .exControlLink, .content-area .exControlPlusLink, .content-area .exControlMinusLink {background-color:#dbdad5; text-decoration:none; text-align:center; width:16px; line-height:13px; position:absolute; top:13px; right:10px; border:1px solid #666; color:#000; font-size:14px}
.content-area .exControlMinusLink {background:transparent}
.content-area .exContentAlt {padding:0 30px; border:none}
.content-area .exContentAlt p {border:medium none; float:none; margin:15px 0; padding:0}
.content-area .exContentAlt h3 {font-size:1.2em; background:none; margin:15px 25px 0px 25px}
.content-area .exContent h3 {font-size:1.2em; background: none; margin:15px 25px 0px 25px}
.content-area .exContent ol {padding: 0 0 0 20px}
.content-area .exContent {overflow:hidden; background-color:#fff; position:relative; display:block; font-family:Verdana, Geneva, sans-serif;}
.content-area .exContent img {padding:0 0 15px 0}
.content-area .exContent .imgLeft {margin: 0 15px 15px 0}
.content-area .exContent .imgCenter {padding-top:0}
.content-area .exContent .col_single {padding:30px 0}
.content-area .exContent .col_single ul {padding: 0 0 0 20px}
.content-area .exContent .col_one {float:left; width:280px; border-right:1px solid #CCC; margin: 20px 0 20px 20px}
.content-area .exContent p {margin:0 0 15px 0; padding:0 25px 0 0}
.content-area .exContent .col_two {float:left; width:280px; margin:20px 20px 20px 0}
.content-area .exContent .col_two ul {margin:0 10px 15px 20px}
.content-area .exContent .col_two ul li {background:url('../images/layout/general/li-red-square.gif') no-repeat; list-style-type:none; padding:0 0 7px 20px}

/* ------ VIP Levels Accordian Styling ------ */
#accordianVipLevels .exContent p, #accordianVipLevels .exContent li {color:#fff}
#accordianVipLevels .exControl {padding:9px 5px 8px 10px}
#accordianVipLevels .exControlLink {background:url('../../../../assets/common/images/vip/responsive/control-plus.png') no-repeat; border:0; width:21px; height:21px; top:9px; font-size:16px; text-indent:-5000px; line-height:21px; margin-right:2px;}
#accordianVipLevels .active .exControlLink {background:url('../../../../assets/common/images/vip/responsive/control-minus.png') no-repeat; border:0; width:21px; height:21px; top:9px; font-size:16px; text-indent:-5000px; line-height:21px; margin-right:2px}

/* --- Accordian Background --- */
#accordianVipLevels .exContent {background: #272727; background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#181818)); background: -webkit-linear-gradient(top, #272727, #181818); background: -moz-linear-gradient(top, #272727, #181818); background: -ms-linear-gradient(top, #272727, #181818); background: -o-linear-gradient(top, #272727, #181818); background: linear-gradient(to bottom, #272727, #181818);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#272727, endColorstr=#181818);}
/* --- Level: Bronze --- */
#accordianVipLevels div:nth-child(1) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-001.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}
#accordianVipLevels div:nth-child(1) .exControl {background: #864c24; background: -webkit-linear-gradient(left, #caa571, #864c24); background: -moz-linear-gradient(left, #864c24, #caa571); background: -ms-linear-gradient(left, #caa571, #864c24); background: -o-linear-gradient(left, #caa571, #864c24); background: linear-gradient(to left, #caa571, #864c24);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#caa571, endColorstr=#864c24);}
/* --- Level: Chrome --- */
#accordianVipLevels div:nth-child(2) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-002.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}
#accordianVipLevels div:nth-child(2) .exControl {background: #8ea0b0; background: -webkit-linear-gradient(left, #c8d3dd, #8ea0b0); background: -moz-linear-gradient(left, #8ea0b0, #c8d3dd); background: -ms-linear-gradient(left, #c8d3dd, #8ea0b0); background: -o-linear-gradient(left, #c8d3dd, #8ea0b0); background: linear-gradient(to left, #c8d3dd, #8ea0b0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ea0b0, endColorstr=#c8d3dd);}
/* --- Level: Slver --- */
#accordianVipLevels div:nth-child(3) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-003.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}  
#accordianVipLevels div:nth-child(3) .exControl {background: #7c7c7c; background: -webkit-linear-gradient(left, #d6d6d6, #7c7c7c); background: -moz-linear-gradient(left, #7c7c7c, #d6d6d6); background: -ms-linear-gradient(left, #d6d6d6, #7c7c7c); background: -o-linear-gradient(left, #d6d6d6, #7c7c7c); background: linear-gradient(to left, #d6d6d6, #7c7c7c);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7c7c7c, endColorstr=#d6d6d6);}
/* --- Level: Gold --- */
#accordianVipLevels div:nth-child(4) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-004.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}
#accordianVipLevels div:nth-child(4) .exControl {background: #8d7647; background: -webkit-linear-gradient(left, #ede1aa, #8d7647); background: -moz-linear-gradient(left, #8d7647, #ede1aa); background: -ms-linear-gradient(left, #ede1aa, #8d7647); background: -o-linear-gradient(left, #ede1aa, #8d7647); background: linear-gradient(to left, #ede1aa, #8d7647);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8d7647, endColorstr=#ede1aa);}
/* --- Level: Platinum --- */
#accordianVipLevels div:nth-child(5) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-005.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}
#accordianVipLevels div:nth-child(5) .exControl {background: #a2abb3; background: -webkit-linear-gradient(left, #d1dde7, #a2abb3); background: -moz-linear-gradient(left, #a2abb3, #d1dde7); background: -ms-linear-gradient(left, #d1dde7, #a2abb3); background: -o-linear-gradient(left, #d1dde7, #a2abb3); background: linear-gradient(to left, #d1dde7, #a2abb3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a2abb3, endColorstr=#d1dde7);}
/* --- Level: Supernova --- */
#accordianVipLevels div:nth-child(6) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-006.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}  
#accordianVipLevels div:nth-child(6) .exControl {background: #88001b; background: -webkit-linear-gradient(left, #c0212b, #88001b); background: -moz-linear-gradient(left, #88001b, #c0212b); background: -ms-linear-gradient(left, #c0212b, #88001b); background: -o-linear-gradient(left, #c0212b, #88001b); background: linear-gradient(to left, #c0212b, #88001b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#88001b, endColorstr=#c0212b);}
/* --- Level: Supernova Elite --- */
#accordianVipLevels div:nth-child(7) .exControl h2 {background:url('../../../../assets/common/images/vip/responsive/stars-007.png') no-repeat; width:176px; height:21px; text-indent: -5000px;}
#accordianVipLevels div:nth-child(7) .exControl {background: #939393; background: -webkit-linear-gradient(left, #fff, #939393); background: -moz-linear-gradient(left, #939393, #fff); background: -ms-linear-gradient(left, #fff, #939393); background: -o-linear-gradient(left, #fff, #939393); background: linear-gradient(to left, #fff, #939393);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#939393, endColorstr=#fff);}

@media(max-width: 441px){
    .content-area {padding:40px 0}
    .content-area .oneImageItem img {width:100%; height:auto; max-width:584px}
    .content-area .twoImageItem img {width:100%; height:auto; max-width:344px}
    .content-area .threeImageItem img {width:100%; height:auto; max-width:344px}
    .content-area .fourImageItem img {width:100%; height:auto; max-width:75px}
    .content-area .twoImageItem, .content-area .threeImageItem {margin-bottom:20px}
    .content-area p {font-size:13px}
}

@media(min-width:442px) and (max-width:991px){
    .content-area .oneImageItem img {width:100%; height:auto; max-width:584px; margin:auto; display:block}
    .content-area .twoImageItem img {width:100%; height:auto; max-width:344px; margin:auto; display:block}
    .content-area .threeImageItem img {width:100%; height:auto; max-width:344px; margin:auto; display:block}
    .content-area .fourImageItem img {width:100%; height:auto; max-width:156px; margin:auto; display:block}
    .content-area .twoImageItem, .content-area .threeImageItem {margin-bottom:20px}
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red {font-size:18px}
    .content-area p {font-size:14px}  
}
@media(max-width:767px){ 
    .content-area .highlightButtons .apple {margin:0 0 5px 0; display:block}
    .content-area .highlightButtons .android {margin:5px 0 0 0; display:block}  
}
@media(min-width:768px){
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red {font-size:24px}
    .content-area h1, .content-area h2 {margin:0 0 25px; font-size:30px}
    .content-area h3 {font-size:20px} 
    
    /* --- Real Money Feed Table --- */
    #rm-dropdown {display:block; width:100%; z-index:100; height:40px}
    #rm-dropdown .providerType {font-weight:bold; float:right; font-size:12px; color:#8b8b8b; padding:5px 0 0}
    #rm-dropdown #countriesSelect {float:left}
}
@media(min-width:992px){
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red {font-size:27px}
    .content-area .oneImageItem img {width:584px; height:auto}
    .content-area .twoImageItem img {width:293px; height:auto}
    .content-area .threeImageItem img {width:186px; height:auto}
    .content-area .fourImageItem img {width:132px; height:auto}
    .content-area p {font-size:14px}
    .content-area h1, .content-area h2 {margin:0 0 25px; font-size:30px}
    .content-area .highlightButtons .apple {margin-right:20px}
    .content-area .highlightButtons .android {margin-left:20px}
}
@media(min-width:1200px) {
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red {font-size:24px}
    .content-area .oneImageItem img {width:584px; height:auto}
    .content-area .twoImageItem img {width:360px; height:auto}
    .content-area .threeImageItem img {width:230px; height:auto}
    .content-area .fourImageItem img {width:165px; height:auto}
    .content-area p {font-size:14px}
    .content-area h1, .content-area h2 {margin:0 0 25px; font-size:36px}
    .content-area .highlightButtons .apple {margin-right:20px}
    .content-area .highlightButtons .android {margin-left:20px}
}

/* ------------------ Sub-Footer Grid --------------------- */
.sub-footer-grid {color:#3f3f3f; padding:40px 0 45px; font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;}
.sub-footer-grid h1, .sub-footer-grid h2 {text-align:center; margin:0 0 40px 0; font-size:24px; font-weight:400;}
.sub-footer-grid .button {text-align:center}
.sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red {font-size:18px; display:inline-block}
.sub-footer-grid .highlightButtons {text-align:center}
.sub-footer-grid p {text-align:center; padding:0px; margin:0px; font-family:'Roboto Condensed',Arial, Helvetica, sans-serif; color:#3E3E3E}
.sub-footer-grid .paragraph {margin-bottom:30px; font-size:18px}

.sub-footer-grid.slimSubFooter {padding:18px 0 30px} 
.sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 {margin:0 0 20px 0}
.sub-footer-grid.slimSubFooter .paragraph {margin-bottom:30px; font-size:18px}

@media(min-width:442px) and (max-width:991px){
    .sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red {font-size:24px}
}
@media(max-width:767px){
    .sub-footer-grid h1, .sub-footer-grid h2 {text-align:center; margin:0 0 25px 0; font-size:24px}
    .sub-footer-grid .highlightButtons .apple {margin:0 0 5px 0; display:block}
    .sub-footer-grid .highlightButtons .android {margin:5px 0 0 0; display:block}
}
@media(min-width:768px){
    .sub-footer-grid {padding:48px 0 30px}
	.sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red {font-size:24px}
	
	.sub-footer-grid h1, .sub-footer-grid h2 {text-align:center; margin:0 0 25px 0; font-size:30px}
    .sub-footer-grid .paragraph {margin-bottom:30px; font-size:18px; font-weight:400}
    .sub-footer-grid .button, .sub-footer-grid .highlightButtons {padding-bottom:30px}
	
	.sub-footer-grid.slimSubFooter {padding:18px 0 5px}
    .sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 {margin:0 0 20px 0}
    .sub-footer-grid.slimSubFooter .button, .sub-footer-grid.slimSubFooter .highlightButtons {padding-bottom:25px}
    .sub-footer-grid.slimSubFooter .paragraph {margin-bottom:30px; font-size:18px; font-weight:400}
}
@media(min-width:992px){ 
	.sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red {font-size:24px}
	.sub-footer-grid .highlightButtons .apple {margin:0 20px}
    .sub-footer-grid .highlightButtons .android {margin:0 20px} 
	
	.sub-footer-grid h1, .sub-footer-grid h2 {text-align:center; margin:0 0 25px 0; font-size:30px}
    .sub-footer-grid .paragraph {margin-bottom:30px; font-size:22px; font-weight:400}
    .sub-footer-grid .button, .sub-footer-grid .highlightButtons {padding-bottom:30px}
    
    .sub-footer-grid.slimSubFooter {padding:18px 0 5px}
    .sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 {margin:0 0 20px 0}
    .sub-footer-grid.slimSubFooter .button, .sub-footer-grid.slimSubFooter .highlightButtons {padding-bottom:25px}
    .sub-footer-grid.slimSubFooter .paragraph {margin-bottom:30px; font-size:22px; font-weight:400}
}
@media(min-width:1200px){ 
	.sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red {font-size:24px}
	.sub-footer-grid .highlightButtons .apple {margin:0 20px}
    .sub-footer-grid .highlightButtons .android {margin:0 20px} 
    
    .sub-footer-grid h1, .sub-footer-grid h2 {margin:0 0 20px 0; font-size:36px}
    .sub-footer-grid .paragraph {margin-bottom:30px; font-size:22px; font-weight:400}	 
	.sub-footer-grid .button, .sub-footer-grid .highlightButtons{padding-bottom:30px}
    
    .sub-footer-grid.slimSubFooter {padding:18px 0 5px}
    .sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 {margin:0 0 20px 0; font-size:36px}
    .sub-footer-grid.slimSubFooter .button, .sub-footer-grid.slimSubFooter .highlightButtons {padding-bottom:25px}
    .sub-footer-grid.slimSubFooter .paragraph {margin-bottom:30px; font-size:26px; font-weight:400}
}

/* ----------------- Takeover --------------------- */
/*.lbox .bg {
	height:100%;
	width:100%;
	background-color:#000;
	position:fixed;
	left:0px;
	top:0px;
	opacity:0.8;
	z-index:102;
}
.lbox .canvas {
	position:fixed;
	color:#fff;
	left:5%;
	top:10%;
	background-color:#fff;
	width:90%;
	height:80%;
	font-family:'Roboto Condensed',Arial, Helvetica, sans-serif;
	background-size:contain;
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	display:table;
	z-index:103;
}
.lbox .canvas .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:20px;
	z-index:10;
}
.lbox .canvas .content .logo {
	width:100%;
	max-width:412px;
	height:auto;
	margin-bottom:10px;
}
.lbox .canvas .close{
	position:absolute;
	right:0px;
	color:#fff;
	cursor:pointer;
	display:block;
	z-index:20;
}
.lbox .canvas .content .termsLink {
	color:#ccc;
	font-size:16px;
}
.lbox .canvas a, .lbox .canvas a:link, .lbox .canvas a:visited, .lbox .canvas a:active{
	color:#ccc;
	text-decoration:underline;
}
.lbox .canvas .greenButton, .lbox .canvas .greyButton, .lbox .canvas .btn-ps-red{
	text-decoration:none !important;
	margin-top:20px;
	display:inline-block;
	font-size:18px;
}
.lbox .canvas .btn-ps-red {
	padding:0.5em 3.25em;
	font-weight:400;
	font-size:18px;
}
.lbox .canvas .content .contentParagraph{
	max-width:600px;
	margin:auto;
	display:block;
	clear:both;
	font-size:16px;
}
.lbox .canvas .blackBG {
    background: none repeat scroll 0 0 rgba(1, 1, 1, 0.7);
    display: inline-block;
    font-weight: 400;
    padding: 8px 15px;
}*/

/* THIS IS FOR THE BUTTON INSIDE THE EXISTING FEED, IF THIS FEED IS REMADE IN FUTURE THE STANDARD GREY BUTTONS CLASS
SHOULD BE USED INSIDE THE BUTTONS.CSS FILE */
.buttonGrey {
  /* Font */
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  color: #fff;
  font-weight: 300;
  text-transform: none;
  letter-spacing: .5px;

 /* Padding and margin */
  padding: .5em 1.25em;
  margin: .1em;
  display:block;

  /* Gradient */
  background: #272727;
  background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#272727));
  background: -webkit-linear-gradient(top, #7d7d7d, #272727);
  background: -moz-linear-gradient(top, #7d7d7d, #272727);
  background: -ms-linear-gradient(top, #7d7d7d, #272727);
  background: -o-linear-gradient(top, #7d7d7d, #272727);
  background: linear-gradient(to bottom, #7d7d7d, #272727);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7d7d, endColorstr=#272727);

  /* Borders */
  border: 0 solid transparent;
  border-top: 1px solid #999;

  /* Rounded corners */
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;

  /* Box and text shadows */
  -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,.5) 0 1px 0;
  box-shadow: rgba(0,0,0,.5) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
}

.greyButton:hover, .greyButton:focus {
  background: #88020b;
  background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#2e2e2e));
  background: -webkit-linear-gradient(top, #7d7d7d, #2e2e2e);
  background: -moz-linear-gradient(top, #7d7d7d, #2e2e2e);
  background: -ms-linear-gradient(top, #7d7d7d, #2e2e2e);
  background: -o-linear-gradient(top, #7d7d7d, #2e2e2e);
  background: linear-gradient(to bottom, #7d7d7d, #2e2e2e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7d7d, endColorstr=#2e2e2e);
  color: #f9f9f9;
  text-decoration:none;

  /* Borders */
  border: 0 solid transparent;
  border-top: 1px solid #999;

  /* Box and text shadows */
  -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,.5) 0 1px 0;
  box-shadow: rgba(0,0,0,.5) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
}