@charset "utf-8";
body {
font: 12px Verdana, Arial, Helvetica, sans-serif; overflow-y: scroll;
margin: 0;
padding: 0;
text-align: center;
background: url("../images/background.png");
background-attachment: fixed;
background-repeat: repeat-x;
background-position: top;
background-color: #ffffff;
}

/* see: tooltip.js For mini-boxart popup image boxes */
#dhtmltooltip{position:absolute; border:1px solid black; padding:2px; visibility:hidden; z-index:100;}

/*Style for rounded corner boxes */
#roundedbox {background: transparent; margin: 1px; margin-top: -1px;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#e8edff; border-left:1px solid #b9c9fe; border-right:1px solid #b9c9fe;}
.xb1 {margin:0 5px; background:#b9c9fe;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.boxcontent {display:block; background:#e8edff; border:0 solid #b9c9fe; border-width:0 1px; }

#PDFknockout    {width:110px; background:#0e8edff; border-width:10px; float:right; color:#447; text-align:center;}
#PDFImage       {display:block;	margin:5px 33px; width:44px; height:22px; float:left; background:url("images/OpenAsPDF.png") no-repeat -44px 0;}
#PDFImage:hover {background-position: 0 0;}

/*For solid filled rounded corners to top tables */
.xb2b {background:#b9c9fe; display:block; overflow:hidden; height:1px; margin:0 3px; border-width:0 2px;}
.xb3b {background:#b9c9fe; display:block; overflow:hidden; height:1px; margin:0 2px;}
.xb4b {background:#b9c9fe; display:block; overflow:hidden; height:2px; margin:0 1px;}

/*For lighter blue solid filled rounded corners table footer */
.boxfooter, .boxfoot1, .boxfoot2, .boxfoot3, .boxfoot4 {background:#e8edff; display:block; overflow:hidden; }
.boxfooter {height:8px;}
.boxfoot1  {height:1px; margin:0 5px;}
.boxfoot2  {height:1px; margin:0 3px;}
.boxfoot3  {height:1px; margin:0 2px;}
.boxfoot4  {height:2px; margin:0 1px;}

/* Console graphic links that light up on hover */
#consoleimages {display:block; height:40px; letter-spacing:-1em; }
.split         {display:block; width:2px; margin:4px 15px; height:20px; float:left; background:#ccc;}

#consolePS2  {	display: block;	width: 172px; height: 31px; float:left;
		background: url("images/console-logos/ps2.png") no-repeat -172px 0;}
#consolePS2:hover {background-position: 0 0;}
#consoleXBOX {	display: block;	width: 142px; height: 31px; float:left;
		background: url("images/console-logos/Xbox.png") no-repeat -142px 0;}
#consoleXBOX:hover {background-position: 0 0;}
#consolePS1 {	display: block;	width: 117px; height: 31px; float:left;
		background: url("images/console-logos/ps1.png") no-repeat -117px 0;}
#consolePS1:hover {background-position: 0 0;}
#console360 {	display: block;	width: 140px; height: 31px; float:left;
		background: url("images/console-logos/360.png") no-repeat -140px 0;}
#console360:hover {background-position: 0 0;}
#consoleCUBE {	display: block;	width: 146px; height: 31px; float:left;
		background: url("images/console-logos/Cube.png") no-repeat -145px 0;}
#consoleCUBE:hover {background-position: 0 0;}

/*For currently selected console, colour image no hover anim */
#conselPS2 {	display: block;	width: 172px; height: 31px; float:left;
		background: url("images/console-logos/ps2.png") no-repeat 0 0;}
#conselXBOX {	display: block;	width: 142px; height: 31px; float:left;
		background: url("images/console-logos/Xbox.png") no-repeat 0 0;}
#conselPS1 {	display: block;	width: 117px; height: 31px; float:left;
		background: url("images/console-logos/ps1.png") no-repeat 0 0;}
#consel360 {	display: block;	width: 140px; height: 31px; float:left;
		background: url("images/console-logos/360.png") no-repeat 0 0;}
#conselCUBE {	display: block;	width: 146px; height: 31px; float:left;
		background: url("images/console-logos/Cube.png") no-repeat 0 0;}

/* Main site window */
#container {width: 950px; margin: 0 auto; text-align: left; margin-top: 25px; margin-bottom: 25px;
background-color:#ffffff; border: 1px solid #c0bdba; }

