@charset "utf-8";
/* 50Hz Gamer Walls */

@import url(scorebox.css);
@import url(attract.css);
@import url(author.css);
@import url(e3hub.css);
@import url(expo2011.css);

body {
	margin:0px;
	padding:0px;
	background:white url(../img/bg.png) repeat-x;
	color:black;
	font-family:sans-serif;
	font-size:small;
}

h1 {
	display:inline-block;
	width:60%;
	margin:0px;
	margin-top:10px;
}

h2 {
	margin:0px;
	margin-top:10px;
	display:inline-block;
	width:100%;
	font-weight:normal;
}

a {
	color:black;
	text-decoration:underline;
}

img {
	border:none;
}

a img {
	border:none;
}

#align {
	width:1006px;
	height:auto;
	margin:auto;
}

#main {
	width:1000px;
	height:auto;
	min-height:800px;
	border-left:3px solid #373737;
	border-right:3px solid #373737;
	float:left;
	background:white;
}

#header {
	width:980px;
	height:auto;
	float:left;
	padding-left:10px;
	margin-top:25px;
}

#header #logo {
	width:213px;
	height:37px;
	background:url(../img/logo.png) no-repeat;
	float:left;
	margin-left:10px;
}

#header #logo a {
	width:213px;
	height:37px;
	display:block;
}

#header #search {
	height:auto;
	width:auto;
	float:left;
	margin-left:80px;
	margin-top:6px;
}

#header #search #left {
	width:24px;
	height:21px; /* 27 */
	color:white;
	float:left;
	/*background:black url(../img/search_left.png) no-repeat left;*/
	background:black url(../img/search_icon.png) no-repeat center;
	border-radius:4px 0px 0px 4px;
	padding-left:5px;
	padding-right:5px;
	padding-top:6px;
}

#header #search #centre {
	width:310px;
	height:17px;
	float:left;
	border-top:2px solid black;
	border-bottom:2px solid black;
	padding-left:4px;
	padding-top:3px;
	padding-bottom:3px;
}

#header #search #centre input {
	width:190px;
	border:none;
	font-style:italic;
	margin:0px;
	border:0px;
	padding:none;
}

#header #search #centre input:focus {
	font-style:normal;
}

#header #search #centre #options {
	width:70px;
	height:20px;
	float:right;
	font-size:small;
	margin-top:-3px;
	padding-right:4px;
	padding-left:4px;
	padding-top:3px;
	background:url(../img/small_arrow_down.png) no-repeat right;
	border-left:1px solid black;
	margin-right:5px;
	cursor:pointer;
}

#header #search #centre #sel {
	display:none;
	width:84px;
	position:absolute;
	z-index:999;
	border:1px solid #333;
	margin-top:20px;
	margin-left:-5px;
	background:white;
}

#header #search #centre #options .op {
	width:80px;
	height:auto;
	padding:6px 2px;
	border-bottom:1px solid #333;
}

#header #search #centre #options .op:hover {
	background:#EEE;
}

#header #search #centre #sub {
	width:24px;
	height:27px;
	float:right;
	background:white;
	margin-top:-5px;
	border-left:2px solid black;
}

#header #search #centre #sub #submit {
	width:19px;
	height:23px;
	margin-top:2px;
	margin-left:6px;
}

#header #links {
	width:auto;
	height:auto;
	margin-top:8px;
	float:right;
	margin-right:15px;
	text-align:center;
}

#header #links #twit {
	display:inline;
}

#header #links #twit .contain {
	width:90px;
	height:55px;
	display:block;
	position:absolute;
	z-index:996;
	top:0px;
	margin-left:-98px;
	background:#33CCFF url(../img/twitter_centre.png) repeat-x bottom;
	text-align:center;
}

#header #links #twit .contain a {
	color:white;
	text-decoration:underline;
	display:block;
	margin-top:33px;
}

#header #quicklink {
	width:99%;
	margin-top:15px;
	margin-left:0.5%;
	float:left;
}

#header #quicklink .item {
	border-left:2px solid #999;
	padding-left:5px;
	font-size:x-large;
	float:left;
	margin-right:10px;
}

#header #quicklink .item a {
	color:#999;
	text-decoration:none;
}

#header #quicklink .item a:hover {
	color:#333;
}

