@charset "UTF-8";
/* Reset
----------------------------------------------- */
html{color:#000;background: #F7F7F7 url(assets/body_bg_gradient.gif) repeat-x;}
a { color: #000; cursor:pointer;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color:#5A8EFB; text-decoration: underline; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;color:#333333;}
/*body{width:960px;margin:0 auto;}*/
body > div{text-align:left;margin-right:auto;margin-left:auto;} 
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul , li{list-style-image:none;list-style-image:none;list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}
legend{color:#000;}
a:focus,object,h1,h2,h3,h4,h5,h6{-moz-outline-style: none; border:0px;}
input[type="Submit"]{cursor:pointer;}
strong {font-weight: bold;}

html, body{
	line-height: normal;
	letter-spacing: normal;
	font:Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
.clearer{clear:both;}
.relative{position:relative;}
/* Structure
----------------------------------------------- */
#globalmenu{height:24px;width:100%;margin:1px auto;background:url(assets/globalmenu_bg.gif) repeat-x;border-bottom:1px solid #d0d0d0;}
#globalmenu .globalmenu-content{width:960px;margin:0 auto;height:24px;line-height:24px;}
#globalmenu .globalmenu-content a {margin:0 10px;}

#header,#breadcrumbs,#content,#footer {
	margin:0 auto;
	width:960px;
}

#main {
	width:760px;
	margin: 0px auto 0 auto; text-align: left; overflow: hidden; 
}

.maincol {
  float:left;
  width:630px;
  margin:0;
  padding:0;
  position: relative;
  }

.maincol h2{line-height:1.2em;}

.subcol {float:right;width:300px;margin:0;padding:0;}

.xcol {float:right;width:282px;}
  
.col-M .maincol {float:none;width:100%;}
.col-SM .xcol, .col-MS .xcol, .col-M .subcol, .col-M .xcol {display:none;}
.col-SM .maincol, .col-SMX .maincol {float:right;}
.col-SM .subcol, .col-SMX .subcol {float:left;}
  
.col-MS .maincol{ width:650px; }  
.col-MS .subcol{ width:300px; }  
  
.col-MSX .wrap, .col-SMX .wrap {float:left;width:668px;}
.col-MSX .maincol, .col-SMX .maincol {width:470px;}
.col-MSX .subcol, .col-SMX .subcol {width:188px;}

#main .wrap {float:left;width:760px;}

#main .xcol {float:right;width:201px;line-height:1.5em;} 

#home .wrap{float:right; width:770px;}

#home .maincol{float:left; width:460px;}
#home .subcol{width:180px;position:relative;}
#home .xcol{width:300px;}

.wrapper, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col {
width:100%;
}
#home .grid2col {width:770px;clear:both;}
#home .grid3col .wrap, #home .grid4col .wrap{float:left; width:650px;}
#content .upper{margin:0 0 8px;}

#media-page .maincol{ 
	padding:0 16px; 
	width:670px; 
	w\idth:638px;
    line-height:1.6em;
    overflow: hidden;
}  

#media-page .subcol{ 
	width:300px; 
}

.col-MSX .xcol a:link,.col-MSX .xcol a:visited,.col-MSX .subcol a:link,.col-MSX .subcol a:visited{
	border: none;
}

.col-MSX .xcol a:hover,.col-MSX .subcol a:hover{
text-decoration:underline;
}

/* Clearfix start */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */

/* end of clearfix */
.center { margin-right: auto; margin-left: auto; } 

#footer {clear: both;border-top:1px solid #DDDDDD;text-align:center;margin: 20px auto;padding:20px 0 10px;}
#page #footer{padding:20px 0 40px;}
#footer ul{}
#footer li{display:inline;padding:0 10px;}
#footer li + li {border-left:1px solid #888888;}
#footer ul li.scroll {left:160px;margin:0;padding:0;position:relative;border:none;}
#footer li a {vertical-align:1px;}
#footer a{color:#0088cc;text-align:center; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer p.legal {
clear:left;
margin-top:10px;
line-height:150%;
}
#footer p.tongji {
clear:left;
margin-top:10px;
}
/* FORMS
================================================== */

input.searchField {
	padding-top: 8px;
	padding-left: 6px;
	border: 0px;
	height: 22px;
	color: #000;
	font-weight:bold;
}

