* {
    margin:0;
    padding:0;
}

p {
    margin-bottom: 10px;
}

/* General Style Info */
body {
    /*background: #f3f3f3;*/
    color: #fff;
    font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
    font-size:12px;
    margin: 0 auto;
    width: 980px;
}

/*a {
	background:#fff;
	color: #003d4c;
	text-decoration: underline;
	font-weight: bold;
}*/
a:hover {
    color: #003d4c;
}
a img {
    border:none;
}
h1, h2, h3, h4 {
    font-weight: normal;
}sub
h1 {
    background:#fff;
    color: #003d4c;
    /*font-size: 100%;*/
    margin: 0.1em 0;
}
/*h2 {
	background:#fff;
	color: #e32;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}

h3 {
	color: #993;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 165%;
	padding-top: 1.5em;
}*/

h3, h4 {
    color: #993;
    font-weight: normal;
    padding-top: 0.5em;
}
ul, li {
    margin: 0 12px;
}

/* Layout */
#container {
    text-align: left;
}

#header{
    padding: 10px 20px;
}
#header h1 {
    /*background: #003d4c url('../img/cake.icon.gif') no-repeat left;*/
    color: #fff;
    padding: 0px 30px;
}
#header h1 a {
    /*color: #fff;*/
    /*background: #003d4c;*/
    font-weight: normal;
    text-decoration: none;
}
#header h1 a:hover {
    color: #fff;
    background: #003d4c;
    text-decoration: underline;
}
#content{
    background: #fff;
    clear: both;
    color: #333;
    /*padding: 10px 20px 40px 20px;*/
    overflow: auto;
    margin: 0 auto;
    /*min-width: 1002px;
    width: 1002px;*/
    position: relative;
}
#footer {
    clear: both;
    padding: 6px 10px;
    margin: 0 0 15px;
}
#footer .col {
    border-right:1px solid #C6D7E8;
    float:left;
    margin:10px 10px 0 0;
    padding:1px 0;
    position:relative;
    font-size: 10px;
}
#col-prime { width: 180px; }
#col-minor { width: 120px; }
#footer dl { margin: 0px; }
#footer dd { margin:0; padding:3px 10px; }

.sub-feature {
    float:left;
    margin:0 0 15px 3px;
    position:relative;
    width:250px;
}
.sub-feature ul, sub-feature li { margin: 0px; }
.sub-feature ul.link li {
    -moz-border-radius:10px 10px 10px 10px;
    -moz-box-shadow:0 10px 20px rgba(255, 255, 255, 0.5) inset, 0 -10px 20px rgba(147, 180, 195, 0.7) inset, 0 3px rgba(0, 0, 0, 0.1), 0 -3px #8EAEBB inset;
    background:none repeat scroll 0 0 #BEDCE6;
    line-height:24px;
    margin:10px 0 0;
    padding:0;
}
#connect.sub-feature ul.link li a { padding-left:40px; }
.sub-feature li#connect-twitter a { background-position:0 50%; }
.sub-feature li#connect-facebook a { background-position:-250px 50%; }
.sub-feature li#connect-blog a { background-position:-500px 50%; }

.sub-feature ul.link li a {
    background-image:url(/img/assets/connect-buttons.png);
    background-position:-750px 50%;
    background-repeat:no-repeat;
    color:#63757D;
    display:block;
    font-size:12px;
    letter-spacing:-0.04em;
    padding:5px 25px 7px 10px;
    text-decoration:none;
    text-shadow:0 1px #E2F2FA;
}

/* Tables */
table {
    background: #fff;
    border:1px solid #ccc;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
th {
    background: #f2f2f2;
    border:1px solid #bbb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
}
th a {
    background:#f2f2f2;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a:hover {
    background: #ccc;
    color: #333;
    text-decoration: none;
}
table tr td {
    background: #fff;
    border-right: 1px solid #ccc;
    padding: 4px;
    text-align: center;
    vertical-align: top;
}
table tr.altrow td {
    background: #f4f4f4;
}
td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    margin: 0px 6px;
}
.cake-sql-log table {
    background: #f4f4f4;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
}

