body {
   font: 14px Arial, Geneva, Arial, Helvetica, sans-serif;
   line-height: 1.6em;
   color : #333;
   background-color: #dfebce;
}

/* Links
=====================================================================*/

a {
    color: #0000ff;
}
a:hover, a:visited:hover {
    color: #ff0000;
}
a:visited {
    color: #800080;
}


/* Headers
=====================================================================*/
h1, h2 {
    margin: 1em 0 .75em 0;
    font: 18px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: normal;
    color: #75ae29;
    clear: both;
}
h3 {
    margin: 0 0 .75em 0;
    font: 18px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: bold;
    color: #0076df;
}
p {
    margin: 0px 5px 10px 0px;
}
img#logo {
	margin-top:5px;
    margin-left:10px;
	width:200px;
	height:62px;
}
img#logo_navless {
	margin-top:2px;
    margin-left:10px;
}


/* Boxes and containers
=====================================================================*/
.container {
    position : relative;
    margin : -1px auto 0 auto;
    width : 970px;
    text-align : left;
    background-color: #fff;
    border-left: solid 2px #b8cf9a;
    border-right: solid 2px #b8cf9a;
}

/*---------- Search Box ------------------*/
div.search_box {
    position: absolute;
    top: 25px;
    left: 250px;
}
span.search_box {
    display: inline;
    font-size: 16px;
    font-weight: bold;
}
.search_box form {
    display: inline;
}
#game_search_box, #search_type {
    font-size : 16px;
}
#game_search_box {
	width: 320px;
}

/*---------- Main Content ------------------*/
.content {
    width: 100%;
    margin: 5px 0 0 0;
}
.mid_col {
    margin : 0px 10px;
}

/*-------------Footer -------------*/
.footer {
    border-top: 2px solid #b8cf9a;
    border-bottom: 2px solid #b8cf9a;
    clear: both;
    width: 100%;
}
.footer ul {
    float: left;
    margin-top: .5em;
    margin-bottom: 0;
    padding: 0 0 0 10px;
	width:200px;
}
.footer li {
    display: block;
    float: left;
    width: 175px;
    text-align: left;
	margin-left:10px;
	font-size:.8em;
}
li.first_row {
	margin-left:0;
	font-weight:bold;
	font-size:1em;
}
div[class] .footer li {
    width: 180px;  /* fix for smart browsers */
}
.footer p {
    width: 100%;
    text-align: center;
    clear: both;
}

/*------------- Toast ---------------*/
#toast {
    display: none;  /* start off hidden */
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #444;
    color: white;
    padding: .4em;
}
#user-flash-message {  /* holds content for special toast messages */
    display: none;
}

/*------------- Various Rules -------------*/
td {
    font-size : 12px;
}
.error {
    color: red;
    font-weight: bold;
}
table.hoverable-rows tbody tr:hover {
    background-color: #deeacd;
}

/* home page formatting */
#home-page h1 {
    margin: 20px 0 10px 0;
    clear: none;
    font-size: 2em;
    line-height : 1em;
}
#home-page h1, #home-page h2 {
    color : black;
}
#home-page .compare-prices {
    float: left;
}
#home-page .compare-prices p {
    margin : 0px;
    font-size: 18px;
}
#home-page .video_background {
    margin: 20px 20px 0 0;
    float: left;
    background: url(/static/images/shadow.png) no-repeat right bottom; /* CssEmbed SKIP */
    height: 366px;
    width: 460px;
}
#home-page .video {
    margin: 0 auto;
    background-color: #333;
    height: 340px;
    width: 425px;
}
#home-page .home_box {
    float: left;
    width: 400px;
    margin: 20px 10px;
    padding: 10px;
    border: solid 1px #b8cf9a;
    background: #deeacd;
}
#home-page .home_box h2 {
    margin: 0;
    padding: 5px 0 7px 0;
    font-size: 1.5em;
    clear: none;
}
#home-page p.list-1 {
    float: left;
    width: 150px;
    margin-left: 5px;
}
#home-page p.list-2 {
    float: left;
    width: 150px;
}
#home-page a.first_item {
    font-weight: bold;
    color: #333;
    margin-left: -5px;
}
#home-page #create_account_box {
    width: auto;
    float: none;
    clear: both;
    margin-left: 20px;
    margin-right: 35px;
}
#home-page #create_account_box span {
    font-weight: bold;
}