input.searchSubmit {
	padding: 0px 20px 1px 20px;
	border: 0px;
	height: 22px;
	cursor: pointer;
	font-weight: bold;
}
#header_search .submitsd,
#header_search .submitsd_on,
#searchField .submitsd,
#searchField .submitsd_on{
	float: left;
	height: 30px;
	padding-left: 2px;
	cursor: pointer;
}
input.searchGo {
	width: 50px;
	height: 30px;
	border: 0px;
	margin-left: -3px;
}
input.searchField.focus{
	color: #000000;
}

input.searchSubmit {
	color: #fff;
}
#header_search .submitsd_on input,
input.searchSubmit:hover{
	color: #0f4097;
}
#spotlight,
input.searchSubmit,
#header_search .submitsd,
#header_search .submitsd_on,
input.searchField,
#searchField .submitsd,
#searchField .submitsd_on,
span.styledCheckbox,
.btn_clearSearch {
	background: transparent url(assets/sprites/forms.png) no-repeat;
}

#spotlight {background-position: 0px 0px;}
#spotlight.focus {background-position: 0px -50px;}
#searchField input.focus {background-position: 0px -50px;}
input.searchSubmit {background-position: right -100px;}
#header_search .submitsd {background-position: -510px 0px;}
#header_search .submitsd_on {background-position: -510px -50px;}
#searchField .submitsd {background-position: -510px 0px;}
#searchField .submitsd_on {background-position: -510px -50px;}
#header_search .submitsd_on input, input.searchSubmit:hover {background-position: right -150px;}
#header_search .submitsd_on input, input.searchSubmit:active {background-position: right -200px;}
#searchField .submitsd_on input, input.searchSubmit:hover {background-position: right -150px;}
#searchField .submitsd_on input, input.searchSubmit:active {background-position: right -200px;}

input.searchGo {
	background-position: -755px -2030px ;
}

.btn_clearSearch {background-position: 0px -450px;}
/* HEADER
================================================== */

#navigation {
	height: 118px; /* +1px drop shadow that needs to overlay main content */
	margin-bottom: 8px; /* -1px drop shadow that needs to overlay main content */
	background: transparent url(assets/navigation_bg.png) 0 5px no-repeat;
}

#navigation div.logo {
	width: 250px;
	height: 64px;
	float: left;
	margin-left: 1px;
	display: inline;
	background: transparent url(assets/logos/logo.gif) no-repeat;
}

#navigation div.logo a {
	display: block;
	width: 250px;
	height: 64px;
}
#top {
	margin: 3px 0 0;
	float: right;
	width: 648px;
	padding-left: 0px;
}

#top ul {
	display:block;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0.2em;
	width:70%;
}

#top li {
	display:inline;
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#top li a {
	border-right:1px solid #E3EAE8;
	color:#000000;
	display:block;
	font-size:12px;
	padding:0 0.9em 0 0.9em;
	vertical-align:middle;
	text-decoration: none;
}
#top li a:hover{
	text-decoration: underline;
}
#top li a.endright {
	border-right:medium none;
	color:#000000;
	display:block;
	font-size:12px;
	padding:0 0 0 0.9em;
	vertical-align:middle;
}
#top .tel {
	background:transparent url(assets/tel.gif) no-repeat scroll 0 50%;
	color: #999;
	display:block;
	font-size:14px;
	font-weight: bold;
	padding:0 0 0 35px;
	vertical-align:middle;
}
#top img {
	float:left;
}
#utils {
	margin: 0;
	float: right;
	width: 688px;
	padding-left: 0px;
	margin-left: 0px;
}
#slogan {
	margin-right: 4px;
	width: 320px;
	height: 30px;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	position: relative;
}

#slogan dt {
	position: absolute;
	top: 14px;
	left: -5px;
	font-size: 14px;
	font-weight: bold;
	color: #272727;
}

#slogan dd.totalGames {
	/* display: none; */
	font-weight: bold;
	position: absolute;
	text-transform: lowercase;
	letter-spacing: normal;
	font-size: 12px;
	color: #1a1a1a;
	top: 7px;
	right: 8px;
	width: auto;
	height: auto;
	left: auto;
	padding: 0;
}
#slogan dd {
	display: block;
	position: relative;
	height: 22px;
	left: 133px;
	padding: 7px 0px 0px 6px;
	width: 150px;
	cursor: pointer;
}
#header_search {
	padding-top: 5px;
	height: 30px;
	float: right;
	
}