#content {
	width:977px;
	height:auto;
	float:left;
	margin-left:13px;
	margin-top:5px;
	text-align:justify;
}

#content #featured {
	width:100%;
	height:400px;
	float:left;
}

#content #featured #widgets {
	width:360px;
	height:380px;
	float:left;
	margin-left:10px;
	margin-top:5px;
	border:1px solid black;
	overflow:hidden;
}

#content #featured #widgets .title {
	width:99%;
	height:auto;
	float:left;
	display:block;
	font-size:x-large;
	font-weight:normal;
	overflow:hidden;
	margin-left:1%;
}

#content #featured #widgets .title a[rel="more"] {
	width:auto;
	height:auto;
	font-size:small;
	color:white;
	background:black;
	padding:2px;
	display:block;
	float:right;
	text-decoration:none;
	margin-top:4px;
	margin-right:6px;
}

#content #featured #widgets .n_box {
	width:350px;
	height:350px;
	padding:0px 5px;
	overflow:auto;
}

#content #featured #widgets .n_box .item {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid black;
	margin-bottom:5px;
}

#content #featured #widgets .n_box .item .title {
	width:100%;
	margin-left:0px;
	font-size:medium;
	font-weight:bold;
	display:block;
}

#content #featured #widgets .n_box .item .title a {
	height:auto;
	width:auto;
	background:none;
	font-size:medium;
	float:none;
	color:black;
	margin:0px;
	padding:0px;
}

#content #featured #widgets .n_box .item .title small {
	font-size:x-small;
	font-weight:normal;
	background:black;
	color:white;
	padding:1px;
	margin-left:4px;
}

#content #featured #widgets .n_box .item .text {
	width:100%;
	height:auto;
	max-height:70px;
	overflow:hidden;
	display:block;
	position:relative;
}

#content #featured #widgets .fade {
	width:340px;
	height:15px;
	background:url(../img/fade_bottom) repeat-x;
	display:block;
	position:absolute;
	z-index:899;
}

#content #featured #widgets .n_box .item .text .fade {
	width:330px;
	margin-top:55px;
	display:block;
	bottom:0;
}

#content #featured #widgets .n_box .item:hover .text .fade {
	display:none;
}

#content #featured #widgets .fade {
	margin-top:365px;
}

#content #featured #widgets .n_box .item:hover .text {
	max-height:none;
}

#content #featured #widgets .n_box .more {
	width:98%;
	text-align:right;
	font-size:medium;
	margin-bottom:15px;
}

#content #featured #widgets .n_box .more a {
	text-decoration:underline;
}

#content #featured #widgets .n_box .more a:hover {
	text-decoration:none;
}

#content #featured #widgets .title small {
	font-size:small;
}

#content .header {
	width:100%;
	font-size:xx-large;
	float:left;
	margin-top:10px;
}

#content .row {
	width:100%;
	height:auto;
	float:left;
}

#content .row .item {
	width:99px;
	height:80px;
	float:left;
	margin-right:9px;
	/*overflow:hidden;*/
}

#content .row .saver {
	background:url(../img/saver_more.png);
}

/*#content .row .item:hover {
	width:214px;
}*/

#content .row .item .image {
	width:99px;
	height:80px;
	float:left;
}

#content .row .item .image .info {
	width:60px;
	height:27px;
	background:url(../img/black_trans.png);
	color:white;
	font-size:large;
	padding-top:3px;
	padding-left:2px;
	font-weight:bold;
	margin-top:50px;
	text-align:center;
}

#content .row .item .image .info img {
	margin-top:-3px;
	margin-left:-2px;
}

#content .row .item a {
	width:99px;
	height:80px;
	display:block;
	z-index:99;
	position:absolute;
	background:url(../img/corners.png) no-repeat left;
	
}

#content .row .item .extra {
	min-width:auto;
	max-width:203px;
	height:70px;
	float:left;
	margin-left:5px;
	display:none;
	position:absolute;
	margin-left:104px;
	background:url(../img/white_trans_2.png);
	margin-left:99px;
	padding-left:5px;
	padding-right:5px;
	z-index:999;
	padding-top:5px;
	padding-bottom:5px;
}

#content .row .item:hover .extra {
	display:block;
}

#content .row .item .extra:hover {
	display:none;
}

#content .row .item .extra .title {
	max-height:3.3em;
	width:100%;
	font-size:medium;
	font-weight:bold;
	display:block;
	overflow:hidden;
}

