body{
	background-color:#303030;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size: 10px;
	line-height:12px;
	margin:0;
	padding:0;
}
h1{
	font-weight:bold;
	font-style:italic;
	height:11px;
	line-height:11px;
	margin:15px 0px 15px 0px;
	font-size:11px;
}
.featured{ background:url(../images/featured.gif) no-repeat top left; }
.search{ background:url(../images/search_results.gif) no-repeat top left; }
.cart{ background:url(../images/cart.gif) no-repeat top left; }
.signin{ background:url(../images/signin.gif) no-repeat top left; }
.about{ background:url(../images/about.gif) no-repeat top left; }
.newuser{ background:url(../images/newuser.gif) no-repeat top left; }
.manage{ background:url(../images/manage_account.gif) no-repeat top left; }
.contact{ background:url(../images/contact.gif) no-repeat top left; }
.checkout1{ background:url(../images/checkout1.gif) no-repeat top left; }
.checkout2{ background:url(../images/checkout2.gif) no-repeat top left; }
.checkout3{ background:url(../images/checkout3.gif) no-repeat top left; }
.coming{ background:url(../images/comingsoon_lg.gif) no-repeat top left; }
.released{ background:url(../images/newrelease.gif) no-repeat top left; }

h2{
    background-color:#383838;
    height:20px;
    line-height:20px; 
    font-size:12px;
    padding-left:7px;
    margin-bottom:10px;  
}
h3{
	margin-bottom:5px;
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
	font-style:normal;
	color:white;
	padding-bottom:3px;
	padding-left:5px;
	border-bottom: 1px solid #707070;
}
h4{
	font-weight:bold;
	font-size:11px;
	margin-bottom:10px;
	letter-spacing:2px;
	text-transform:uppercase;
}
#wrapper{
    position:relative;
	padding:0;
	width:750px;	
	margin:0 auto;
	background-color:#464646;
	border-bottom:5px solid #383838;
}
#header{
    background:url(../images/header.jpg) no-repeat center;
	width:100%;
	height:160px;
}
#header_links{ position:absolute; top:7px; right:10px; z-index:2; }
#logo_link{position:absolute; top:11px; left:13px; z-index:2;}

