/* Game Expansion */

h1.promo { background:none; padding:0; font-size:50px; line-height:60px; }
h1.img { display:block; text-indent:-9000em; padding:0; margin:0;  }
h1.rothc.img { width:489px; height:34px;  background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/rise_of_the_hutt_cartel.png) no-repeat; }
h1.mainTitle, #social { display:none; }
h2.sub { font:italic 24px/30px "News Gothic", arial; color:#cc9e42;}
h3.promo a:hover { color:#fff; text-decoration:underline; }

.white { color:#fff; }
.gold { color:#c39743; }
.meta { display:none; }

/*templatized game update pages */
.gameUpdate { padding-bottom:60px; }
.gameUpdate h3 { text-transform:uppercase; }

#game-update-page h1.promo { background:none; padding:0; font-size:50px; line-height:60px; }
#game-update-page h2.sub { font:italic 24px/30px "News Gothic", arial; color:#cc9e42;}
#game-update-page { display:block; width:790px; margin:0 auto; }
#game-update-page.gameUpdate > h2 { display:inline-block; }
#game-update-page.gameUpdate > h3 { display:inline-block; text-transform:none; margin:0; }

/* game updates menu - block should be placed in Content region */
.page-gameupdates #mainContent .menu { text-align:center; }
.page-gameupdates #mainContent .menu li { display:inline-block; }
.page-gameupdates #mainContent .menu li a { width:auto; font: normal 16px/30px "News Gothic","Arial Narrow",Arial,sans-serif; color: #E2D872; text-decoration: none; display: inline-block; padding: 6px 10px;}
.page-gameupdates #mainContent .menu li a:hover { color:#fff; }

#game-update-page.gameUpdate > .bg { position:absolute; left:50%; z-index:-1; }
#game-update-page.gameUpdate > .bg img { margin-left:-50%; }
#game-update-page.gameUpdate > .bg.top { top:-67px; }
#game-update-page.gameUpdate > .bg.bottom { bottom:-100px; }
#game-update-page .videoSection { margin:20px 30px; }
#game-update-page .videoSection .mediaFrame { margin-bottom:20px; }
#game-update-page .videoSection .mediaFrame .bg { z-index:0; }
#game-update-page .videoSection h3 { margin-bottom:10px; }
#game-update-page .highlightsDescription { margin:0 25px; padding:10px 0; }
#game-update-page .section { margin:0 30px; padding:20px 0; border-bottom:1px solid #2A2A2A; }
#game-update-page .section:after { content:''; display:table; clear:both; }
#game-update-page .section .media { width:244px; min-height:40px; text-align:right; margin-right:15px; float:left; overflow:hidden; }
#game-update-page .section h3 { display:inline-block; }
#game-update-page .section .desc { margin-top:6px; width:470px; display:inline-block; }
#game-update-page .section:last-child { border:none; margin-bottom:10px; }
#game-update-page .screenshots { margin:45px 0 20px; text-align:center; }
#game-update-page .screenshots .media { margin:12px; }

.gameUpdateContent { margin-top:260px; }
.gameUpdateContent > h3 { margin:10px 30px; }
.gameUpdate #mediaPlayer { width:714px; height:410px; }

.flavbox { position:relative; background:#111; }
.flavbox:before, .flavbox:after { content:''; display:table; clear:both; margin:-14px 0; position:relative; z-index:10; width:790px; height:27px; background:url(/sites/all/files/en/coruscant/main/flav_secondary_870.png) no-repeat center; }
.flavbox:before { top:-15px; -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); }
.flavbox:after { bottom:-15px; }

.gameExpansion .flavbox:before, .gameExpansion .flavbox:after { position:absolute; background:url(/sites/all/files/en/coruscant/main/flav_secondary_790.png) no-repeat center; }
.gameExpansion .flavbox:before { left:0; top:-2px; }
.gameExpansion .flavbox:after { left:0; bottom:-2px; }

/* game updates */
.page-gameupdates .first { color:#FFF; }
.game-update h2 { line-height:60px; }
.game-update .absolute { left:0; top:0; position:absolute; z-index:-1; }
.game-update .absolute p { width: 550px; }
.game-update .magnify { margin:5px; }

/* game update 1.1 */
.game-update.update-1-1 { height:1800px; width:560px; }
.game-update.update-1-1 .background { left:-600px; }
.game-update.update-1-1 .foundersMedal { left:-200px; top:1400px; }
.game-update.update-1-1 .buyNow { left:-200px; top:1900px; }
.game-update.update-1-1 .wrap-flashpoint { top:220px; z-index:1; }
.game-update.update-1-1 .wrap-operation { top:840px; z-index:1; }
.game-update.update-1-1 .wrap-founders { top:1440px; z-index:1; }
.game-update.update-1-1 .wrap-founders h2 { margin-bottom:440px; z-index:1; }
.game-update.update-1-1 .wrap-buy { top:1440px; left:30px; z-index:1; }
.game-update.update-1-1 .buyNow { left:220px; top:170px; }
.game-update.update-1-1 .wrap-buy .btn.buyNow { display:block; width:116px; height:40px; text-indent:-9000em; background:url(/sites/all/files/en/coruscant/components/promoBuyNowBtn.png) no-repeat; }
.game-update.update-1-1 .wrap-buy .bg { position:absolute; width:1183px; height:473px; left:-95px; top:-20px; background:url(/sites/all/files/en/coruscant/billing/myswtorPromo.jpg) no-repeat; }
body.lang_de .game-update.update-1-1 .wrap-buy .btn.buyNow { width:156px; background: url(/sites/all/files/de/coruscant/components/promoBuyNowBtn.png) no-repeat; }
body.lang_de .game-update.update-1-1 .buyNow { left:223px; top:169px; }
body.lang_de .game-update.update-1-1 .wrap-buy .bg { left:-75px; top:-20px; background:url(/sites/all/files/de/coruscant/billing/myswtorPromo.jpg) no-repeat; }
body.lang_fr .game-update.update-1-1 .wrap-buy .btn.buyNow { width:240px; background: url(/sites/all/files/fr/coruscant/components/promoBuyNowBtn.png) no-repeat; }
body.lang_fr .game-update.update-1-1 .buyNow { left:183px; top:169px; }
body.lang_fr .game-update.update-1-1 .wrap-buy .bg { left:-75px; top:-20px; background: url(/sites/all/files/fr/coruscant/billing/myswtorPromo.jpg) no-repeat; }

/* game update 1.2 */
.game-update.update-1-2 { height:2500px; width:560px; }
.game-update.update-1-2 .background { left:-540px; top:10px; }
.game-update.update-1-2 .magnify { margin:5px; }
.game-update.update-1-2 .wrap-system { top:600px; z-index:1; }
.game-update.update-1-2 .wrap-operation { top:880px; z-index:1; }
.game-update.update-1-2 .wrap-flashpoint { top:1400px; z-index:1; }
.game-update.update-1-2 .wrap-warzone { top:1760px; z-index:1; }
.game-update.update-1-2 a.buyNow { position:absolute; top:2300px; left:240px; }

/*rothc expansion */
.show-anonymous { display:none; }
.anonymous .show-anonymous { display:block; }
ul.benefits li { position:relative; padding-left:16px; font-size:12px; line-height:15px; margin:5px; }
ul.benefits li:before { position:absolute; left:0; content:'\2022'; color:#bf8759; font-size:18px; }
ul.benefits ul { margin:5px; }
ul.benefits ul li { color:#fff; list-style:none; margin:0 5px; }
ul.benefits ul li:before { content:''; }

#mainContent .gameExpansion > h2 { display:inline-block; }
#mainContent .gameExpansion > h3 { display:inline-block; text-transform:none; margin:0; }

.page-buy h1.rothc.img { margin:0 0 5px 8px; }
.gameExpansion h1.rothc.img { margin:10px -60px; }
.gameExpansionContent { margin:40px auto; width:710px; padding:20px 40px;  }
.gameExpansionContent > h3 { margin:20px 0; }
.gameExpansion .section { margin:0; padding:20px 0; border-bottom:1px solid #2A2A2A; }
.gameExpansion .section.first, p.first { padding-top:0; margin-top:0; }
.gameExpansion .section:after { content:''; display:table; clear:both; }
.gameExpansion .section .media { width:244px; min-height:40px; text-align:right; margin-right:15px; float:left; overflow:hidden; }
.gameExpansion .section h3 { display:inline-block; }
.gameExpansion .section .desc { margin-top:6px; width:450px; display:inline-block; }
.gameExpansion .section .benefits { margin:20px 10px; }
.gameExpansion .section:last-child { border:none; margin-bottom:10px; }
.gameExpansion .extra { padding:0 60px; margin:20px 0; }

.gameExpansion .flavbox.promo-hutt { width:710px; background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/updated_features.jpg) top right no-repeat #111;  }
.gameExpansion .section.vid { padding-top:0; padding-bottom:0; border-bottom:0; }
.gameExpansion .section.vid p.first { margin-bottom:0; }
.gameExpansion .section .mediaFrame { margin:10px 0; }
.gameExpansion .section.promo.items { padding-right:240px; padding-top:0; }
.gameExpansion .section.promo.items > h3 { position:relative; }
.gameExpansion .section.items:before { position:absolute; bottom:0; right:-40px; width:658px; height:448px; content:''; background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/hutt_items.jpg)}
.gameExpansion .section.first ul { width:375px; }
.gameExpansion .section.items ul.benefits { margin-left:10px; }
.gameExpansion .section.items ul.benefits li { color:#bf8759; margin:10px 0; }
.gameExpansion .section.items ul.benefits h5 { margin:0; }

.gameExpansion .galleries { width:800px; margin:20px auto; }
.gameExpansion .galleries h3 { margin:0 50px; }
.gameExpansion .gallery { position:relative; width:730px; height:150px; margin:0 auto 10px; padding:0 25px; }
.gameExpansion .gallery .media { margin:0 10px; }
.gameExpansion .gallery .btn { position:absolute; width:25px; height:125px; top:12px; background:url(/sites/all/files/en/coruscant/main/arrow-next-btn.png) no-repeat 5px center #1d1d1d; z-index:1; border-radius:3px; opacity:0.5; -webkit-transition:all 200ms ease; }
.gameExpansion .gallery .btn:hover { opacity:1; }
.gameExpansion .gallery .btn.prev { left:0; }
.gameExpansion .gallery .btn.next { right:0; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); }
.gameExpansion .gallery .items { position:absolute; width:730px; padding:0 5px; top:15px; }
.gameExpansion .gallery .item-wrap { position:relative; width:730px; height:160px; overflow:hidden;}
.gameExpansion .gallery .set { float:left; width:755px; }

#rothc.gameExpansion { position:relative; }
#rothc.gameExpansion:before { position:absolute; width:1897px; height:1384px; left:-480px; top:-46px; content:''; z-index:-1; background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/rothc_bg.jpg) no-repeat; }
#rothc.gameExpansion .expansion-promo { min-height:400px; }
#rothc.gameExpansion .rothc-comparison { margin:30px 0; }

#buy .rothc-comparison { margin-bottom:40px; }
#buy .rothc-comparison .promo ul.benefits { width:450px; }

.rothc-comparison { position:relative; box-sizing:border-box; padding:20px; }
.rothc-comparison { background-color:#191919; border-radius:5px; border:solid 1px #343434; }
.rothc-comparison.vertical { background: url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/comparison_gradient.jpg) repeat-x #191919;}
.rothc-comparison.vertical { min-height:170px; width:430px; border-left:none; border-top:none;  }
.rothc-comparison.vertical:before { position:absolute; width:356px; height:213px; top:0; left:0; content:''; z-index:0; background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/comparison-top-left.png) no-repeat; }
.rothc-comparison.horizontal { width:670px; border-right:none; border-bottom:none; }
.rothc-comparison .promo { display:none; }
.rothc-comparison .promo .learn-more { margin:0 5px; }
.rothc-comparison.horizontal .promo { position:relative; display:block; margin:-20px -20px 0; padding:20px 20px; min-height:225px; border-bottom:1px solid #343434;  background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/comparison-promo-bg.jpg) top right no-repeat; }
.rothc-comparison.horizontal .promo:before { position:absolute; width:335px; height:266px; right:0; bottom:0; background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/incentive_items.png) no-repeat; content:''; }
.rothc-comparison.horizontal:before { position:absolute; width:596px; height:190px; bottom:0; left:0; content:''; z-index:0; background:url(/sites/all/files/en/coruscant/main/gameExpansions/rothc/comparison-bottom-left.png) no-repeat; }

.rothc-comparison .offer { position:relative;  z-index:1; padding:20px 0; min-height:100px; }
.rothc-comparison.vertical .offer { border-top:1px solid #343434; }
.rothc-comparison.logged-in.vertical .offer, .rothc-comparison.anonymous.vertical .offer.subscriber { padding-top:0; border-top:none; }
.rothc-comparison.subscriber .non-subscriber, .rothc-comparison.non-subscriber .subscriber  { display:none; }

.rothc-comparison.horizontal.anonymous .offer { display:inline-block; width:310px; padding:10px; margin-top:10px; vertical-align:top; box-sizing:border-box; border-left:solid 1px #343434; }
.rothc-comparison.horizontal.anonymous .offer.subscriber { border:none; padding-left:0; }
.rothc-comparison .product-title { margin:0 0 10px; font: 27px/30px "News Gothic"; color:#c39743; }
.rothc-comparison .price { float:right; width:100px; margin:0 0 10px 10px; text-align:center; }
.rothc-comparison.logged-in .price { width:140px; }
.rothc-comparison .price h4 { font-size:36px; line-height:40px; }
.rothc-comparison .benefits { margin:0; font-size:11px; }
.rothc-comparison.horizontal.logged-in .benefits { width: 450px; }
.rothc-comparison.horizontal.logged-in .purchase-btn { float:right; margin-top:-30px; }
.rothc-comparison.horizontal .purchase-btn.logged-in { text-align:right; }

.rothc-comparison .price .sub { font:11px/12px arial; color:#bf8759; display:block; text-align:center; }
.rothc-comparison .purchase-btn { display:block; clear:both; text-align:center; }

.bundle-upsale h3 { margin:0 0 20px; }
.bundle-upsale .product-title { margin:40px 0 20px; font: 24px/30px "News Gothic"; color:#c39743;  }
.bundle-upsale .option { display:inline-block; vertical-align:top; }
.bundle-upsale .price { float:right; width:140px; margin:0 0 10px 10px; text-align:right;}
.bundle-upsale .price h4 { font-size:36px; line-height:40px; }
.bundle-upsale .bundle { width:430px; padding-right:30px; border-right:solid 1px #343434; }
.bundle-upsale .regular { width:260px; padding-left:30px; }
.bundle-upsale .info { margin:20px 0; color:#edd2a3;  }
.bundle-upsale .regular .info { font-size:16px; }
.bundle-upsale .benefits { margin:10px 0; font:12px/20px arial; }
.bundle-upsale .cta { vertical-align:middle; }
.bundle-upsale .purchase-btn { text-align:right; }
.bundle-upsale .note { margin-top:30px; color:#fff; width:50%; }
.bundle-upsale .note a { color:#CC9E42; }
.bundle-upsale .note a:hover { text-decoration:underline; }
.bundle-upsale .note.right { bottom:0; position:absolute; right:0; margin-top:0; }
.lang_fr .bundle-upsale .note { margin-top:70px; }
.lang_de .bundle-upsale .note { margin-top:50px; }

.bundle-upsale.sms .option.bundle { width:380px; }
.bundle-upsale.sms .option.regular { width:315px;}
.bundle-upsale.sms .option .product-title { line-height:24px; }
.bundle-upsale.sms .price h4 { font-size:30px; line-height:30px; }
.bundle-upsale.sms .cta { padding-top:20px; }
.bundle-upsale.sms .cartel-price .stack { border-right:solid 1px #343434; padding-right:10px;}
.bundle-upsale.sms .product-header { display:inline-block; vertical-align:top; margin-bottom:30px; }
.bundle-upsale.sms .product-choose { margin-left:5px; font-size:24px; line-height:40px; }
 
 
 /* fr and de */
body.lang_de .game-update.update-1-2 a.buyNow { left:220px }
body.lang_fr .game-update.update-1-2 a.buyNow { left:180px }
 
body.lang_fr h1.rothc.img { width:556px; height:31px;  background:url(/sites/all/files/fr/coruscant/main/gameExpansions/rothc/rise_of_the_hutt_cartel.png) no-repeat; }
body.lang_de h1.rothc.img { width:557px; height:33px;  background:url(/sites/all/files/de/coruscant/main/gameExpansions/rothc/rise_of_the_hutt_cartel.png) no-repeat; }

.node-type-gameupdate #mainContent{ margin-top:30px !important;}