/* Paging */
div.paging {
    background:#fff;
    color: #ccc;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
    line-height: 2em;
    margin: 0em 0em;
    /*width: 60%;*/
}
dl.altrow {
    background: #f4f4f4;
}
dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}

/* Forms */

/*form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}*/
fieldset {
    border: 1px solid #ccc;
    margin-top: 30px;
    padding: 16px 20px;
}
fieldset legend {
    background:#fff;
    color: #e32;
    font-size: 160%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    /*margin-bottom: 1em;*/
    padding: .5em;
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.required {
    color: #333;
    font-weight: bold;
}
/*form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}*/
label {
    display: block;
    font-size: 110%;
    padding-right: 20px;
}
/*input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}*/
/*select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}*/
select[multiple=multiple] {
    width: 100%;
}
option {
    /*font-size: 120%;*/
    padding: 0 4px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}

/*
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}*/

/* Notices and Errors */
div.message {
    clear: both;
    color: #900;
    font-size: 140%;
    font-weight: bold;
    margin: 1em 0;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background: green;
    color: #fff;
}

/*  Actions  */
div.actions ul {
    margin: 0px 0;
    padding: 0;
}
div.actions li {
    display: inline;
    list-style-type: none;
    line-height: 2em;
    margin: 0 2em 0 0;
    white-space: nowrap;
}
div.actions ul li a {
    background:#fff;
    color: #003d4c;
    text-decoration: none;
}
div.actions ul li a:hover {
    color: #333;
    text-decoration: underline;
}

/* Related */
div.related {
    clear: both;
    display: block;
}

/* Debugging */
pre {
    color: #000;
    background: #f0f0f0;
    padding: 1em;
}
pre.cake-debug {
    background: #ffcc00;
    font-size: 120%;
    line-height: 140%;
    margin-top: 1em;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    border: 4px dotted #ffcc00;
    color: #333;
    margin: 0px;
    padding: 6px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 1em;
    overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
div.cake-code-dump span.code-highlight {
    background-color: #ff0;
    padding: 4px;
}
div.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
div.code-coverage-results div.covered span.content {
    background:#cec;
}
div.code-coverage-results div.ignored span.content {
    color:#aaa;
}
div.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
div.code-coverage-results span.line-num strong {
    color:#666;
}
div.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
div.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
div.code-coverage-results div.realstart {
    margin-top:0px;
}
div.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
div.code-coverage-results span.result-bad {
    color: #a00;
}
div.code-coverage-results span.result-ok {
    color: #fa0;
}
div.code-coverage-results span.result-good {
    color: #0a0;
}

#upperbar {
    background:#5287DC url(/img/assets/topgrad2.png) repeat scroll 0 0;
    border-top:1px solid #A2C9F8;
    color:#FFFFFF;
    font-family:Verdana,Arial,sans-serif;
    height:22px;
    line-height:1.8em;
    margin:5px auto 0;
    padding:0 10px 4px;
    white-space:nowrap;
    /*width:890px;*/
    font-size: 10pt;
}

#upperbar #links {
    float:left;
}

#upperbar a:link, #upperbar a:visited {
    color:#FFFFFF;
    font-size:0.85em;
    font-weight:normal;
    text-decoration:none;
}

#upperbar a:hover {
    text-decoration:underline;
}

#upperbar #searchbox {
    float:right;
}

#upperbar #searchbox form {
    margin:0;
    padding:0;
}
#upperbar #searchbox form input {
    color:#505050;
    font-size:85%;
    margin:2px 0;
    opacity:0.7;
    width:10em;
}

#upperbar #searchbox input:focus, #upperbar #searchbox input:hover {
    color:#000000;
    opacity:1;
}
#upperbar #searchbox #search-submit {
    width:5em;
}

.pathbar {
    background:#FFFFFF url(/img/assets/pathbg.png) repeat scroll 0 0;
    border-bottom:1px solid #ABABAB;
    color:#353535;
    font-family:Verdana,Arial,sans-serif;
    font-size:11px;
    height:22px;
    line-height:1.8em;
    margin:0;
    padding:3px 16px;
    text-align:left;
    white-space:nowrap;
}

.pathbar a { text-decoration: none; }

