html { overflow: auto; }
body { font-family: tahoma,sans-serif; font-size: 12px; line-height: 14px; margin: 0; background:#3b4d5b url(/art/page/mainFill.gif) 0 0 repeat-x }
td   { font-family: tahoma,sans-serif; font-size: 12px; vertical-align: top; }

form { margin: 0; }

a       { color: #d7180f; font-weight: bold; text-decoration: none; }
a:hover { color: #d7180f; font-weight: bold; text-decoration: underline; }

a img { border: none; }

img { vertical-align: middle; }

.clear { clear: both; font-size:0; }

.banner  { display: none; }

.headbanner { width: 488px; height: 60px; position: absolute; top: 14px; left: 527px; }

.sidebanner { width: 120px; position: absolute; top: -90px; left: 1000px; }
.sidebanner .banner {margin-top:90px}
.sidebanner div.typ17 {margin-top:0}


.fullPage { width: 993px; background: #bbc7ce; margin-left: 14px; }

.headcell    { height: 134px; background-image: url(/art/page/headDrop2.jpg); background-repeat: no-repeat; }
.menucell    { height: 30px; position: relative; left: 0px; top: 104px; }
.linecell    { height: 4px; background-color: #000; }
.searchcell  { margin: 8px; }
.contentcell { margin: 0 0 12px 8px; position: relative; }
.footcell    { height: 30px; color: #fff; text-align: left; background-image: url(/art/page/footFull.gif); background-repeat: no-repeat; }
.footLeft    { float: left; text-align: left;   margin-top: 6px; margin-left: 10px; }
.footRight   { float: right; text-align: right; margin-top: 6px; margin-right: 10px; }
.footCopy,.footCopy a  { color: #fff; }

.backButton { margin: 0 0 20px 8px; }

.columnWide  { float: left; width: 657px; padding-top: 10px; }
.headerWide  { height: 32px; overflow: hidden; background-image: url(/art/panels/headWide.gif); background-repeat: no-repeat; }
.contentWide { background-image: url(/art/panels/fillWide.gif); background-repeat: repeat-y; }
.footerWide  { height: 26px; background: url(/art/panels/footWide.gif) no-repeat bottom left; text-align: right; }

.columnThin  { width: 310px; margin-left: 672px; padding-top: 10px; }
.headerThin  { height: 32px; overflow: hidden; background-image: url(/art/panels/headThin.gif); background-repeat: no-repeat; }
.contentThin { background-image: url(/art/panels/fillThin.gif); background-repeat: repeat-y; }
.footerThin  { height: 26px; background: url(/art/panels/footThin.gif) no-repeat bottom left; text-align: right; }

.columnMidi  { float: left; width: 410px; }
.headerMidi  { height: 32px; overflow: hidden; background-image: url(/art/panels/headMidi.gif); background-repeat: no-repeat; }
.contentMidi { background-image: url(/art/panels/fillMidi.gif); background-repeat: repeat-y; }
.footerMidi  { height: 26px; background: url(/art/panels/footMidi.gif) no-repeat bottom left; text-align: right; clear: both; }

.headerBox   { height: 37px; background-image: url(/art/panels/headBox.gif); background-repeat: no-repeat; }
.contentBox  { background-image: url(/art/panels/fillBox.gif); background-repeat: repeat-y; }
.footerBox   { height: 26px; background: url(/art/panels/footBox.gif) no-repeat bottom left; text-align: right; }

.headerBlog  { height: 10px; background-image: url(/art/panels/headBlog.gif); background-repeat: no-repeat; }
.contentBlog { background-image: url(/art/panels/fillBlog.gif); background-repeat: repeat-y; }
.footerBlog  { height: 15px; background: url(/art/panels/footBlog.gif) no-repeat bottom left; text-align: right; clear: both; }

.columnFull  { width: 968px; padding-top: 10px; }
.headerFull  { height: 31px; overflow: hidden; background: url(/art/panels/headFull.jpg) no-repeat; }
.contentFull { background: url(/art/panels/fillFull.gif) repeat-y; }
.footerFull  { height: 20px; background: url(/art/panels/footFull.gif) no-repeat bottom left; text-align: right; }

#homeNews .footerThin { text-align: left; padding: 0 0 0 12px; }
#homeNews .footerThin a { color: #fff; line-height: 18px; }

.boxContent { margin: 4px 18px 8px 8px; }

.contentStats {  border: 1px solid #f7941d; background-color: #61717b; padding: 4px; }

.columnSplit  { width: 985px; }
.columnLeft   { float: left; width: 468px; padding-top: 10px; }
.columnRight  { float: right; width: 502px; }

.homeSplit  { width: 985px; }
.homeLeft   { float: left; width: 468px; padding-top: 10px; }
.homeRight  { float: right; width: 502px; }


.homeWide .columnLeft { padding-top: 30px; }
.columnWide .columnSplit  { width: auto; }
.columnWide .columnLeft { padding-top: 0; width: 416px; }
.columnWide .columnRight { width: 231px; }
.columnWide .columnMidi { padding-top:0; }
.columnWide .contentWide { margin-top:0; }
.columnWide .featureWide .contentWide { margin-top:0; }

.columnThin .contentThin { margin-top: 40px; }

.homeWide    { float: left; width: 657px; }
.homeThin    { width: 310px; margin-left: 673px; padding-top: 4px; }
.blogWide    { width: 657px; margin-top: 12px; }
.featureWide { width: 657px; margin-top: 4px; }


.note    { font-size: 10px; font-weight: bold; padding:0 2px 0 0; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }


.mandatory { text-align: left; padding-right: 10px; color: #d7180f; }



.formLabel   { text-align: left; padding-right: 10px; }
.formElement { background-color: #fff; height: 14px; width: 180px; border: 1px solid #000000; padding:0 1px; }
select.formElement { height: auto; }
textarea.formElement { height: auto; font-family: tahoma,sans-serif; }
.formButton  { border: 1px solid #000000; background-color: #000000; color: #fff; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: right; padding-top: 8px; }
.formButtons button { border: none; background: transparent; padding:0; margin:0; }

.canContactText { width: 250px; }
.required { color: #f80000; }

.formList a           { display: block; }
.formList a.completed { font-weight: bold; }
.formTitle            { font-weight: bold; padding: 2px; background: #f0f0f0; }
.formSubTitle         { font-weight: bold; padding: 2px; background: #f0f0f0; margin-top: 5px; }

.toolBar { color: #fff; padding:0 10px 0 70px; margin:0; width: 224px; height: 39px; position: absolute; right:0; background: url(/art/page/searchBox.gif) no-repeat top right; }
.homepage .toolBar { background: transparent; }

.searchForm { font-family: tahoma,sans-serif; line-height: 14px; margin: 8px 0 0; }
.searchForm * { vertical-align: middle; }
.searchForm form { display: inline; }
.searchForm .formElement { width: 120px; border: 2px inset #fff; }

.searchResults { margin: 4px 18px 4px 8px; }
.searchResult  { margin-top: 5px; }

.searchResults .listLine0 { background: #f8f8f8; padding:0 2px; }
.searchResults .listLine1 { background: #f0f0f0; padding:0 2px; }

.searchResult .title     { margin-bottom: 5px; }
.searchResult .relevance { font-size: 10px; margin-left: 10px; }
.searchResult .sample    { margin-left: 10px; }


/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.content    { margin: 8px 15px 8px 10px; }
.pageName   { font-family: tahoma,sans-serif; font-size: 18px; line-height: 20px; letter-spacing: 1px; font-weight: normal; color: #000; text-align: left; }
.head       { font-family: tahoma,sans-serif; font-size: 18px; line-height: 30px; letter-spacing: 1px; font-weight: normal; color: #fff; margin:0 15px 0 13px; }
.head h1    { padding-top: 4px; margin-top:0; font-size: 18px; line-height: 20px; font-weight: normal; }
.title,.date,.standfirst,.body { margin:0 15px 0 10px; }

.regFormLink { margin-top: 20px; background: #d0d0d0; }

.objectForum { border-top: 1px solid #000; margin-top: 20px; }

.list .body, .item .body { margin: 0 15px 0 10px; }

.item .image { float: right; }

.more, .view { margin: 8px 15px 8px 0; text-align: right; color: #fff; }

.view .prev { float: left; }
.view .next { float: right; }
.view .num  { margin-left: 2px; margin-right: 2px; }
.view .curr { font-size: 16px; font-weight: bold; }

.page       { text-align: center; margin: 0 0 12px 0; padding-top: 2px; }
.page .prev,.page .next { padding: 2px 4px; border: 1px solid #000; color: #000; margin-top: -3px; }
.page .prev { float: left;  }
.page .next { float: right; }
.page span.prev { color: #d0d0d0; border-color: #d0d0d0; }
.page span.next { color: #d0d0d0; border-color: #d0d0d0; }
.page .num  { margin: 0 2px ; padding: 2px 4px; border: 1px solid #000000; color: #000000; }
.page .sep  { margin: 0 2px ; padding: 2px 4px; }
.page .cur  { font-weight: bold; background: #e0e0e0; }

.files         { border: 1px solid #d0d0d0; margin-top: 12px; }
.fileHead      { background: #d0d0d0; margin-bottom: 8px; padding-left: 2px; }
.fileSubHead   { margin-bottom: 4px; padding-left: 2px; }
.files img     { margin: 0 0 4px 4px; }
.files a       { display: block; margin: 0 0 4px 4px; }
.files a img   { margin: 0 }


.blogs { margin: 4px 0 }
.blogWide .blogs { margin: 0 0 0 8px; }

.blogs .list .title      { color: #0054a6; font-weight: bold; }
.blogs .list .title a    { color: #0054a6; }
.blogs .list .standfirst { color: #000000; margin-bottom: 12px; }
.blogs .list .date       { float: right; }

.blogs .item { margin-right: 18px; }

.blogs .item .title      { font-family: tahoma,sans-serif; font-size: 17px; line-height: 20px; letter-spacing: 1px; font-weight: normal; color: #fff; }
.blogs .item .date       { text-align: right; }
.blogs .item .standfirst { font-size: 12px; line-height: 16px; font-weight: bold; color: #000000; }
.blogs .item .body       {}
.blogs .item .image      { border: 1px solid #9b9b9b; margin: 0px 0px 12px 16px; }

.blogs .files { margin-left: 8px; }

.cale .columns  { float: left; width: 657px; }
.cale .head     { float: left; width: 92px; margin-top: -3px; margin-right: 0px; line-height: 20px; }
.cale .content  { float: left; width: 170px; color: #898989; margin: 0px 0px 0px 12px; }
.cale .subjects { float: left; width: 337px; }
.cale a         { color: #898989; text-decoration: none; }
.cale a:hover   { color: #898989; text-decoration: underline; }


.mail .content { padding: 0px; margin: 40px 0px 0px 0px; }
.contentWide .blogs .content { padding: 0px; margin: 0px 18px 0px 8px; }

.home .competitions .list .title      { color: #000000; font-weight: bold; margin-top: 8px; }
.home .competitions .list .title a    { color: #000000; font-weight: bold; }
.home .competitions .list .standfirst { color: #fff; margin-bottom: 12px; }


.competitions .list a         { color: #898989; text-decoration: none; }
.competitions .list a:hover   { color: #898989; text-decoration: underline; }

.competitions .list .title      { color: #000000; font-weight: bold; margin-top: 8px; }
.competitions .list .title a    { color: #000000; font-weight: bold; }
.competitions .list .standfirst { color: #000000; margin-bottom: 12px; }

.competitions .item .title      { font-family: tahoma,sans-serif; font-size: 17px; line-height: 20px; letter-spacing: 1px; font-weight: normal; color: #000000; }
.competitions .item .date       { text-align: right; margin-bottom: 12px; }
.competitions .item .standfirst { line-height: 16px; font-weight: bold; color: #000000; margin-bottom: 12px; }
.competitions .item .body       {}
.competitions .item .image      { border: 1px solid #9b9b9b; }

.compList,.compClose { width: 100%; }

.competition .image { float: right; margin: 0px 0px 16px 16px; border: 1px solid #000000; }

.homeWide .compList td     { padding: 9px 0px 8px 0px; color: #fff; }
.homeWide .compList td a   { color: #6f6d60; text-decoration: underline; }
.homeWide .compList td img { margin: 0px 14px 0px 14px; }


.welcome img { margin: 4px 6px 12px 12px; }


.featboxes { margin: 8px 0 12px 6px; }
.featboxes .separator { float: left; width: 12px; height: 12px; }
.featboxes .list             { float: left; }

.contentWide .news { margin-top: 8px; }

.news .intro { margin-bottom: 12px; }

.contentThin .news { margin: 0px 8px 0px 0px; }
.contentThin .news .list { background: url(/art/panels/newsBorderRight.gif) no-repeat top right; padding-top: 8px; margin-bottom: 0px; }
.contentThin .news .list .bottom { background: url(/art/panels/newsBorderBottom.gif) no-repeat bottom right; height: 5px; }

.news .list             { margin-bottom: 8px; }
.news .list .title      { color: #0054a6; font-weight: bold; margin: 0 10px 8px 88px; }
.news .list .title a    { color: #0054a6; }
.news .list .date       { float: right; margin: 0 10px; }
.news .list .standfirst { color: #898989; margin: 0 10px 0 88px; }
.news .list .image      { float: left; border: 1px solid #9b9b9b; margin-left: 10px; }
.news .list .more       { margin: 8px 10px 8px 0; text-align: right; }
.news .list .view       { color: #000; }
.news .list .view a     { color: #000; }

.news .columnWide .news .list { border-bottom:1px solid #972B1E; margin:0 7px 0 2px; padding: 10px 0 0}
.news .columnWide .news .first { border-top:1px solid #972B1E; }
.news .columnWide .headerWide, .news .columnWide .footerWide { display:none }

.news .simple .title { margin-left: 12px; }

.news .page { margin: 16px 18px 12px 8px; }

.news .item .title      { font-family: tahoma,sans-serif; font-size: 17px; line-height: 20px; letter-spacing: 1px; font-weight: normal; color: #fff; padding-top: 3px; margin: 0px; }
.news .item .date       { margin: 0px 0px 12px 0px; }
.news .item .standfirst { line-height: 16px; font-weight: bold; color: #000000; margin: 0px 0px 1.5em 0px; }
.news .item .image      { margin: 0px 0px 12px 16px; }

.contentThin .products { margin: 4px 0 }

.contentThin .products .page { margin: 12px 15px 8px 10px; }

.products .list .title      { font-size: 14px; color: #000000; font-weight: bold; margin: 10px 15px 16px 10px; }
.products .list .title a, .products .list .date a    { color: #000; }
.products .list .standfirst { line-height: 16px; font-weight: bold; color: #000000; margin-bottom: 12px; }

.products .item .platform   { float: right; margin-right: 18px; font-weight: bold; }
.products .item .standfirst { line-height: 16px; font-weight: bold; color: #000000; margin: 8px 18px 12px 8px; }
.products .item .body       { margin: 0px 18px 0px 8px; padding-bottom: 8px; }

.products .productBanner { padding:5px }

.products .packimageBox { margin: 0px; text-align: center; }
.products .packimage { margin: 0px; }
.products .packimage img { border: 3px solid #FF0000; margin: 0px; }

.products .screenimageBox { margin: 0px 18px 0px 8px; padding-bottom: 8px; }
.products .screenimage { float: left; margin: 8px 8px 8px 0px; text-align: center; }
.products .screenimage img {}

.products .screen2imageBox { margin: 0px 18px 0px 8px; padding-bottom: 8px; }
.products .screen2image { float: left; margin: 8px 8px 8px 0px; text-align: center; }
.products .screen2image img {}

.products .screen3imageBox { margin: 0px 18px 0px 8px; padding-bottom: 8px; }
.products .screen3image { float: left; margin: 8px 8px 8px 0px; text-align: center; }
.products .screen3image img {}

.products .screen4imageBox { margin: 0px 18px 0px 8px; padding-bottom: 8px; }
.products .screen4image { float: left; margin: 8px 8px 8px 0px; text-align: center; }
.products .screen4image img {}

.homepage .products .list .date { font-size: 14px; margin: 8px; }
.homepage .products .list .date .label { font-weight: bold; }

.homepage .products .packimageBox { margin: 0px; text-align: center; }
.homepage .products .packimage { margin: 0px; }
.homepage .products .packimage img { border: 3px solid #FF0000; margin: 0px; }

.homepage .products .more { margin: 8px 15px 8px 15px; text-align: left; color: #fff; }
.homepage .products .view { margin: 8px 15px 8px 15px; text-align: left; color: #fff; }

.products .bulletList { margin: 4px 18px 4px 8px; }
.products .bulletList ul { margin-left: 16px; padding-left: 0px; }

.products .detailBox img     { border: 1px solid #000000; margin: 3px 3px 8px 3px; }
.products .detailBox .detail { color: #fff; margin: 5px 12px 0px 12px; padding-bottom: 3px; font-weight: bold; }
.products .detailBox .sep    { margin: 0px 24px 0px 14px; border-bottom: 1px solid #fff; }
.products .detailBox .detail .label { color: #545545; display: block; float: left; width: 63px; text-align: right; margin-right: 4px; }

.products a.miniSiteLink { display: block; color: #fff; margin: 0px 24px 0px 0px; padding: 3px 0px 0px 0px; }

.products .list .detailBox   { float: right; margin: 10px 18px 8px 12px; }
.products .list .detailBox img     { border: 3px solid #FF0000; margin: 0px; }
.products .list .detailBox .detail { margin-right: 12px; color: #f2f3f5; }
.products .list .detailBox .sep    { margin-right: 12px; border-bottom: 1px solid #000000; }
.products .list .detailBox .detail .label { color: #e3eaf4; }

.homepage .products .list .detailBox { float: right; background: #60717b; width: auto; padding: 0px; }

.products .simple .title    { width: 236px; height: 24px; overflow: hidden; margin: 0px 0px 2px 10px; }
.products .simple .date     { float: right; width: 80px; text-align: right; }
.products .simple .platform { float: right; width: 38px; }

.featured .list .title      { font-size: 16px; color: #000000; font-weight: bold; margin: 10px 15px 16px 10px; }
.featured .list .title a    { color: #000000; }
.featured .list .standfirst { color: #000000; font-weight: bold; line-height: 16px; margin-bottom: 12px; }

.featured .logoimageBox { float:left; padding:2px 5px }
.featured .body { clear:left }

.price, .barcode, .ageRating, .genres    { font-weight: bold; color: #fff; }

.updates a         { color: #0054a6; text-decoration: none; }
.updates a:hover   { color: #0054a6; text-decoration: underline; }


.a2zLinks, .platLinks { margin: 10px 0 0 10px; overflow:hidden }
.a2zLinks a { color: #BDBEC0; background: url(/art/panels/azLetterBack.gif) no-repeat; display: block; float: left; margin: 0px 3px 7px 0px; width: 35px; height: 35px; text-align: center; line-height: 34px; vertical-align: middle; }
.a2zLinks a.active  { color: #0409fb; background-image: url(/art/panels/azLetterActive.gif); }
.a2zLinks a.allActive  { color: #0409fb; background-image: url(/art/panels/azAllActive.gif); width: 111px; }
.a2zLinks a.viewing {}
.a2zLinks .plat {color: #000}
.a2zLinks .plat a {width:19%; height:1.5em; line-height:1.5em; background:none; color: #0409fb}

img.sort, img.sortA, img.sortD {width:7px; height:9px; margin-left:3px; background-image:url(/art/sort.gif)}
img.sortA { background-position:-7px 0px}
img.sortD { background-position:-14px 0px}

.platformLinks { margin: 10px 0px 10px 10px; }
.platformLinks a { color: #fff; display: block; }

.noresults { margin: 4px 0px 4px 8px; }


.contact .content { padding-bottom: 270px; background: url(/art/page/contact.jpg) no-repeat 50% 100%; }
.contact .content p { margin-bottom: 1em; }
.contact .content a { color: #000000; }

.contact .columnWide  { width: 460px; }
.contact .columnThin  { width: 430px; margin-left: 542px; }
.contact .headerThin  { background-image: url(/art/panels/headContact.gif); }
.contact .contentThin { background-image: url(/art/panels/fillContact.gif); }
.contact .footerThin  { background-image: url(/art/panels/footContact.gif); }


.contactForm { margin: 4px 18px 4px 12px; }
.contactForm td { text-align: right; }
.contactForm .formLabel { font-size: 14px; font-weight: bold; text-align: left; }
.contactForm .formElement { font-size: 14px; width: 228px; height: 18px; margin: 0px 0px 4px 0px; }
.contactForm select.formElement { width: 232px; }
.contactForm textarea.formElement { height: 68px; }
.contactForm textarea.wide { width: 380px; height: 116px; margin-top: 8px; }
.contactForm .formButtons { padding-top: 8px; }

.columnThin .note { margin-left: 12px; margin-right: 18px; font-weight: bold; line-height: 20px; margin-bottom: 12px; }

.productsAz .columnWide { width: 567px; }
.productsAz .columnWide .intro { line-height: 16px; }
.productsAz .columnWide .intro p { margin-bottom: 1em; }

.productsAz .columnThin  { width: 404px; margin-left: 572px; }
.productsAz .headerThin  { background-image: url(/art/panels/headIndex.jpg); }
.productsAz .contentThin { background-image: url(/art/panels/fillIndex.gif); }
.productsAz .footerThin  { background-image: url(/art/panels/footIndex.jpg); height: 44px; }

.productsAz .featureWide { width: 567px; margin-top: 20px; }
.productsAz .featureWide .body { overflow: hidden; }
.productsAz .headerWide  { background-image: url(/art/panels/headFeature.jpg); }
.productsAz .contentWide { background-image: url(/art/panels/fillFeature.gif); }
.productsAz .footerWide  { background-image: url(/art/panels/footFeature.gif); }
.productsAz .contentWide .featured .list { max-height: 296px; overflow: hidden; }
.productsAz .contentWide .featured .more { margin: 16px 0px 8px 10px; text-align: left; }

#productIndex .titles  { margin: 0px 10px 0px 3px; height: 24px; line-height: 24px; vertical-align: middle; background: #fff; }
#productIndex .titles .date { font-weight: bold; text-align: left; }
#productIndex .titles .platform { font-weight: bold; }
#productIndex .stripe0 { margin: 0px 10px 0px 3px; height: 24px; line-height: 24px; vertical-align: middle; background: url(/art/panels/azProductBack.jpg) repeat-y; }
#productIndex .stripe1 { margin: 0px 10px 0px 3px; height: 24px; line-height: 24px; vertical-align: middle; background: #fff; }

#productIndex .products .date { text-align:right }


.products .headerThin  { background-image: url(/art/panels/headGameSide.jpg); }
.products .contentThin { background-image: url(/art/panels/fillGameSide.gif); }
.products .footerThin  { background-image: url(/art/panels/footGameSide.gif); height: 44px; }

.products .item .packimageBox { float: right; margin: 8px 18px 12px 12px; }

.products .item .date  { margin: 2px 0px 2px 8px; }
.products .item .label { font-weight: bold; margin-right: 4px; }

.products .bulletList .stripe0 { margin-bottom: 1px; font-weight: bold; }
.products .bulletList .stripe1 { margin-bottom: 1px; }

.homepage .featured .list { max-height: 296px; overflow: hidden; }