#content .row .item .extra .other {
	font-size:x-small;
}

#content .row .item .more {
	width:99px;
	height:55px;
	float:left;
	text-align:center;
	font-size:x-large;
	padding-top:25px;
	background:url(../img/black_trans.png) repeat-x bottom;
}

#content .row .item:hover .more {
	background:url(../img/white_trans.png) repeat-x bottom;
}

.#content .row .item .more1 {
	width:99px;
	height:80px;
	float:left;
	overflow:hidden;
}

#content .row .item .more1 .box {
	width:32px;
	height:26px;
	float:left;
	overflow:hidden;
	font-weight:bold;
	font-size:medium;
	text-align:center;
	margin-left:1px;
	margin-bottom:1px;
}

#content .row .item .more1 a {
	width:99px;
	height:55px;
	padding-top:25px;
	display:block;
	z-index:99;
	position:absolute;
	background:url(http://www.50hzgamer.co.uk/img/corners.png) no-repeat left;
	color:white;
	font-size:x-large;
	text-shadow: 2px 2px 2px #000;
	text-decoration:none;
	text-align:center;
}

/* Non-main page styles */
#content #infobar {
	width:100%;
	float:left;
	height:auto;
	margin:15px 0px 15px 0px;
	font-size:medium;
}

#content #infobar .item {
	width:320px;
	height:auto;
	float:left;
	font-size:medium;
	font-weight:bold;
	margin-right:2px;
	text-align:center;
}

#content #infobar .item a {
	text-decoration:none;
}

#content #infobar .item a:hover {
	text-decoration:underline;
}

#content #infobar .item .head {
	width:90px;
	height:auto;
	float:left;
}

#content #infobar .item .box {
	width:230px;
	height:auto;
	text-align:left;
	font-weight:normal;
	float:left;
}

#content #infobar .item .box a {
	width:220px;
	height:1.2em;
	display:block;
	border:1px solid black;
	margin-bottom:1px;
	margin-right:1px;
	padding:2px;
	padding-right:4px;
	text-decoration:none;
	background:url(../img/small_arrow_down.png) no-repeat right;
	overflow:hidden;
	font-size:small;
}

#content #infobar .item .box .text {
	height:1.2em;
	width:100%;
	display:block;
	overflow:hidden;
}

#content #infobar .item .box a:hover {
	border-bottom:2px solid black;
	border-right:2px solid black;
	margin:0px;
	text-decoration:none;
}

#content #infobar .item .box .links {
	width:226px;
	background:white;
	border:1px solid black;
	font-size:small;
	display:none;
	z-index:999;
	position:absolute;
	margin-top:-1.7em;
}

#content #infobar .item .box:hover .links {
	display:block;
}

#content #infobar .item .box .links a {
	width:218px;
	height:auto;
	display:block;
	text-decoration:none;
	margin:0px;
	margin-top:2px;
	padding:4px;
	border:none;
	border-bottom:1px solid black;
	background:none;
	max-height:none;
}

#content #infobar .item .box .r {
	margin:0px;
	float:right;
	margin-right:6px;
	color:green;
}

#content #infobar .item .box .links a:hover {
	background:#EEE;
}

/* Game Styles */
#content .title {
	width:100%;
	font-size:xx-large;
	display:block;
	text-align:left;
}

#content .title .icon {
	width:auto;
	height:auto;
	margin-left:5px;
}

#content .title .icon .info {
	width:auto;
	height:auto;
	position:absolute;
	z-index:999;
	color:black;
	background:url(../img/black_trans.png);
	font-size:medium;
	display:none;
	margin-top:-1.2em;
}

#content .title .icon:hover .info {
	display:block;
}

#content .title .icon:hover .info:hover {
	display:none;
}

#content .info {
	width:100%;
	display:block;
	font-size:small;
	margin-bottom:15px;
	padding-top:10px;
}

#content .sideholder {
	width:300px;
	height:auto;
	float:right;
	margin-left:15px;
	margin-bottom:5px;
	border-left:1px solid black;
	padding-left:5px;
}

#content .sideholder .author {
	width:98%;
	float:right;
	font-size:small;
	font-style:italic;
	text-align:left;
	padding-left:4px;
}