.pathbar .left {float: left;}
.pathbar .right {float: right;} 
.pathbar #search-submit {font-size: 11px;}

a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active, button, input[type="submit"] {
    background-color:#73B9FF;
    background-image:url(/img/assets/button-blue.jpg);
    background-position:center center;
    background-repeat:repeat-x;
    border:1px solid #258BFF;
    color:#FFFFFF;
    cursor:pointer;
    font-family:helvetica,arial,sans-serif;
    font-size:1em;
    /*margin:0.3em 0;*/
    overflow:visible;
    padding:0 0.6em 0 0.5em;
    text-decoration:none;
    text-shadow:-1px -1px 1px #196CF2;
    /*vertical-align:middle;*/
    white-space:nowrap;
}

#gamescollage {margin-top:10px; float:left; width: 100%;}

.box-three {
    float:left;
    margin-left:8px;
    width:186px;
}

.box {
    background-color:#FFFFFF;
    font-size:12px;
    padding:0;
}

.box h2.s1 {
    background-color:#111;
}

.box h2.s2 {
    background-color:#74a40c;
}

.box h2.s3 {
    background-color:#09c;
}

html > body .box h2 {
    background-image:url(/img/assets/bargloss2.png);
    background-repeat:repeat-x;
}

.box h2, .box h2 a, .box h2 a:visited, .box h2 a:hover {
    color:#EEEEEE;
    font-family:Trebuchet MS,Arial;
    font-weight:normal;
    padding-left:5px;
}

.box .box-inner {
    border-left:1px solid #ABABAB;
    border-right:1px solid #ABABAB;
    overflow: hidden;
}

.box ul {
    margin:0;
}

.box ul li {
    /*background:transparent url(/img/assets/bul0.png) no-repeat scroll 8px 6px;*/
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0px;
    height: 80px;
    border-bottom: 1px solid #D2D2D2;
    position:relative;
    /*padding:2px 0 2px 22px;*/
}

.box li a
{
    display:block;
    width:100%;
    height: 100%;
    text-decoration: none;
}

.box li a:hover
{
    background-color: #ebebeb;
}

.box ul li img
{
    height:55px;
    position:absolute;
    right:10px;
    top:11px;
    width:55px;
}

.box .boxtitle{
    background-color: #ccc;
    padding: 5px 0px 5px 5px;
    font-size: 10px;
}

.box span
{
    color:#3E3E3E;
    font-size:10px;
    font-weight:bold;
    width: 110px;
    margin: 0px;
    padding: 10px 5px 0px;
    display: block;
}


.box .more {
    background-color:#E6E8EB;
    border-bottom:1px solid #ABABAB;
    border-left:1px solid #ABABAB;
    border-right:1px solid #ABABAB;
    margin:0;
    padding:3px 10px 3px 22px;
    text-align:right;
}

.box .more a {
    color:#333333;
}

.clearboth {
    clear: both;
}

.box h2 {
    color:#33302E;
    font-size:1.1em;
    font-weight:normal;
    line-height:8px;
    margin:0;
    padding:8px;
}

.homesearch {
    margin: 0px auto;
    text-align: center;
}

.homesearch .s {
    font-family:arial,sans-serif;
    font-size:18px;
    vertical-align:bottom;
}

.cake-sql-log { /*todo: get rid */
                display: none;
}

.platformimg {
    float: right;
    margin-top: 4px;
}

.platformproductimg {
    float: left;
    width: 160px;
    text-align: center;
    margin: 0px 0px 15px 15px;
    /*background: transparent url(/img/assets/rating_back.png) no-repeat scroll center bottom;*/
}

div .left {
    float: left;
}

.searchbtm {
    clear:both;
    margin: 0px auto;   
    text-align: center;
}

.alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
}