/* game page formatting */
#game-page h1.chart_title, #game-page h2.chart_title {
       text-align: left;
       margin: .12em 0 0 0;
       display: inline;
}
#game-page h1.chart_title {
       color: #0076df;
}
#game-page h2.chart_title {
       margin-left: 5px;
}
#game-page .tab.label {
    color: black;
}
#game-page .tab.selected {
    background-color: #75ae29;
    border-color: #75ae29;
}
#game-page .tab.available {
    background-color: #fff;
    border-color: #75ae29;
}
#game-page .tab-frame {
    border-top: 2px solid #75ae29;
    clear: both;
}
#game-page .tab-frame .live-listings, #game-page .tab-frame .completed-auctions, #game-page .tab-frame .completed-auctions-new {
    display: none;
}
#game-page .completed-auctions thead th, #game-page .completed-auctions-new thead th {
    padding : 0px .5em;
}
#game-page .completed-auctions tbody td, #game-page .completed-auctions-new tbody td {
    padding : 0px .5em;
}
#product_details {
	float:left;
	width: 250px;
}
#product_details div.cover {
	display: table-cell;
	width: 250px;
	height: 260px;
	vertical-align: middle;
}
#product_details div.cover img {
	display:block;
	margin: 0 auto;
}
#product_details p.attributes span {
    font-weight: bold;
}

/* center content inside dialog boxes */
.ui-dialog {
    text-align: center;
}

/* games table formatting */
table#games_table tfoot td {
    text-align : center;
    font-weight: bold;
}

table#games_table {
   width: 80%;
}
table#games_table th span {
    font-size: 14px;
    padding-left: 25px;
}
table#games_table td, table#games_table th {
    padding: 2px 5px;
}
table#games_table img {
    border: 0px;
}

/* "Sort By" tabs */
#tab-bar {
    border-top: 1px solid #FFFFFF;
    clear: both;
}
#tab-bar .throbber {
    display : none;
}
.tab {
    height: 16px;
    float: left;
    font-size: 11px;
    margin-right: 2px;
    padding: 3px;
}
.tab.available:hover {
    cursor: pointer;
    color: #f00;
}
.tab.label {
    background: #FFFFFF;
    border: solid 1px #FFFFFF;
    font-weight: bold;
}
.tab.selected {
    background-color: #0174d5;
    border: solid 1px #0174d5;
    color: #FFFFFF;
    text-decoration: none;
}
.tab.available {
    background: #eeeeee;
    border: solid 1px #0174d5;
}

/* games table cell formatting */
table#games_table th {
    color: white;
    background-color: #0174d5;
    font-style: italic;
    font-weight: normal;
}
table#games_table thead tr {
    border: none;
}
table#games_table tbody tr {
    border-bottom: dashed 1px #dddddd;
}
table#games_table td.numeric {
    border-right: solid 1px #0174d5;
}
td.genre {
    white-space: nowrap;
}

/*------------------- affiliate images ----------------------*/
td.affiliate div {
    height: 10px;
    background-image: url(/static/images/affiliate-sprites.gif);
    background-repeat: no-repeat;
}
td.affiliate.ebay div {
    width: 24px;
    background-position: 0px 0px;
}
td.affiliate.amazon div {
    width: 33px;
    background-position: 0px -16px;
}
td.affiliate.half div {
    width: 29px;
    background-position: 0px -32px;
}
a.ebay_, a.asin_, a.half_ {
    display : none;
}