#content .sidepane {
	width:290px;
	height:auto;
	margin-top:10px;
	padding:5px;
	float:right;
	border-top:1px solid #222;
}

#content .sidepane .header {
	width:100%;
	font-size:x-large;
	margin:0px;
	padding:0px;
}

#content .sidepane .thumbs {
	width:270px;
	padding-left:10px;
	margin-bottom:10px;
}

#content .sidepane .text {
	width:98%;
	height:auto;
	overflow:hidden;
}

#content .sidepane .text a {
	width:100%;
	padding:2px;
	border-bottom:1px solid black;
	margin-top:2px;
	display:block;
	text-decoration:none;
}

#content .sidepane .text a:hover {
	text-decoration:underline;
}

#content .sidepane .text .saver {
	min-height:2em;
}

#content .sidepane .text .price {
	float:right;
	margin:4px 2px;
	font-size:medium;
	font-weight:bold;
	color:green;
	display:block;
}

#content .sidepane .text a:hover .price  {
	text-decoration:none;
}

#content .sidepane .thumbs a {
	width:60px;
	height:60px;
	margin:2px;
	border:1px solid black;
	display:block;
	float:left;
	background-position:center;
	position:relative;
}

#content .sidepane .thumbs a .glow {
	width:60px;
	height:60px;
	background:url(../img/thumb_glow.png);
	display:block;
}

#content .sidepane .thumbs a:hover .glow {
	display:none;
}

#content .sidepane .thumbs a img {
	/*width:50px;
	height:50px;*/
	border:3px solid #333;
	margin-right:2px;
}

#content .sidepane .thumbs a:hover img {
	border:3px solid #000;
}

#content .info strong {
	width:auto;
	background:black;
	color:white;
	font-weight:normal;
	margin-left:5px;
	padding:2px;
	margin-bottom:2px;
	display:inline;
}

#content .imagebox {
	width:164px;
	height:auto;
	padding:4px;
	background:black;
	color:white;
	font-style:italic;
	text-align:center;
}

#content .quotebox {
	width:15%;
	min-width:15%;
	max-width:25%;
	font-size:x-large;
	font-style:italic;
	border-right:1px solid #AAA;
	color:#555;
	padding-right:1%;
	position:relative;
	z-index:999;
	text-align:left
}

#content .l {
	float:left;
	margin-right:5px;
}

#content .r {
	float:right;
	margin-left:5px;
}

#content .imagebox a img {
	border:2px solid white;
}

#content .big_imagebox {
	width:644px;
	height:auto;
	padding:4px;
	background:black;
	color:white;
	font-style:italic;
	text-align:center;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
}

#content .big_imagebox a img {
	border:2px solid white;
}

/* NEWS STYLES */
#content #news {
	width:667px;
	height:auto;
	float:left;
}

#content .title a[rel="home"] {
	font-size:small;
	background:black;
	color:white;
	padding:2px;
	margin-left:6px;
	text-decoration:none;
}

#content #news .notify {
	width:92%;
	padding:1%;
	margin-left:12px;
	margin-bottom:10px;
	margin-top:2px;
	background:black;
	font-size:medium;
	color:white;
	float:left;
	text-align:center;
	font-style:italic;
}

#content #news .notify a {
	display:block;
	color:white;
	text-decoration:none;
}

#content #news .notify a:hover {
	text-decoration:underline;
}

#content #news .notify a small {
	text-decoration:underline;
}

#content #news .notify a:hover small {
	text-decoration:none;
}

#content #news .notify .i {
	width:20px;
	height:20px;
	padding:2px;
	font-family:serif;
	background:white;
	color:black;
	display:display;
	float:left;
	font-size:large;
	margin-left:10px;
}

#content #news .item {
	width:96%;
	padding:1%;
	margin-bottom:8px;
	border-bottom:1px solid black;
}

#content #news .item .images {
	background:black;
	color:white;
	padding:2px;
	margin-top:5px;
	overflow:auto;
	text-align:left;
}

#content #news .item .images img {
	margin-left:10px;
	margin-top:1px;
	border:1px solid white;
}

#content #news .news_date {
	width:98%;
	height:auto;
	margin-top:5px;
	margin-bottom:8px;
	border-bottom:2px solid black;
	float:left;
}

#content #news .news_date .b {
	height:auto;
	float:left;
	background:black;
	color:white;
	font-size:medium;
	font-weight:bold;
	padding:1px 4px 0px 4px;
}

