﻿/* ------------------------------------------- Reset ------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,block quote,pre,a,abbr,acronym,address,big,cite,code,del,den,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,centre,dl,dt,dd,ol,ul,li,field set,form,label,legend,table,caption,tbody,toot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline}body{ line-height:1}ol,ul{ list-style:none}block quote,q{ quotes:none}block quote:before,block quote:after,q:before,q:after{ content:''}:focus{ outline:0}ins{ text-decoration:none}del{ text-decoration:line-through}table{ border-collapse:collapse; border-spacing:0}
/* ------------------------------------------- Main Start -------------------------------------------*/
body {background: #fff url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/BodyBG.gif) repeat-x 0 0; font-size: small; font-family: 'Lato', Arial, sans-serif;} a {color: #2e7cbe; text-decoration: none;} a:hover {text-decoration: underline;} p {margin: 15px;}
#Content {margin: 0 auto; width: 980px; padding: 8px 8px; position:relative; z-index:2; min-height:600px;}

#HeaderWrap {height:124px; background: #000 url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/NavBG.gif) repeat-x 0 70px; z-index:2;}
#HeaderSkin {}
#Header {margin: 0 auto; width:980px; font-size: 16px; clear:both; z-index:2; }
#Header a:hover {text-decoration: none;} 
#Logo {background:url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/MyGamesLogoBF.png); display:block; text-indent:-88em; width:483px; height:54px; margin: 8px 10px 8px 00px; float:left; }

#Registration {float:right; text-align: right; padding:10px 20px;color: #a1eaf9; background: rgba(0,0,0,0.5); border-radius: 10px; margin-top: 15px;text-shadow: 0px 0px 2px #000;}
#Registration a {color: #fff; vertical-align:middle;}
#Registration span {vertical-align:middle;}
#Registration a:hover {text-decoration:underline;}
#FacebookConnect, #TwitterConnect {background:url(http://resource.mmgn.com.s3.amazonaws.com/web/common/SocialConnect.gif); width: 25px; height: 25px; display:inline-block; margin-left: 5px;}
#TwitterConnect {background-position:0 -30px;}

#HeaderInfo {float:right; text-align: center; padding:5px 20px 8px 20px;color: #a1eaf9; background: rgba(0,0,0,0.5); border-radius: 10px; margin-top: 15px;text-shadow: 0px 0px 2px #000; }
#HeaderInfo a {color: #fff; vertical-align:middle;}
#HeaderInfo span#Credits {display:block;font-size:11px; color: #53ef74; margin-top: 3px; line-height: 9px;}
#HeaderInfo a:hover {text-decoration:underline;}

#Menu { height: 50px; clear:both; position:relative; border-top:solid 1px #65d6f6; border-left:solid 1px #09cef8;}
#Menu ul, #Menu li {float: left;}
#Menu li ul {display: none; background: #e9e9e9; border: solid 1px #c3c3c3; border-top:none; border-bottom:none; z-index: 10; padding: 0; font-size:14px; }
#Menu li:hover ul { display: block; position: absolute; top:44px; height: auto;width: 180px; }
#Menu li li {clear: both;width: 100%;border-bottom: 1px solid #c3c3c3; background: none; }
#Menu li li a, #Menu li:hover li a { padding: 10px 15px;height: auto;color: #333;display: block; width: 140px; border:none; }
#Menu li li a:hover, #Menu li li:hover a {background: #bae16b; text-decoration:none; color: #000; }
#Menu a {display:block; float: left; color: #fff; padding:16px 20px 17px 20px; font-weight:bold; border-right:solid 1px #09cef8;}
/*#Menu a.Selected {background: #00a5ce; border-left: solid 1px #40d9ff; border-right:solid 1px #0586a7;} */
#Menu a:hover {color:#f9bef3;}
#Menu #Search {float:right; width: 185px; padding-top: 12px; text-align:right;}
#Menu #Search input[type=text] { width: 147px; display:inline-block; border: solid 1px #c6c6c6; border-radius: 3px; padding: 3px 5px 3px 30px; height: 18px; color: #696969; background: #fff url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/MyGamesIcons.gif) no-repeat 5px 50%;}

#Carousel {height: 130px; clear:both; margin: 0 0 20px 0; width: 960px; overflow:hidden; padding-top: 20px; position:relative;}
#Carousel a {margin-left: 45px; width:125px; width:90px; position:relative; display:inline-block;}
#Carousel .Price {display:block; position:absolute; bottom: 5px; right: 5px; background: #fff; background: rgba(255,255,255,0.95); font-size: 14px; color: #119a07; padding:2px; }
#Carousel a:hover {text-decoration:none;}
#Carousel img {height: 125px; width:90px;}
#Carousel .Blocker {background: #fff; position: absolute;width: 960px;top: -1px;left: 0;z-index: 200;height: 130px; text-indent: -1115em;}
#SkipNav {text-align:center; background:url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/CarouselNavBG.gif) 50% 0; height: 35px;}
#SkipNav a {color:#777; text-decoration:none; display:inline-block; height: 35px; padding: 10px 20px; }
#SkipNav a.Selected {background:url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/CarouselSelected.gif) no-repeat 50% 0; color:#333;}

#GamesHome, #GamesSection {margin: 20px 0 8px 0; clear:both;}
#SparkList li {width: 108px; height: 190px; float:left; margin-right: 15px; position:relative; text-align:center;}
#SparkList img {width: 108px; height: 150px; float: left; margin-right: 5px; margin-bottom:2px;}
#SparkList h2 {width: 108px; margin: 0; padding:0; font-size: 12.8px; float:left; color:#333; font-weight:normal; height: 30px; white-space:normal;}
#SparkList .Price {display:block; position:absolute; top: 2px; right: 2px; background: #fff; background: rgba(255,255,255,0.95); font-size: 16px; color: #119a07; padding:3px; }

#GamesHome #SparkGrid {width: 700px;}
#GamesSection #SparkGrid li {margin-right: 15px; width:230px;}
#GamesSection #SparkGrid img {margin-right:10px;}
#GamesSection #SparkGrid .Platform {left: 119px;}

#ListDetail {margin-top:40px;}
#ListDetail #SparkGrid li {float:none; width: 600px;}
#ListDetail #SparkGrid img {margin-right: 10px;}
#ListDetail #SparkGrid h2 {font-size:20px; width: 482px; height:auto;}
#ListDetail #SparkGrid .Price {width:482px;}
#ListDetail #SparkGrid span {left: 119px;}

#SparkGrid li {width: 225px; margin-right: 8px; text-align:left; height: 190px; float:left; position:relative;font-family:Verdana; }
#SparkGrid h2 {line-height:1.2em; font-size: 12px; width:112px; font-weight: bold; float: left; height: 42px; overflow:hidden;}
#SparkGrid img {width: 108px; height: 150px; float: left; margin-right: 5px; margin-bottom:5px;}
#SparkGrid img:hover {box-shadow: 0 0 3px 3px #eee;}
#SparkGrid .Strike {text-decoration: line-through; color:#888; display:block; margin-bottom: 5px;}
#SparkGrid a {color:#555}
#SparkGrid .Price {display:block; background:none; padding: 7px 0 5px 0; font-size: 16px; color: #119a07; float:left; width: 110px; font-weight:bold; }
#SparkGrid .Buy {display:block; background:#d42d2d; color: #fff; font-weight:bold; padding: 3px 10px 5px 10px; text-align:center;float:left; clear:right; border-radius: 5px; font-size:11px; margin: 3px 0;}
#SparkGrid .Buy:hover {background:#e64f4f; text-decoration:none;} 
#SparkGrid .Platform {display:block; color:#777; font-size: 12px; font-weight:normal; position:absolute; bottom:50px; left:114px;}
#SparkGrid .Stars0, #SparkGrid .Stars5, #SparkGrid .Stars10, #SparkGrid .Stars15, #SparkGrid .Stars20, #SparkGrid .Stars25, #SparkGrid .Stars30, #SparkGrid .Stars35, #SparkGrid .Stars40, #SparkGrid .Stars45, #SparkGrid .Stars50  {position:absolute; bottom:40px; left:114px;}
.Stars0, .Stars5, .Stars10, .Stars15, .Stars20, .Stars25, .Stars30, .Stars35, .Stars40, .Stars45, .Stars50 {background:url(http://resource.mmgn.com.s3.amazonaws.com/web/common/RatingStars.gif); width:87px; height:15px; display:block; text-indent: -879em;}
.Stars5 {background-position: 0 -15px;}
.Stars10 {background-position: 0 -30px;}
.Stars15 {background-position: 0 -45px;}
.Stars20 {background-position: 0 -60px;}
.Stars25 {background-position: 0 -75px;}
.Stars30 {background-position: 0 -90px;}
.Stars35 {background-position: 0 -105px;}
.Stars40 {background-position: 0 -120px;}
.Stars45 {background-position: 0 -135px;}
.Stars50 {background-position: 0 -150px;}

#PowerMessage {background: #f4f5f6; border-bottom: solid 2px #c5c5c5;}
#PowerList {margin: 0 auto; padding: 50px 0; width: 996px; height: 30px; background: url(http://mygames-lib.s3.amazonaws.com/web/Header-Yay.gif) no-repeat 98% 100%;}
#PowerList li {float: left; font-size: 24px; list-style-type:decimal; color:#db2fad; margin-left: 38px; font-weight:bold; margin-right:50px;}
#PowerList span {color:#383838;}

#WelcomeBox {background: #f2f2f2; padding: 20px 5px; margin-bottom: 20px; clear:both; }
#WelcomeHeader {font-size: 16px; color:#119a07; line-height: 25px; padding: 0 10px 0 20px;}
#Welcome {padding: 0 10px 0 40px; list-style-type:square; color:#4abd47; font-size:15px;}
#Welcome li {margin: 5px 0;}
#Welcome span {color: #333;}
#WelcomeTip {position:absolute; top: 280px; right: 50px; background: #fff; padding: 20px 30px; color: #777;}
#WelcomeTip ul {padding: 0 30px; list-style-type:square; color:#4abd47; font-size:15px;}
#WelcomeTip li {margin: 5px 0;}
#WelcomeTip span {color: #333;}

#SpecialPromo {padding-bottom: 16px; height: 200px; clear:both;}
#SpecialPromo img {float: left; height: 125px; width:90px; display:block; }
#SpecialInfo {float:right; width: 160px;}
#SpecialPromo h2 {font-size: 16px; color:#119a07; line-height: 20px; padding: 24px 0 5px 0;}
#SpecialPromo h2 a {color:#119a07;}
#SpecialPromo .SpecialPrice {float: left; width: 80px; font-size: 22px; color: #333; display:block;}
#SpecialPromo .Strike {float: left; width: 80px; font-size: 16px; color: #aaa; display:block; margin-top:5px; }
#SpecialPromo .SpecialDiscount {float:right; width: 72px; background:#03b7f4 url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/SpecialCorner.png) no-repeat 63px 50%; color: #fff; font-size: 15px; padding: 6px 0 8px 8px;}
#SpecialPromo .Ticker {color:#999; padding: 20px 0; clear:both; display:block; margin-bottom:5px;}
#SpecialPromo .Buy { padding: 5px 20px 5px 20px; margin: 0; color: #fff; background: #6ba100; border:none; cursor: pointer; font-weight:bold; width:112px; font-weight: bold; font-size: 16px; text-align:center; border-radius: 3px; -moz-border-radius:3px;  }
#SpecialPromo .Buy:hover {background: #8fbf2f; text-decoration:none;}

#MoreBrowse {font-size: 16px; color:#666; line-height:1.5em;}
#MoreBrowse span {display:block; float: left; padding-top:5px;}
#MoreBrowse a {float:right; display:block; background:#f5f5f5; padding: 5px 10px; border: solid 1px #ccc; border-radius: 5px; font-size: 14px; color: #333; margin-left:18px;}
#MoreBrowse a:hover {background:#b3eaf8; text-decoration:none;}

#FBConnect {position:absolute; top: 128px; right: 50px; background: #fff; padding: 20px 80px; color: #777;}
#EmailSub {background: #f5f5f5; padding: 10px; margin-bottom:20px; color: #777; height: 45px;}
#EmailSub form {margin-top: 5px;}
#EmailSub input[type=text] {width:180px; border: solid 1px #777; padding: 2px; display:block; float:left; height:18px;}
#EmailSub input[type=submit] {background: #b3eaf8; border: none; color: #333; font-size:12px; text-align:center; width: 40px; height: 23px; margin-left: 5px; display:block; float:left;}

label { display:block; }
label.error { font-weight: bold; color: #ff0000; }

div.error { display: none; }
input.error { border: 1px solid #ff0000;background-color: #ffeeee; }

.roundabout-holder { padding: 0; height: 135px; list-style: none;}
.roundabout-moveable-item { height: 135px; width: 830px; cursor: pointer; }
.roundabout-in-focus { cursor: auto; }
.roundabout-in-focus img {box-shadow: 0px 2px 2px 2px #bbb;}

#SideColumn {width: 260px; float: right; padding-top: 12px;}
#HomeColumn {width: 260px; float: left; padding-top: 36px;}
#MainColumn {width: 690px; float: left; padding-top: 8px; position:relative;}
#HomeMainColumn {width: 690px; float: right; padding-top: 20px; position:relative;}
#WideColumn {width: 990px; float: left; padding-top: 8px; position:relative;}
#RosMREC {margin-bottom:25px; margin-top:30px;}
#HomeMREC {float: right; padding: 6px 10px 7px 10px; background: #f0f0f0; background: rgba(0,0,0,0.1); text-align: center; height: 250px; width: 300px; margin:8px 0 10px 0; }
#ErrorMessage, #InfoMessage {padding: 30px 50px; background: #d03939; color: #fff; font-size: 20px;line-height: 1.5em; width: 670px; display: none; margin-bottom: 15px;}
#InfoMessage {background: #a2df77; }
#LeftColumn {width: 320px; float: left; margin:10px 10px 0 0;}  
#CenterColumn {width: 320px; float: left; margin:10px 0 0 0;} 
#RightColumn {width: 320px; float: right; }
#Legend { width:652px; float:left; }

#MainColumn h2#ShowOff, #StarTitle, #ShowMore {color:#333; font-size:30px; margin-bottom: 3px; border-bottom: solid 2px #75d1f0; padding: 15px 0 2px 0; line-height:1.2em;}
#ShowMore {font-size:28px; margin-top:38px;}
.BoxSmall {width:320px; margin-bottom: 8px; padding-bottom: 8px; float: left; position: relative;}
.BoxSmall h3 {border-bottom: solid 2px #ccc; font-size: 17px; padding: 5px 0 3px 0; color:#333; margin-bottom:10px;}
.BoxSmall h3 a {color:#333;}
.BoxMain h3 {border-bottom: solid 2px #ccc; font-size: 17px; padding: 5px 0 3px 0; color:#333; margin-bottom:10px;}
#ShowTitle {border:none; font-size:23px; margin-top: 10px;}
.HeadingTool h3 {color:#c34444; border-color: #e07373; text-align: left;}
.ToolButton {background: #6ba100; color: #fff; padding: 10px 25px; font-weight: bold; margin: 7px; border:none; cursor:pointer; border-radius: 5px; display:inline-block;}
.ToolButton:hover {background: #8fbf2f;}
.BoxSmall .ToolButton {margin: 15px 0;}
.Trigger {text-align:right; clear:both;}
.Trigger input {background: #6ba100; color: #fff; padding: 10px 25px; font-weight: bold; margin: 7px; border:none; cursor:pointer; border-radius: 5px; }
.Trigger input:hover {background: #8fbf2f;}

.ContentDetails {line-height: 1.5em;}

a.TopLink {position:absolute; top:10px; right:5px; display:block; width:11px; height:11px; background:url(http://resource.mmgn.com.s3.amazonaws.com/web/common/TopLinkBG.gif); text-indent: -300px; overflow: hidden;}
a.TopLink:hover {background-position: 0 -11px;}

#ItemContent {margin:20px 0 15px 0;}
#ItemContent h2 {margin: 20px 0 10px; font-size:24px; color:#777; font-weight:normal;}
#ItemContent p {margin:5px 0 15px 0;}
#ItemContent ul {list-style-type:disc; margin-left:30px; }
#CompQuestion h2 {margin: 20px 0 10px; font-size:24px; color:#777; font-weight:normal; line-height:1.5em;}
#CompQuestion input[type=submit] {background: #6ba100; color: #fff; padding: 10px 25px; font-weight: bold; margin: 7px; border:none; cursor:pointer; border-radius: 5px;}
#CompQuestion input[type=submit]:hover {background: #8fbf2f;}

#OrderList li {margin: 10px 0;}

#UserInfo {background: #eaeaea; padding: 6px 6px 12px 16px; font-size: 18px; position: relative; font-weight: bold; }
#UserInfo h1 {color:#333; font-size:38px; margin-bottom: 3px; text-shadow:#fff 1px 1px 0;}
#UserSignature {color: #666; line-height: 1.5em; font-weight: normal;}
#UserStats {margin-top:10px;}
#UserStats span {display:inline-block; background: #fff; margin-right: 8px; padding: 4px 20px;}
#UserStats #Level {color: #af0000; border-left: solid 2px #af0000;}
#UserStats #Kudos {color: #14a409; border-left: solid 2px #14a409;}
#UserStats #LevelUp {color: #0994a4; border-left: solid 2px #0994a4;}
#UserInfo #ProfileEdit {background: #6ba100; color: #fff; padding: 7px 20px; position: absolute; top: 6px; right:6px;}
#UserInfo #ProfileEdit:hover {background: #8fbf2f; text-decoration:none;}
.Prompt {background: #6ba100; color: #fff; padding: 3px 10px; float:right; font-size: 14px; font-weight: bold; clear:both; margin-top: 10px;}
.Prompt span {color: #d9e6be; font-size:11px;}
.Prompt:hover {background: #8fbf2f; text-decoration:none;}

#Leaderboard { margin: 10px 0 0 20px;}
#ShowingOff {margin: 10px 0;}
#ShowingOff span {color:#575757; font-size:22px; display:inline-block; padding: 0 15px; font-weight:bold;}

#MainUserInfo {line-height: 1.5em; padding: 10px 20px;min-height:560px;}
#MainUserInfo h2 {color: #333; border-bottom: solid 2px #9b9b9b; margin: 15px 0 10px 0;}
#MainUserInfo h2.ContributeHeader {color:#44a3c3; border-color: #89c5d9; clear:both; }
#MainUserInfo h2.SocialHeader {color:#c34444; border-color: #e07373; clear:both; }
#MainUserInfo h2.CommunicateHeader {color:#c3449a; border-color: #ec8ece; clear:both; }
#MainUserInfo h2.MarketHeader {color:#4fb850; border-color: #76e177; clear:both; }
#Total {display:block; float:right; font-size: 16px; font-weight:bold; color:#5a5a5a; margin: -35px 10px 0 0; }
#SubSelection {margin:5px 0 10px; text-align:right;}
#SubSelection a {margin-left: 10px; border:solid 1px #ccc; padding: 4px 8px; font-size:12px; color: #777; font-weight:bold; display:inline-block; border-radius:2px; }
#SubSelection a:hover {background:#daf5af; text-decoration:none;} 
#SubSelection span {float:left; margin-right: 10px; background: #daf5af; padding: 4px 8px; font-size:12px; color: #486a03; font-weight:bold; border-radius:2px;}

#MainUserInfo p {margin: 0;}
#Crumb {font-size: 12px; color: #6ba10e; padding-bottom:10px; }
#Crumb a {color: #6ba10e; }

.Selections {float:right; margin-top: -35px;}
#ClassifiedDetail .Selections {margin-top: 0;}
.Selections a, .Selections span {display:inline-block; border-radius: 3px; background: #e5e5e5; color: #999; padding: 5px 10px; margin-left:10px;}
.Selections span {color: #333; }
.Selections a:hover, .Selections a.selected  {background: #b3eaf8; color: #333; text-decoration:none;} 
.Selections a.Genre {background: #b3eaf8 url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/DropDownIcon.png) no-repeat 80% 50%; color: #333; text-decoration:none; padding: 5px 32px 5px 20px;} 
div#Genres {width: 100px; position:absolute; background: #b3eaf8; color: #333; padding: 5px 0; top: 50px; right: 0; display:none; z-index:999;}
div#Genres a {display:block; border:none; background:none; margin:0; color: #333; padding: 5px 20px;}
div#Genres a:hover {background:#75d1f0;} 
.Selections a.SortMenu {background: #b3eaf8 url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/DropDownIcon.png) no-repeat 80% 50%; color: #333; text-decoration:none; padding: 5px 32px 5px 20px;} 
div#SortOptions {width: 100px; position:absolute; background: #b3eaf8; color: #333; padding: 5px 0; top: 50px; right: 101px; display:none; z-index:999;}
div#SortOptions a {display:block; border:none; background:none; margin:0; color: #333; padding: 5px 20px;}
div#SortOptions a:hover {background:#75d1f0;} 

#BookGrid {}

.mini a {padding: 5px ; font-size: 11px;}

#SocialWidgetRails {position: relative;} #SocialWidgetRails { position:absolute; top:70px; left:0; margin-left:-80px; width:71px;}
#SocialWidget {position:absolute; top: 00px; width:55px; background:#e9ffd1; padding: 10px 8px; border-radius: 3px;}
#SocialWidget.fixed {position: fixed; top: 70px;}
#TweetWidget {width: 55px; height:62px; margin-bottom:20px;}
#GooglePlusWidget {margin-left:2px;margin-bottom:20px;}
#MMGNComment { width: 49px; display:inline-block; background: #fb931a; border-radius: 3px; color: #fff; font-size: 10px; font-weight: bold; padding: 4px 3px; cursor:pointer; text-align:center; }

.StarPic {display:block; margin: 0 auto 10px auto; text-align:center;}

#LinkToUs {background:#eee; padding:1px 5px; color:#777; font-size:11px; margin: 5px 0;}
#LinkToUsTitle {background:#ccc; display: inline-block; margin-right:5px; padding: 2px 3px;} 

#SideActions {padding: 10px 0;}
#SideActions a {background: #6ba100; color: #fff; padding: 5px 10px; display:block; font-size: 14px; font-weight: bold; clear:both; margin: 7px; text-align:center}
#SideActions a.imp {background: #ba4d5f;}
#SideActions a.alt {background: #277bca;}
#SideActions a:hover {background: #8fbf2f; text-decoration:none;}

.Thumblist {clear:both;}
.Thumblist li {float: left; position:relative; }
.Thumblist .Sub {font-size: 10px; color:#999; line-height: 0.8em;}
.Thumblist a {color: #333;}
#GalleryList, #VideoList, #VideoArray {margin-top: 30px; line-height: 1.2em;}
#VideoArray {margin:0; width:670px;}
#GalleryList li, #VideoList li {margin: 10px 20px 30px 0; width: 220px; height: 220px;}
#VideoArray li {margin: 10px 20px 30px 0; width: 200px; height: 220px;}
#GalleryList img, #VideoList img, #VideoArray img {width: 200px; height: 150px; margin-bottom:7px;}
#GalleryList strong, #VideoList strong, #VideoArray strong {display:block; font-size: 15px; margin-bottom:2px; max-height: 38px; overflow: hidden; line-height:18px;}
#GalleryList span, #VideoList span, #VideoArray span {font-size: 12px; color:#237B21;}
.Thumblist .Likes {margin-right: 10px;}
.Thumblist .Kudos {margin-left: 10px;}
.Thumblist span.Price {position:absolute; bottom: 31px; right: 17px; background: #fff; background: rgba(255,255,255,0.95); font-size: 14px; color: #119a07; padding:3px; }
.BoxSmall .Thumblist {margin-top: 20px;}
.BoxSmall .Thumblist li {height:108px; width:94px; margin:0 5px 7px 5px; overflow:hidden; position: relative; font-size: 11px; line-height: 1.1em;}
.BoxSmall .Thumblist img {margin-right:14px; display:block; margin-bottom:2px;}
.BoxMain .Thumblist {margin: 18px 0 0 20px;}
.BoxMain .Thumblist li {float:left; height:110px; width:94px; margin:0 5px 7px 5px; overflow:hidden; position: relative; font-size: 85%; line-height: 1.1em;}
#HomeVideos .Thumblist {margin-top:8px; margin-left:8px;}
#HomeVideos li {height: 80px;}
#HomeVideos {height: 307px; overflow:hidden;}
#HomeVideo {padding-left:8px;}
span.MMGNOriginal {float:left; display: block; width: 37px; height: 38px; text-indent: -500px;overflow: hidden;background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/MMGNOriginalLabel.gif) no-repeat 0 0; z-index: 9; position: absolute; top: 1px; left: 164px;}

.ContentItem { margin: 20px; font-size:12px; float: left; width: 620px; position:relative;}
.ContentItem img {float: left; width: 150px; height:90px;}
.ContentItem h2 {margin-bottom: 5px;}
.BoxMain .ContentItem { line-height:1.5em;}
.ContentInfo {margin-bottom: 5px;}

.RelatedItem {margin: 20px; font-size:12px; float: left; width: 620px; position:relative;}
.RelatedItem img {float: left; width: 150px; height:90px; margin-right: 10px;}
.RelatedItem h4 {margin-bottom: 8px; font-size:16px; padding:0;}
.RelatedItem p {margin:0 0 8px 0; padding:0;}
.RelatedItem span {color:#618e19;}

.BoxSmall .ContentItem {margin: 10px 0; width: 320px;}
.BoxSmall .ContentItem img {width:80px; height: 80px;}
.ContentItem span.UserLabel {float:left; display: block; width: 37px; height: 38px; text-indent: -500px;overflow: hidden;background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/UserLabel.png) no-repeat 0 0; z-index: 9; position: absolute; top: 0; left: 41px;}
.ContentItem span.UserLabelW {float:left; display: block; width: 37px; height: 38px; text-indent: -500px;overflow: hidden;background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/UserLabel.png) no-repeat 0 0; z-index: 9; position: absolute; top: 0; left: 113px;}

.BoxSmall h2 {font-size: 16px; margin-bottom: 5px; max-height: 38px; overflow:hidden; line-height:1.2em;}
.BoxSmall h2 a {color:#333;}

.ContentItem h3 {font-size: 16px; border: none; margin:0 0 5px 0; }
.ContentBox {width: 450px; float:right; }
.BoxSmall .ContentBox {width: 230px; float:right; line-height:1.3em; margin-bottom: 7px;}
.ItemInfo {font-size: 12px; color:#237B21;}
.ItemInfo span {margin-right: 15px;}

.BoxSmall .ItemInfo {font-size:11px; text-align: right; width:230px; float:right;}
.BoxSmall .ItemInfo .User {float:left; display:block; }
.BoxSmall .ItemInfo .Date {float:left; display:block; margin-left: 3px; }
.BoxSmall .ItemInfo span {margin-right:3px;}
.BoxSmall .ContentInfo {max-height:32px; overflow:hidden;}
.Comments {padding-left: 19px; background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/Icons.png) no-repeat 0 0; margin-left: 8px; color: #777;}
.Stars {padding-left: 18px; background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/Icons.png) no-repeat 0 -29px; margin-left: 8px; color: #777;}

#UserSupp {text-align: right; color: #333; margin: 10px; color: #484848; }
#UserSupp span {color: #777; font-size: 90%;}

#Promotions {width: 996px; clear:both; padding-bottom: 20px; padding-top: 20px;}

.SubmitButton {padding: 5px 20px; font-size: 16px; color: #fff; background: #6ba100; border:none; vertical-align:middle; cursor: pointer; font-weight:bold; margin-top:12px;}
.SubmitButton:hover {background: #8fbf2f; }

#Paging {clear:both; padding: 5px 8px;}
#Paging a {float: left; display:block; padding: 7px 10px; border: solid 1px #ccc; margin: 0 3px; margin-bottom: 5px; color: #6ba100;  }
#Paging a:hover {background: #bae16b; color: #fff; text-decoration: none;}
#Paging strong {float: left; display:block; padding: 7px 10px; border: solid 1px #ccc; margin: 0 3px; margin-bottom: 5px; color: #6ba100; background: #eee;}
#Paging span {float: left; display:block; height: 27px; padding-top: 7px; margin: 0 3px; font-weight: bold;}

#FooterWrap {background:#999; border-top: solid 5px #03b7f4; background: #999 url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/FooterBG.gif) repeat-x 0 100%;}
#Footer {margin: 0 auto; padding: 0x 0 30px 0px; color: #676767; font-size: 12px; width:996px; height: 322px; }
#Footer a {color: #fff; margin-right:8px;}
#FooterPromo {background: url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/FooterBot.gif) no-repeat 100% 0; padding-top:38px; clear:both; height: 192px; color: #fff; line-height:1.7em;}
#FooterPromo h5 {margin: 0 0 10px 0; font-size: 18px;}
#FooterPromo .Promos {float:left; width: 220px; font-size: 14px;}
#FooterSecure {vertical-align:middle;}
#FooterLayerTop {clear:both; background: url(http://mygames-lib.s3-us-west-1.amazonaws.com/web/MyGamesFooterLogo.gif) no-repeat 100% 100%; padding-top:15px; vertical-align:middle;}
#FooterLayerTop strong {vertical-align:middle; margin-right: 10px; color:#e2e2e2}
.FooterSub {float:right; color: #aaa; font-weight:bold;}
#FooterLayerBottom {clear:both; padding-top: 18px;}
#FooterLayerBottom a {color: #999;}
#FooterLayerBottom strong {color: #fff;}
#FacebookFooter {background:url(http://resource.mmgn.com.s3.amazonaws.com/web/common/SocialConnect.gif); width: 25px; height: 25px; display:inline-block; margin-left: 5px; text-indent: -1000em; vertical-align:middle;}
#Footer .FooterGlow {color:#5bc8ed;}

.FooterMenu {float: left; margin: 0; height: 224px; width: 240px;}
.FooterMenuFirst {margin-left: 20px;}
.FooterMenu h5 {color:#349aca; font-size: 17px; font-weight:bold; padding: 20px 0 5px 0;}
.FooterMenu h5#FooterGames {color:#689f10;}
.FooterMenu h5#FooterVideos {color:#f86601;}
.FooterMenu h5#FooterReviews {color:#d7023a;}
.FooterMenu ul {padding: 5px 0 0 0;}
.FooterMenu li {padding: 2px 0; overflow: hidden; width: 220px; height: 18px; line-height: 1.5em; }
.FooterMenu a { color: #333;}
#LinksPromo {clear:both; height: 200px;}

#FinalAction {text-align:right; background:#eee; clear:both; padding: 5px 8px; margin: 50px 8px 0 8px; font-size: 90%; }
#FinalAction input {padding: 5px 20px;}

.LabelPC, .LabelPS3, .LabelXbox, .LabelWii, .LabelMovies, .LabelDS, .LabelPSP, .LabelApple, .LabelTV, .LabelMusic,.LabelRetro{color:#c6575c; height: 12px; margin: 1px 7px 0 0; line-height: 1.2em;}
.LabelPS3 {color:#375987; } .LabelXbox {color:#35580c;} .LabelWii {color:#16caf7;} .LabelMovies {color:#840eaf;} .LabelDS {color:#91c95b;} .LabelApple {color:#606060;} .LabelTV {color:#5fc255;} .LabelPSP {color:#0469be;} .LabelMusic {color:#0469be;} .LabelRetro {color:#0469be;}

.Updating { margin:3px 5px; text-align:center; padding: 10px; font-size: 20px; font-weight:bold; position:absolute; top:50px; left:0; width: 620px; background: #fff; background: rgba(255,255,255,0.8); z-index:10; display:none;}
.HomeUpdating, .StatusUpdating { margin:3px 5px; display:none; text-align:center; padding:5px 10px; font-size: 15px; font-weight:bold; background: #fff; background: rgba(255,255,255,0.8);}

#BirthDate select {width: 100px; display:inline-block;}
.FormItem { clear:both; padding: 5px 10px 12px 20px; font-size: 16px;}
.FormItem label {color: #777; padding: 2px 0 5px 0; display: block; font-size:16px; font-weight:bold; text-shadow: 1px 1px 1px #fff;}
.FormItem strong { display:block; color: #aaa; }
.FormItem input[type="text"], .FormItem input[type="password"], .FormItem textarea, .FormItem select {display: block; width: 420px; padding: 7px; font-size: 15px; border: solid 1px #a0a0a0; color: #333; font-size: 14px; font-family: arial; }
.FormItem input[type="text"]:hover, .FormItem input[type="password"]:hover, .FormItem textarea:hover, .FormItem select:hover, .FormItem input[type="text"]:focus, .FormItem input[type="password"]:focus, .FormItem textarea:focus, .FormItem select:focus {border-color: #75b6f8;}
.FormItem input[type="file"] {border:none;}
.FormItem select {width: 310px;}
.FormItem select.Select {width: 100px;}
.FormItem textarea {height: 100px;}
.FormItem textarea.XL {height: 250px;} 
.FormItem textarea.MXL {height: 200px;}
.FormItem .sub {color: #888; font-size: 11px; margin-top: 3px;}
.FormItem .Tick {color: #777; font-size: 12px; margin-top: 3px;}
.FormItem .Date {width: 90px; float: left; margin-right: 10px;}
.FormItem .Month {width: 120px; float: left; margin-right: 10px;}
.FormItem .Year {width: 120px;}
.FormItem input.Short {width: 50px;}
.FormItem .ErrorMsg {float:left; color: #cc1e1e; font-size:11px;}
.FormItem .Submit {background: #6ba100; color: #fff; padding: 8px 25px; font-size: 14px; font-weight: bold; clear:both; border: none; cursor:pointer;}
.FormItem .Submit:hover {background: #8fbf2f; text-decoration:none;}
.FormItem #Emotions {margin: 20px 90px 0 0;}
.FormItem .Toggle {font-size: 11px; float:right; margin-right: 185px;}
#FormBox {padding: 30px 30px; background: #f5f5f5;}
#FormBox h3, #FormBox h4 {margin-top:50px; border-bottom: solid 2px #ccc; font-size: 17px; padding: 5px 0 3px 0; color:#333; margin-bottom:10px;}
#FormBox h4 {margin-top:10px; }
#ActionBox {padding: 10px 0 50px 0; background: #f5f5f5; margin-bottom:30px;}
#ActionBox label {float: left; width: 140px; text-align:right; color: #484848; margin: 8px 10px 0 0; font-size: 15px;}
#ActionBox #AvatarList {margin-left: 150px;}
#ActionBox #AvatarList label {padding:0; width: 80px; float: left; margin:0; }
#ActionBox #Captcha {float: left;}
#Captcha span {color: #777; font-size:12px;}
#ActionBox .Terms {padding: 5px 0 10px 150px; font-size: 90%;}
#ActionBox .Terms input {float: none; display: inline; width: auto; margin-right: 12px;}
#ActionBox .Terms label {width: auto; padding: 0; font-weight:normal; float: none; display: inline; text-shadow:none;}
#ActionBox .Submit {margin-left: 150px;}
.SureButton, .SemiButton {background: #6ba100; color: #fff; padding: 5px 25px; font-size: 14px; font-weight: bold; clear:both; margin-top: 10px; border: none; cursor:pointer;}
.SureButton:hover {background: #8fbf2f; text-decoration:none;} 
.SemiButton {background: #ccc}
.SemiButton:hover {background: #aaa; text-decoration:none;}

#OtherPayment {margin-top: 50px; border-top: solid 2px #aaa; padding-top: 30px;}
#OtherPaymentTitle {display:block; color: #333; margin-bottom:15px; text-shadow:none;}
#OtherPayment .submit {padding: 12px 35px;}
.PaymentButton {background: #8fbf2f; color: #fff; padding: 3px 10px; font-size: 12px; font-weight: bold; clear:both; margin-top: 10px; border: none; cursor:pointer; margin-right: 10px;}
.PaymentButton:hover {background: #6ba100; text-decoration:none;} 
#MustSubmit { background: #d42d2d; color: #fff; padding: 8px 25px; font-size: 14px; font-weight: bold; clear:both; border: none; cursor:pointer; }
#MustSubmit:hover {background: #e64f4f; text-decoration:none;}


#FacebookLogin { clear:both; background: #f0fade; padding: 15px 10px 5px 168px; border-bottom: solid 1px #ccc; margin: 1px 0; line-height:1.5em;}
#FacebookLogin div {margin: 10px 0;}
#TwitterSignIn {background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/TwitterLogin.gif); width: 170px; height: 25px; text-indent:-965em; display:block; cursor: pointer; float: right; margin-right: 80px;}

#GuestStatus {clear:both; margin-top: 5px; }

div.clearer {clear: both; line-height: 0; height: 0; font-size: 1px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#AjaxLoading {display:none; position:absolute; z-index: 100; background:#fff url(http://resource.mmgn.com.s3.amazonaws.com/web/common/loading.gif) 50% 50%; width: 40px; height: 40px; font-size: 0; text-indent: -500em; overflow: hidden; }

#Share {background:#efefef; padding:10px 5px; color:#666; font-size:11px; margin: 20px 0 15px 0; font-size: 15px; text-align:center; font-size: 18px;}
#Share strong {color: #777; display:block; margin-bottom: 8px; font-weight:normal; font-size:12px; }
#TwitterShare, #FacebookShare {background: url(http://resource.mmgn.com.s3.amazonaws.com/web/market/SocialShare.png) no-repeat 10px 2px; display:inline-block; padding: 6px 0 5px 50px; width: 110px; text-decoration:none; color:#00a1e9; }
#TwitterShare:hover, #FacebookShare:hover {background-color:#ffc;}
#FacebookShare {background-position: 10px -36px; width: 140px; padding-left: 45px; color: #4466a3; }
#BookShelfShare {padding:10px 5px; color:#666; font-size:11px; margin: 20px 0 15px 0; font-size: 15px; text-align:center; font-size: 18px; position:absolute; top: 100px; z-index:3; right: 38px;}
#BookShelfShare strong {color: #6c3506; }
#BookShelfShare a:hover {background-color:transparent;}

#Layout { float:right; width:105px; margin-top: 30px;}
#TileLayout, #ListLayout, #ShuffleLayout {background: url(http://resource.mmgn.com.s3.amazonaws.com/web/market/ModeToggle.gif) no-repeat; width: 28px; height: 14px; display: block; text-indent: -879em; overflow:hidden; float:left;}
#ListLayout {background-position: 0 -26px; margin-left: 10px;}
#ShuffleLayout {background-position: 0 -51px; margin-right: 10px;}
#TileLayout:hover, #TileLayout.Selected {background-position: -40px 0px;}
#ListLayout:hover, #ListLayout.Selected {background-position: -40px -26px;}
#ShuffleLayout:hover, #ShuffleLayout.Selected {background-position: -40px -51px;}

.BoxMain #ContentTile { margin: 7px 0 0 3px;}
#MainListings {margin: 30px 0 0 0;}
#Tiles {width: 660px;}
#Tiles li {float:left; width:200px; height:260px; margin:0 20px 30px 0; overflow:hidden; position:relative;}
#Tiles li:hover {background:#ffe;}
#Tiles h2 {font-size:15px; font-weight:normal; line-height: 1.2em; max-height: 36px; overflow: hidden; margin: 3px 0;}
#Tiles h2 a {text-decoration:none; color:#333; }
#Tiles img {width:200px; height:200px; }
#Tiles .TileInfo {margin-top:3px; color: #777; text-align:left;}
#Tiles .Kudos {color:#a4490f;}
#Tiles .Price {float:right; font-size: 15px; color: #12ad0b;}
#Tiles .Sold {float:left; display: block;width: 79px;height: 79px;text-indent: -500em;overflow: hidden;background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/SoldLabel.gif) no-repeat 0 0;z-index: 9;position: absolute;top: 0;right: 0; text-align:left;}

#MiniTile {width: 310px; float:left;}
#MiniTile li {float: left; width: 145px; margin-right: 10px; position: relative; height: 140px;}
#MiniTile img {width: 145px; height: 87px;}
#MiniTile h2 {font-size: 12px; font-weight:normal; max-height: 25px; overflow:hidden; line-height:1.1em;}
#MiniTile a {text-decoration: none;}
#MiniTile .Price {display:block; font-style:normal; font-weight:bold; margin-top:3px; font-family:Verdana; color: #5cae53;}
#MiniTile span { position:absolute; top: 0; left: 0;}
#MiniTile div.Sold {float:left; display: block;width: 79px;height: 79px;text-indent: -500em;overflow: hidden;background: url(http://resource.mmgn.com.s3.amazonaws.com/web/common/SoldLabel.gif) no-repeat 0 0;z-index: 9;position: absolute;top: 1px;right: 1px; text-align:left;}
#MiniTile .LabelXbox, #MiniTile .LabelWii, #MiniTile .LabelPS3, #MiniTile .LabelPC, #MiniTile .LabelDS, #MiniTile .LabelPSP, #MiniTile .LabelOther {background: #35580c; background: rgba(53,88,12,0.8); font-weight:normal; color: #fff; font-family:Arial; font-size: 12px; padding:1px 10px 1px 3px; vertical-align:top;}
#MiniTile .LabelWii {background: #16caf7; background: rgba(22,202,247,0.8);} #MiniTile .LabelPS3 {background: #375987; background: rgba(55,89,135,0.8)} #MiniTile .LabelPC {background: #c6575c; background: rgba(198,87,92,0.8)} #MiniTile .LabelDS {background: #91c95b; background: rgba(145,201,91,0.8)}
#MiniTile .LabelPSP {background: #0469be; background: rgba(4,105,190,0.8);} #MiniTile .LabelOther {background: #0469be; background: rgba(4,105,190,0.8);}

#Related {margin-left: 7px;}
#Related li {margin-bottom: 5px; line-height: 1.5em;}
#Related a:hover {text-decoration:none;}

.Listing {padding: 10px 0 15px 0; border-bottom: solid 1px #d9d9d9; float: left; width: 620px; margin-bottom: 15px;}
.Listing h2 {font-size: 20px; font-weight:normal; margin-bottom: 10px; line-height: 1.2em;}
.Listing a {text-decoration:none;}
.Listing a:hover {text-decoration:underline;}
.Listing img {float:left; margin: 0 10px 0 0; width: 150px; height: 90px; }
.ListingSub {color: #888;}
.Listing .Price{float:right; display:block; width:100px; font-size:22px; color: #12ad0b; text-align:right;}
.ListingInfo {font-size:12px; color: #5f5f5f; text-align:left; width: 460px; float:right; padding-top:20px; }
.ListingInfo .state {float:left; display:block;  vertical-align:bottom; margin:0 10px 0 0;  }
.ListingInfo .UserInfo {float:right; }
.ListingInfo .Seller {width:25px; height: 25px; vertical-align:middle; float: none; margin:0 0 0 5px;}
.Listing .Sold {background:#40b649; color:#fff; margin-right: 10px; padding: 0 5px;}
#KudosLow {background:#fcf; color:#a00; text-align:center; padding:5px; border: solid 1px #ee8cee; border-radius: 3px; -moz-border-radius:3px; margin: 10px 0; line-height:1.2em; font-family:Arial; }
#Sold {background:#fcf; color:#a00; font-size: 18px; text-align:center; padding:8px; border: solid 1px #ee8cee; border-radius: 3px; -moz-border-radius:3px; margin: 20px 0; line-height:1.5em; }
#Sold strong {color: #333;}

#FormTipsWrapper { position: relative;} #FormTipsWrapper { right: 50px; position: absolute; width:250px; }
#FormTips {width: 250px; margin-top:30px; color: #8a8a8a; background: #fff; font-size: 14px; line-height: 1.5em; position:absolute; top: 00px; padding: 10px; } 
#FormTips.fixed {position: fixed; top: 10px;}
#FormTips li {list-style-type:disc; margin-left: 30px;}
#QuickRegister {background: #ddd; padding: 10px 30px; width: 390px; margin: 10px 0;}
#QuickRegister h2 {color:#1269c0; margin-bottom:10px;}
#QuickRegister label {font-size: 12px; float:left; width: 70px; text-align: right; font-weight:bold; margin-right: 5px; color:#333;}
#LoginPane {border-top: solid 1px #999; padding-top: 10px; margin-top: 10px;}
.RegisterItem {margin-bottom: 12px;}
#EmptyResults {clear:both; padding: 20px 0 50px 30px; font-size: 25px;}
#PayPalLink {background: #ffe; display:inline-block; padding: 3px 5px 5px 5px;}
#PayPalLabel {padding:0; display:inline; font-size:12px;}

#Genie {background: #f0fade; padding: 10px; vertical-align:middle; margin-bottom:20px;}
#Genie span {font-size: 25px; font-family:Georgia; color: #004890; vertical-align:middle;}
#Genie Select.Action {border: solid 1px #8c8c8c; font-size: 18px; padding: 2px 5px; width: 83px; color:#333; margin-left: 5px; vertical-align:middle; }
#Genie Select.Platform {border: solid 1px #8c8c8c; font-size: 18px; padding: 2px 5px; width: 148px; color:#333;margin:0 0 0 5px; vertical-align:middle; display:inline-block; font-weight:normal;}
#Genie input[type=text] {border: solid 1px #8c8c8c; font-size: 20px; padding: 2px 5px; width: 250px; color:#333;margin-left: 5px; vertical-align:middle;}
#Genie input[type=button] {padding: 5px 10px; font-size: 16px; color: #fff; background: #6ba100; border:none; vertical-align:middle; cursor: pointer; font-weight:bold; width:80px; }
#Genie input[type=button]:hover {background: #8fbf2f; }

#ItemTitle {margin:20px 0 10px 0;}
#StarPic {display: block; width:400px; float: left; margin-bottom: 10px;}
#ListingParent {padding: 10px 0; color: #777; font-size: 14px; clear:both;}
#MoreInfo {margin-bottom: 30px; clear:both; line-height:1.5em;}
#FurtherInfo {margin: 0 0 30px 0; clear:both; line-height:1.5em; color: #333;}
#ItemStats {float:right; color: #333;}
#ItemDetails {float:right; width: 220px; }
#ItemDetails .Price {font-size: 25px; font-weight:bold; color: #5cae53; font-family:Georgia; }
#ItemDetails .Location {font-size: 20px; font-weight:bold; margin-left: 10px; color: #5cae53; font-family:Georgia;}
#ItemDetails .Postage {font-size: 15px; color: #888; display:block; margin:7px 0 10px 0; font-weight:bold; }
#ItemDetails .Condition {display:block; font-size: 18px; font-weight:bold; color: #888; margin-top:12px; }
#ItemDetails .Date {margin: 10px 0; color: #5cae53; }
#ItemDetails .Comments {color: #777; padding:0; background:none; margin: 0 10px 0 0;}
#ItemDetails .Views {color: #777; }
#NewGamePics a{margin-right: 7px;}
#VideoLink {float:left;margin-right: 7px; position:relative;}
#VideoLink a#VideoIcon {position:absolute; background: url(/content/images/VideoIcon.png) no-repeat 0 0;width:30px; height:30px; top:25px; left: 25px; text-indent:-100em; z-index:6;}
#VideoLink a#VideoPic {z-index:4;position:absolute; width:80px; height:80px; z-index:5;}
#GamePics {clear:both; height: 80px;}

#BuyDetails {float:left; width: 228px; padding-top:10px; margin-left: 50px; }
#BuyDetails .Price {font-size: 28px; font-weight:bold; color: #5cae53; font-family:Georgia; }
#BuyDetails .Postage {font-size: 15px; color: #888; display:block; margin:10px 0; font-weight:bold; line-height:22px; }
#BuyDetails .Condition {display:block; font-size: 18px; font-weight:bold; color: #888; margin-top:12px; }
#BuyDetails #CountDown {display:block; padding: 5px 0 10px 0; color: #777; font-size:25px;}
#BuyDetails #CountDownMessage {padding-top:10px; display:block; color: #5cae53;}
#SpecialBox {background: #f0f0f0; padding-left: 5px; margin-top: 10px;}
#GameSummary {margin-top:20px; font-size:11px; line-height: 1.5em;}
.Strike {text-decoration: line-through;}
.SoldOut {display:block; color:#970909; padding-top:5px;}
#Comparison {margin-top:10px; color: #aaa;}
.Platform {color:#2f6795; font-size: 15px; display:block; margin:10px 0; font-weight:bold; }
.Classification {display:block; margin:20px 0; clear:both; }
.Classification img {width:31px; height: 31px;}
#ClassificationLabel {float:right;  font-size: 11px; color: #555; width: 188px; padding-top:3px; font-weight:normal; font-family:arial}
a#AustClassification {color:#777;}

.Region {font-size: 15px; color: #888; display:block; margin:10px 0; font-weight:bold; }
#BuyDetails .ActionButton { padding: 10px 30px 12px 30px; display:block; margin: 20px 0 20px 0; color: #fff; background: #d42d2d; border:none; vertical-align:middle; cursor: pointer; font-weight:bold; width:112px; font-weight: bold; font-size: 16px; text-align:center; border-radius: 3px; -moz-border-radius:3px;  }
#BuyDetails .ActionButton:hover {background: #e64f4f; text-decoration:none;}
#BuyDetails #Share {padding: 5px; font-size: 12px; text-align: left;}
#BuyDetails #Share span {margin: 0 10px;}
#BuyDetails #TwitterShare, #BuyDetails #FacebookShare {width: 35px; background-position: 2px 2px; padding: 0; text-indent:-1000em; height:30px; vertical-align:middle;}
#BuyDetails #FacebookShare {background-position: 5px -36px;}
#RatingDerived {float: left; color: #739d31; font-size: 14px; margin-left: 95px; }

h3.MoreHeading {color:#333; font-size:25px; margin-bottom: 10px; border-bottom: solid 2px #c1e18e; padding: 15px 0 2px 0; line-height:1.2em; margin-top:18px;}

.GenieList {padding: 5px 0 7px 0; border-bottom: solid 1px #d9d9d9; width: 640px; margin-bottom: 15px; float:left; }
.GenieList strong {font-size: 20px; font-weight:normal; margin-bottom: 3px; line-height: 1.2em; color: #333; font-family: Verdana; display:block;}
.GenieList strong a {color: #333; }
.GenieList a {text-decoration:none;}
.GenieList a:hover {text-decoration:underline;}
.GenieList img {float:left; margin: 0 18px 0 0; width: 80px; height: 80px;}
.GenieListInfo {font-size:12px; color: #5f5f5f; width: 530px; float:left; margin-top: 10px; }
.GenieListInfo .Comments {float: right; color:#40b649;}
.GenieListInfo div {margin-top: 10px;}
.SuggestedGames li {margin-bottom: 7px; background: #ffc; padding: 3px;}

#FacebookLikeWidget {width:450px; height:35px; margin-top:5px; }
#TweetWidget {float:right; width: 112px; height:20px; margin-top: 5px;}

#NewGames {margin: 20px 0 8px 0; height: 200px; overflow-x: scroll; -ms-overflow-y: hidden; overflow-y: hidden; white-space: nowrap; width:640px; clear:both; }
#SparkList {height: 200px; width:984px;}
#SparkList li {width: 108px; height: 190px; float:left; margin-right: 15px; position:relative; text-align:center;}
#SparkList a {color:#333;}
#SparkList img {width: 108px; height: 150px; float: left; margin-right: 5px; margin-bottom:2px;}
#SparkList h2 {width: 108px; margin: 0; padding:0; font-size: 12.8px; float:left; color:#333; font-weight:normal; height: 30px; white-space:normal;}
#SparkList .Price {display:block; position:absolute; top: 2px; right: 2px; background: #fff; background: rgba(255,255,255,0.95); font-size: 16px; color: #119a07; padding:3px; }

.SparkArray {height: 188px; background:#f0f0f0; padding: 8px 0 0 20px; overflow:hidden; }
.SparkArray li {width: 108px; height: 190px; float:left; margin-right: 15px; position:relative; text-align:center; }
.SparkArray a {color:#333;}
.SparkArray img {width: 108px; height: 150px; float: left; margin-right: 5px; margin-bottom:2px;}
.SparkArray strong {width: 108px; margin: 0; padding:0; font-size: 12.8px; float:left; color:#333; font-weight:bold; height: 27px; white-space:normal; overflow:hidden;}
.SparkArray .Price {display:block; position:absolute; top: 126px; right: 2px; background: #fff; background: rgba(255,255,255,0.95); font-size: 16px; color: #119a07; padding:3px; }
#SideColumn .SparkArray {background:none; text-align:center; overflow:visible;}
#SideColumn .SparkArray li {width:85px; height:170px;}
#SideColumn .SparkArray img {height:118px; width:85px;}
#SideColumn .SparkArray strong {width:85px; font-size:11px; height: 33px;}
#SideColumn .SparkArray .Price {top: 94px;}

#SparkGrid .CountDown {padding: 5px 0 0 168px; color: #777; }

#OrderTotal {background: #dcf7b0; padding: 10px 0; margin: 15px 0;}
#OrderList {margin:20px 0 0 30px; list-style-type:disc;line-height:1.5em;}
.OrderStatus {color:Olive; font-size: 12px;}
.OrderSub {color:Olive; font-size: 12px; margin-left:20px;}
#CheckOutDetail span {color:#1a4294;}
#CheckOutDetail span#CouponMessage {color: #941a1a; float:left; margin-bottom:20px;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{color: #ff0000;}
.field-validation-valid{display: none;}
.input-validation-error{ border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{ font-weight: bold; color: #ff0000;}
.validation-summary-valid{ display: none;}
.FormItem span.field-validation-error{color: #ff0000;}
.FormItem span.field-validation-valid{display: none;}
.FormItem span.input-validation-error{ border: 1px solid #ff0000;background-color: #ffeeee;}
.FormItem span.validation-summary-errors{ font-weight: bold; color: #ff0000;}
.FormItem span.validation-summary-valid{ display: none;}

.DetailScore {width: 290px; float: left; background: #f0f0f0; margin-right: 10px;  padding: 5px 10px; margin-top: 10px; font-size: 15px; }
.DetailScore strong {display:inline-block; margin-right: 10px; color: #4a6e10;}

#CheckoutProductImage {float:left; margin-right: 10px;}
#CheckOutForm {float:left; width: 500px;}
#CheckOutForm label {float: left; width: 70px; text-align:right; margin-right: 10px; vertical-align:middle;}
#CheckOutForm input {padding: 2px 5px; }
#CheckOutForm .FormItem {height: 20px; width:480px; padding-bottom: 10px;}
#CheckOutForm span, #CheckOutForm strong {display:inline-block; padding-top:2px;}
.FormItem input.PostCode {width:150px;}
.FormItem select.State {width:165px;}

#SearchBox {display: block; width: 420px; padding: 7px; font-size: 15px; border: solid 1px #a0a0a0; color: #333; font-size: 14px; font-family: arial; float:left; }
#SearchBox:hover {border-color: #75b6f8;}
#SearchButton {padding: 6px 20px; font-size: 16px; color: #fff; background: #6ba100; border:none; vertical-align:middle; cursor: pointer; font-weight:bold; margin-left: 12px;}
#SearchButton:hover {background: #8fbf2f; }

#TagSuggest { font-size: 11px; color: #999; width: 400px; padding-top:5px; padding-bottom:5px; padding-right:5px; line-height: 14px;}
#TagSuggest a {  padding: 1px;  cursor: pointer; text-decoration:none;}
#TagSuggest a:hover { text-decoration: underline;}
#TagSuggest a.selected { background: #777; color:#fff; }
#TagList, #TagAction {padding: 5px 10px; margin: 8px 0; background: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#0960a3; }
#TagList span {margin-right: 10px;}
#TagList span a {font-size: 80%;}
#TagCloud {margin: 20px; line-height: 1.7em; text-align:center;}
#TagCloud a {margin: 0 5px;}
#TagCloud .Size0 {font-size: 100%;} #TagCloud .Size1 {font-size: 110%;} #TagCloud .Size2 {font-size: 120%;} #TagCloud .Size3 {font-size: 130%;} #TagCloud .Size4 {font-size: 140%;} #TagCloud .Size5 {font-size: 150%;} #TagCloud .Size6 {font-size: 160%;} #TagCloud .Size7 {font-size: 170%;}

.Special {height: 100px; width: 250px; clear:both; margin-bottom: 20px; color: #fff; font-size: 18px; text-align: right; display:block; }
.Special:hover {box-shadow: 0 0 3px 3px #eee;}

#BookGrid {padding: 85px 100px 0 110px; background:url(http://nine.mmgn.com.s3.amazonaws.com/store/web/Bookshelf.jpg) no-repeat 50% 0; width:750px; height:1208px; margin-top: 50px; z-index:1; position:relative;}
#BookGrid li {margin: 30px 20px 52px 20px; float:left; box-shadow: 0 0 3px 3px #6c3506; display:block; width: 108px; height:150px;}

#GameInfo {padding: 10px; position: absolute; top: 300px; left: 300px; background:#fff; border-radius:5px; display:none; z-index:2; box-shadow: 0 0 3px 3px #6c3506; font-size: 17px;}

.hint{color:#aaa}

#FacebookLikeBox {padding:0 0 0 15px; }

#Reviews li {padding:10px 0 28px 0;}
.ReviewUser {color: #496e0e;}
.ReviewTime {color: #496e0e; margin-left: 20px;}
.ReviewStars {display:block; margin:8px 0 5px 0;}
.ReviewDetail {line-height:1.5em;}

#ReviewSubmit {background:#f6fdea; padding:18px; color: #333; position:relative;}
#ReviewSubmit strong {font-size:17px; color:#777; display:block; margin-bottom:20px; font-family:Georgia; }
#ReviewSubmit div {padding-bottom:7px;}
#ReviewName,#ReviewEmail {display: inline-block; width: 150px; padding: 3px 5px; font-size: 14px; border: solid 1px #a0a0a0; color: #333; font-size: 14px; font-family: arial; }
#ReviewContent {display: inline-block; width: 400px; padding: 7px; font-size: 14px; border: solid 1px #a0a0a0; color: #333; font-size: 14px; font-family: arial; height: 100px;}
#ReviewName:hover,#ReviewEmail:hover, #ReviewName:focus, #ReviewContent:hover, #ReviewContent:focus {border-color: #75b6f8;}
#ReviewRating {display:inline-block; margin: 7px 0 8px 0; }
.ReviewLabel {display:block; width: 60px; font-size: 15px; float: left; padding-top:4px;}
#ReviewButton {padding: 5px 20px; font-size: 16px; color: #fff; background: #6ba100; border:none; vertical-align:middle; cursor: pointer; font-weight:bold; margin:10px 0 0 60px;}
#ReviewButton:hover {background: #8fbf2f; }
#ReviewTips { position: absolute; top: 55px; right: 15px; width: 140px; height: 203px; background:#fff; padding: 10px; line-height: 1.5em; color: #777;}
#ReviewTips strong {display:block; font-family:Arial; margin-bottom:5px; color: #999;}

#CartPanel {background:#efdcb5; width: 220px; padding: 15px 15px; position: absolute; top: 258px; right: 138px; border-radius: 6px; text-align:center; }
.CartItemBox {clear:both; margin-bottom: 10px;}
.CartItemBox img {float:left; width:54px; height:75px; margin-right: 20px;} 
.CartItemBox .CartItem {float:left;}
.CartItemBox h2 {font-size: 16px; color: #333;}