#header_search input.searchSubmit {
	height: 30px;
}

#header_search input.searchField {
	padding-left: 30px;
	width: 200px;
	float: left;
}
/* ---------- Mega Drop Down --------- */
#menu {
padding-top: 8px;
	margin-left: 40px;
	padding-left: 1px;
	height: 45px;
	float: left;
	width: 900px;
}
/* ----- Menu Buttons ----- */
#menu li,
#menu li a {
	display: block;
	height: 38px;
	width: auto;
	color: #141414;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
	background: transparent url(assets/sprites/navigation.gif) no-repeat;
}

#menu li {
	float:left;
	margin-top: 4px;
	margin-left: -1px;
	padding-right: 10px;
	position:relative;
	background-position: right 0px;
}

#menu li a {
	padding: 10px 20px 0px 20px;
	height: 28px;
	text-indent: 10px;
	text-align: center;
	background-position: left 0px;
}

#menu li a span {
	display: block;
	margin: 0;
	padding: 0;
	height: 13px;
	background-image: none;
}

#menu li.drop a span {
	padding-right: 16px;
	background: transparent url(assets/sprites/navigation.gif) no-repeat scroll right -224px;
}

#menu li:hover,
#menu li:active,
#menu li:hover a,
#menu li:active a,
#menu li.drop:hover,
#menu li.drop:active,
#menu li.drop:hover a,
#menu li.drop:active a,
#menu li.active,
#menu li.active a {
	color: #fff;
}
#menu li:hover,
#menu li.active {
	background-position: right -46px;
}

#menu li:hover a,
#menu li.active a {
	background-position: left -46px;
}

#menu li:active {background-position: right -92px;}
#menu li:active a {background-position: left -92px;}

#menu li.drop:hover, 
#menu li.drop:active {
	background-position: right -138px;
}

#menu li.drop:hover a, 
#menu li.drop:active a {
	background-position: left -138px;
}


#menu li.active a span,
#menu li.drop:hover a span, 
#menu li.drop:active a span {
	background-position: right -237px;
}
/* Reset styles for second level nav elements */
#menu li div,
#menu li div li,
#menu li div a,
#menu li div a span {
	background-image: none;
}
#menu li div li,
#menu li div a,
#menu li div a span {
	display: inline;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	color: #000;
	font-weight: normal;
	text-align: left;
	text-transform: none;
}
#menu li:hover div li a,
#menu li.drop div li a,
#menu li div li a,
#menu li:hover{
	color: #626262;
	text-decoration: none;
}
#menu li div {
	margin: 0;
	padding: 0;
}
#menu li div.sub_nav,
#menu li div.sub_nav div,
#menu li.games div.sub_nav div div.featuredAreas div.featuredGame,
#menu li.games div.sub_nav div dt,
#menu li.games div.sub_nav div dd a:hover,
#menu li.studio div.sub_nav li a:hover {
	background: transparent url(assets/sprites/main_navigation.png) no-repeat;
}
/* Reset styles for child div elements */
#menu li div.sub_nav div div {
	background-image: none;
}
/* ----------- Hide/Show Div ---------- */
#menu li div.sub_nav {
	position:absolute;
	left:-999em;
	margin-top:0px;
	padding:0 22px 14px 0;
	z-index:999;
}
/* wrapper div for content inside sub menu */
#menu li div.sub_nav div {
	padding-top: 0px;
	padding-left: 5px;
	margin-left: 8px;
	margin-right: 12px;
	border-top: 4px #5898F3 solid; /* add blue border-top to sub menu wrapper */
}
/* reset inner divs */
#menu li div.sub_nav div div {
	border: none;
	padding: 0px;
	margin: 0px;
}
#menu li:hover div {
	left:0px;
	top:auto;
}
#menu li.dif:hover div {
	left:-15px;
}
/* ----- Menu - Games drop down ----- */
#menu li.games div.sub_nav {
	/*width: 640px;*/
	width: 330px;
}
#menu li.games div.sub_nav div {
	padding-bottom: 10px;
	overflow: hidden;
}

#menu li.games div.sub_nav div div.featuredAreas div.featuredGame {
	margin: 10px 0px 0px 0px;
	padding: 10px 14px 18px 12px;
	padding-left: 13px;
	width: 118px;
	height: 120px;
}

#menu li.games div.sub_nav div.featuredAreas img {
	margin: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