/* Big, big thanks to http://blog.sachinkraj.com/how-to-resize-images-with-css/ for this one. It's amazing. */
#content #news .item .images img {
	width:60px;
	height:auto;
}

#content #news .item .images img {
	width:auto;
	height:60px;
}

#content #news .item .images .in {
	width:auto;
	height:auto;
	position:absolute;
	bottom:0;
	color:white;
	background:black;
	font-size:x-small;
	padding:2px;
}

#content #news .item .header {
	width:auto;
	font-weight:bold;
	font-size:medium;
	display:inline;
	float:none;
}

#content #news .tag_msg {
	font-size:medium;
	font-weight:bold;
	margin-left:10px;
}

#content #news .item .cat {
	width:100%;
	height:1.2em;
	margin-top:5px;
	opacity:0.4;
}

#content #news .item .cat:hover {
	opacity:1;
}

#content #news .item .cat .header {
	width:auto;
	height:auto;
	background:black;
	color:white;
	font-size:inherit;
	font-weight:bold;
	margin:0px;
	padding:2px;
}

#content #news .item .cat .perma {
	float:right;
	margin-top:-2px;
}

#content #news .item .cat .header a {
	color:white;
	font-style:normal;
}

#content #news .item .cat a {
	width:auto;
	height:auto;
	margin-right:5px;
	margin-left:5px;
	padding-top:2px;
	font-style:italic;
}

#content #news .page {
	width:auto;
	float:right;
	margin-right:15px;
	font-size:x-large;
}

#content #news .page a {
	text-decoration:none;
}

#content #news .page a:hover {
	text-decoration:underline;
}

#content #news .page_sep {
	width:auto;
	height:auto;
	float:right;
	font-size:x-large;
	font-weight:bold;
	margin-right:15px;
}

#content #news_ops {
	width:300px;
	height:auto;
	padding:4px;
	border:1px solid black;
	float:left;
}

#content #news_ops a {
	width:98%;
	border-bottom:1px solid #DDD;
	display:block;
	padding:1%;
}

#content #news_ops .header {
	font-size:medium;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#content #news_ops .chart {
	width:280px;
	height:auto;
	background:#EEE;
	border:1px solid #AAA;
	margin-left:4px;
	padding:5px;
}

#content #news_ops .date {
	width:100%;
	display:block;
	font-size:x-small;
	color:#333;
}

#content #news_ops .chart .item {
	width:98%;
	min-height:1.7em;
	display:block;
	padding:1%;
	cursor:default;
}

#content #news_ops .chart .item .num {
	background:black;
	color:white;
	font-weight:bold;
	padding:2px;
	float:left;
	display:block;
	font-size:medium;
	margin-right:2px;
}

#content #news_ops .chart .item .small {
	width:270px;
	display:block;
	font-size:x-small;
	display:none;
	z-index:999;
	position:absolute;
	padding:2px;
	border:1px solid black;
	background:white;
	margin-top:2px;
}

#content #news_ops .chart .item:hover .small {
	display:block;
}

#content #news_ops .chart .item:hover .small:hover {
	display:none;
}

/* SAVER STYLES */
#saver {
	width:994px;
	margin:auto;
}

#camp_desc {
	width:97%;
	height:auto;
	padding:1%;
	border:1px solid black;
	text-align:center;
	margin:5px 0px;
	font-size:small;
	float:left;
}

#camp_desc a {
	width:100%;
	height:auto;
	display:block;
	text-decoration:none;
}

#saver .item {
	width:170px;
	height:170px;
	float:left;
	margin-left:18px;
	margin-bottom:18px;
	border:2px solid black;
	border-radius:10px;
	background:white;
	overflow:hidden;
}

#saver .item a {
	text-align:center;
	padding:5px;
	display:block;
	text-decoration:none;
	color:black;
	position:relative;
}

#saver .item .image {
	width:100%;
	height:94px;
	display:block;
	overflow:hidden;
	margin-top:2px;
}

#saver a img {
	border:0px;
}

#saver .item .image img {
	height:auto;
	width:94px;
}

#saver .item .image img {
	height:94px;
	width:auto;
}

#saver .item .text {
	width:170px;
	min-height:1.2em;
	max-height:2.2em;
	text-align:center;
	display:block;
	margin-top:5px;
}