/* platform 3 column games */
div.addons_column { float:left; padding:0 0 8px 10px; width:32%; }
div.addons_column h3 { background-color: #acacac; margin: 0px; padding: 0px; line-height: 1.6em; font-family: "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif; }
div.addons_column h3 span { color:#FFFFFF; font-size:14px; font-weight:bold; padding:0 8px; text-transform:uppercase; }
div.addons_column ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
div.addons_column ul li { border-left:1px solid #C9C8C9; border-right:1px solid #C9C8C9; margin:0; position:relative; }
div.addons_column ul li a { /*background:transparent url(../../img/sprite.png?20090602) no-repeat scroll right -2001px; */ border:1px solid transparent; display:block; height:50px; text-decoration:none; }
div.addons_column ul li a:hover { border:1px solid #ccc; }
div.addons_column ul li a img.icon { left:6px; position:absolute; top:6px; background-color: #fff; padding: 4px;}
div.addons_column ul li a .name { color:#000; display:block; margin-left:52px; /* font-size:116%; line-height:1.25em;*/ height:30px; overflow:hidden; padding:4px 15px 0 0; }
div.addons_column ul li a .meta { bottom:6px; color:#777; display:block; font-size:93%; margin-left:52px; position:absolute; }
div.addons_column ul li.odd { background:#fff none repeat scroll 0 0; }
div.addons_column ul li.even { background:#F0EFEF none repeat scroll 0 0; }
div.addons_column .view-all { background:#ACACAC; /*font-weight:bold;*/ padding:4px 9px; }
div.addons_column .view-all a{ color:#FFFFFF; text-decoration: none; }
html[xmlns] .clearfix { display:block; }
/* platform toprated games */
div.addons_column ul li a .rating_value { bottom:6px; color:#777; display:block; font-size:93%; margin-left:52px; position:absolute; }
.rating_value span {
    background:transparent url(/img/assets/rating/star-empty.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    height:16px;
    width:16px;
}
.rating_value .on { background:transparent url(/img/assets/rating/star-full.png) no-repeat scroll 0 0; }


/* listing results in search and sort */
.listing {
    margin-bottom:1em;
    border:4px solid #B5D9E5;
    clear:both;
}

.listing-header {
    background-color:#F0F8FC;
    background-image:url(/img/assets/listing-header.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
    border-bottom:1px solid #A5BFCE;
    line-height:2.5em;
    overflow:hidden;
    padding:0.1em 0 0.1em 0.25em;
}

.listing-header ul { float:none; margin:0 1em; }

.listing-header ul li { margin:0 0.5em; display:inline; line-height:2.5; }

.listing-header li a {
    border:1px solid transparent;
    color:#223355;
    font-weight:bold;
    padding:0.3em 0.8em;
    text-decoration:none;
    white-space:nowrap;
}

.listing-header li a:hover, .listing-header li a:focus { background-color:#BBDCE8; }

.listing-header li.selected a {
    background-color:#223355;
    border-color:#001133;
    border-width:1px 0 0 1px;
    color:#FFFFFF;
}

.listing .item {
    background-image:url(/img/assets/listing-item.png);
    border-bottom:1px solid #D6E9F0;
    margin:0;

    background-color:#FFFFFF;
    background-position:left bottom;
    background-repeat:repeat-x;
    clear:both;
    overflow:hidden;
    padding:1em 1em 0.5em 52px;
    position:relative;
}

.item h3 {
    margin: 0px;
    padding: 0px;
    display: inline;
}

.item img.icon {
    left:7px;
    position:absolute;
    top:0.5em;
}

.item .description {
    overflow: hidden;
    height: 44px;
}

img.icon {
    background-color:#FFFFFF;
    padding:4px;
}

.item .meta {
    border-top:1px dotted #B5D9E5;
    font-size:0.923em;
    padding-top:0.6em;
}

.item .price {
    float: left;
}

.stars {
    background-image:url(/img/assets/stars.png);
    background-position:0 50%;
    background-repeat:no-repeat;
    display:block;
    float:left;
    margin-right:0.5em;
    margin-left:1em;
    text-indent:-5000px;
    width:63px;
}

.stars-4 { background-position:-13px 50%; }
.stars-3 { background-position:-26px 50%; }
.stars-2 { background-position:-39px 50%; }
.stars-1 { background-position:-52px 50%; }
.stars-0 { background-position:-65px 50%; }

.item .popular { margin-left:1em; clear:both; color:#339900; }

.item .releasedate { margin-left:1em; color:#666666; }

.qatext { margin: 0 auto; text-align: center; margin-left: 13px; }