#platforms{
	position:absolute;
	top:139px;
	margin-left:25px;
	z-index:2;
}
.tab{ height:16px; width:137px; float:left; cursor:pointer; display:block;}
.tab.x360{background:url(../images/x360.gif) no-repeat center; border-right:1px solid #999999;}
.tab.ps3{background:url(../images/ps3.gif) no-repeat center; border-right:1px solid #999999;}
.tab.ps2{background:url(../images/ps2.gif) no-repeat center; border-right:1px solid #999999;}
.tab.psp{background:url(../images/psp.gif) no-repeat center; border-right:1px solid #999999;}
.tab.wii{background:url(../images/wii.gif) no-repeat center; border-right:1px solid #999999;}
.tab.ds{background:url(../images/ds.gif) no-repeat center; border-right:1px solid #999999;}
.tab.anime{background:url(../images/anime.gif) no-repeat center; border-right:1px solid #999999;}

#slider{
	height:4px;
	background-color:#8aae3e;
	width:0px;
	position:absolute;
	top:158px;
	font-size:0px;
	z-index:2;
}
.ql_title{ width:93px; padding-right:5px; text-align:left; float:left;}
.ql_plat{ width:35px; text-align:left; float:left; }
.ql_price{ width:37px; text-align:right; float:left; }

#footer_top{
	background: url(../images/footer_top.jpg) no-repeat center;
	height: 15px;
}
#footer_content{
	width:100%;
	background-color:#383838;
	height:40px
}

/* *************** CONTENT AREAS *************** */
#content{ width:100%;}
#left_content{
	padding:0px 5px 10px 10px;
	width:200px;
	float:left;
}
#right_content{
	padding:10px 0px 10px 5px;
	width:520px;
	float:left;
}

/* *************** FORMS & INPUTS *************** */
input{ font-size:8pt; }
form{ margin:0px; padding:0px;}
.left_text{width:164px; font-size:8pt; margin-top:5px;}
.left_select {width:170px; font-size:8pt; margin-top:5px;}
.form.text { width:168px;
		font-family:verdana;
		font-size:11px;
		background-color:#464646;
		border: 1px solid #666;
		color: #ccc;
		padding:2px}
		
.textarea { width:375px;
		height:150px;
		font-family:verdana;
		font-size:11px;
		background-color:#464646;
		border: 1px solid #666;
		color:#ccc;
		padding:1px;}

/* *************** COMMON CLASSES *************** */
a{color:#4dd5fb;}
a:hover{color:#3696b1;}
a img{border:none}
.footer_link{color:#707070; text-decoration:none}
.footer_link:hover{color:#707070; text-decoration:underline}
p{ margin:0px; padding:0; margin-top:8px; }

.button{ cursor:pointer; }
.under_rt{float:right; margin-top:7px; }
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; margin:0; padding:0; }
.topsp{ margin-top:7px; }
.topsp_lg{ margin-top:15px;}
.leftsp{ margin-left:10px; }
.lg_bold{ font-weight:bold; font-size:8pt; }
.green_text{ font-weight:bold; color:#8aae3e;}

.tbl{ border-collapse:collapse; width:100%;}

ul{ list-style:none; padding:0; margin:0; }
.links li{ line-height:20px; border-bottom:1px solid #464646; }
.links li a{ letter-spacing:3px; text-decoration:none; }
ul.cross_match li{ margin-top:5px; }
ul.bulleted{ list-style:disc; margin-left:25px; }
ul.bulleted li{ margin-top:5px; }

#plat_tabs{ width:100%; border-bottom:1px solid gray; margin-bottom:10px; height:26px; line-height:26px; }
.plat_tab{ 
    position:relative; z-index:2; width:150px; height:25px; line-height:25px; 
    margin-bottom:-1px; text-align:center; float:left; background-color:#404040;
    cursor:pointer; border:1px solid #383838; border-bottom:none;
}
.plat_tab.active{ border:1px solid gray; border-bottom: 1px solid #464646; background-color:#464646; }
.plat_tab a{ display:block; }
.plat_tab a:hover{ background-color:#464646 }
.games_tab{ background:url(../images/games.gif) no-repeat center; text-decoration:none; display:block; width:100%;}
.consoles_tab{ background:url(../images/consoles.gif) no-repeat center; text-decoration:none; display:block; width:100%;}
.acc_tab{ background:url(../images/accessories.gif) no-repeat center; text-decoration:none; display:block; width:100%;}

.pagination_links{ background-color:#383838; text-align:center; height:20px; line-height:20px;}

/* *************** PRODUCTS *************** */
.prod{
    width:230px; height:180px; 
    padding:15px 14px 0px 15px; 
    float:left; 
    border-right:1px solid #555555; 
    border-bottom:1px solid #555555; 
    font-size:7pt;
}
.prod.rht{ border:none; border-bottom:1px solid #555555; }
.prod_title{ font-size:10pt; margin-bottom:7px; }
.prod_thumb{ height:105px; padding:5px 7px 0px 0px; float:left; }
.prod_desc{ height:110px; }
.prod_price{ font-weight:bold; font-size:8pt; }

/* *************** MAIN PRODUCT DETAILS *************** */
.lbox{ 
    width:174px; height:174px; padding:3px;
    background-color:#404040;
    background-image:url(../common/images/lbox/unavail.gif);
    background-position:center;
    background-repeat:no-repeat;
}
#esrb_details{ margin-top:7px; float:left; }
.esrb_image{ float:left; }
.esrb_desc{ margin-left:7px; float:left; width:100px; }
#product_details{ width:322px; float:right; }

.product_sec{ margin-top:10px; }
.product_sec_title{ height:12px; line-height:12px; width:100%; background-color:#383838; margin-top:10px; }
.prod_sec_content{ margin-top:7px; }

.try_image{ 
    background-color:#404040; width:105px; height:105px; 
    background-repeat:no-repeat; background-position:center; 
    float:left;
}

/* *************** PLATFORM / BY TITLE *************** */
#idList {
	margin: 0px;
	padding: 0px;
	list-style:none;
	height:25px;
} 
#idList li 
{
	float:left;
	margin: 0px;
	border-right:1px solid #404040;
	font-weight:bold;
	text-align:center;
	background: #383838;
	color: #888;
}
.title_anchor
{
    color: #aaa;
    text-decoration:none;
    display:block; width:19px; height:25px; line-height:25px;
}
.title_anchor:hover{ color:#aaa; background-color:#666; }

/* *************** BOXES *************** */
/* set the image to use and establish the lower-right position */ 
.box, .box_lg, .box_body, .box_head, .box_head h4 {
    background: transparent url(../images/bubble_back.gif) no-repeat bottom right; 
} 
.box { 
    width: 185px !important; /* intended total box width - padding-right(next) */
    margin-top:10px;
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
} 
.box_lg { 
    width: 505px !important; /* intended total box width - padding-right(next) */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
} 

/* set the top-right image */ 
.box_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 12px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_head h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 10px 0px 0px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.box_body { 
    background-position: bottom left; 
    margin-right: 0px; /* interior-padding right */ 
    padding: 5px 0px 10px 15px; /* mirror .cssbox_head right/left */ 
}

/* *************** BASKET / CHECKOUT *************** */
#page_table{width:100%; border-collapse:collapse;}
#page_table thead{ background-color:#383838; color:#f1ffaf; }
#page_table th{ padding:3px; border-right:1px solid #404040; }
#page_table .alt{ background-color:#404040; }
#page_table td{ padding:5px 2px 5px 2px; text-align:center; }
#page_table .title{ text-align:center; }
#page_table .cost{ text-align:right; font-size:8pt;}
#page_table .sub{ text-align:right; font-size:11px; font-weight:bold; border-top:1px solid gray; color:#8aae3e;  } 

.error{ color:red; padding:5px; background-color:white; font-weight:bold; margin-bottom:15px; text-align:center;
    border:1px solid black; }
    
#cust_info { border-collapse:collapse; }
#cust_info td{ margin:0px; padding:2px;}
#cust_info td.label{ width:110px; text-align:right; color:#8aae3e; font-weight:bold; }
#cust_info .form_text{ width:130px; }
#cust_info .form_select{ width:134px; }
.info_box{position:absolute; visibility:hidden; width:200px; top:0px; left:0px; background-color:#303030; border:1px solid gray; z-index:5}
.info_bar{padding:3px; text-align:right; background-color:#404040}

.q_box{ width:100%; background-color:#464646; padding:2px 0 2px 0; }
.q_graphic{ float:left; height:20px; width:50px; background:url(../images/Q.gif) no-repeat center;}
.question{ margin-left:50px; width:420px; border-left:1px solid black; padding:7px 0 7px 10px; }
.a_box{ width:100%; background-color:#404040; padding:2px 0 2px 0; margin-bottom:10px; }
.a_graphic{ float:left; height:20px; width:50px; background:url(../images/A.gif) no-repeat center; }
.answer{ margin-left:50px; width:420px; border-left:1px solid black; padding:7px 0 7px 10px; }