#saver .item .title {
	font-size:medium;
	overflow:hidden;
}

#saver .item .price {
	font-size:large;
	font-weight:bold;
}

#saver .item .price .star {
	width:16px;
	height:16px;
	margin-left:5px;
}

#saver .item .info {
	width:160px;
	height:164px;
	top:0;
	left:0;
	position:absolute;
	z-index:900;
	background:url(../img/saver_info.png);
	padding:3px 5px;
	color:white;
	font-size:medium;
	display:none;
	text-align:left;
}

#saver .item:hover .info {
	display:block;
}

#saver .item .info p {
	margin:0px 0px 0.2em 0px;
	display:block;
}

#saver .item .info strong {
	display:inline;
	background:none;
	font-weight:bold;
	float:none;
	margin:0px;
	padding:0px;
	font-size:inherit;
}

#saver .item .info .title {
	min-height:1.3em;
	max-height:3.6em;
	overflow:hidden;
	font-weight:bold;
}

#saver .item .info .gentext {
	height:1.2em;
	font-size:small;
}

#saver .item .info .price {
	margin-top:0.8em;
	font-size:x-large;
	text-align:center;
	font-weight:normal;
}

#saver .item .info .price strong {
	width:100%;
	height:auto;
	font-size:x-small;
	margin-top:-5px;
	font-weight:bold;
	display:block;
}

#saver .item .info .comment {
	width:98%;
	max-height:2.4em;
	position:absolute;
	z-index:901;
	bottom:0;
	padding-bottom:0.4em;
	font-size:small;
	text-align:center;
}

#saver .item[rel="nds"] {
	background:url(../img/saver/saver_nds.jpg) center bottom no-repeat;
}

#saver .item[rel="3ds"] {
	background:url(../img/saver/saver_3ds.jpg) center bottom no-repeat;
}

#saver .item[rel="wii"] {
	background:url(../img/saver/saver_wii.jpg) center bottom no-repeat;
}

#saver .item[rel="360"] {
	background:url(../img/saver/saver_360.jpg) center bottom no-repeat;
}

#saver .item[rel="ps3"] {
	background:url(../img/saver/saver_ps3.jpg) center bottom no-repeat;
}

#saver .item[rel="psp"], #saver .item[rel="ps2"] {
	background:url(../img/saver/saver_psp.jpg) center bottom no-repeat;
}

#saver .item[rel="pc"] {
	background:url(../img/saver/saver_pc.jpg) center bottom no-repeat;
}

#saver .item[rel="gen"] {
	background:white;
}


#saver .filter {
	width:100%;
	height:2em;
	float:left;
	margin-top:5px;
	margin-bottom:4px;
	border-radius:0px;
}

#saver .filter .item {
	width:auto;
	float:left;
	margin:0px;
	margin-left:15px;
	padding:0px;
	border:none;
	border-radius:0px;
	overflow:visible;
}

#saver .filter .h {
	font-weight:bold;
}

#saver .filter .item .box {
	width:60px;
	height:auto;
	border:1px solid black;
	border-radius:0px;
	padding:2px;
	background:url(../img/small_arrow_down.png) no-repeat right;
	float:right;
	cursor:pointer;
	margin-left:5px;
	margin-top:-3px;
}

#saver .filter .item .box .ops {
	width:64px;
	height:auto;
	border:1px solid black;
	z-index:998;
	position:absolute;
	background:white;
	margin-left:-3px;
	margin-top:-0.3em;
	display:none;
	border-radius:0px;
}

#saver .filter .item .box .ops .item {
	width:56px;
	height:auto;
	padding:4px;
	border-bottom:1px solid black;
	border-radius:0px;
	margin:0px;
}

#saver .filter .item .box .ops .item:hover {
	background:#EEE;
}

#saver .filter .item #pri {
	margin:0px;
	padding:2px;
	border:1px solid black !important;
	width:60px;
	margin-top:-2px;
}

#saver .filter .item #title {
	margin:0px;
	padding:2px;
	border:1px solid black !important;
	width:240px;
	margin-top:-2px;
}

#saver .filter .item #sub_fi {
	margin:0px;
	padding:1px 2px;
	border:1px solid black !important;
	background:white;
	margin-top:-2px;
	cursor:pointer;
}

#saver .filter .item #sub_fi:hover {
	background:#EEE;
}