#header {background-position:left; background-repeat:no-repeat; height: 77px; }

#main {min-height: 450px;  margin: 30px;}

#left {width: 650px; float: left; padding: 10px; }

#right {width: 250px; float: right; }

#logotag {clear: both; }

#logotag ul li{list-style-type: none; display: inline; }

#nav {height: 29px; overflow: hidden; margin: 5px 0; background: #ffffff url('../images/navbar.png') }
#nav ul {margin: 0; padding: 0; }
#nav ul li {list-style-type: none; display: inline; margin: 0; padding: 0;}
#nav ul li a {float: left; display: block; margin: 0; padding: 4px 15px; font-size: 12px; font-weight: bold; text-decoration: none; color: #ddddff; }
#nav ul li a:hover {text-decoration: underline;}
#nav ul li a.active { color: #fff; }

#footer {padding: 10px; margin-top: 20px; font-size: 10px; color: white; text-align: center; background-color: #2a5099; }

h2 {margin: 0px; padding-top: 5px; padding-bottom: 5px; font-size: 16px; font-weight: bold; color: #226ead; }
h1 {margin: 0px; padding-top: 5px; padding-bottom: 5px; font-size: 14px; font-weight: bold; color: #226ead; }

/*Footer link style for email */
a.whitelinks:link    { color: white; text-decoration: none; }
a.whitelinks:visited { color: white; text-decoration: none; }
a.whitelinks:active  { color: white; }
a.whitelinks:hover   { color: white; text-decoration: underline; }

/*Default page link style */
a.default:link    {text-decoration: none; color: #039;}
a.default:visited {text-decoration: none; color: #039;}
a.default:active  {text-decoration: none; color: #039;}
a.default:hover   {text-decoration: underline; color: blue;}

/*link style for A to Z game choice */
#atoz       {padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-weight: bold;}
a.atoz:link    {text-decoration: none;      color: #039; padding:1px; }
a.atoz:visited {text-decoration: none;      color: #039; padding:1px; }
a.atoz:active  {text-decoration: none;      color: #039; padding:1px; }
a.atoz:hover   {text-decoration: underline; color: blue; padding:1px; }

/*link style for currently selected A to Z game */
a.atozboxed:link    {text-decoration: none; color: #039;       padding:0px 2px; margin:-2px; border-width:1px; border-style: solid; border-color:#8999fe;}
a.atozboxed:visited {text-decoration: none; color: #039;       padding:0px 2px; margin:-2px; border-width:1px; border-style: solid; border-color:#8999fe;}
a.atozboxed:active  {text-decoration: none; color: #039;       padding:0px 2px; margin:-2px; border-width:1px; border-style: solid; border-color:#8999fe;}
a.atozboxed:hover   {text-decoration: underline; color: blue;  padding:0px 2px; margin:-2px; border-width:1px; border-style: solid; border-color:#8999fe;}

/*Table for game list */
#table-gameslist {cursor:default; font-size:13px; width:888px; border-collapse:collapse;}

/*Table heading element */
#table-gameslist th {font-size: 13px; text-align: center; font-weight: normal; padding: 6px; background: #b9c9fe;
                 border-right: 1px solid #c9d9ff; border-bottom: 1px solid #fff; color: #039; }

/*Table data elements */
#table-gameslist td {padding-left: 10px; background: #e8edff; border-bottom: 1px solid #fff; border-left: 1px solid #f6faff;
                 color: #669; border-top: 1px solid transparent; }

/*Individual column formatting class*/
#table-gameslist td.name   {text-align: left; width: 270px; }
#table-gameslist td.stock  {text-align: center; width: 30px; }
#table-gameslist td.price  {text-align: right; width: 50px; }
#table-gameslist td.rating {text-align: center; width: 40px; }
#table-gameslist td.review {text-align: left; }

/*Game list table link style */
a.table-gameslist:link    {text-decoration: none; color: #669;}
a.table-gameslist:visited {text-decoration: none; color: #669;}
a.table-gameslist:active  {text-decoration: none; color: #669;}
a.table-gameslist:hover   {text-decoration: none; color: #339;}


/* When mouse hovering over a row then change colour to highlight */
#table-gameslist tr:hover td { background: #d0dafd; color: #339;}