#menu li.games div.sub_nav div.featuredAreas,
#menu li.games div.sub_nav div dl {
	float: left;
	border-top: none;
}

#menu li.games div.sub_nav div.featuredAreas {
	width:287px;
	padding: 10px;
	border-top:1px solid #ddd;
}


#menu li.games div.sub_nav div dl {
	margin-top: 10px;
/*	margin-bottom: 10px; */
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #ddd;
	border-top: 0px;
	/*float: left;*/
	height: 191px;
}

#menu li.games div.sub_nav div dl.none_lb{
	border:none;
}


#menu li.games div.sub_nav div dt {
	padding: 10px;
	margin-bottom: 6px;
	width: 60px;
	height: 9px;	
}

#menu li.games div.sub_nav div li a,
#menu li.games div.sub_nav div dd a {
	display: block;
	padding-top: 4px;
	padding-bottom: 1px;
	padding-left: 10px;
	width: 70px;
	height: 19px;
	color: #626262;
	text-decoration: underline;
	font-style: normal;
	font-size: 12px;
}
#menu li.games div.sub_nav div dd a:hover {
	color:#FFFFFF;
	font-weight:bold;
}
#menu li.games div.sub_nav div dt {
	color: #0f0f0f;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
}

#menu li.games div.sub_nav div div.featuredAreas a {
	text-decoration: underline;
	font-weight: bold;
	color:#226BD7;
}
#menu li.games div.sub_nav div div.featuredAreas a:hover {
	color:#0096FF;
}

#menu li.games div.sub_nav div div.featuredAreas div.featuredGame {
	color: #0F0F0F;
	text-align: center;
	text-indent: 0px;
}
#menu li.games div.sub_nav div div.featuredAreas div.featuredGame a {
	font-weight: bold;
	text-indent: 0px;
}
#menu li.games dd,
#menu li.games .featuredAreas li {
	background: transparent url(assets/sprites/icons_bullets.png) no-repeat scroll -88px -111px;
}

/* IMAGES & THUMBNAILS
================================================== */
#sidebar img,
#menu li.studio div.sub_nav a img,
#menu li.games div.sub_nav div li.featuredGame img{
	background-image: url(assets/sprites/image_backgrounds.png);
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 5px;
}


#menu li.games div.sub_nav div li.featuredGame img.music{
	background-position: -200px -700px;
	display: block;
	height: 66px;
	width: 66px;
}

#menu li.games div.sub_nav div div.featuredAreas img.video{
	padding: 12px 5px;
	height: 52px;
}
#menu li div.sub_nav,
#menu li div.sub_nav div,
#menu li.games div.sub_nav div div.featuredAreas div.featuredGame,
#menu li.games div.sub_nav div dt,
#menu li.games div.sub_nav div dd a:hover,
#menu li.studio div.sub_nav li a:hover {
	background: transparent url(assets/sprites/main_navigation.png) no-repeat;
}
/* Reset styles for child div elements */
#menu li div.sub_nav div div {
	background-image: none;
}


/* ----- Games ----- */

#menu li.games div.sub_nav {
	background-position: -2px bottom;
}
#menu li.games div.sub_nav div {
	background: none;
}

#menu li.games div.sub_nav div dt {
	background-position: 0px -100px;
}

#menu li.games div.sub_nav div dd a:hover {
	background-position:0 -150px;
}

#menu div a:hover, #menu div a:focus, #menu div a:active {
	text-decoration:none;
}

/* Breadcrumbs */
.col-MS #breadcrumbs {
	width:640px;
}

#breadcrumbs ol {
	margin-bottom: 10px;
}

#breadcrumbs li {
	display: inline;
	padding-left: 10px;
	margin-right: 3px;
	background: transparent url(assets/sprites/icons_bullets.png) no-repeat 0px -497px;
}

#breadcrumbs li.home {
	padding-left: 20px;
	background-position: 0px 2px;
}

hr {
	border: 0px hidden transparent;
	height: 0px;
	border-top: 1px solid #dee1e2;
	margin-left: 0px;
}
/* Links
================================================== */
a.more{line-height:17px;padding:2px 23px 2px 10px;background:transparent url(assets/sprites/buttons_links.png) no-repeat scroll 0 0;}
a.more {background-position:right 0;}
	a:hover.more {background-position: right -50px;}
	a:active.more {background-position: right -100px;}
	