#saver .filter .item #sub_fi:active {
	background:#BBB;
}

#saver .jump {
	width:220px;
	height:1.2em;
	padding:2px;
	font-size:small;
	border:1px solid black;
	background:url(../img/small_arrow_down.png) no-repeat center right;
	display:block;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	margin-right:60%;
	clear:both;
	margin-top:0px;
}

#saver .jump .list {
	width:224px;
	height:auto;
	position:absolute;
	z-index:999;
	border:1px solid black;
	margin-top:-1.4em;
	margin-left:-3px;
	display:none;
	background:white;
}

#saver .jump:hover .list {
	display:block;
}

#saver .jump .list a {
	width:216px;
	height:auto;
	text-decoration:none;
	padding:4px;
	border-bottom:1px solid black;
	padding:4px;
	display:block;
}

#saver .jump .list a:hover {
	background:#EEE;
}

#saver .align_page {
	width:100%;
	float:left;
	text-align:center;
}

#saver .align_page .page {
	float:none;
	display:inline;
}

#saver .page {
	width:auto;
	height:auto;
	float:right;
	font-size:x-large;
	margin-right:15px;
}

#saver .page a {
	text-decoration:none;
}

#saver .infobox {
	width:100%;
	height:250px;
	float:left;
}

#saver .infobox .image {
	width:200px;
	height:200px;
	float:left;
	margin-left:60px;
	margin-top:30px;
}

#saver .infobox .image img {
	width:auto;
	height:auto;
}

#saver .infobox .image img {
	width:200px;
	height:auto;
}

#saver .infobox .image img {
	width:auto;
	height:200px;
}

#saver .infobox #graph {
	width:630px;
	height:250px;
	float:left;
	margin-left:55px;
	position:relative;
}

#saver .infobox #graph #graph_title {
	width:100%;
	height:1.2em;
	text-align:center;
	font-size:large;
	overflow:hidden;
}

#saver .infobox #graph #graph_graph {
	width:630px;
	height:230px;
	border:1px solid black;
}

#saver .section_head {
	width:100%;
	height:auto;
	float:left;
	font-size:x-large;
	margin-top:25px;
}

#saver .prices {
	width:100%;
	height:auto;
	float:left;
}

#saver .prices .item {
	width:98%;
	height:auto;
	float:left;
	border:none;
	border-bottom:1px solid #000;
	margin:0px;
	padding:0px;
	border-radius:0px;
}

#saver .prices .highlight {
	background:#FFA !important;
}

#saver .prices .item  a {
	width:96%;
	height:auto;
	padding:10px 2%;
	font-size:large;
	position:relative;
	display:block;
	float:left;
}

#saver .prices .item:hover {
	background:#EEE;
}

#saver .prices .item .title {
	width:40%;
	height:auto;
	float:left;
	display:block;
	font-size:large;
}

#saver .prices .item .gen {
	width:20%;
	height:auto;
	float:left;
	text-align:center;
	display:block;
}

#saver .prices .item .price {
	color:#060;
}


#saver .graph_container {
	width:98%;
	height:auto;
	display:block;
	float:left;
	margin:10px 0px;
	position:relative;
	border:1px solid black;
}

#saver .graph_title {
	width:98%;
	padding:0px 1%;
	font-size:large;
	background:black;
	color:white;
}

#saver .graph_box {
	width:100%;
	height:200px;
	display:block;
	float:left;
	overflow:hidden;
	position:relative;
}

#saver .graph_box .time {
	width:auto;
	height:auto;
	position:absolute;
	z-index:980;
	top:0;
	margin:0px 4px;
	background:url(../img/white_trans_2.png);
}

#saver .graph_box .tl {
	left:0;
}

#saver .graph_box .tr {
	right:0;
}

#saver .graph_item {
	width:7.45%;
	font-size:11px;
	text-align:center;
	margin-left:5px;
	display:block;
	float:left;
	overflow:hidden;
}

#saver .graph_item[rel="360"] {
	background:#188E0B;
	color:white;
}

#saver .graph_item[rel="PS3"] {
	background:#CC0000;
	color:white;
}

#saver .graph_item[rel="WII"] {
	background:#0F7E8A;
	color:white;
}

#saver .graph_item[rel="NDS"] {
	background:#444444;
	color:white;
}