/*----------------- product page, price data -----------------*/
#chart {
    width: 670px;
    height: 320px;
    border:solid 1px #75ae29;
    background-color: #FFFFFF;
    margin: 0 0 10px 10px;
    position : relative;
	float:right;
}
#chart > p {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-8px;  /* half of the 16px width */
    margin-top:-8px;   /* half of the 16px height */
}
#price_data {
    border: solid 1px #75ae29;
    width: 100%;
    margin-top : 10px;
    margin-bottom : 0px;
	clear: both;
}
#price_comparison {
    display: block;
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
}
div.prices {
    margin: 0px;
}
div.prices h3 {
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px 0px 0px 10px;
    text-align: left;
}
div.prices h4 {
    font-size: 1.3em;
    color: #0076df;
    font-weight: bold;
    display: inline;
    margin: 2px 3px 2px 10px;
}
.prices_now p {
    margin: 5px 0 5px 40px;
    text-align: center;
}
#used_price {
    float : left;
}
#new_price {
    float : right;
    margin-right: 5px;
}

/*------------- product page, comparison price table -------------*/
table.used-prices {
   width: 100%;
}
table.used-prices td {
   font-size: 18px;
   padding: 2px 0;
   border-bottom: dotted 1px #333333;
}
table.used-prices td.store {
   font-weight: bold;
}
table.used-prices td.price {

}
table.used-prices td span {
   font-size: 14px;
   font-weight: normal;
   margin-left: 30px;
}
table.used-prices thead th {
    border-bottom: dashed 1px black;
}
table.used-prices thead th.adjust-for-shipping {
    text-align: right;
    font-weight: normal;
}

/* general numeric formatting */
td.numeric {
    text-align : right;
}
th.numeric {
    text-align : right;
}

/*------------- login & social formatting --------------------------*/
div.login {
    position: absolute;
    top: 5px;
    right: 5px;
}
div.login p {
    color: #333;
    font-size: 1.1em;
}

/*-------------- live listings formatting -----------------*/
#live_listings {
    width : 100%;
    margin-bottom : 1em;
}
#live_listings th.condition {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}
#live_listings tr.headings td {
    padding-top: 2px;
    padding-bottom: 2px;
    background: #dddddd;
}
#live_listings tr.headings td.price {
    text-align: right;
}
#live_listings tr.hoverable td {
    padding-top: 3px;
    padding-bottom: 3px;
}
#live_listings td.subject {
    padding-left: 0px;
}
#live_listings tr.hoverable td.price {
    text-align: right;
    font-weight: bold;
}
#live_listings tbody tr.more td {
    text-align: center;
}
#live_listings tbody tr td.remove {
    padding-left: 5px;
}
#live_listings tbody tr td.remove img {
    visibility: hidden;
    height: 16px;
    width: 16px;
}
#live_listings tbody tr:hover td.remove {
    cursor: pointer;
}
#live_listings tbody tr:hover td.remove img {
    visibility: visible;
}

/*------------- drop-down menu --------------------------*/
.menu{
	border:none;
	border:0;
	margin:0;
	padding:0;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8e8e8e;
}
.menu ul{
	background:url(/static/images/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu ul li#main{
	background:url(/static/images/menu-bg-main.gif) top left no-repeat;
	color:#FFF;
}
.menu li{
	float:left;
}
.menu li a{
	color:#666;
	display:block;
	font-weight:bold;
	line-height:43px;
	padding:0 25px;
	text-align:center;
	text-decoration:none;
}
.menu ul li#main a {
	color:#666;
}
.menu ul li#main ul li a {
	color: #666;
}
.menu li a:hover{
	background:url(/static/images/select-bg.gif) top left repeat-x;
	color:#FFF;
	text-decoration:none;
}
.menu li#main a:hover{
	background: none; /* don't show select-bg.gif when hovering on main tab */
}
.menu li ul{
	background:#dfebce;
	border-left:1px solid #0176d5;
	border-right:1px solid #0176d5;
	border-bottom:1px solid #0176d5;
	display:none;
	height:auto;
	filter:alpha(opacity=95);
	opacity:.95;
	position:absolute;
	width:175px;
	z-index:200;
}
.menu li:hover ul{
	display:block;
}
.menu li li{
	display:block;
	float:none;
	width:175px;
}
.menu li ul a{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0 10px 0 15px;
	text-align:left;
}
.menu li ul a:hover, .menu ul li#main ul li a:hover{
	background:#4195c0;
	color:#FFF;
	opacity:1.0;
	filter:alpha(opacity=100);
}
.menu p{
	clear:left;
}
.menu #current{
	background:url(/static/images/current-bg.gif) top left repeat-x;
	color:#fff;
}
span.new {
	vertical-align:super;
	color: orange;
	font-weight:bold;
	margin-left:5px;
}