/* SIDEBAR
================================================== */

#sidebar h2 {
	background: #f4f4f4 url(assets/sprites/sidebar_header.png) no-repeat left 0px;
}

/* MAIN
================================================== */
#text a.permalink { overflow:hidden; width:auto; height:0px; padding-left:18px; background:#fff url(images/icon_comment.gif) no-repeat top left; margin-right:2px; border-bottom:none; }
#text a.permalink:hover { background-position:bottom left; }
#text a.order{text-align:center;color:#000;font-weight:bold;padding:6px 36px;margin-left:10px;background:url(images/internet_btn.gif) no-repeat;}

#text { padding:5px 16px;}
#text p {clear:both;text-align:justify; text-justify:inter-ideograph; overflow:hidden; font-size: 14px; line-height: 180%; word-wrap:break-word; word-break:break-all;}
#text div.summary{margin:15px 0 0; height:auto; padding:12px 5px 6px; line-height:23px; font-size:14px; border:1px solid #dcdddd;}
#text div.summary img{float:left;margin-right:10px;}
#text div.summary p{clear:none;margin:0;line-height:150%;}

#text h1 {font-size:22px; color:#000; font-weight:normal; margin: .6em 0 0.2em;}
#reviews #text h1{margin-top:.2em;}
#text span.info{font-size:12px;color:#717171;}
#text hr { clear:both; width:100%; color:#fff; background:none; border:none; margin:.5em -1px 0;  }
/*
#text img {
max-width:614px;
width:614px;
width:expression(document.body.clientWidth>614?"614px":"auto");
overflow:hidden;
}
*/
#text .tags {margin:20px 0 7px;padding: 10px 0 0;overflow:hidden;width:100%;border-top:1px dashed #ccc;}
#text .tags h4 {padding:0 6px 0 4px;font-size:14px;}
#text .tags h4 a{font-weight:bold;color:#5797F3;}
#text .tags ul {margin:10px 0 0;}
#text .tags li{margin: 0;padding:0 0 5px 12px;line-height:1.5em; background:url("images/bullet-1.gif") no-repeat transparent;}
#text .tags a{font-size:14px;padding:0 10px 0 5px;}
#text .tags a:hover{color:#5797F3;}

#article-navigator-single {
	clear:both;
	line-height:20px;
	margin:10px 0;
	padding:0;
	width:100%;
}

#article-navigator-single .alignleft {
	float:left;
	height:20px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:45%;
	text-align:left;
	font-size:14px;
}