#saver .graph_item[rel="3DS"] {
	background:red;
	color:white;
}

#saver .graph_item[rel="PC"] {
	background:black;
	color:white;
}

#saver .graph_item[rel="PS2"] {
	background:#036;
	color:white;
}

#saver .graph_item[rel="PSP"] {
	background:#B70000;
	color:white;
}

#saver .graph_item[rel="PSP2"] {
	background:#669;
	color:white;
}

#saver .graph_underbox {
	height:auto;
	width:99%;
	background:black;
	color:white;
	font-size:11px;
	padding-left:1%;
	display:block;
	float:left;
}

/* CATEGORY / SERIES STYLES */
#content #category {
	width:100%;
	float:left;
}

#content #category .item {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding-top:2px;
	padding-bottom:2px;
}

#content #category .item a {
	width:100%;
	height:auto;
	float:left;
	display:block;
	text-decoration:none;
}

#content #category .item .thumb {
	width:99px;
	height:80px;
	float:left;
	margin-right:10px;
	display:block;
}

#content #category .item .thumb .overlay {
	width:99px;
	height:80px;
	z-index:994;
	position:absolute;
	background:url(../img/corners.png) no-repeat;
	display:block;
}

/*#content #content #category .item .title {
	width:100%;
	font-size:x-large;
	text-align:left;
	display:block;
	margin-top:3px;
}

#content #content #category .item .info {
	width:100%;
	font-size:medium;
	text-align:left;
	display:block;
}*/

#content .rev {
	width:auto;
	height:auto;
	float:right;
	margin-top:15px;
	display:block;
}

#content #category .page_nav {
	width:auto;
	height:auto;
	display:block;
	float:right;
	font-size:x-large;
	margin-top:8px;
}

#content #category .page_nav a {
	font-size:x-large;
}

#content #category .filter {
	width:220px;
	height:1.2em;
	padding:2px;
	font-size:small;
	border:1px solid black;
	background:url(../img/small_arrow_down.png) no-repeat center right;
	display:block;
	float:none;
	margin-left:15px;
	margin-bottom:5px;
}

#content #category .filter .list {
	width:224px;
	height:auto;
	position:absolute;
	z-index:997;
	border:1px solid black;
	margin-top:-1.4em;
	margin-left:-3px;
	display:none;
	background:white;
}

#content #category .filter:hover .list {
	display:block;
}

#content #category .filter .list a {
	width:216px;
	height:auto;
	text-decoration:none;
	padding:4px;
	border-bottom:1px solid black;
	padding:4px;
	display:block;
}

#content #category .filter .list a:hover {
	background:#EEE;
}

/* FOOTER STYLES */
#footer {
	width:96%;
	margin-left:1.5%;
	border-top:1px solid #999;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:1%;
	margin-top:10px;
	float:left;
}

#footer .large {
	font-size:large;
	margin-right:20px;
}

#footer .html5 {
	width:auto;
	height:auto;
	float:right;
	margin-right:10px;
	margin-top:-8px;
}

/* Litebox stuff */

#whiteout {
	width:100%;
	height:800px;
	position:fixed;
	left:0px;
	top:0px;
	z-index:9998;
	background:url(../img/white_trans.png);
}

#elmBox {
	width:auto;
	height:auto;
	position:absolute;
	z-index:9999;
	background:white;
	border:2px solid black;
	padding:4px;
}

#elmBox .close {
	width:auto;
	font-size:xx-large;
	color:black;
	text-transform:lowercase;
	margin-top:-1.1em;
	display:block;
	cursor:pointer;
}

#elmBox .title {
	font-size:large;
}

#elmBox .comment {
	font-size:small;
}

#elmBox .imageContainer {
	width:auto;
	height:auto;
	position:relative;
	display:block;
}

#elmBox .imageContainer .n {
	width:25%;
	height:100%; /* Man, I wish height:100% actually worked. Not sure why I keep using it. Wishful thinking, perhaps? */
	display:block;
	position:absolute;
	z-index:9999;
	cursor:pointer;
}

#elmBox .imageContainer .al {
	left:0;
}

#elmBox .imageContainer .al:hover {
	background:url(../img/ig_l.png) center no-repeat;
}

#elmBox .imageContainer .ar {
	right:0;
}

#elmBox .imageContainer .ar:hover {
	background:url(../img/ig_r.png) center no-repeat;
}