/*-------------- generic, clickable dropdown menu -------------*/
.dropdown-trigger {
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 0px;
    background-image: url(/static/images/icon-menu-down.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px;  /* force enough room for the icon */
}
ul.dropdown {
    display : none;  /* starts out hidden */
    white-space: nowrap;
    list-style : none;
    border: 1px solid black;
    background-color: white;
    z-index: 1;
    padding-left: 0;
    margin: 0;
}
ul.dropdown li {
    padding: .4em 1em;
    color: #666;
    font-weight: normal;
}
ul.dropdown li a {
    color: #666;
    text-decoration: none;
}
ul.dropdown li:hover, ul.dropdown li:hover a {
    color: black;
}
.tab .dropdown {
    font-size: 120%;
}
#dropdown_selected .dropdown {
    display : block; /* shown when selected */
    position : absolute;
    top : 0px;
}


/*-------------- formatting for game page price drop downs --------*/
#used_price #dropdown_selected .dropdown {
    left: 0px;
}
#new_price #dropdown_selected .dropdown {
    right: 0px;
}
.prices ul.dropdown {
    font-size: .8em;
}
.dropdown-trigger .reported-as-bad {
    text-decoration: line-through;
    color: #707070;
}

/*--------------- formatting for console page drop downs ------------*/
#console-page h1 {
	clear: none;
}
#console-page #console-text {
	width: 500px;
}
#console-page #price-index {
	position: absolute;
	right: 10px;
	top: 120px;
}
#console-page #price-index h2 {
	margin-top: 0;
	margin-bottom: 0;
}
#console-page #price-index p {
	margin-top: 0;
}
#console-page #price-index div {
	border: solid 1px #b8cf9a;
}

/*------------- subscriber home page --------------*/
#subscriber-home-page h3 {
	margin: 0;
}
#subscriber-home-page h4 {
	font-size: 16px;
	font-weight: bold;
}
#subscriber-home-page p {
	margin-top: 0px;
}
#subscriber-home-page ul {
	list-style-position:inside;
}
#subscriber-home-page span.status {
	color: #333;
}
#subscriber-home-page h4.payment {
    margin: 0;
}
#subscriber-home-page p.price {
	font-size: 16px;
	margin-bottom: 0px;
}
#subscriber-home-page p.description {
	font-size: 16px;
	margin-bottom: 10px;
}
#subscriber-home-page p.divider {
	clear: both;
	margin-top: 10px;
	border-top: dashed 1px #0076df;
}
#subscriber-home-page p.white_divider {
	clear: both;
}
#subscriber-home-page div.features {
	border: solid 1px #0076df;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ddd;
	margin-top: 80px;
	float: right;
	padding: 5px;
}
#subscriber-home-page div.features ul {
    padding: 0;
    margin: 0;
}
#subscriber-home-page .payment_options h3 {
	margin-left: -10px;
	margin-bottom: 10px;
	width: 960px;
	color: #FFF;
	font-size: 20px;
	padding: 10px 0 10px 10px;
	background: #0076df;
}
#subscriber-home-page div.included, #subscriber-home-page div.not_included {
	float: left;
	margin: 10px 20px 20px 0;
	padding-bottom: 10px;
	border: solid 1px #0076df;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#subscriber-home-page div.included p, #subscriber-home-page div.not_included p {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0 0 10px;
}