#article-navigator-single .alignright {
	float:right;
	height:20px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:45%;
	text-align:right;
	font-size:14px;
}
/* Vertical thumbnail list 
===================================== */
.verticalList2,.verticalList{
	width:615px;
}
.verticalList li{
	clear: both;
	padding: 10px 0 5px;
	background-color: #FFFFFF;
	border-color: #d5d5d5;
	border-style: solid;
	border-width: 0px 0px 1px;
	overflow: hidden;
}
.verticalList2 li {clear:both;padding:5px 0;overflow:hidden;text-align:right;}
.verticalList2 li a {float:left;font-size:14px;}
a.catname {color:#999; margin-right:10px;}
.spacing{margin:15px 0 5px;border-top:1px dashed #d5d5d5;height: 1px;overflow:hidden; width:100%;}
.time{color:#878787;}
.verticalList li div.clear{
	float: none;
	padding: 0px;
	width: auto;
}
.verticalList h4 {
	margin-bottom: 4px;
	font-size:14px;
}
.verticalList h4 span{float:right;color:#999; font-weight:normal;}
#browserResultsList a.pack,
.verticalList a.thumb{
	display: block;
}
#browserResultsList a.pack{
	margin: 0px 10px 10px 0px;
	float: left;
}
.verticalList a.thumb{
	float: right;
}
.verticalList li p{
	margin:10px 0;
	font-size:12px;
	}
.verticalList li div{
	float: left;
	width: 509px;
}
.verticalList li.noimage{
	height: auto;
}
.verticalList li.noimage div{
	float: none;
	width: auto;
	height: auto;
}
.verticalList .tagFooter {
	margin-left: -1px;
	margin-top: 5px;
	overflow: hidden;
	float: none!important;
}

.tagFooter a{color:#226BD7;}

ul#filter { 
	float: left; 
	margin-left: 0; 
	width: 100%;
}
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 180%;
	margin: 0 6px 10px 0;
	padding: 0 10px 0 0;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { font-size: 14px;}

/*horizontalList-list*/
.horizontalList{width:615px;padding:10px 0;}
.horizontalList li{width:12%;display:inline;padding: 10px 10px 5px 0;line-height:180%;}
.horizontalList li a{font-size:14px;}

/*newsletter-list*/
.newsletter-list{padding:10px 0 0 0}
.t-editor{padding:0}
.newsletter-list li{width:19%;text-align:center;display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin-bottom:15px}
.newsletter-list li span{padding:6px 0;display:block}
.newsletter-list li a{color:#474747;font-weight:bold;}
.newsletter-list li a:hover{color:#5898F3;}
.newsletter-list li a img{width:97px;height:118px;padding:2px;border:1px solid #efefef;}
.newsletter-list li a:hover img{border:1px solid #3493f1}.newsletter-list li a:hover{_color:#3493f1}
.list-four li{width:24.5%;margin-bottom:10px;position:relative}
.list-four .bd{padding-bottom:0}

/* TABS
================================================== */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/blue.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/* BUTTON
================================================== */
.btnHolder{
	float:right;
	cursor:pointer;
	margin-left:10px;
}
.mainBtnLft{
	float:left;
	width:9px; height:25px;
	background-image:url(images/btn_left.gif);
	background-repeat:no-repeat;
}

.mainBtnRt{
	float:left;
	width:9px; height:25px;
	background-image:url(images/btn_right.gif);
	background-repeat:no-repeat;
}

.mainBtnMid{
	float:left;
	padding:0px 7px 7px 8px;
	background-image:url(images/btn_bg.gif);
	background-repeat:repeat-x;
	font-weight:normal; 
	color:#333333; 
	text-decoration:none;
}

a.mainBtnMid:hover, a.mainBtnMid:visited, a.mainBtnMid:active, a.mainBtnMid:link{
	text-decoration:none;
}

.mainBtnMidIcon{
	float:left;
	padding-right:7px;
	margin-top:-1px;
}
.mainBtnMidIcon img {padding-top: 5px;}

/* PAGE COMPONENTS
================================================== */

/* LI Styling */

#list ol.simpleList {
	padding: 0px;
	margin: 10px 0;
}
#list ol.simpleList + ol.simpleList {
	padding-left: 13px;
}

.simpleList li {
	float:left;
	width:150px;
	padding-left: 15px;
	margin:5px 0;
	line-height: 180%;
	background: transparent url(assets/sprites/icons_bullets.png) no-repeat scroll -92px -271px;
}
.simpleList li a{font-size:14px;}

/* Comments
----------------------------------------------- */
.commentlist {width:auto; padding:0 10px;}
#comments h2 {
	float:left;
	font-size:20px;
	font-weight:bold;
	padding:11px 0 12px;
}
#comments h5, .commentlist h5 {
	border-bottom:1px solid #D4D7D9;
	color:#131313;
	font-size:14px;
	padding:10px 0 5px;
}

.commentmain {
	border-bottom:1px dotted #999;
	clear:both;
	height:100%;
	margin-bottom:10px;
	overflow:hidden;
	padding:5px 0 5px 10px;
}
.comment_left {
	float:left;
	width:60px;
	padding-right:15px;
}
.comment_author {
	padding:5px 0;
}
.comment_author img{}
.comment_author strong, .comment_author strong a {
	font-size:14px;
	}
.commet_right {
	border-left:1px dotted #999;
	float:right;
	width: 510px;
	min-height:30px;
	padding:0 0 0 15px;
}
.thecomment{color:#999;}
.comment_act{clear:both;color:#999999;float:right;margin-top:-16px;padding-right:10px;position:relative;}
.comment_body {
	margin:0;
	line-height:180%;
}
.avatar {
	display:block;
}
.comment_left small {
	font-size:12px;
}

.comment_body blockquote {padding:10px;}
.comment_body p.cite {color:#004488; display:list-item; padding:0 5px 0 0; list-style-image: url(images/open_quotes.gif); background: url(images/close_quotes.gif) bottom right no-repeat;}
.comment_body blockquote[cite]:after {display: block; font-size:0.9em; color:#0088cc; text-align:right;}
/* Bottom Search
================================================== */
.utilityBar {
	height: 45px;
	width: 960px;
	margin: 0px auto;
	background: transparent url(assets/sprites/footer.png) no-repeat;
}
.utilityBar h4 {
	margin: 7px;
	width: 60px;
	height: 30px;
	float: left;
}

.utilityBar h4 a {
	display: block;
	width: 170px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url(assets/sprites/footer.png) no-repeat scroll 0px -50px;
}

#footer_search {
	margin-top: 7px;
	margin-right: 7px;
	padding-left: 20px;
	height: 34px;
	float: right;
	width: auto;
}

#footer_search input {
	border: 0px;
	display: block;
	float: left;
}

#spotlight-footer {
	color: #717171;
	padding-left: 30px;
	width: 350px;
	height: 22px;
	padding-top: 8px;
	background: transparent url(assets/sprites/footer.png) no-repeat scroll 0px -100px;
}

#footer_search input.searchSubmit {
	padding: 0px 20px 0px 20px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	background: transparent url(assets/sprites/footer.png) no-repeat scroll right -100px;
}
#footer_search .submitsd,
#footer_search .submitsd_on{
	float: left;
	height: 30px;
	padding-left: 2px;
	cursor: pointer;
	background: transparent url(assets/sprites/footer.png) no-repeat scroll 0px -100px;
}
#spotlight-footer.focus {background-position: 0px -150px;}
#footer_search .submitsd {background-position: -510px -100px;}
#footer_search .submitsd_on {background-position: -510px -150px;}
#footer_search .submitsd_on input, #footer_search input.searchSubmit:hover {background-position: right -150px;}
#footer_search .submitsd_on input, #footer_search input.searchSubmit:active {background-position: right -150px;}

#footer_search .submitsd_on input, #footer_search input.searchSubmit:hover, #footer_search input.searchSubmit:active{
	color: #0f4097;
}
/* SITE LINKS
================================================== */

#global_footer {
	position:relateve;
	margin: 0px auto;
	width: 960px;
	background:#FFFFFF url(images/box_full_bg.png) repeat-y scroll 0 0;
	font-size: 14px;
	line-height:30px;
	height:30px;
	text-align:center;
	overflow: hidden;
	border-bottom:1px solid #DEE1E2;
}

