/* ------------------------------------------------------------ * PROJECT : Slitherine * FILENAME : matrixgames.css * ------------------------------------------------------------ * DATE CREATED : 01 Jul 2010 * UPDATED : 05 Aug 2010 * UPDATED : 13 Mar 2012 * ------------------------------------------------------------ * AUTHOR(S) : Alex Fiedler (http://www.capricorndigital.com.au/) * Patty Rutins (Slitherine) * ------------------------------------------------------------ * NOTE(S) : Based on original design by Kevin Scholl * ------------------------------------------------------------ */ /* ------------------------------------------------------------ * Matrix Blue : #A44C30 * Matrix Orange : #C60 * Background : #F6F6F6 (faded gray) * : #FFF0EB (faded blue) * : #EFECE9 (faded orange) * Baseline Text : #333 * Heading 2 : #666 * Heading 3 : #A44C30 (background) * : #FFF (text) * Poststamp : #A44C30 * ------------------------------------------------------------ */ body { margin: 0; background-color: #67381E; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; padding: 0; } .red { color: red !important; } .bold { font-weight: bold; } #skin { visibility: hidden; display: none; height: 0px; overflow: hidden; } #skin2 { visibility: hidden; display: none; } H5 { margin:0 0 6px 0; } IFRAME { border:none; } .clear { clear:both } .left { float:left } .right { float:right } .center { text-align:center; } .small90 { font-size:90% } .small80 { font-size:80% } .small70 { font-size:70% } .large110 { font-size:110% } .large120 { font-size:120% } .righthalf { float:right; width:50% } .lefthalf { float:left; width:50% } .boxblue { background:#FFF0EB; padding:6px; } .bgblue { background:#FFF0EB; } .bgorange { background:#EFECE9; } .bggray { background:#F6F6F6; } div.colLeft1 { float: left; margin: 0; padding: 0; width: 349px; background-color: #FFF0EB; } div.colLeftSmall { float: left; margin:0; padding: 0; width: 149px; background:#FFF0EB; } div.colMid1 { float: left; margin: 0 2px 0 2px; padding: 0; width: 348px; } div.colRight1 { float: right; margin: 0; padding: 0; width: 349px; background-color: #FFF0EB; } div.colRight2 { float: right; margin: 0; padding: 0; width: 699px; background-color: #ffffff; } div.colRightLarge{ margin:0 0 0 152px; padding:0; background-color: #ffffff; } div.colLeft2 { float: left; margin: 0; padding: 0; width: 699px; background-color: #ffffff; } div.homeRow1 div.colLeft1 { background-color: #ffffff; } div.homeRow1 div.colMid1 { background-color: #ffffff; } div.homeRow1 div.colRight1 { background-color: #ffffff; } div.homeRow2 div.colLeft1 { background-color: #FFF0EB; } div.homeRow2 div.colMid1 { background-color: #ffffff; } div.homeRow2 div.colRight1 { background-color: #FFF0EB; } div.homeRow3 div.colLeft1 { background-color: #ffffff; } div.homeRow3 div.colMid1 { background-color: #FFF0EB; } div.homeRow3 div.colRight1 { background-color: #ffffff; } div.homeRow4 div.colLeft1 { background-color: #FFF0EB; } div.homeRow4 div.colMid1 { background-color: #ffffff; } div.homeRow4 div.colRight1 { background-color: #FFF0EB; } div.colRightBlue { background-color: #ffffff; } div.colLeftBlue { background-color: #FFF0EB; } div.scrollNews { float: right; margin: 0; width: 348px; height:302px; overflow:hidden; background:#FFF0EB; text-align:left; } div.scrollNews a { text-decoration:none; } div.scrollNews .item { padding:10px; height:130px; border-bottom:2px solid white; } div.scrollNews img { float:left; width:100px; } div.scrollNews span.newsdate { font-size:95%; color:#5080C0; font-style:italic; display:block; } div.scrollNews h4 { margin: 0 0 2px 2px; padding: 0; font: bold 13px/16px Arial, Helvetica, sans-serif; color: #A44C30; } div.scrollNews p { margin: 0 0 2px 2px; padding: 0; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333;} div.scrollNews p a { text-decoration:none; } div.scrollNews .body { height:117px; overflow:hidden; } div.scrollNews a.footer { font-size:95%; text-decoration:underline; } div b.newsDots { display:inline; margin-left:20px; color:#999; } div b.newsDots a { display:inline; padding:0 4px; font: bold 20px/14px times; color:#fff; text-decoration:none; } div b.newsDots a.sel { color:#C60; } div.homeRow1 { margin:0; height:230px; overflow:hidden; position:relative;} div.homeRow1 .prodLarge { height:210px; margin-top:10px; } div.homeRow1 .prodLarge .footer { text-align: left; } div.homeRow1 .prodLarge .footer a { display: inline-block; padding-top: 10px; color: black; text-decoration: none; font-weight: normal; } div.homeRow1 .prodLarge .footer a.digital { background:url(/images/buy_download.png) 0 10px no-repeat; background-size: 50px 55px; } div.homeRow1 .prodLarge .footer a.sale { background:url(/images/buy_sale.png) 0 10px no-repeat; background-size: 50px 55px; } div.homeRow1 .prodLarge .footer span { font-size: 100%; margin: 0;} div b.newDots { display:inline; margin-left:20px; color:#999; float:right; } div b.newDots a { display:inline; padding:0 4px; font: bold 20px/26px times; color:#fff; text-decoration:none; } div b.newDots a.sel { color:#C60; } div.homeRow2 { margin:0; height:332px; } div.homeRow2 a { text-decoration:none; } div.homeRow2 ul { margin:0; padding:2px; background:#FFF0EB; height:332px; font-size:90%; } div.homeRow2 ul li { list-style:none; height:135px; padding:0 4px 0 0; clear:both;} div.homeRow2 img { height:100px; width:100px; float:left; border:0; margin:5px 0 10px 0;} div.homeRow2 h4 { font-size:120%; margin:4px 0 0 0;} div.homeRow2 p { margin:0px; } div.homeRow2 p a { text-decoration:underline; } div ul.gamerecon { text-align:center; } div ul.gamerecon li a { text-decoration:none; padding-top:4px; font-size:120%;} div ul.gamerecon img { width:205px; height:155px; border:0; float:none; margin:0 auto; padding:0; } div ul.banner { text-align:center; } div ul.banner li a { text-decoration:none; padding-top:4px; font-size:120%;} div ul.banner img { width:330px; height:330px; border:0; float:none; margin:0 auto; padding:0; } div.homeRow3 { margin:0; height:332px; } div.homeRow3 ul { margin:0; padding:2px; height:332px; font-size:90%; } div.homeRow3 ul li { list-style:none; height:135px; padding:0 4px 0 0; clear:both; } div.homeRow3 h4 { font-size:120%; margin:4px 0 0 0;} div.homeRow3 h4 a { text-decoration:none; } div.homeRow3 p { margin:0px; } div.homeRow4 { margin:0; height:336px; } div.homeRow4 ul { margin:0; padding:5px; height:295px; font-size:90%; } div.homeRow4 ul li { list-style:none; padding:0 4px 0 0; clear:both; } div.homeRow4 h4 { font-size:120%; margin:4px 0 0 0;} div.homeRow4 h4 a { text-decoration:none; } div.homeRow4 p { margin:0px; } div ul.banner { text-align:center; height: 332px; } div ul.banner li a { text-decoration:none; padding-top:4px; font-size:120%;} div ul.banner img { width:330px; height:330px; border:0; float:none; margin:0 auto; padding:0; } ul.newsletters img { height:80px; margin:0 6px 20px 0; border:0; float:left; } div.item1 { margin:0; float:left; width:349px; } div.item1 img { float:left; padding:10px 0; } div.item1 p { margin:0 0 10px 100px; } .thumb { width: 205px; height:155px; border:0; margin:4px 0; } div.newsTop { background:#ddd; font-size:95%; text-align:right; padding:3px 6px; } div ul.news li { background: transparent url(/images/icon_news.gif) 0 0 no-repeat; padding-left:16px;} div ul.datelist li { padding-left:78px; } div ul.datelist li b { float:left; margin-left:-78px; } div.prodSmall { float:left; height:150px; padding:2px 10px 0px 0; position:relative; top:0; left:0; overflow:hidden; font-size:95%; } div.homeRow2 div.prodSmall { width: 339px; } /*div.colRight1 div.prodSmall li { height: 150px; } */ div.prodSmall a { text-decoration:none; } div.prodSmall p { margin:0px 0px 2px 105px; } div.prodSmall div.top { height:90px; text-align:justify; overflow:hidden; } div.prodSmall div.top2 { height:110px; text-align:justify; overflow:hidden; } div.prodSmall img { height:100px; width:100px; position:absolute; left:0px; padding-top:14px; border:0; } div.prodSmall h4 { margin:2px 0px 0px 105px; font-size:110%; padding:5px 0 0 0; text-align:left;} div.prodSmall p a { text-decoration:underline; } div.prodSmall p.date { font-size:95%; margin-bottom:2px; font-style:italic; } div.prodSmall span { font-size:95%; margin:0px 0px 2px 105px; display:block; } div.prodSmallEven { float:left; height:150px; padding:2px 10px 0px 0; position:relative; top:0; left:0; overflow:hidden; font-size: 1em; } div.homeRow2 div.prodSmallEven { width: 339px; } /*div.colRight1 div.prodSmall li { height: 150px; } */ div.prodSmallEven a { text-decoration:none; } div.prodSmallEven p { margin:0px 0px 0px 105px; } div.prodSmallEven div.top { height:90px; text-align:justify; overflow:hidden; } div.prodSmallEven div.top2 { height: 10em; text-align:justify; overflow:hidden; } div.prodSmallEven img { height:100px; width:100px; position:absolute; left:0px; padding-top:14px; border:0; } div.prodSmallEven h4 { margin: 0.5em 0 0 105px; font-size:1.1em; padding:0 0 0 0; text-align:left;} div.prodSmallEven p a { text-decoration:underline; } div.prodSmallEven p.date { font-size: 1em; margin-bottom:0; font-style:italic; } div.prodSmallEven p.intro { position: relative; } div.prodSmallEven span { font-size:95%; margin:0px 0px 2px 105px; display:block; } div.prodLarge { float:left; width:330px; height:200px; padding:10px 10px 0 0; margin-left:5px; position:relative; top:0; left:0; } div.prodLarge a { text-decoration:none; } div.prodLarge p { margin:0px; } div.prodLarge div.top { height:106px; text-align:justify; overflow:hidden; margin-left:140px; } div.prodLarge div.footer { margin-left:140px; } div.prodLarge img { height:180px; width:139px; position:absolute; left:0px; top:10px; border:0;} div.prodLarge h4 { font-size:130%; margin:4px 0; color: #A44C30; text-align:left; } div.prodLarge p.date { font-size:90%; color:#5080C0; margin-bottom:2px; font-style:italic;} div.prodLarge span { font-size:95%; margin:5px 0; display:block; } div.prodLarge p a { text-decoration:underline; } div.prodFull { margin:0; border:0; background:transparent; padding:15px 10px; width:660px; clear:both; border-top:2px solid #f0f0f0; } div.prodFull a { text-decoration:none; } div.prodFull h4 { margin:5px 0 1px 140px; padding:0; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#A44C30; } div.prodFull p { padding:2px 0 2px 140px; margin:0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; } div.prodFull .body { padding:5px 5px 5px 140px; background:#FFF0EB; } div.prodFull p.footer { font:normal 11px/15px Arial, Helvetica, sans-serif; } div.prodFull p.date { font:normal 11px/15px Arial, Helvetica, sans-serif; color:#A44C30; } div.prodFull p.footer a { text-decoration:underline; } div.prodFull img { float:left; display:block; margin:0; padding-bottom:10px; } div.prodGCFull { margin:0; border:0; background:transparent; padding:15px 10px; width:660px; clear:both; border-top:2px solid #f0f0f0; } div.prodGCFull a { text-decoration:none; } div.prodGCFull h4 { margin:5px 0 10px 0px; padding:0; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#A44C30; } div.prodGCFull p { padding:2px 0 2px 140px; margin:0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333; } div.prodGCFull .body { padding:5px 5px 5px 160px; background:#FFF0EB; } div.prodGCFull p.footer { font:normal 11px/15px Arial, Helvetica, sans-serif; } div.prodGCFull p.date { font:normal 11px/15px Arial, Helvetica, sans-serif; color:#A44C30; } div.prodGCFull p.footer a { text-decoration:underline; } div.prodGCFull img { float:left; display:block; margin:20px 20px; padding-bottom:10px; } div.productDetails { font-size:100%; } div.productDetails a { text-decoration:none; } div.productDetails h4 { font-size:120%; padding:0px; color:#A44C30; } div.productDetails i { font-size:90%; margin:0 0 5px 0; color:#5080C0; display:block } div.productDetails p { margin:0 4px 0 170px; padding:0px; } div.productDetails p a { text-decoration:underline; } div.productDetails img { margin:5px 0; } div.productDetails .title { margin:0px; } div.productDetails .rating { margin:0 0 5px 170px; display:block; } div.productGCDetails { font-size:100%; text-align: justify; } div.productGCDetails a { text-decoration:none; } div.productGCDetails h4 { font-size:120%; padding:10px 0 0 10px; color:#A44C30; } div.productGCDetails i { font-size:90%; margin:0 0 5px 0; color:#5080C0; display:block } div.productGCDetails p { margin:0 4px 0 190px; padding:0px; } div.productGCDetails p a { text-decoration:underline; } div.productGCDetails img { margin:5px 10px; } div.productGCDetails .title { margin:0px; } div.productGCDetails .rating { margin:0 0 5px 170px; display:block; } div.productData { padding:5px 10px 10px 10px; font-size:100%; line-height:120%; color:#333 } div.productData li { list-style:none; } div.productReq { padding:5px 10px 15px 10px; font-size:100%; line-height:100%; color:#333; background:#FAEFE5 } div.productReq li { list-style:none; } div.product .colLeft1{ background:#FFF0EB } .ui-dialog div { font-size:80% } div.buynowcontainer { width: 340px; } div.buynow { box-sizing: border-box; width: 330px; background:#FFF0EB; padding:30px 0; margin-left: 10px; margin-bottom: 5px; text-align: center; } div.buynow p { box-sizing: border-box; text-align:center; vertical-align: top; background:transparent; margin: 0 0 10px 0;} div.buynow table { box-sizing: border-box; text-align:center; vertical-align: top; background:transparent; margin: 0 auto 10px auto;} div.buynow p img { border: none; } div.buynow a.digital, div.buynow a.retail, div.buynow a.special, div.buynow a.upgrade, div.buynow a.sale { display:inline-block; max-width: 90px; color:black; text-decoration:none; padding-top:60px; } div.buynow a.digital:hover, div.buynow a.retail:hover, div.buynow a.special:hover, div.buynow a.upgrade:hover, div.buynow a.sale:hover { text-decoration:underline; } div.buynow a.digital { background:url(/images/buy_download.png) 50% 4% no-repeat; } div.buynow a.retail { background:url(/images/buy_boxed.png) 50% 4% no-repeat; } div.buynow a.special { background:url(/images/buy_special.png) 50% 4% no-repeat; } div.buynow a.upgrade { background:url(/images/buy_boxed.png) 50% 4% no-repeat; } div.buynow a.sale { background:url(/images/buy_sale.png) 50% 4% no-repeat; } div.buynow_apps { height:130px; background:#FFF0EB; padding:10px; } div.buynow_apps p { float:left; width:150px; height:120px; text-align:center; padding:0; background:transparent; } div.buynow_apps a.appITunes, div.buynow_apps a.appAndroid { display:inline-block; height:70px; width:130px; margin:auto; color:black; text-decoration:none; padding-top:60px; } div.buynow_apps a.appITunes:hover, div.buynow_apps a.appAndroid:hover { text-decoration:underline; } div.buynow_apps a.appITunes { background:url(/images/badge_appstore-lrg.gif) 50% 4% no-repeat; } div.buynow_apps a.appAndroid { background:url(/images/get_it_on_play_logo_small.png) 50% 4% no-repeat; } table.storedata { width:600px; margin:10px auto 5px auto; padding:10px 0; border-top:2px solid #eee; border-bottom:2px solid #eee; clear:both; font-size:95%; position:relative; } table.storedata tr td { position:relative; } div.esrb { position:relative; bottom:0px; right:0px; margin:20px 10px 10px 0; text-align:right ; } div.esrb img { margin:5px 5px; float:right; } .edition1 { display:block; width:80px; height:64px; margin:auto; background:url(/images/editions.gif) 0 0 no-repeat; } .edition2 { display:block; width:80px; height:64px; margin:auto; background:url(/images/editions.gif) 0 -64px no-repeat; } .edition3 { display:block; width:80px; height:64px; margin:auto; background:url(/images/editions.gif) 0 -128px no-repeat; } div.merchandise { float:left; width:330px; height:220px; overflow:hidden; text-align:center; } div.merchandise .product A { color:#A44C30; text-decoration:none; font-weight:bold; font-size:110% } div.merchandise .product A:Hover { color:black; text-decoration:underline; } div.merchandise img { border:none; display:block; margin:auto; } div.wrapper { margin: 0 auto; border: 1px solid #999; border-bottom: 0; background: #fff; padding: 2px; width: 1050px; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #000; text-align: left; } div.wrapper h2 { margin: 0; border: 0; background: transparent; padding: 10px; font: normal 20px/1.0 Arial, Helvetica, sans-serif; color: #666; text-align: left; } div.wrapper h3 { margin: 0; border-bottom: 2px solid #FFF; background-color: #973311; padding: 0 10px; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; } div.wrapper h3 span { float: right; font: bold 11px/25px Arial, Helvetica, sans-serif; color: #FFF; } div.wrapper h3 small { font: bold 11px/25px Arial, Helvetica, sans-serif; color: #BCC; text-decoration:none; } div.wrapper h3 span a:link, div.wrapper h3 span a:visited, div.wrapper h3 span a:hover, div.wrapper h3 span a:active, div.wrapper h3 small a { text-decoration: none; } div.wrapper p.pagenav { margin: 0; border-top: 1px solid #DDD; background: #F6F6F6; padding: 5px 10px; font: bold 11px/20px Arial, Helvetica, sans-serif; font-weight:bold; color: #999; text-align: left; } div.wrapper p.pagenav a, div.wrapper p.pagenav a:visited { font-weight: bold; text-decoration: none; } div.content { color:#333; padding:10px 12px; margin-bottom:6px; } div.content p { margin:0 0 8px 0; } div.content ul { margin:5px 5px 10px 20px; } div.awards { text-align:center } div.awards p { display:inline-block; } div ul.nodot { list-style:none; padding:10px 5px; } div ul.nodot li { margin-left:82px; } div ul.nodot span { float:left; font-weight:bold; margin-left:-82px; } HR.line { width:80%; border:1px dotted #fff; color:blue; margin:5px auto; } .red { color:red } .blue { color:blue } .green { color:green } .gold { color:gold } .userReview { overflow:hidden; height:70px; margin-bottom:20px; } .userReview i, .userReviewFull i { display:block; height:22px; } .userReview .rating, .userReviewFull .rating, .userReviewSmall .rating { float:left } .userReviewSmall { overflow:hidden; height:65px; margin-bottom:4px; } div.rating { background:url(/images/star-rating.gif) 0 0 no-repeat; width:76px; height:16px; display:block;} div.rating span { background:url(/images/star-rating.gif) 0 -16px no-repeat; height:16px; display:block; } /* ------------------------------------------------------------ * CONTENT, ELEMENTS * ------------------------------------------------------------ */ div.catalog ul li { background: transparent url(/images/icon_news.gif) 10px 5px no-repeat; padding-left: 28px; } div.feature5 { background:transparent; border-bottom: 2px solid #FFF; padding: 10px; text-align: left; } div.feature5 h4, div.feature5 label { margin: 0 0 5px 0; padding: 0; font: bold 11px/15px Arial, Helvetica, sans-serif; color: #A44C30; } div.feature5 h4 a:link, div.feature5 h4 a:visited { font-weight: bold; color: #A44C30; text-decoration: none; } div.feature5 p { margin: 0 0 5px 0; padding: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #333; } div.feature5 form { margin: 10px 0 5px 0; border-top: 2px dotted #FFF; padding: 10px 0 0 0; } div.feature5 label { float: left; margin-top: 3px; width: 78px; color: #333; text-align: right; } div.feature5 input, div.feature5 select, div.feature5 #imgSecurity, div.feature5 textarea { display: block; margin: 0 0 20px 88px; padding-right: 2px; padding-left: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; } div.feature5 select { padding-right: 0; padding-left: 0; } div.feature5 input.actionBtn { margin: 0 0 0 0; padding: 2px 4px; font-weight: bold; text-transform: uppercase; display: inline-block; } div.feature5 div.actionBtn { text-align: center; margin-bottom: 10px; } div.content .item, div.colRight2 .item { border-color:#F0F0F0; border-right:0 none; border-style:solid none none; border-width:2px 0 0; margin:0; padding:15px 10px; } div.item28 { margin: 0; border: 0; background: transparent; padding: 15px 10px; width: 620px; clear:both; border-top:2px solid #f0f0f0; } div.item28 h4 { margin: 0 0 5px 114px; padding: 0; font: bold 14px/18px Arial, Helvetica, sans-serif; color: #A44C30; } div.item28 p { margin: 0 0 5px 114px; padding: 0; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333; display:block; } div.item28 p.descriptors { font: normal 11px/15px Arial, Helvetica, sans-serif; } div.item28 p.postStamp { font: normal 11px/15px Arial, Helvetica, sans-serif; color: #A44C30; } div.item23 img, div.item28 img { float: left; display: block; margin: 0; padding-bottom: 10px; } /* ------------------------------------------------------------ * LINKS * ------------------------------------------------------------ */ a:visited, a:link { color: #C60; text-decoration: underline; } a:hover { color: #FA5; } div#globalnav a:link, div#globalnav a:visited { color:white; text-decoration:none; font-weight:bold; } div#footernav a:link, div#footernav a:visited { font-weight: bold; color: #C60; text-decoration: none; } div.mhHidden form a:link,div.mhHidden form a:visited, div#mainnav a:link, div#mainnav a:visited { padding: 5px; color: #A44C30; text-decoration: none; } div#mainnav a#mnStore { border:0; } div#globalnav a:hover, div#footernav a:hover { color:#FA5; } div.mhHidden form a:hover,div.mhHidden form a:active, div#mainnav a:hover, div#mainnav a:active { background: transparent url(/images/bg_mainnav_over.gif) center center no-repeat; color: #F93; } div H3 a:link, div H3 a:visited { color:white } div H3 a:hover { color:#FA5 } a.prodBtn:link, a.prodBtn:visited { display: block; margin: 0 auto; border: 1px solid #FFF; background: #C60 url(/images/bg_prodbtn_off.gif) right center no-repeat; padding: 0 26px 0 5px; width: 97px; font: bold 14px/20px Arial, Helvetica, sans-serif !important; color: #FFF !important; text-align: left; text-decoration: none !important; } a.prodBtn:hover, a.prodBtn:active { background: #F93 url(/images/bg_prodbtn_on.gif) right center no-repeat; } div.screenshots { margin: 0; border: 0; background: transparent; padding: 0; clear:both; } div.screenshots ul { margin: 0; padding: 0; list-style-type: none; } div.screenshots ul li { float: left; margin: 3px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; background: #F6F6F6; padding: 10px; } div.screenshots ul li img { display: block; margin: 0px; padding: 0px; width:205px; height:155px; } input, select {margin:0 3px} /* ------------------------------------------------------------ * SHOWCASE * ------------------------------------------------------------ */ div.showcase { margin:0; padding:0; position:relative; height:302px; width:699px; text-align:center; } div.showcase a { color:black; background:#bbb url(/images/showcase_off.gif); display:block; height:74px; width:97px; float:Right; clear:both; margin:0 0 2px 0; padding:0px; text-decoration:none; } div.showcase a:visited { color:black; text-decoration:none; } div.showcase a:link { color:black; text-decoration:none; } div.showcase a b { padding:0; margin:0; display:block; font-weight:bold; } div.showcase a b img { border:0; opacity:.33; zoom:1; filter:alpha(opacity=33);} div.showcase span { position:absolute; top:0; left:-10000px; width:600px; height:302px; border:0; padding:0; margin:0; } div.showcase span img { border:0 } div.showcase a.selected { color:white; background:#333 url(/images/showcase_on.gif) 0 0 no-repeat; text-decoration:none; } div.showcase a.selected span { left:0; } div.showcase a.selected b img { opacity:1; filter:alpha(opacity=100);} div.showcase a.selected:visited { color:white; background: #333 url(/images/showcase_on.gif) 0 0 no-repeat;} div.showcase span h4 { display:block; font-weight:bold; font-size:12pt; padding:8px 12px; background:black; position:absolute; left:0; top:20px; } /* ------------------------------------------------------------ * LOGO * ------------------------------------------------------------ */ div#logo { position: absolute; top: 11px; left: auto; overflow: hidden; margin: 0; border: none !important; background: transparent url(/images/bg_logo.png) center center no-repeat; padding: 0 0 0 30px; width: 210px; height: 100px; z-index: 99; border: solid 1px white; } div#logo h1 { position: absolute; top: -999px; left: 0; } /* ------------------------------------------------------------ * SITE SEARCH, LOGIN, AND PRODUCT SEARCH FORMS * ------------------------------------------------------------ */ div.mhHidden { display: none; position: absolute; top: 47px; left: 50%; margin: 0 0 0 -494px; border: 0; background: transparent; padding: 0; width: 1000px; height: 80px; z-index: 97; } div.mhHidden form { margin: 9px 0 0 0; border: 0; background: #FFF; padding: 10px 0 10px 10px; font: normal 18px/40px Arial, Helvetica, sans-serif; text-align: right; } form#searchProduct, form#searchProduct fieldset { margin: 20px 0; border: 0; background: transparent; padding: 0; font: normal 12px/12px Arial, Helvetica, sans-serif; } div.mhHidden form fieldset { margin: 0; border: 0; background: transparent; padding: 0; } div.mhHidden form span { display: none; } div.mhHidden form a { text-transform: lowercase; } form select#selSearch, form input#txtSearch, form input#txtUserid, form input#txtPasswd, form input#captchacode, form input#txtProdSearch { border: 1px solid #666; background: #F6F6F6; padding: 2px 3px; font: normal 12px Arial, Helvetica, sans-serif; color: #999; vertical-align: middle; } form select#selSearch { padding: 1px; color: #333; } form input#txtSearch, form input#txtProdSearch { background: #F6F6F6 url(/images/icon_search.gif) 3px center no-repeat; padding: 2px 3px 2px 18px; } form input#btnSearch, form input#btnLogin { margin-right: 10px; padding: 1px 5px; font: bold 12px Arial, Helvetica, sans-serif; color: #A44C30; text-transform: lowercase; vertical-align: middle; } /* ------------------------------------------------------------ * MASTHEAD * ------------------------------------------------------------ */ div#masthead { margin: 0 auto 0 auto; border: 1px solid #999; border-bottom: 0; background: #FFF; padding: 2px; width: 1050px; } div#mastheadWide { margin: 10px 10px 0 10px; border: 1px solid #999; border-bottom: 0; background: #FFF; padding: 2px; width: auto; } div#globalnav { margin: 0 0 2px 0; border: 0; background: #333 url(/images/bg_globalnav.jpg) center center repeat-x; padding: 0 10px; text-align: right; } div#globalnav p { display: inline; margin: 0; padding: 0; font: normal 11px/31px Arial, Helvetica, sans-serif; color: #666; text-transform: uppercase; } div#globalnav p span { font-weight: bold; color: #BBB; padding-right: 10px; } div#globalnav p img { margin: 7px 0 7px 0; vertical-align: middle; } div#globalnav p a { font: bold 11px/31px Arial, Helvetica, sans-serif; padding-right: 10px; } div#mainnav { position: relative; margin: 0; border: 0; background: transparent; padding: 20px 10px; } div#mainnav p { margin: 0; padding: 0; font: normal 15px/40px Arial, Helvetica, sans-serif; color: #CCC; text-align: right; text-transform: uppercase; } div#mainnav p span { height:60px; width:1px; display:inline-block; margin:4px; position:absolute; } div#mainnav h2 { font: bold 22px/40px Arial, Helvetica, sans-serif; color: #A44C30; text-align:right; } div#mainnav img { vertical-align: middle; } /* ------------------------------------------------------------ * ACTION BAR * ------------------------------------------------------------ */ div#actionbar { margin: 0 auto; border: 1px solid #999; border-top-color: #DDD; border-bottom: 0; background: #FFF; padding: 2px; width: 1050px; } div#actionbar a.facebook { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -64px; margin:0px 3px; } div#actionbar a.twitter { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -48px; margin:0px 3px; } div#actionbar a.rss { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -80px; margin:0px 3px; } div#actionbar a.blog { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -16px; margin:0px 3px; } div#actionbar a.youtube { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -32px; margin:0px 3px; } div#actionbar a.print { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -96px; margin:0px 3px; } div#actionbar a.email { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -112px; margin:0px 3px; } div#actionbar a.cart { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 0px; margin:0px 3px; } div#actionbar a.globe { display:inline-block; width:16px; height:16px; background:url(/images/widgets.gif) 0 -128px; margin:0px 3px; } div#actionnav p { float:right } div#actionnav { margin: 0; border: 0; background: #FFF0EB; padding: 5px 10px; } div#actionnav p { margin: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #666; text-align: left; } div#actionnav p.breadcrumb { float:none; } div#actionnav p span { color: #BBB; } div#actionnav p a { text-transform: lowercase; } div#actionnav p a.linkEmail { background: transparent url(/images/icon_email.gif) 2px center no-repeat; padding-left: 20px; } div#actionnav p a.linkPrint { background: transparent url(/images/icon_print.gif) 2px center no-repeat; padding-left: 20px; } /* ------------------------------------------------------------ * FOOTER * ------------------------------------------------------------ */ div#footer { margin: 0 auto 0 auto; border: 1px solid #999; border-top-color: #DDD; background: #FFF; padding: 2px; width: 1050px; } div#footernav { margin: 0; border: 0; background: #F6F6F6; padding: 15px 10px; } div#footernav p { margin: 0 0 10px 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #BBB; text-align: center; } div#footernav p a { text-transform: lowercase; } div#footernav p.copyright { color: #666; } #bannerContained { width:1050px; padding:6px 2px 6px 2px; margin:auto; text-align:center; background:#f0f0f0; border:1px solid #999; border-bottom:0;} /* --------------------------------------------------------------- * PARTNER/DEVELOPER GRID * ---------------------------------------------------------------- */ div.grid { margin: 0; border: 0; background: transparent; padding: 0; } div.grid ul { margin: 0; padding: 0; list-style-type: none; clear:both; text-align:center; } div.grid ul li { float:left; margin: 0 10px 0 15px; border: 0; background: transparent; padding: 10px; text-align: center; width:164px; height:160px; } div.grid ul li p { margin: 0; padding: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #333; text-align: center; } div.grid ul li p div { height:124px; vertical-align:middle; } /* --------------------------------------------------------------- * SLIDER * ---------------------------------------------------------------- */ .sliderGallery { background:#ffffff; repeat-x; overflow:hidden; padding:2px 5px 12px 5px; height:130px; width:99%; position:relative; } .sliderGallery TABLE { margin:0 6px; position:absolute; top:0; left:0; border-collapse:collapse; } .sliderGallery A { width:104px; display:block; text-align:center; } .sliderGallery A:Hover { background:url(/images/box_selected.gif) 0px 0 no-repeat; } .sliderGallery IMG { height:120px; width:93px } .slider { width:1024px; height:8px; margin:0px 5px 0 5px; padding:0px; position:relative; top:124px; } div.slider .ui-slider-handle { border:1px solid #666; background:#ccc; cursor:pointer } div.slider .ui-slider-handle:hover { background:#aaa; cursor:pointer } .sliderGallery .moveleft { position:absolute; left:0; top:0; width:120px; height:122px; background:grey } .sliderGallery .moveright { position:absolute; right:0; top:0; width:120px; height:122px; background:grey } .storeGallery { background:#ffffff; overflow:hidden; position:relative; padding:2px 5px 12px 5px; height:130px; width:99%; } .storeGallery TABLE { margin:0 6px; position:absolute; top:0; left:0; border-collapse:collapse; } .storeGallery A { width:104px; display:block; text-align:center; } .storeGallery A:Hover { background:url(/images/box_selected.gif) 2px 0 no-repeat; } .storeGallery IMG { height:120px; width:93px } /* --------------------------------------------------------------- * FORUMS * ---------------------------------------------------------------- .forum { font-size:12px; width:100%; } .forumHeaderL { font-weight:bold; text-align:center; width:120px; float:left; background:#C3A485; line-height:20px;} .forumHeaderR { font-weight:bold; margin-left:120px; background:#C3A485; line-height:20px;} .forumPost { margin:2px; padding:0; border-bottom:14px solid #C3A485; width:100%; clear:right; } .forumAuthor { width:110px; float:left; padding:3px; } .forumContent { margin-left:120px; overflow:auto; padding:4px; } .forumDate { font-size:11px; margin-bottom:10px; padding:2px 4px 4px 2px; color:#777; border-bottom:1px solid #C3A485; } .forumDate A { text-decoration:none; } .forumDate A:Hover { text-decoration:underline; } .forumSig { margin:10px 0 0 0;} .forumStatus { width:120px; float:left; border-top:1px solid #C3A485; padding:3px; } .forumLinks { margin-left:120px; font-size: 11px; border-top:1px solid #C3A485; padding:3px; } .forumLinks A { text-decoration:none; color:darkblue; } .forumLinks A:Hover { text-decoration:underline; } .forumAdmin { background:#D3BE96; line-height:24px; padding:10px;} .forums { font-size:12px; background: #fff; font-family:verdana; width:100%; border: 1px solid #8080f0; } .forums A { font-weight:bold; color:#102080; text-decoration:none; } .forums A:hover { color:black; text-decoration:underline; } .forums TD, .forums TH { } .forums TR.title { background:#90a0d0; } .forumsH3R { font-size:12px; font-weight:normal; float:right; padding-right:5px; } .forumPoll { margin:10px 0 5px 0; border-top:1px solid #C3A485; padding:10px 5px 5px 5px; } .forumPoll B { text-align:center; } .pollImg { margin:0px 0 4px 0; background:URL("/images/poll_bar.gif") no-repeat 0 50%; height:12px; width:350px; } .sub_forum { font-size:11px; font-style:italic; } .sub_forums A { font-weight:normal; } .sub_forums { font-size:11px; margin-top:6px; padding-top:10px; border-top:1px solid #aaa; } .sub_forums TD { border:none; } .img_newpost { background:URL("/images/icon_star.gif") no-repeat center; width:16px; height:15px; } .img_redirect { background:URL("/images/forum_link.gif") no-repeat center; width:16px; height:15px; } .sub_forums .img_redirect { background:URL("/images/forum_slink.gif") no-repeat center; width:7px; height:7px; display:inline; padding:3px; margin-left:4px;} */ #boxPad { padding:5px; } .table1, .table2 { font-size:12px; } .table1sm, .table2sm{ font-size:11px; } .table1 .title, .table1sm .title, .table2 .title, .table2sm .title { background:#e0e8f0; } .table1 TD, .table1 TH, .table1sm TD, .table1sm TH { border-bottom:1px solid #dddddd; padding:2px 4px 2px 4px; } .table2 TD, .table2 TH, .table2sm TD, .table2sm TH { border:none; } .table1 TR:hover, .table1sm TR:hover { background:#f4f4f4; } .actions { overflow:auto; margin:2px 0 0 2px; padding:5px; border:1px solid #d0d0d0; height:372px } .action { border-top:1px solid #d0d0d0; padding:5px 0 8px 2px; } .action SMALL { text-decoration:underline; font-weight:bold; line-height:20px } .table { background: #336699; font-size: 1em; color: #000; width: 100%; border-radius: 5px; font-family:verdana; } .table a { color: #000; } .table .title { background: #336699 URL('/images/bg_h3.jpg'); color: #fff; font-weight: bold; font-size: 1.2em; } .table .category, .tTitle { background: #738FBF; color: #000; font-size: 1em; } .table .category a { color: #E1E1E1; font-weight: bold; font-size: 1em; text-decoration: none; } .table .category a:hover { text-decoration: underline; } .table .forum, .table .tRow { background: #E1E1E1; } .table .tMiddle { background: #D8D8DB; } .table a.forum-name { font-weight: bold; font-size: 1.1em; } .table .forum .sub_forums { padding-top: 6px; } .table .smText, .table .forum .desc, .table .forum .sub_forums, .table .forum .sub_forums a { font-size: 1em; } .buttons a, .buttons-simple a { background: #D8D8DB URL('/images/icon_goto.gif') 5px center no-repeat; padding: 3px 5px 3px 23px; font-weight: bold; color: #000; text-decoration: none; border: 1px solid #738FBF; margin: 0px; border-radius: 5px; } .buttons-simple a { background-image: none; padding-left: 5px; } .buttons a:hover, .buttons-simple a:hover { color: #738FBF; background-color: #EBEBEB; } .buttons a.disabled, .buttons a.disabled:hover { background-color: #D8D8DB; color: #000; opacity: 0.5; } .pageTitle { font-size: 1.1em; font-weight: bold; color: #000; background: URL('/images/icon_forum.gif') left center no-repeat; padding-left: 20px; } a.thread-title { font-weight: bold; font-size: 1em; } .author { font-weight: bold; font-size: 1.1em; } .posted-info { opacity: 0.5; } .message blockquote { background: #EBEBEB; border-radius: 15px; padding: 15px; margin: auto 5px auto 5px; } .message blockquote blockquote { background: #fff; } .message blockquote blockquote blockquote { background: #EBEBEB; } a.languagebutton img { margin: 0 !important; } span.languagebutton img { border: none; margin: 0 !important; } .smallnowrap { font-size: 0.7em; white-space: nowrap; } .nowrap { white-space: nowrap; } /*--- Beta Test Start---*/ div#BetaTestContent { text-align: center; margin: 10px 0; padding: 0 50px; } div#BetaGames { margin: 20px 0; } div.GameBeta { display:inline-block; width: 200px; vertical-align: top; padding-bottom: 20px; } p.GameTitle { font-weight: bold; font-size: 1.5em; margin-bottom: 40px; } div.GameBetaPlatform { background-color: #A44C30; color: white; font-weight: bold; font-size: 0.8em; display: inline-block; padding: 2px 4px; margin-bottom: 10px; } div#BetaCNDAContainer { width: 80%; max-height: 400px; overflow: auto; text-align: left; margin: 30px auto; border: solid 1px silver; padding: 10px; font-family:'Courier New', Courier, monospace; } p.BetaCNDATitle { font-size: 1.6em; font-weight: bold; text-align: center; padding: 20px 0; } p.BetaCNDASubTitle { font-size: 1.2em; font-weight: bold; } ul.BetaCNDAList li { margin-top: 10px; } input.BetaFormSubmit { padding: 1px 10px; } div.BetaSignupFormLabel { font-weight: bold; float: left; width: 450px; text-align: right; padding-right: 10px; } div.BetaSignupFormComment { font-size: 0.8em; font-style: italic; float: left; width: 450px; clear: left; text-align: right; padding-right: 10px; } div.BetaSignupFormDirections { font-size: 0.9em; font-style: italic; text-align: center; margin-bottom: 10px; padding: 0 100px; } div.BetaSignupFormControl { margin-bottom: 10px; text-align: left; } div.BetaSignupFormControl input, div.BetaSignupFormControl textarea { text-align: left; } input.BetaSignupFullName { width: 200px; } input.BetaSignupEmail, input.BetaSignupConfirmation { width: 250px; } .errormessage { color: red; } .standalonetext { padding: 10px 0; } .mandatory { color: red; font-weight: bold; } /*--- Beta Test End---*/ img.noborder { border: 0; } .helpdesk-description { width: 100%; height: 200px; } /* Discount */ div.discountgame { padding: 10px; } div.discountgame div.gameart { float: left; } div.discountgame div.gametitle { font-size: 1.5em; font-weight: bold; padding: 20px 0; } div.discountgame div.gameintro { padding-bottom: 20px; } div.discountgame div.discountleveldescription, div.discountgame div.claimeddiscountcoupon { padding-bottom: 10px; font-size: 1.2em; font-weight: bold; } div.discountgame div.discountclaim a { font-size: 1.2em; color: red; } div.discountgame div.discountmessage { color: red; } div.nodiscountavailable { padding: 10px; } div.blog-body { padding: 10px; } div.leftContent { display: inline-block; width: 690px; vertical-align: top; } div.rightContactForm { display: inline-block; width: 350px; vertical-align: top; background-color: #FFF0EB !important; margin-bottom: 10px; } table#shoppinglist, table#crosssales, div#paymentinfocontainer { width: 100%; border-bottom: solid 1px #ddd; margin-bottom: 10px; background-color: #FFF0EB; } table#shoppinglist td, table#crosssales td { padding: 10px 0; } table#shoppinglist th, table#crosssales th, div#paymentinfocontainer h4 { background-color: #B3683E; color: white; padding: 7px; font-size: 120%; margin: 3px 0; } table#shoppinglist .quantity, table#shoppinglist .itemprice, table#crosssales .itemprice, table#crosssales .addtocart, table#shoppinglist .itemtotal, table#shoppinglist .totallabel, table#shoppinglist .totalvalue, table#shoppinglist .licensekey, table#shoppinglist .download { text-align: center; } table#crosssales .addtocart img { vertical-align: middle; } table#shoppinglist .quantity { width: 15%; } table#shoppinglist .itemprice, table#shoppinglist .itemtotal { width: 20%; } table#crosssales .addtocart { width: 40%; } table#shoppinglist .totalempty, table#shoppinglist .totallabel, table#shoppinglist .totalvalue { font-weight: bold; font-size: 120%; background-color: #B3683E; color: white; padding: 7px; } table#shoppinglist td.quantity select { text-align: center; border: solid 1px #aaa; } table#shoppinglist td.game { padding: 10px 3px; } table#shoppinglist th.giftcardrecipientname, table#shoppinglist th.giftcardmessage { text-align: center; } table#shoppinglist td.giftcardrecipientname, table#shoppinglist td.giftcardmessage { vertical-align: top; width: 30%; text-align: center; } table#shoppinglist td.game img, table#crosssales td.game img { float: left; max-height: 75px; vertical-align: middle; } table#shoppinglist td.game h4.gamename, table#crosssales td.game h4.gamename { margin-top: 10px; padding-left: 80px; } table#shoppinglist td.game h4.gamename a, table#crosssales td.game h4.gamename a { text-decoration: none; color: #A44C30; } table#shoppinglist td.game p.gamecategory, table#crosssales td.game p.gamecategory { padding-left: 80px; } table#shoppinglist td.game div.contracttype, table#crosssales td.game p.contracttype { font-weight: bold; padding-left: 80px; } a.button { text-decoration: none; color: #cc3737; font-weight: normal; } a.button_fancy, input.button_fancy { padding: 8px 10px; text-decoration: none; color: white; display: inline-block; font: 14px Arial,Helvetica,sans-serif; font-weight: normal; margin: 0; border: none; border-radius: 5px; background-color: #c25b5f; cursor: pointer; } a.button_fancy_return, input.button_fancy_return { background: url('/images/buttons/fancy/button_fancy_arrow_left.png') 10px center no-repeat; border-radius: 5px; background-color: #c25b5f; padding: 8px 8px 8px 40px; } a.button_fancy_cart_clear, input.button_fancy_cart_clear { background: url('/images/buttons/fancy/button_fancy_cart_clear.png') 10px center no-repeat; border-radius: 5px; background-color: #c25b5f; padding: 8px 8px 8px 45px; } a.button_fancy_continue, input.button_fancy_continue { background: url('/images/buttons/fancy/button_fancy_arrow_right.png') right 10px center no-repeat; border-radius: 5px; background-color: #c25b5f; padding: 8px 40px 8px 8px; } a.button_fancy_paypal, input.button_fancy_paypal { background: url('/images/buttons/fancy/button_fancy_bfg_paypal.png') right 10px center no-repeat; border-radius: 5px; background-color: #155096; padding: 8px 70px 8px 8px !important; color: white; cursor: pointer; text-decoration: none; display: inline-block; font: 14px Arial,Helvetica,sans-serif; font-weight: normal; margin: 0; border: none; } a.button_fancy_upgrade { text-decoration: none; font-weight: normal; } table.button_fancy_upgrade { border-collapse: collapse; color: white; cursor: pointer; } table.button_fancy_upgrade td:first-child { background-color: #666666; border-radius: 5px 0 0 5px; padding: 8px 8px 8px 16px !important; text-transform: uppercase; width: 120px; } table.button_fancy_upgrade td:last-child { background-color: #973311; border-radius: 0 5px 5px 0; padding: 8px !important; text-align: center; } a.button_fancy_add { text-decoration: none; } table.button_fancy_add { border-collapse: collapse; color: white; cursor: pointer; margin-left: auto; margin-right: auto; } table.button_fancy_add td:first-child, table.button_fancy_add td.label { background-color: #666666; border-radius: 5px 0 0 5px; padding: 8px !important; text-transform: uppercase; } table.button_fancy_add td:last-child, table.button_fancy_add td.price { background-color: #973311; border-radius: 0 5px 5px 0; padding: 8px !important; text-align: center; } a.button_fancy_add_sale { text-decoration: none; } table.button_fancy_add_sale { border-collapse: collapse; color: white; cursor: pointer; } table.button_fancy_add_sale td:first-child { width: 33px; background: url('/images/buttons/fancy/button_fancy_rfg_wbg_sale_tag.png') right top no-repeat; } div.homeRow1 div.prodLarge table.button_fancy_add_sale td:first-child { width: 0; background: none; } table.button_fancy_add_sale td:nth-child(2) { background-color: #ff2f43; border-radius: 5px 0 0 5px; padding: 8px !important; text-align: center; text-decoration: line-through; } table.button_fancy_add_sale td:nth-child(3) { background-color: #666666; padding: 8px 8px 8px 8px !important; text-align: center; text-transform: uppercase; width: 60px; } div.homeRow1 div.prodLarge table.button_fancy_add_sale td:nth-child(3) { width: 60px; } table.button_fancy_add_sale td:nth-child(4) { background-color: #973311; border-radius: 0 5px 5px 0; padding: 8px !important; text-align: center; } table.button_fancy_add_sale td:nth-child(5) { width: 33px; } p.button_fancy_forum a { background: url('/images/buttons/fancy/button_fancy_lightpurple_forum.png') 10px center no-repeat; background-color: #ae1178; border-radius: 5px; padding: 8px 8px 8px 40px !important; text-transform: uppercase; text-decoration: none; display: inline-block; color: white; } p.button_fancy_ios a { background: url('/images/buttons/fancy/button_fancy_gfg_apple.png') 10px center no-repeat; background-color: #9e9e9e; border-radius: 5px; padding: 8px 8px 8px 40px !important; text-decoration: none; display: inline-block; color: white; } p.button_fancy_android a { background: url('/images/buttons/fancy/button_fancy_lightgreen_android.png') 10px center no-repeat; background-color: #195293; border-radius: 5px; padding: 8px 8px 8px 40px !important; text-decoration: none; display: inline-block; color: white; } p.button_fancy_steam a { background: url('/images/buttons/fancy/button_fancy_lightgreen_steam.png') 10px center no-repeat; background-color: #729b33; border-radius: 5px; padding: 8px 8px 8px 50px !important; text-decoration: none; display: inline-block; color: white; } p.button_fancy_xbox a { background: url('/images/buttons/fancy/button_fancy_lightgreen_xbox.png') 10px center no-repeat; background-color: #729b33; border-radius: 5px; padding: 8px 8px 8px 50px !important; text-decoration: none; display: inline-block; color: white; } p.button_fancy_amazon a { background: url('/images/buttons/fancy/button_fancy_wfg_gbg_amazon.png') 10px center no-repeat; background-color: #9e9e9e; border-radius: 5px; padding: 8px 8px 8px 50px !important; text-decoration: none; display: inline-block; color: white; } p.button_container_2left { width: 49%; text-align: left; box-sizing: border-box; display: inline-block; } p.button_container_2right { width: 50%; text-align: right; box-sizing: border-box; display: inline-block; } p.button_container_3left { width: 33%; text-align: left; box-sizing: border-box; display: inline-block; } p.button_container_3middle { width: 32%; text-align: center; box-sizing: border-box; display: inline-block; } p.button_container_3right { width: 33%; text-align: right; box-sizing: border-box; display: inline-block; } p.button_continue { box-sizing: border-box; display: inline-block; text-align: right; } p.button_return { box-sizing: border-box; display: inline-block; } table#shoppinglist td.couponcode { padding: 20px; } table#shoppinglist td.couponcode span { font-weight: bold; } input.couponcode { width: 100px; } table#shoppinglist td.coupons { padding: 0 10px 3px 0; text-align: right; } p.cardname input, p.cardnumber input { width: 200px; } div.content_crosssales { text-align: center; margin-bottom: 10px; overflow: auto; white-space: nowrap; } div.gamesaletag { width: 200px; text-align: center; display: inline-block; background-color: #FFF0EB; white-space: normal; border-left: solid 2px white; border-right: solid 2px white; } div.gamesaletag h4 { font-size: 120%; color: #A44C30; } div.gamesaletag div.buynow { margin: 0; } div.gamesaletag div.buynow a { vertical-align: top; } div.content_shoppingcart { background-color: #FFF0EB; box-sizing: border-box; padding-bottom: 1px; } div.content_shoppingcart h4 { background-color: #B3683E; color: white; padding: 7px; font-size: 120%; margin: 3px 0; } div.content_shoppingcart div.login, div.content_shoppingcart div.existinguser, div.content_shoppingcart div.newuser, div.content_shoppingcart div.existingcreditcard { margin: 10px; } div.content_shoppingcart div.newuser { white-space: nowrap; } label.label { display: inline-block; width: 110px; font-weight: bold; } form#paymentinfo label.label { width: 140px; } span.required { color: red; font-weight: bold; } div.content_shoppingcart p { } h4.gamename { font-size: 120%; color: #A44C30; text-align: left; margin-bottom: 8px; } div.subcontent { padding: 10px; } span.discountoriginal { color: #555555; text-decoration: line-through; font-weight: bold; font-size: 1.2em; } span.discountprice { color: red; font-weight: bold; font-size: 1.2em; } span.saveamount { color: red; font-weight: normal; font-size: 1.2em; } span.gameprice { font-weight: bold; font-size: 1.2em; color: black; } form.shoppingcart input[type=text], form.shoppingcart input[type=password], form.shoppingcart select, form.shoppingcart textarea { border: solid 1px silver; padding: 3px; } form.shoppingcart input { vertical-align: middle; } fieldset#billingaddress { padding: 10px; width: 45%; margin-right: 10px; display: inline-block; margin-bottom: 10px; vertical-align: top; border: none; } fieldset#billingaddress label.label, fieldset#shippingaddress label.label { width: 80px; } fieldset#billingaddress p, fieldset#shippingaddress p { white-space: nowrap; } form.shoppingcart p.section-title span.title { font-weight: bold; } fieldset#shippingaddress { padding: 10px; width: 45%; display: inline-block; margin-bottom: 10px; vertical-align: top; border: none; } fieldset#shippingaddresssubset { border: none; } form.shoppingcart-notmember input[type=text], form.shoppingcart-notmember input[type=password] { width: 140px; } form.shoppingcart-notmember select { width: 150px; } label.error { color: red; } div.SavedCreditCards p { padding-bottom: 10px; } fieldset#newcreditcard { padding: 10px; margin-bottom: 10px; border: solid 1px #B3683E; } fieldset#creditcardselect { border: none; margin-bottom: 10px; } fieldset.gray * { color: #666666; } fieldset.gray input { background-color: #eeeeee; } fieldset.gray select { background-color: #eeeeee; } #aShoppingCart { display: inline-block; } label.category { font-weight: bold; margin-right: 10px; } span.category { font-weight: bold; } div.shoppingcart_currency { text-align: right; margin-bottom: 3px; } div.shoppingcart_currency label { font-weight: bold; } p.payment_or { font-size: 2em; text-transform: uppercase; } table.userSerials { width: 100%; } div.platforms { text-align: center; margin-bottom: 10px; } div.platforms label { font-weight: bold; } div.platform { display: inline-block; } div.platform a.button { padding: 5px; background-color: #666666; border-radius: 5px; color: white; font-weight: bold; margin: 3px; display: inline-block; text-decoration: none; } div.platform a.selectedbutton { padding: 5px; background-color: red; border-radius: 5px; color: white; font-weight: bold; margin: 3px; display: inline-block; text-decoration: none; } table.SlithTournamentContentTable th, table.SlithTournamentContentTable td { text-align: center; padding: 10px; } table.SlithTournamentContentTable td.tournament img { width: 70px; } table.SlithTournamentContentTable td.roundtime, table.SlithTournamentContentTable td.nextround { text-transform: uppercase; } table.SlithTournamentContentTable td.startdate div.calendar { background: url("/images/calendar.png"); width: 79px; height: 79px; } table.SlithTournamentContentTable td.startdate div.calendar div.month { line-height: 24px; color: white; } table.SlithTournamentContentTable td.startdate div.calendar div.day { font-size: 2em; font-weight: bold; line-height: 36px; } table.SlithTournamentContentTable td.startdate div.calendar div.hour { line-height: 24px; color: black; } .font2em { font-size: 2em; } table.steamkeys { width: 100%; } table.steamkeys .issued { width: 20%; text-align: center; } table.steamkeys .name { width: 60%; text-align: left; } table.steamkeys .steamkey { width: 20%; text-align: center; } .SlithTournamentTable, .SlithTournamentContentTable, .SlithTournamentTableScores { width: 100%; } .SlithTournamentContentTable td { padding: 10px; } .SlithTournamentTableScores td.topMenu div.selected a { text-transform: uppercase; color: white; text-decoration: none; } .SlithTournamentTableScores td.topMenu div.notSelected a { text-transform: uppercase; color: black; text-decoration: none; } .SlithTournamentTable td.topMenu div,.SlithTournamentTableScores td.topMenu div{text-align:center;float:left;font-size:14px;line-height:60px;height:60px;cursor:pointer}.SlithTournamentTableScores .drawTableContent tbody tr.noWrap,.SlithTournamentTableScores .drawTableContent tr,.SlithTournamentTableScores .scoresTableContent tbody tr.noWrap,.SlithTournamentTableScores .scoresTableContent tr{white-space:nowrap}.SlithTournamentTable td.topMenu div{width:25%}.SlithTournamentTableScores td.topMenu{background-color:#4e6f1e}.SlithTournamentTableScores td.topMenu div{padding-left:10px;padding-right:10px}.SlithTournamentTableScores div.scoresContent{border-radius:10px;border:1px solid;background-color:#FFF;position:relative;margin:80px 20px 20px}.SlithTournamentTableScores div.scoresContent div.ringLeft{position:absolute;width:49px;height:79px;top:-54px;left:45px;background-image:url(/images/ring_left.png);background-position:center center;background-repeat:no-repeat}.SlithTournamentTableScores div.scoresContent div.ringRight{position:absolute;width:49px;height:79px;top:-54px;right:45px;background-image:url(/images/ring_right.png);background-position:center center;background-repeat:no-repeat}.SlithTournamentTableScores div.scoresContent div.scoresTitle{text-transform: uppercase;color:#6f933a;font-size:32px;line-height:49px;text-align:center;margin-top:10px;margin-bottom:10px} .SlithTournamentTableScores div.scoresContent div.scoresTitle span{display:inline-block;line-height:49px;vertical-align:middle}.SlithTournamentTableScores div.scoresContent div.scoresTitle span.cupImg{margin-right:20px;background-image:url(images/cup_scores.png);height:49px;width:52px}.SlithTournamentTableScores .drawTableContent td.blackDivider div,.SlithTournamentTableScores .drawTableContent td.grayDivider div,.SlithTournamentTableScores .scoresTableContent td.blackDivider div,.SlithTournamentTableScores .scoresTableContent td.grayDivider div{width:1px}.SlithTournamentTableScores div.scoresContent div.divider{height:1px;background-color:#898989}.SlithTournamentTableScores .drawTableContent,.SlithTournamentTableScores .scoresTableContent{width: 100%;color:#333;}.SlithTournamentTableScores .drawTableContent td.blackDivider,.SlithTournamentTableScores .scoresTableContent td.blackDivider{background:#000;display:inline}.SlithTournamentTableScores .drawTableContent td.grayDivider,.SlithTournamentTableScores .scoresTableContent td.grayDivider{background:#999;display:inline}.SlithTournamentTableScores .drawTableContent tbody tr td span,.SlithTournamentTableScores .scoresTableContent tbody tr td span{line-height:19px;display:inline-block;vertical-align:middle}.SlithTournamentTableScores .drawTableContent tbody tr td span.userIcon,.SlithTournamentTableScores .scoresTableContent tbody tr td span.userIcon{margin-right:20px;margin-left:10px;background-image:url(images/user_icon.png);height:19px;width:19px}.SlithTournamentTableScores .drawTableContent tbody tr td span.userIconRight,.SlithTournamentTableScores .scoresTableContent tbody tr td span.userIconRight{margin-right:10px;margin-left:20px;background-image:url(images/user_icon.png);height:19px;width:19px}.SlithTournamentTableScores .drawTableContent tbody tr td span.userIconAlone,.SlithTournamentTableScores .scoresTableContent tbody tr td span.userIconAlone{margin-right:10px;margin-left:10px;background-image:url(images/user_icon.png);height:19px;width:19px}.SlithTournamentTableScores .drawTableContent thead tr,.SlithTournamentTableScores .scoresTableContent thead tr{font-weight:700;text-align:center;color:#506430}.SlithTournamentTable td.topMenu div.selected,.SlithTournamentTableScores td.topMenu div.selected{background-color:#5f802e;color:#fff}.SlithTournamentTable td.topMenu div.notSelected,.SlithTournamentTableScores td.topMenu div.notSelected{background-color:#4e6f1e;color:#293b0e}.SlithTournamentTableScoresTdContent,.SlithTournamentTableTdContent{background-color:#6f933a;color:#fff}.SlithTournamentTableTdContent table tr td{text-align:center;position:relative}.SlithTournamentTableTdContent table tr td img{display:inline}.SlithTournamentTableTdContent table tr td span{padding:5px}.SlithTournamentTableTdContent table tr td a{color:inherit;text-decoration:none}.SlithTournamentTableTdContent table tr td div.separatorUp{height:76px;width:2px;background-image:url(images/separatorUp.png);background-repeat:no-repeat;background-position:bottom center;position:absolute;bottom:0;left:0}.SlithTournamentTableTdContent table tr td div.separatorHorizontal{height:2px;width:100%;background-image:url(images/separatorHorizontal.png);background-repeat:no-repeat;background-position:center center}.SlithTournamentTableTdContent table tr td div.separatorDown{height:100px;width:2px;background-image:url(images/separatorDown.png);background-repeat:no-repeat;background-position:top center;position:absolute;top:0;left:0}.SlithTournamentTableTdContent table tr td .bigFont{font-size:30px}.SlithTournamentTableTdContent table tr td div.paddingTopBottom{padding-top:5px;padding-bottom:5px}.SlithTournamentTableTdContent table tr td img.gameImg{height:70px}.SlithTournamentTableTdContent table tr td .calendar{height:79px;width:79px;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background-image:url(images/calendar.png)}.SlithTournamentTableTdContent table tr td .calendar .month{position:absolute;width:79px;height:24px;top:0;left:0;line-height:24px;font-size:11px;color:#fff;text-align:center}.SlithTournamentTableTdContent table tr td .calendar .day{position:absolute;width:79px;height:36px;top:24px;left:0;line-height:36px;font-size:32px;color:#000;text-align:center} .SlithTournamentTableTdContent table tr td .calendar .hour{position:absolute;width:79px;height:19px;top:60px;left:0;line-height:18px;font-size:11px;color:#fb9f32;text-align:center}.SlithTournamentTableTdContent table tr.titles{height:76px}.SlithTournamentTableTdContent table tr.rows{height:120px}.SlithTournamentTableTdContent table tr.odd{background-color:#7b9f46}.SlithTournamentTableTdContent .nextRoundSepImg{background-image:url(images/horizSep.png);height:3px;background-position:center center;background-repeat:no-repeat}.SlithTournamentTableTdContent .completedImg,.SlithTournamentTableTdContent .openImg,.SlithTournamentTableTdContent .startedImg{height:40px;background-position:center center;background-repeat:no-repeat;cursor:pointer}.SlithTournamentTableTdContent .openImg{background-image:url(images/open.png)}.SlithTournamentTableTdContent .startedImg{background-image:url(images/started.png)}.SlithTournamentTableTdContent .completedImg{background-image:url(images/completed.png)} .scoresTableContent th, .scoresTableContent td, .drawTableContent th, .drawTableContent td { text-align: center; } .scoresTableContent td, .drawTableContent td { border-bottom: 1px solid #aaaaaa; border-right: 1px solid #eeeeee; } .scoresTableContent td:last-child, .drawTableContent td:last-child { border-right: none; } table.registeredgames { width: 100%; } table.registeredgames tr:nth-child(odd) { background-color: #f0f0f0; } table.registeredgames td { vertical-align: top; } table.registeredgames th.gamename, table.registeredgames td.gamename { width: 40%; text-align: left; } table.registeredgames th.gamekeys, table.registeredgames td.gamekeys { width: 20%; text-align: center; } table.registeredgames th.steamkey, table.registeredgames td.steamkey { width: 20%; text-align: center; } table.registeredgames th.downloads, table.registeredgames td.downloads { width: 20%; text-align: center; } table.steamkeysgames { width: 100%; } table.steamkeysgames tr:nth-child(even) { background-color: #f0f0f0; } table.steamkeysgames tr th { background-color: #e0e0e0; } table.steamkeysgames th.gamestatus, table.steamkeysgames td.gamestatus, table.steamkeysgames th.steamkeys, table.steamkeysgames th.allsteamkeys, table.steamkeysgames td.allsteamkeys, table.steamkeysgames th.registeredsteamkeys, table.steamkeysgames td.registeredsteamkeys, table.steamkeysgames th.freesteamkeys, table.steamkeysgames td.freesteamkeys, table.steamkeysgames th.options, table.steamkeysgames td.options { text-align: center; }