/*------------- subscriber profile page --------------*/
#profile-page {
    padding: 1em 0px 2em 1em;
}
#profile-page #profile th {
    font-weight: bold;
    padding-right: 1em;
}
#profile-page .activate {
    cursor: pointer;
    padding: 0px .5em;
}

/*------------- formatting for shopping cart feature --------------*/
#enter-items p{
	font-weight:bold;
	margin-bottom: 0;
}
#cart-totals{
	margin:10px 0;
}
#cart-totals .total{
	font-size:16px;
	font-weight:bold;
	margin-right:60px;
	color:#0076df;
}
#cart-totals .count{
	margin-right:30px;
}
#cart-contents{
	margin-right: 10px;
}
#cart-contents tr{
	border-bottom: dashed 1px #ddd;
}
#cart-contents th{
	color:#fff;
	background-color:#0174D5;
	font-style:italic;
	padding:5px 5px;
	border-bottom:solid 1px #0174D5;
}
#cart-contents td{
	padding:2px 15px 2px 5px;
}
#cart-contents tr:hover{
	background-color:#deeacd;
}
#choose-consoles{
	border:solid 1px #B8CF9A;
	background:#DEEACD;
	float:right;
	width:350px;
	margin-left: 10px;
}
#select-all-or-none{
	margin-left:10px;
}
#choose-consoles h1{
	color: #333;
	margin: 5px 0 0 10px;
}
#choose-consoles h2{
	margin: 5px 0 10px 10px;
	cursor:pointer;
	color:#00f;
	text-decoration:underline;
}
#choose-consoles h2:hover{
	color:#f00;
}
#choose-consoles li.selected{
	background-color:#75ae29;
}
#choose-consoles .hovered{
	color:#00f;
}
#choose-consoles .hidden{
	display:none;
}
ul#console-groups li{
	cursor:pointer;
}
ul#console-groups>li{
	float:left;
	margin:0 10px 10px 10px;
	width:150px;
}
ul#console-groups>li ul li{
	margin-left:1em;
}
#choose-consoles ul{
	list-style-type:none;
}

/*-------------- formatting for autocomplete drop downs --------------*/
ul.ui-autocomplete {
    list-style-type: none;
    padding: 0 20px 0 0;   /* leave room for the vertical scroll bar */
    margin: 0;
}
ul.ui-autocomplete li.ui-menu-item {
    text-align: left;
}
ul.ui-autocomplete li.ui-menu-item a {
    color: black;
}

/*-------------- button styling --------------------------*/
.button, .button:visited {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-family: Tahoma,Arial,Arimo;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
	position: relative;
	cursor: pointer;
	margin:5px;
	overflow: visible;
}
.button:hover{
	background-color: #111;
	color:#fff;
}
.button:visited:hover {
	color:#fff;
}
.button:active{
	top: 1px;
}
.button, .button:visited, .medium.button, .medium.button:visited {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	color:#fff;
}
.large.button, .large.button:visited {
	font-size: 16px;
	padding: 8px 14px 8px 14px;
}
.medium.button, .medium.button:visited {
	font-size: 14px;
	padding: 6px 10px 6px 10px;
}
.blue.button, .blue.button:visited{
	background-color: #0174d5;
}
.blue.button:hover{
	background-color: #025dab;
}
.opaque.button, .opaque.button:visited{
	background-color: #b1d4f2;
}
.orange.button, .orange.button:visited{
	background-color: #fe6915;
}
.orange.button:hover{
	background-color: #fb8e09;
}

/*
 * The following CSS rules are designed to replace oft-used HTML img tags
 * so that those images can be embedded into the CSS monolith thus reducing
 * the number of HTTP network roundtrips necessary to render our pages.
 * This is strictly a performance optimization.
 */
.icon-cross {
    height: 16px;
    width: 16px;
    display: inline-block;
    background: top left no-repeat url(/static/images/icon-cross.png);
}
.icon-throbber {
    height: 16px;
    width: 16px;
    display: inline-block;
    background: top left no-repeat url(/static/images/throbber.gif);
}