#global_footer a:link {color: #000;}
#global_footer a:visited {color: #000;}
#global_footer a:hover {color: #5b5b5b;}
#global_footer a:active {color: #000;}

#global_footer dl {
	border-right: 1px solid #e9e9e9;
	padding: 13px 17px;
	width: 130px;
/* begin Min Height Fast Hack */
	min-height: 207px;
	height: auto !important;
	height: 207px;
	/* end Min Height Fast Hack */
	float: left;
}

#global_footer dt {
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
}

#global_footer dd + dt {
	margin-top: 14px;
}

#global_footer dd {
	line-height: 1.55;
}

/* This background image is not global! If it needs to be, we can move it out 
 * of the icons_bullets.png sprite and have it be its own file. The same goes 
 * for the "More Info" and "Add to Cart" button graphics. */
#global_footer dd.rss a {
	padding-right: 16px;
	background: transparent url(assets/sprites/icons_bullets.png) no-repeat scroll right -150px;
}

/* HIGHLIGHT AREA
================================================== */

#global_footer .highlight {
	width: 269px;
	padding: 9px 12px;
	float: right;
}

#global_footer .highlight h2 {
	font-size: 16px;
}

#global_footer .highlight h4 {
	font-size: 12px;
}

#global_footer .highlight img.main {
	margin-top: 6px;
	margin-bottom: 6px;
}

#global_footer .highlight ul.platforms li {
	display: inline;
	color: #717171;
}

#global_footer .highlight ul.platforms li:after {
	content: ", ";
}

#global_footer .highlight ul.platforms li.last:after {
	content: "";
}

#global_footer .highlight p.desc {
	margin-bottom: 10px;
	color: #141414;
	font-size: 11px;
}
#global_footer .highlight a.btn_info{
	margin-right: 3px;
}
#global_footer .highlight a.btn_info,
#global_footer .highlight a.btn_addcart {
	float: right;
}
/* typography
-----------------------------------------------*/
.hc3{padding:7px 0;}
.hc3 p, .hc4 div a{line-height:1.6;}
.hc3 p, mt5{margin-top:5px; }
.fl{float:left;}
.hc3 img.fl, .hc4 img{border:1px solid #ccc;}
.mr10{margin-right:10px;}
.hc4 img {display:block;}

.clr, .hc4{clear:both;}
.mt10{margin-top:10px;}
.lrm {margin:0 -10px;}
.lm {margin-left:-10px;}
.dot li{display:block; line-height:1.8; background:transparent url(images/dotg.gif) no-repeat left center;padding-left:15px;}
.col2 li {float:left; width:46%; height:22px; overflow:hidden;}

.hcr {float:left;clear:right;width:295px;}
.hcc {float:left; margin-left:10px;width:315px;}
.hc3 h6{width:130px; height:14px; overflow:hidden;}
.hc4{padding:5px 0;}
.hc4{text-align:center;}
.hc4{overflow:auto;}
.hc4 h2{text-align:left;}
.hc4 div{margin:0 auto;}
.hc4 div, .hc4 div a{vertical-align:top;}
.hc4 div a{float:left !important;margin-bottom:5px;_margin:5px 0;}
.hc4 .L4 a {width:19.9% !important; height:110px; overflow:hidden;}
.hc4 img {margin:5px auto;}
.hc4 .L2 {position:relative;}
.hc4 .L2 a{width:49.85% !important; height:110px; overflow:hidden;}

.ad_r_300 {margin:5px 0 10px;}
.ad_r_300 img {width:300px; height:260px;}
.full_ad, .ad_f_770 {margin-bottom:10px;}
.top_ad{width:960px;margin:0 auto;}
.mb{margin_bottom:10px;}

a.zi {display:block;text-align:center;}
/* Pages
================================================== */
#pages { margin:15px auto; text-align:center; clear:both;}
#pages a { padding:3px 6px 2px; margin:3px; border:1px solid #999; text-align:center; color:#5898F3;}
#pages a.now{ background:#5898F3; color:#fff; border:0;}
#pages a:hover,#pages a.now:hover { background:#5898F3; color:#fff;}

#footpanel,#footpanel a.home,#footpanel a.online,#searchArea .submitsd,#searchArea input.searchIcon,#s,#footpanel a.chat,#toplink a{background:transparent url(assets/sprites/footer.png) no-repeat scroll;}
#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background-position: 0 -200px;
	width: 58%;
	height:35px;
	margin: 0 21%;
}
 
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
 
#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 34px; width: 16px;
	text-decoration: none;
	position: relative;
}
/*html #footpanel ul li a:hover{	background-color: #FF96C1; }*/
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 35px;
	margin-top: -12px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #D8D9DA;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}

#footpanel a.home{width:28px;padding:0 5px;margin-left:10px;background-position: -890px -245px;border-right: 1px solid #bbb;}

#footpanel a.online{width:142px;padding:0;background-position: 0 -245px;border-right: 1px solid #bbb;} 

#footpanel a.chat{	
	width:40px;
	padding:0 5px;
	background-position: -678px -245px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}
a.alerts{	background: url(newspaper.png) no-repeat center center;	 }
 
#footpanel li#chatpanel, #footpanel li#alertpanel,#footpanel li#searchArea,#footpanel li#toplink {float: right; }  /*--Right align the chat and alert panels--*/

#searchArea {float:left;width:155px;margin-left:10px;}
#footpanel input[type="Submit"]{cursor:pointer;}

#s{float:left;border:none;background-position: -730px -252px;_background-position: -730px -254px;height:18px;padding:3px 5px 1px;width:95px;margin:6px 10px 0 0;}

#searchArea .submitsd{float: left;cursor: pointer;background-position: -844px -245px;}
#searchArea input.searchIcon {background-position: -844px -245px;height:30px;width:28px;border:none;} 

#footpanel #toplink a{width:28px;margin:0 10px;padding:0;background-position: -928px -245px;}

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -33px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}
 
 
#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/
 
#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 220px;
	border: 1px solid #D8D9DA;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #FF95C3;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 12px;
}
#chatpanel .subpanel{right: 0; left: auto;}
#chatpanel .subpanel li {
	background:url("images/bullet-1.gif") no-repeat scroll 0 0 transparent;
	line-height:22px;
	margin:0 0 0 7px;
	padding:0 0 0 10px;
} 
#chatpanel .subpanel li span {
	padding: 5px;
	margin:0;
	background: none;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	color:#5A8EFB;
	text-decoration: none;
}
 
 
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}