/**
 * Global styles for Hardware Zone
 *
 * @author Viknesk Kumarr Muniandy <vikneskm@sphm-newmedia.biz>
 * @since 22 May 2009
 */

* { margin: 0; padding: 0; }
:focus { outline: none; }
::selection{ background-color: #e9e8f2; color: #4e4a96; }
::-moz-selection { background-color: #e9e8f2; color: #4e4a96; }
html { overflow-y: scroll; }
body
{
	background: #FFF;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
img { border: none; font-size: 9px; color: #999; -ms-interpolation-mode: bicubic; }
ul, ol { margin-left: 2em; }
fieldset { border: 1px solid #cecece; }
input[type="radio"], input[type="checkbox"] { margin: 0 .4em; vertical-align: text-bottom; }
input[type="submit"] { cursor: pointer; }
textarea { border: 1px solid #ccc; padding: 5px; }
hr { color: #ccc; }

a { text-decoration: none; color: #06C; }
a:visited { color: #4E4A96; }
a:focus { text-shadow: 0 0 20px; }
a:hover { color: #FF6400; }
a:active { text-decoration: none; color: #4E4A96; }

a.readmore { color: #333; font-weight: bold; display: block; }
a:hover.readmore { color: #06c; }

#canvas { background: transparent; margin: 5px 10px 25px; padding: 0; }
#canvas.fixed { width: 980px; margin-left: auto; margin-right: auto; }
#canvas.fluid { min-width: 980px; margin-left: 10px; margin-right: 10px; }

#masthead { margin: 0; padding: 0; padding-left: 10px; height:120px; overflow:hidden; }
#container { margin: 0; padding: 0; }
#page { overflow: hidden; background: #fff; }


p { margin: 1.3em 0; }
p.quote { background: #f0f0f0; border: 1px dotted #000; margin: 1.3em 2.5em; padding: 10px; }

/*************************************************************************************************
 *      Table
 *************************************************************************************************/
table, tr, td, th { vertical-align: top; border: 1px solid #bbb; border-collapse:collapse; }
td, th { padding: 7px; }
table[border="0"], table[border="0"] tr, table[border="0"] td, table[border="0"] th { border: none; }
table[valign="middle"], tr[valign="middle"], td[valign="middle"] { vertical-align: middle; }
table[valign="bottom"], tr[valign="bottom"], td[valign="bottom"] { vertical-align: bottom; }
th { background: #f0f0f0; text-align: center; vertical-align: middle; }
table caption { font-weight: bold; padding-bottom: 10px; color: #000; font-size: 13px; }

/*************************************************************************************************
 *      Common classes
 *************************************************************************************************/

/* Error 404 formatting */
.error404 {
	font: bold 18px Arial, Arial, Helvetica, sans-serif;
	color:#333;
	border: 12px solid #EEE;
	padding: 0;
	width:772px;
	overflow:hidden;
	margin:auto;
}
.error404donut { float:left; }
.error404text { padding-right:30px; }

/* Clickable elements (javascript-enabled) */
.clickable { cursor: pointer; color:  #0066cc; }

/* Clear */
.clear { clear: both; }
.thin { height: 1px; line-height: 1px; font-size: 1px; }

/* Floats */
.left { float: left; }
.right { float: right; }

/* Shiny white button */
.white-button
{
	display: inline-block;
	padding: 0 5px 0 0;
	background: transparent url('../img/core/buttons/button-r.png') top right no-repeat;
	cursor: pointer;
	margin-top:6px;
}
.white-button input
{
	padding: 0 2px 0 5px;
	height: 22px;
	line-height: 22px;
	color: #174044;
	background: transparent url('../img/core/buttons/button-l.png') top left no-repeat;
	border: none;
	font-size: 9.3333px;
	font-weight: bold;
	cursor: pointer;
	text-shadow: 1px 1px 1px #fff;
}
.white-button input:hover { color: #06c; }

/* Overtext (inline labels) */
.overTxtLabel { cursor: text; }
.overTxtLabel:hover { opacity: 0.5; }

/* Subheader with gradient background */
.header-gray
{
	padding: 7.5px 13px;
	line-height: 16px;
	color: #4e4a96;
	background: url('../img/core/gradients/title-bg.png') repeat-x;
}
.header-gray a:link, .header-gray a:visited { color: #4e4a96; }

/* Subheader with ORANGE font */
.header-orange
{
	padding: 5px 10px;
	color: #cc3300;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2em;
}
.header-orange a { color: #cc3300; }
.header-orange h3 { font-size: 15px; }

/* Subheader with GREEN font */
.header-green
{
	padding: 5px 0px;
	color: #8EC438;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2em;
}
.header-green a, .header-green a:hover, .header-green a:visited { color: #000; }

/* Bylines (just below headers) */
.byline { display: block; color: #666; font: normal 11px/18px Arial, sans-serif; }
.byline a:hover { color: #06C; text-decoration: underline; } 
.header-gray + .byline { padding: 0 13px; }
.byline-productreview { color: #666; font: normal 11px/18px Arial, sans-serif; }

/* 'More' links in panels */
a.more
{
	float: right;
	margin: 0;
	padding: 0px; 
	height: 20px;
	line-height: 20px;
	color: #888;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	/* background: url('../img/core/buttons/more-arrow.png') no-repeat right 7px; */
}
a.more img
{
	vertical-align: middle;
}
a.more:focus, a.more:hover, a.more:active { color: #0066CC; text-decoration: none; }
.listing a.more { margin: -10px 0 0; }

/* BLUE 'More' links in panels */
a.more-blue
{
	float: right;
	margin: 0 10px;
	padding: 0 18px 0 0;
	height: 20px;
	line-height: 20px;
	font-size: 10.67px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	background: url('../img/core/buttons/more-arrow-blue.png') no-repeat right 7px;
}
a.more-blue img
{
	vertical-align: middle;
}
/*a.more-blue:focus, a.more-blue:hover, a.more-blue:active { color: #000; }*/
.right a.more { float: none; }


/* GREEEEN 'More' links in panels */
a.more-green
{
	float: right;
	margin: 15px 0 0;
	padding: 0 18px 0 0;
	height: 20px;
	line-height: 20px;
	color: #A8E33B;
	font-size: 10.67px;
	text-align: right;
	font-weight: bold;
	overflow: hidden;
	background: url('../img/core/buttons/more-arrow-green.png') no-repeat right 7px;
}
a.more-green img
{
	vertical-align: middle;
}
a.moremore-green:focus, a.moremore-green:hover, a.moremore-green:active { color: #000; text-decoration: none; }

/* Price */
.price { color: #9C0005; font-weight: bold; }

/* Tabs */
.tabs-menu { margin: 0 auto; padding: 0 .5em 1px 0; border-bottom: 3px solid #000000; overflow: hidden; }
.tabs-menu:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.tabs-menu li
{
	margin: 3px 2px 0;
	list-style: none;
	float: left;
	background: #fff url('../img/core/gradients/tab.gif') repeat-x;
	border: 1px solid #808080;
	border-bottom: none;
}
.tabs-menu li a, .tabs-menu li span { display: block; padding: .25em 1em; font-weight: bold; font-size: 12px; color: #333; }
.tabs-menu li a:hover { text-decoration: none; }
.tabs-menu li.on
{
	position: relative;
	top: 0;
	margin: 0 1px;
	padding: 2px 10px 1px;
	background: #000;
	text-shadow: none;
}
.tabs-menu li.on a, .tabs-menu li.on span { color: #fff; }
.tab-panels { border: 1px solid #cecece; border-top: none; clear:both; }
.tab-panels .content { padding: 10px; overflow: hidden; }

/* 'Loading' animation */
.waiter { height: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #999; font-size: 12px; }
.waiter span { padding: 12px 50px; background: url('../img/loading.gif') no-repeat; }

/* HWZ Tooltip MooTools.Tips */
.tip-wrap { display: none; z-index: 60003; }
.tip
{
	width: 210px;
	margin: 0;
	padding: 5px 10px;
	font: normal 13px/18px;
	color: #000;
	background-color: #FFF;
	filter: alpha(opacity=85);
	background: rgba(255, 255, 255, .85);
	border: 1px solid #CDCDCD;
	position: relative; 
	z-index: 60003;
}
.tip-title { padding-bottom: 2.5px; }
.tip-text { padding-top: 2.5px; color: #333; }
.tip-title span
{
	font-weight: bold;
	color: #000;
}
.tip-loading
{
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../img/loading.gif) center no-repeat;
}

/*
classes used by image caption
*/
.image-caption
{
	background-color: transparent;
	padding: 8px;
	text-align: center;
	font: bold 11px/13px Arial, sans-serif; 
	color: #333;
	width: 60%; 
	margin: auto;
}
.image-caption-container
{
	/* background-color: #DDD; */
	display: inline-block;
	margin: auto;
	padding:10px 10px 0px 10px;
}
a.captioned:hover { text-decoration: none; }
a.captioned:hover .image-caption { text-decoration: underline; }

/* when there's nothing listed */
.empty { text-align: center; font-weight: bold; margin-top: 10px; padding: 10px; background: #F6F6F6; color: #333; font-size: 11px; }

/* Bits on the Run player */
.botrplayer embed { display: block; margin: auto; }

/*************************************************************************************************
 *      Masthead
 *************************************************************************************************/
.logo { display: block; float: left; padding-top: 7px; }

#ads-ex-leaderboard { text-align: center; }
#ads-ex-leaderboard > table { margin: auto; }

#ads-leaderboard
{
	display: block;
	margin: 0 0 15px 205px;
	position: relative;
	z-index: 1;
}
#ads-leaderboard .inner
{
	width: 728px;
	margin: auto;
	padding: 15px 0px 0 0;
	background: url('../img/core/misc/advertisement_t.png') 646px 0px no-repeat;
}
#ads-leaderboard .inner br { height: 0; font-size: 0; }

#masthead hr { clear: both; visibility: hidden; height: 0; }

/*************************************************************************************************
 *      Header
 *************************************************************************************************/
#header
{
	padding: 0 0 10px;
	line-height: 22px;
	background: transparent;
	overflow: hidden;
}

/* #PageSearchForm { position: relative; float: right; } */
#PageSearchForm fieldset
{
	border: none 0;
}
#PageSearchForm  input { padding: 0; border: none 0; vertical-align: middle; }
#PageSearchForm  input.text
{
	color: black;
	background: #CCC;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-top: 2px;
	padding: 1px 0px 1px 4px;
	border: 1px solid #333;
	height: 20px;
	line-height: 20px;
	width: 200px;
}
#PageSearchForm  input.submit
{
	background: transparent url('../img/core/search-btn.png') right top no-repeat scroll;
	width: 16px;
	height: 16px;
	margin-left: 1px;
	text-indent: 999em;
	cursor: pointer;
}
#PageSearchForm fieldset.popup
{
	visibility: hidden;
	position: absolute;
	width: 220px;
	z-index: 1;
	font-size: 9px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 5px; 
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}
#PageSearchForm fieldset.popup span, #PageSearchForm fieldset.popup label
{
	float: left;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
}
#PageSearchForm fieldset.popup label { margin: 0 0 0 5px; }

#utility-bar { overflow: hidden; margin: 8px 0 0 3px; float: left; font-size: 10px; line-height:10px;  }
#utility-bar li { overflow: hidden; list-style: none; float: left; padding-left: 2px; background-repeat: no-repeat; }
#utility-bar li.font { width: 11px; height: 11px; background-position: right -11px; margin-top: 2px; }
#utility-bar li.layout { height: 14px; color: #CCC; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 12px; }
#utility-bar li.hover, #utility-bar li.selected { color: #8AC43A; }
#utility-bar #btn-font-small { background-image: url('../img/core/small.png');  }
#utility-bar #btn-font-medium { background-image: url('../img/core/normal.png'); }
#utility-bar #btn-font-large { background-image: url('../img/core/large.png'); }
#utility-bar #btn-layout-fixed { width: 31px; margin-left: 2px; }
#utility-bar #btn-layout-fluid { width: 37px; margin-right: 10px; }
#utilbar-spacer { width:152px; float:left; }

.font-small #utility-bar #btn-font-small { background-position: right 0; }
.font-medium #utility-bar #btn-font-medium { background-position: right 0; }
.font-large #utility-bar #btn-font-large { background-position: right 0; }
.fixed #utility-bar #btn-layout-fixed { background-position: right 0; }
.fluid #utility-bar #btn-layout-fluid { background-position: right 0; }
.layout-label { float: left; font-weight: bold; font-size: 13px; margin-top: 1px; }

/*************************************************************************************************
 *      Layout
 *************************************************************************************************/
#content {  }
#content .inner { margin: 0; overflow: hidden; }
#content-wide { float: left; clear: both; width: 100%; margin-right: -310px; }
#content-wide .inner { margin: 0 340px 0 10px; }
#content-narrow { float: right; width: 300px; margin: 0 10px 0 0; }
#content-narrow .inner { margin: 0; overflow: visible; }
#content-full { clear: both; margin: 0px 10px; }
#content-full .inner { margin: 0; }

#sidebar { float: left; width: 160px; overflow: hidden; position: relative; padding-right: 11px; }
#sidebar .inner { width: 150px; }
.sidebar-collapsed #sidebar { width: 0; }
.sidebar-collapsed #sidebar .inner { margin-left: -160px; }
.sidebar-collapsed #content .inner { margin-left: 15px; }
.sidebar-collapsed #content-wide .inner { margin: 0 310px 0 0; }
.sidebar-collapsed #content-narrow .inner { margin: 0; }
.sidebar-collapsed #content-full .inner { margin: 0; }

/* DEBUG  #content-narrow { -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } /**/


/*************************************************************************************************
 *      Content
 *************************************************************************************************/
.font-small .resizeable { font-size: 12px; }
.font-large .resizeable { font-size: 14.6667px; }
.resizeable ul, .resizeable ol { margin-left: 2em; }

#breadcrumbs { float: right; margin: 0; padding: 0 1em; }
#breadcrumbs li { display: inline; list-style: none; margin: 0 2px; line-height: 27px; vertical-align: middle; font-size: 12px; font-family: Verdana; }
#breadcrumbs li a img { vertical-align: middle; }

#content-header
{
	/* background: url('../img/core/gradients/title-bg.png') repeat-x; */
	border-bottom: 4px solid #000000;
	margin: 0 10px 10px;
	padding: 0 3px;
	font: bold 18px/24px Arial, sans-serif; 
	color: #000;
}

#content-subheader
{
	background: #000 url('../img/core/gradients/bg_repeat_silver.jpg') bottom repeat-x;
	margin: -14px 10px 20px;
	padding: 0px 1em;
	height: 28px;
	border: 1px solid #EEE;
	/* text-shadow: -1px -1px 1px #749915; */
}
#content-subheader li { display: block; float: left; list-style: none; border-left: 1px solid #CCC; vertical-align: middle; line-height; 28px; }
#content-subheader li:first-child { border-left-width: 0px; }
#content-subheader li.active { font-weight: bold; }
#content-subheader li.active a { color: #06C; }
#content-subheader a { display: block; padding: 0px 20px; height: 28px; line-height: 28px; color: #333; font-size: 15px; font-weight: bold; }
#content-subheader a:hover { text-decoration: none; color: #06C; }

#flashMessage
{
	margin: 5px 0 0; 
	padding: 5px;
	border: 0;
	background:#ddd;
	text-align: center;
	font: normal 13px/18px Arial,sans-serif;
	color: #333;
}

.notification
{
	margin: 5px 0 0;
	padding: 5px;
	border-style: solid none;
	border-width: 1px 0;
	border-color: #ff6363;
	background: #ffff;
	text-align: center;
	font: normal 13px/18px Arial, sans-serif; color: #000;
}
.notification a { color: #000; }
.notification .close { color: #06c; cursor: pointer; }

/* SITE NOTIFICATION 2013 */
.site-notif, .site-notif-last {
	margin		: 0 10px;
	padding		: 0;
	text-align	: center;
	font		: normal 13px/33px Arial, sans-serif;
	border		: 1px solid #FFAA00;
	background	: transparent url("/img/core/gradients/bg_notif_suggest.png") repeat 0 0;
	color		: #000;
	height		: 33px;
}
.site-notif a, .site-notif-last a {color: #0066cc;}
.site-notif-maintenance, .site-notif-warning {
	background	: transparent url("/img/core/gradients/bg_notif_warning.png") repeat 0 0;
	border		: 1px solid #C10000;
	color		: #FFF;
}
.site-notif-maintenance a, .site-notif-warning a {color: #FFFF00;}
.site-notif-last {border-bottom-right-radius: 10px;	border-bottom-left-radius: 10px;}
.site-notif .close, .site-notif-last .close
{
	cursor: pointer;	
	font: normal 40px/33px Arial, sans-serif; color:#A7A7A7;
	float: right;
	margin-right: 10px;
}
.site-notif .close:hover, .site-notif-last .close:hover {color: #666;}
img.icon-notif 	{height: 18px; position:relative; top: 4px;}


/** Thumbnailed snippets **/
.snippets { overflow: hidden; }
.snippet
{
	vertical-align: top;
	display: inline-block;
	width: 210px;
	padding: 10px;
	font-size: 10.67px;
	color: #999;
}
.snippet .thumb { float: left; width: 60px; height: 80px; margin-right: 10px; }
.snippet .info { margin-left: 70px; }
.snippet p { margin: 3px 0; }
.snippet .excerpt { padding-left: 15px; background: url('../img/core/icons/arrow.png') 0 3px no-repeat; }

/* Content wide - details */
.share { float: right; padding: 0px; margin-bottom: 5px; font-size: 11px; }
.header-wrap .share { margin-bottom: 30px; }
.share .bookmark { position: relative; float: right; margin-left: 2px; width: 16px; height: 16px; }
.share .bookmark form { float: right; }
.share .bookmark form .submit
{
	width: 16px;
	height: 16px;
	/*text-indent: -999em;*/
	background: url('../img/core/icons/bookmarks/icon_fav_add.png') no-repeat;
	border: none;
	cursor: pointer;
}
.share .bookmark.saved form .submit
{
	background-image: url('../img/core/icons/bookmarks/icon_fav.png');
	cursor: default;
}
.share .bookmark .popup
{
	visibility: hidden;
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 0px;
	padding: 2px;
	background: #eee;
	border: 1px solid #ccc;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}
.share .bookmark .popup fieldset { border: none; }
.share .bookmark .popup input
{
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	border: none;
}
.share .bookmark .popup .text
{
	width: 200px;
	margin: 0 57px 0 0;
	padding: 0 5px;
	background: #fff;
}
.share .bookmark .popup .button
{
	position:absolute;
	right:0;
	width: 55px;
	/*margin: 0 0 0 -55px;*/
	padding: 0 5px;
	color: #666;
	background: #f6f6f6;
	font: bold 10px Arial, sans-serif;
	cursor: pointer;
	text-shadow: -1px -1px 1px #ccc;
}
.share .addthis_toolbox { float: right; margin-left: 10px; }

/* market place footer */
.footer .share { float:left; margin: 0; padding: 0 10px; }
.footer .share .bookmark { position: static; float: right; }
.footer .share .bookmark .popup { top: auto; right: auto; margin-top: 20px; }

.article h2.page-title { display: none; }
.article h3.page_title { font: normal 18px/20px Arial, sans-serif; color:#000; }
.article h4.page_sub_title { font-size: 13px; line-height: 18px; font-family: Arial, sans-serif; color:#333; }
.article .fine-print { font-size: 10px; color: #666; font-style: italic; }
.article .info { overflow: hidden; margin-bottom: 4px; }
.article .info h2 { color: #CC3300; font-size: 16px; font-family: 'Century Gothic', Arial, Helvetica, sans-serif; line-height: 1.2em; }
.article .info h2 a { color: #CC3300; }
.article .info h3 { font: normal 18px/24px Arial, sans-serif; color:#000; }
.article .info h3 a { color: #000; }
.article .info h3 a:hover { color: #06c; }
.article .excerpt { margin-bottom: 15px; }
.article .thumb { float: left; max-width: 200px; margin: 5px 15px 5px 0; }
.article .thumb-fullarticle { float: left; width: 120px; margin: 0px 10px 0px 0px; }
.article .header-wrap { overflow: hidden; }
.article .header-wrap .byline { padding-left: 10px; width: auto; }
.article .content { margin-bottom: 20px; padding: 0px; text-align: justify; clear: both; overflow: hidden; }
.article .content .rteleft { text-align: left; }
.article .content .rtecenter { text-align: center; }
.article .content .rteright { text-align: right; }
.article .content .fn_tbl_title { color: #000; font-size: 13px; font-weight: bold; }
.article .content embed, .article .content object { display: block; margin: auto; }
.article .content table { margin-left: auto; margin-right: auto; }
.article .byline { float: left; width: 100%; /*margin: 0 -13px 15px 0; padding: 0 0 0 13px;*/ }
.article .related { margin-bottom: 10px; }
.article .related ul { list-style: none; /* margin-left: 10px; padding: 0 13px; */ font-size: 10.67px; }
.article .related li
{
	margin: 10px 0;
	padding-left: 17px;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
}
.article .footer
{
	margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 10.67px;
	/* background: #eee; */
	border-bottom: 1px solid #EEE;
	overflow: hidden;
}
.article .right { float: right; margin-right: 0; margin-left: 15px; }
.article .tags
{
	padding-left: 18px;
	background: url('../img/icons/tags.png') no-repeat left 4px;
	/*font-size: 10px;*/
}
.article .tags .label { font: normal 13px/22px Arial, sans-serif; color:#333; }
.article .tags a, .article .tags a:visited { font: normal 13px/22px Arial, sans-serif; margin-left: .25em; color:#888; }
.article .tags a:hover { color:#06C; text-decoration: none; }

/* Content wide - details - RELATED for interviews & others */
.related { padding: 10px; margin: 10px 0; border-bottom: 1px solid #EEE; }
.related h3 { font: normal 13px/22px Arial, sans-serif; color:#333; background: transparent url('../img/core/icons/related.png') 0px 3px no-repeat; padding-left: 20px; }
.related ul { list-style: none; margin: 0; }
.related li a { font-size: 12px; font-weight: normal; color: #333; }
.related li
{
	margin: 3px 2px 0px;
	padding: 0px 0px 5px 14px;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
}

/* Content wide - all categories - for TECHNEWS & others */
#allcat { color: #000; padding: 10px 0px; margin-top: 10px; }
#allcat h3 { font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#allcat .content { overflow: hidden; }
#list-past-months .content ul, #allcat .content ul { width: 150px; float: left; }
#content-wide #allcat { padding: 10px; border: 1px solid #000; }
#content-wide #allcat .content { margin: 8px 0px; }
#content-wide #allcat .content ul { width: 200px; margin-left: 0px; }
#content-wide #allcat .content ul li { margin: 0px; }

/* #allcat .content ul { margin: 10px 0 10px -5px; -moz-column-count: 3; -webkit-column-count: 3;  } */
#allcat .content li
{
	margin: 0 5px;
	padding: 0 0 5px 17px;
	list-style: none;
	background: url('../img/core/icons/arrow.png') left 3px no-repeat;
	text-align: left;
}

/* Content wide - listing */
#content-wide .listing, #content-full .listing { margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #BBB; }
#no-line .listing { margin-bottom:0px; padding-bottom: 0px; border-bottom: none; }
#content-wide .listing #line-border { border-bottom: 1px solid #BBB; margin-top: 10px; padding-bottom: 10px; }

.listing { overflow: hidden; }
.listing .header-gray + .article { margin-top: 10px; }
.listing .article { padding: 10px; overflow: hidden; cursor: pointer; }
.listing .article:hover { background-color: #EEE; } 
.listing .article .tag
{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 5px;
	background: #069;
	color: #fff;
	font-size: 10px;
}
.listing .article .tag.product { background: #7b1d00; }
.listing .article .tag.review { background: #006600; }
.listing .article .tag.feature { background: #7eb51f; }
.listing .article .tag.blog { background: #a09e00; }
.listing .article .tag.tech_news { background: #ce7400; }
.listing .article .tag.video { background: #610099; }
.listing .article .byline { float: none; margin: 2px 0px; padding: 0; }
.listing .article .thumb { float: left; width: 120px; height: 160px; margin: 0 10px 0 0; }
.listing .article .thumb-feature { float: left; width: 120px; margin-right: 10px; }
.listing .article .thumb-blog { float: left; width: 80px; margin:0 15px 10px 0; }
.listing .article .thumb-vid { float: left; width: 140px; margin:5px 15px 10px 0; }
.listing .article p { margin: 3px 0; float: none; clear: none; }
.listing .article .excerpt { margin-top: 8px; }
.listing .article .right { float: right; margin-right: 0; margin-left: 10px; }
.listing .article .right-tags { width: 300px; float: right; }
.listing .article .footer { clear: left; margin-bottom: 0; }
.listing .article .tags { width: 50%; font-size: 9px; padding-left: 45px; }
.listing .article .tags .label { margin-left: -30px; }

/* Content wide - Featured */
#content-wide .featured { border: 1px solid #DDD; padding: 0px; }
#content-wide .featured:hover { background-color: #EEE; }
#content-wide .featured .article { padding: 10px 15px 10px 10px; }
#content-wide .featured .article .right { float: left; margin-right: 8px; margin-left: 0px; } 
#content-wide .featured .article .info { margin-top: 16px; }
#content-wide .featured .article .info h2 { font: normal 20px/24px Arial, sans-serif; }
#content-wide .featured .article .info h2 a { color:#000; }
#content-wide .featured .article .info h2 a:hover { color: #06c; }

/* Pagination */
.pagination
{
	padding: 3px 1em;
	background: #f8f8f8;
	border-style: solid none;
	border-width: 2px;
	border-color: #f4f4f4;
	font-size: 10px;
	overflow: hidden;
	margin-top: 10px;
}
.pagination .desc { float: left; }
.pagination ul { float: right; margin: 0; display: inline; }
.pagination ul li { display: inline; padding: 0px 2px; }
.pagination ul li.prevnext { border: 1px solid #ccc; line-height: 12px; }
.pagination ul li.end { margin-left: 5px; }
.pagination ul li.skip { color: #666; }
.pagination ul li.skip select { margin: 0 0 0 5px; }
/* .pagination ul li.current, .pagination ul li.prevnext, .pagination ul li.skip { border: 1px solid #ccc; } */
.pagination ul li a { display: inline-block; padding: 0px 1px; }
.pagination ul li.prevnext a { padding: 0 2px; font-weight: bold; }
.pagination ul li.current a { font-weight: bold; color: #000; }
.pagination ul li a.disabled { color: #000; cursor: default; }
.pagination ul li a.disabled:hover { color: #000; text-decoration: none; }
.pagination ul li form { display: inline; }
.pagination ul li select[disabled] { border: none; background: none; }
.pagination ul li .submit
{
	margin: 0 5px 0 0;
	color: #06c;
	background: none;
	border: none;
	font-weight: bold;
}

.pagination.js ul li.skip select { margin: 0 5px; }
.pagination.js ul li .submit { display: none; }

/* Comments */
#recent-comments-container { margin-bottom: 20px; }
div#respond { margin-top: 10px; }

h3#comments-title { font-size: 16px; }

div#comments-listing { /* margin-bottom:5px; */ }
div#comments-listing .byline { float: left; width: 100%; margin: 0 -13px 0 0; padding: 3px 0; font-size: 9px; }
div#comments-listing .user-rating { margin-top: 30px; font-size: 10px; }
div#comments-listing .desc { padding-left: 3px; font-weight: bold; }

div#comments .required { text-align: center; font-weight: bold; margin-top: 10px; }

div#comments .no-comment { text-align: center; font-weight: bold; margin-top: 10px; padding: 10px; background: #F6F6F6;  }

div.comment
{
	margin: 10px 0;
	padding-bottom: 15px;
	background: #f6f6f6 url('../img/core/comments/comm-bg.gif') 0 0 repeat-y;
}
div.comment .avatar
{
	width:110px;
	float:left;
	padding:10px;
	background-color:#E7E7E7;
}
div.comment .info
{
	margin-left: 130px;
	padding: 10px;
	background-color:#F6F6F6;
}

div.comment .info p {
	margin: 0 0 5px;
}
div.comment .info textarea {
	border: 1px solid #ccc;
	padding: 5px;
	width: 97%;
}
div.comment  .white-button {  }

#comment-error
{
	z-index:9999;
	position:absolute;
	margin-left:40%;
	margin-top:40%;
	background:white;
	border:1px solid green;
	padding: 10px;
}

#comment-form div.limit-notice
{
	float:left;
	padding-top:8px;
	font-size: 10px;
}


/* AWARDS LOGOS PAGE */
#awards-logos .article { }
#awards-logos .single-award { padding: 20px; overflow: auto; border-top: 2px dotted #ccc; }
#awards-logos .single-award h3 { color: #003399; font-size: 14px; padding-top: 5px; }
#awards-logos .single-award a { padding-right: 20px; font-weight: bold; }

/* FEEDBACK FORM */
#feedback-form
{
	margin-top:5px;
	padding:10px;
}

#feedback-form label
{
	float:left;
	width: 10em;
	margin-right:1em;
}

#feedback-form div.text input
{
	width:30em;
}

#feedback-form div.submit input
{
	width:13em;
}

#feedback-form div.text
{
	margin-bottom:2px;
	margin-top:2px;
}

#feedback-form textarea
{
	width:90%;
}

/*************************************************************************************************
 *      Content (right-column)
 *************************************************************************************************/
#content-narrow .panel { margin: 0 0 20px; padding: 0px 0px 5px; font-size: 11px; /*color: #666;*/ }
#content-narrow .panel h3
{
	font: bold 18px/22px Arial, sans-serif;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
}
#content-narrow .panel h4 { font-size: 12px; margin-bottom: 4px; }
#content-narrow .panel .content { overflow: hidden; }
#content-narrow .panel .content ul { margin: 2px 0 5px -2px; }
#content-narrow .panel .content li
{
	margin: 3px 5px 0px;
	padding: 0 0 5px 14px;
	list-style: none;
	background: url('../img/core/icons/bullet_green.png') left 3px no-repeat;
	text-align: left;
}
#content-narrow .panel .content li a { font-weight: normal; font-size: 12px; color: #333; }
#content-narrow .panel .content li a:hover { color: #06c; }
#content-narrow .panel .content .avatar { float: left; /*padding: 0 10px 0 0;*/ padding: 5px; }
#content-narrow .panel .content .info
{
	background: url('../img/core/icons/comments2.png') left 2px no-repeat;
	padding-left: 17px;
	font-size: 10px;
}
#content-narrow .panel .content .recommended-sellers .info
{
	background: none;
	padding-left: 0;
}
#content-narrow .panel .vid { margin: 10px 0; text-align: center; }
#content-narrow .panel.ad { padding: 15px 0; margin: 0; background: url('../img/core/misc/advertisement_t.png') top right no-repeat; border: none; }

/* Panel Black DARKBG */
#content-narrow .panel-darkbg { margin: 0 0 10px; padding: 15px; background: #000; color: #ccc; font-size: 11px; overflow: auto; }
#content-narrow .panel-darkbg h3
{
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A8E33B;
}
#content-narrow .panel-darkbg h4 { color:#A8E33B; font-size: 12px; }
#content-narrow .panel-darkbg h4 a { color:#A8E33B; }
#content-narrow .panel-darkbg .vid { margin: 10px 0; text-align: center; }

/* Panel Black Border */
#content-narrow .panel-black { margin: 0 0 10px; padding: 0px 0px 15px; }
#content-narrow .panel-black h3
{
	font: bold 18px/22px Arial, sans-serif;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
}
#content-narrow .panel-black .content { overflow: auto; }
#content-narrow .panel-black .content ul { margin: 0 0 5px -5px; }
#content-narrow .panel-black .content li
{
	margin: 15px 5px;
	list-style: none;
	font: normal 13px/17px Arial, sans-serif; 
	color:#333;
	text-align: left;
	overflow: hidden;
}
#content-narrow .panel-black .content li a { display: block; }
#content-narrow .panel-black .content .thumb { float: left; padding: 10px 10px 10px 0; }
#content-narrow .panel-black .content .header { font: bold 14px/20px Arial, sans-serif; }
#content-narrow .panel-black .content .header a, #content-narrow .panel-black .content .header a:visited { color: #000; }
#content-narrow .panel-black .content .header a:hover { color: #06c; }
#content-narrow .panel-black .content p { width: 210px; overflow: hidden; margin: 2px 0; }

/* HWZ TV LATEST */
#hwz-tv .vid  { text-align: center; margin: 0px auto 10px; }
#hwz-tv .vid a img { margin: auto; border: 1px solid #888; width: 298px; }
#hwz-tv .vid a:hover img { border: 1px solid #06C; }

#list-past-months.content ul li { float: left; display: block; width: 120px; } 

/* Thumbnailed snippets */
#content-narrow .snippet { display: block; width: auto; overflow: hidden; }

/* User Guide */
.user-guide { margin: 0 0 15px; }

/*************************************************************************************************
 *      Sidebar
 *************************************************************************************************/
#sidebar .inner { padding-left: 10px; }
#sidebar a:hover { text-decoration: none; color: #9bcb39; }
#sidebar li a.active { color: #9bcb39; font-weight: bold; }
#sidebar .toggler
{
	position: absolute;
	top: 0;
	right: 0;
	width: 11px;
	height: 52px;
	background: url('../img/showhide.png') top right no-repeat;
	border-bottom: 5px solid #fff;
}
.sidebar-collapsed #sidebar .toggler { background-position: top left; }

/*************************************************************************************************
 *      Navigation bar
 *************************************************************************************************/
#nav-container { height: 30px; background: #eee url('../img/core/gradients/bg-nav-repeat.jpg') 0% 0% repeat-x; }
#nav-container #nav-left { height: 30px; /*background-position: 0% 0%; background-image: url('../img/core/gradients/nav-left.jpg'); background-repeat: no-repeat;*/ }
#nav-container #nav-right { height: 30px; /*background-position: 100% 0%; background-image: url('../img/core/gradients/nav-right.jpg'); background-repeat: no-repeat;*/ }
#nav { width: 607px; margin: 0px auto; }

#nav li a #more-button { line-height: 30px; height: 30px; vertical-align: middle; }

#nav li a { 
	color:#333;
	float:left; 
	text-decoration: none;
	border: 1px solid #DDD;
	border-width: 0px 1px;
	display: block;
	padding: 0 10px;
	line-height: 30px;
	font: bold 14px/30px Arial, sans-serif; 
}

#nav li.selected a {
	color: #FFF;
}

#nav li.selected a.mainMenuParentBtnFocused {
	color:#333;
}

#nav a.mainMenuParentBtnFocused, #nav li.selected a {
	background-color: #8ECE3A;
	border-color: #8ECE3A;
}

#nav li:first-child a {
	border-left-width: 1px;
}

#subMenusContainer a {
	padding: 10px;
}

#subMenusContainer a, #nav li li a {
	text-align:left;
	color:#333; 
	text-decoration: none;
	height: 12px;
	line-height: 12px;
	font: normal 12px Arial, sans-serif;
	display: block;
}

#subMenusContainer li, #nav li li {
	display: block;
	border-top: 1px solid #DDD;
	background-color: white;
}

#subMenusContainer li:first-child {
	border-top-width: 0px;
}

#nav li ul { display : none; }

#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused { background-color:#8ECE3A; }

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {border:1px solid #8ECE3A; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; z-index: 12; box-shadow: 0px 0px 5px #888; left: 0;}
#nav li{display:block;list-style:none;position:relative;float:left;}
#subMenusContainer li{list-style:none;}
#subMenusContainer{ display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000005;}

#sidebar .panel { margin: 0 0 10px; padding: 0; font-size: 10.67px; border: 1px solid #99CC34; }
#sidebar .panel .content
{
	padding: 5px 10px 10px;
	overflow: hidden;
}
#sidebar .panel h3
{
	border-bottom: 3px solid #000;
	padding: 0 1em;
	line-height: 25px;
	color: #50497f;
}
#sidebar .panel ul { margin: 0 0 5px; list-style: none; }
#sidebar .panel li { margin: 5px 0; padding-left: 15px; background: url('../img/core/icons/arrow.png') left 3px no-repeat; }
#sidebar .panel li a { display: block; }
#sidebar .panel a.more:hover { color: #000; text-decoration: none; }
#sidebar .panel a.warn, #sidebar .panel a.notify { font-weight: bold; }
#sidebar .panel a.warn:hover { color: #f00; }
#sidebar .panel .member_conditions { font-size: 0.85em; }
#sidebar .panel .member_conditions a { text-decoration: underline; }

#sidebar #sidebar-membership { margin-top: -6px; text-align: left; border-top: none; }
#sidebar #sidebar-membership .content { border-top: 3px solid #000; }
#sidebar #sidebar-membership:target .content
{
	padding: 2px 7px 7px;
	border: 3px solid #9bcb39;
	background-color: #ffc;
	-webkit-transition: border-color 2s, background-color .5s;
}
#sidebar #sidebar-membership strong { display: block; margin: 0 0 5px; }
#sidebar #sidebar-membership em { display: block; margin: 0 0 5px; color: #999; font-style: normal; line-height: 1.2; }
#sidebar #sidebar-membership .dmclub { display: block; margin: 10px 0 0 0; color: #333366; border-top: 1px solid #E3E3E3; padding-top:5px; }
#sidebar #sidebar-membership .dmclub img { padding: 7px 0; }
#sidebar #sidebar-membership .dmclub li { margin: 5px 0; padding-left: 0; background: none; }
#sidebar #sidebar-membership a.dmclub { margin: 0 -10px; text-align: center; }

#sidebar #sidebar-membership form { margin: 0 0 10px; overflow: hidden; }
#sidebar #sidebar-membership fieldset { border: none; }
#sidebar #sidebar-membership label { display: block; margin-top: 10px; font-weight: bold; }
#sidebar #sidebar-membership input.text { display: block; width: 120px; padding: 2px; border: 1px inset #ccc; }
#sidebar #sidebar-membership label.check { float: left; margin: 8px 0 0 0; font-weight: normal; }
#sidebar #sidebar-membership label.check input { display: inline; width: auto; margin: 0 5px 0 0; }
#sidebar #sidebar-membership .submit { margin-top: 10px; float: right; }

/* Panel titles */
#sidebar #sidebar-find h3 { background:url('../img/core/headers/find-in-mp-guide.png') no-repeat top right; }
#sidebar #sidebar-retailers-price h3 { background:url('../img/core/headers/retailers-price.png') top right no-repeat; }
#sidebar #sidebar-retailers-weekly h3 { background:url('../img/core/headers/retailers-weekly-promo.png') no-repeat; }
#sidebar #sidebar-wishlist h3 { background:url('../img/core/headers/my-wishlist.png') no-repeat 125px center; font-family: 'Century Gothic',Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #000; }
#sidebar #sidebar-comparelist h3 { background:url('../img/core/headers/my-compares.png') no-repeat 125px center; font-family: 'Century Gothic',Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #000; }
#sidebar #sidebar-hot h3 { background:url('../img/core/headers/what-hot.png') no-repeat; }
#sidebar #sidebar-related h3 { background:url('../img/core/headers/related.png') no-repeat; }
#sidebar #sidebar-forums h3 { background:url('../img/core/headers/related-forums.png') no-repeat; }

#sidebar #games-title { text-align: center; line-height: 20px; font-size: 14px; font-weight: bold; padding: 5px;}
#sidebar #games-content { text-align: center; color: #7AA329; line-height: 30px; font-weight: bold; padding-bottom: 20px;}
#sidebar #games-content img { text-align: center; padding-bottom: 8px;}

/* HWZ Present TEASER Sidebar */
#nav li a.present-title {cursor:default;}
#nav ul.present-content {background:#fcffb6; border:1px solid #99CC34; margin-top: -6px; margin-bottom: 10px; border-top:3px solid #000000; overflow: hidden; height: 48px;}

/*************************************************************************************************
 *      Sponsored Links
 *************************************************************************************************/
#sponsored-links { margin: 10px; padding: 0px; overflow: hidden; }
#sponsored-links h4 { margin: 3px 0px; text-transform: uppercase; font: bold 16px/22px Arial, sans-serif; color:#000;}
#sponsored-links #links { background-color: #EEE; margin: 0px; padding: 6px 2px; font: 12px/16px Arial, sans-serif; color:#333; overflow: hidden; }
#canvas.fixed #sponsored-links #links ul { width: 465px; }
#canvas.fluid #sponsored-links #links ul { min-width: 49%; }
#sponsored-links #links ul { display: block; float: left; margin: 0px; padding: 0px 5px; }
#sponsored-links #links ul.divider { border-left: 1px solid #CCC; }
#sponsored-links #links li { margin: 8px 5px 10px; padding: 0px; list-style: none; vertical-align: top; }
#sponsored-links #links li h5 { font-weight: bold; }
#sponsored-links #links li a { display: block; font: bold 12px/16px Arial, sans-serif; color:#333; }
#sponsored-links #links li a:hover { color: #000; text-decoration: none; }

#networks-menu { margin: 15px 0; position: relative; text-align: left; }
#networks-menu h4 { float: left; margin-left: 9px; }
#networks-menu ul.others { float: right; }
#networks-menu ul.others li { list-style: none; float: left; border-left: 1px solid #ccc; margin: 0 8px 0 20px; }
#networks-menu ul.others li a { padding: 0 1em; }
#networks-menu dl { padding: 5px 0 0; clear: both; border-bottom: 1px dotted #ccc;  }
#networks-menu dt { padding: 0 15px 0 25px; margin-left: 10px; }
#networks-menu dt.sg { background: url('../img/core/icons/sg.png') 5px 52% no-repeat; }
#networks-menu dt.my { background: url('../img/core/icons/my.png') 5px 52% no-repeat; }
#networks-menu dt.ph { background: url('../img/core/icons/ph.png') 5px 52% no-repeat; }
#networks-menu dt.th { background: url('../img/core/icons/th.png') 5px 52% no-repeat; }
#networks-menu dt.au { background: url('../img/core/icons/au.png') 5px 52% no-repeat; }
#networks-menu dd { margin: 0; padding: 5px 0 0; overflow: auto; border-top: 2px solid #f8f8f8;}
#networks-menu .panel { margin: 5px 0; padding: 0; width: 16.6%; float: left; }
#networks-menu .panel h5 { margin: 0 10px; color: #443d67; }
#networks-menu .panel ul { margin: 0 10px 10px; }
#networks-menu .panel li { list-style: none; }

/*************************************************************************************************
 *      Footer
 *************************************************************************************************/
#footer { width: 100%; background-color: #333; clear: both; margin-top: -32px; padding-bottom: 5px; position: relative; top: 32px; }
#footer ul.links { text-align: center; margin: 15px 0 0; font-size: 10px; }
#footer ul.links li { display: inline; border-right: 1px solid #666; }
#footer ul.links li:last-child { border-right: none; }
#footer ul.links li a { margin: 0 8px 0 4px; }
#footer ul.links li a.rss { background: url('../img/core/icons/feed.gif') left center no-repeat; padding: 5px 0 5px 28px; }
#footer ul.links li a.tweet { background: url('../img/core/icons/tweet.gif') left center no-repeat; padding: 5px 0 5px 28px; }
#footer ul.links li a.fb { background: url('../img/core/icons/fb.gif') left center no-repeat; padding: 5px 0 5px 28px; }
#footer ul.links li {color:#0066CC;}
#footer ul.links li a.icons { margin-left:1px; margin-right:1px; }

#footer .foot-title { font:bold 14px/20px Arial, Helvetica, sans-serif; color: #DDD; border-bottom: 1px solid #888; text-transform: uppercase; margin: 10px 0px; text-align: left; padding-bottom: 4px; }
#footer .foot-sect li { list-style: none; }
#footer .foot-sect { width: 960px; margin: 0px auto; padding: 0px; text-align:center; }
#footer .foot-sect li a, #footer .foot-sect li a:active, #footer .foot-sect li a:visited { color: #CCC; text-decoration: none; }
#footer .foot-sect li li { color: #CCC; }
/*BULLET DEFAULT*/ 
#footer .foot-sect  li li { list-style-image: url('../img/core/icons/arrow-dark.png'); }
/*BULLET ROLLOVER*/
#footer .foot-sect li li:hover { list-style-image: url('../img/core/icons/arrow-light.png'); }
#footer .foot-sect-long {width: 360px; margin-right: 20px; }
#footer .foot-sect-short {width: 180px; margin-right: 20px; }
#footer .w160 { width: 160px; }
#footer .foot-sect-short ul, #footer .foot-sect-long ul  { margin-left: 16px; padding: 0px; }
#footer .foot-sect-short ul  li, #footer .foot-sect-long ul  li {margin: 0px; padding: 0px; font: 12px/12px arial,sans-serif; text-align: left; margin-bottom: 12px;}

#footer .copyright { width: 960px; margin: 14px auto 0px; padding: 5px 0px 15px; color: #888; border-top: 1px solid #888; font-size: 11px; text-align: left; }
#footer .copyright a, #footer .copyright a:visited { color: #888; }
.footer-backtotop { background: #f2f2f2; padding: 5px; overflow: auto; }
#footer .copyright a:hover, #footer .foot-sect li li a:hover { color: #FFF; text-decoration: none; }

/*************************************************************************************************
 *      Anchor blocks
 *************************************************************************************************/
/* Homepage Highlights banner */
#anchor-blocks-container {
	position:relative;
	margin: 0 auto 15px;
}
#anchor-blocks
{
	margin: 0 10px 10px;
	/* width: 960px; */
	height:243px;
	padding: 0;
	overflow: hidden;
	position: relative;
	background: white;
	z-index: 1;
	border: 1px solid #ddd;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

#anchor-blocks dt
{
	width: 177px;
	height: 44px;
	margin: 0px 0px 0px 1px;
	padding: 5px 3px 0 12px;
	color: #333;
	background: transparent url(/img/anchorblocks/anchor_inactive_alt.png) 0 0 no-repeat;
	font: normal 12px/14px Arial, sans-serif;
	overflow: hidden;
	z-index: 2;
	border: 0;
	text-align: left;
}

#anchor-blocks div.anchor-blocks-button
{
	width: 177px;
	height: 44px;
	margin: 0px 0px 0px 1px;
	padding: 5px 3px 0 12px;
	color: #333;
	background: transparent url(/img/anchorblocks/anchor_inactive_alt.png) 0 0 no-repeat;
	font: normal 12px/14px Arial, sans-serif;
	overflow: hidden;
	z-index: 2;
	border: 0;
	text-align: left;
}

#anchor-blocks .anchor-blocks-table { border: none; }
#anchor-blocks .anchor-blocks-table tr, #anchor-blocks .anchor-blocks-table td { padding: 0px; margin: 0px; border: none; }
#anchor-blocks .anchor-blocks-table td.anchor-blocks-title { vertical-align: middle; }
#anchor-blocks p.anchor-blocks-dark { background-color: #000; }
#anchor-blocks p.anchor-blocks-light { background-color: #FFF; }

#anchor-blocks dt.selected {
	background: transparent url('/img/anchorblocks/anchor_active_alt.png') 0 0 repeat-x;
}

#anchor-blocks div.anchor-blocks-button.selected {
	background: transparent url('/img/anchorblocks/anchor_active_alt.png') 0 0 repeat-x;
}
/* #anchor-blocks dt:hover {
	background: transparent url('/img/anchorblocks/anchor_inactive_over.png') 0 0 repeat-x;
}
#anchor-blocks dt.selected:hover {
	background: transparent url('/img/anchorblocks/anchor_active_over.png') 0 0 repeat-x;
}*/
#anchor-blocks dt .thumb { float: left; width: 32px; height: 32px; margin: 3px 5px; }
#anchor-blocks dd { position: absolute; top: 0; left: 0; z-index: -1; width:100%; text-align:center; }
#anchor-blocks dd .anchor-blocks-slide-wrapper { margin:0 186px 0 0; }
#anchor-blocks dd p { margin: 0; }

#anchor-blocks div.anchor-blocks-button .thumb { float: left; width: 32px; height: 32px; margin: 3px 5px; }
#anchor-blocks div.anchor-blocks-slide { position: absolute; top: 0; left: 0; z-index: -1; width:100%; text-align:center; }
#anchor-blocks div.anchor-blocks-slide .anchor-blocks-slide-wrapper { margin:0 186px 0 0; }
#anchor-blocks div.anchor-blocks-slide p { margin: 0; }
#anchor-blocks-navigation {
	position:absolute;
	width: 193px;
	height: 245px;
	background:transparent url(/img/anchorblocks/anchor_inactive_alt.png) repeat-y;
	top:-1px;
	right:0;
	padding: 0;
}
#anchor-blocks-prev {
	position:absolute;
	bottom:1px;
	left:0;
	width: 23px;
	height: 70px;
	background: transparent url(/img/anchorblocks/arrow_left.jpg) 0 19px no-repeat;
	cursor: pointer;
}
#anchor-blocks-prev:hover {
	background: transparent url(/img/anchorblocks/arrow_left_over.jpg) 0 19px no-repeat;
}
#anchor-blocks-next {
	position:absolute;
	bottom:1px;
	right:0;
	width: 23px;
	height: 70px;
	background: transparent url(/img/anchorblocks/arrow_right.jpg) 0 19px no-repeat;
	cursor: pointer;
}
#anchor-blocks-next:hover {
	background: transparent url(/img/anchorblocks/arrow_right_over.jpg) 0 19px no-repeat;
}

/* Additional fixed/fluid style for anchorblocks */
#anchor-blocks.fixed { width: 960px; margin-left: auto; margin-right: auto; }
#anchor-blocks.fluid { min-width: 960px; margin-left: 20px; margin-right: 20px; }

#anchor-blocks.fixed dd { width: 778px; }
#anchor-blocks.fluid dd { min-width: 778px; }

#anchor-blocks.fixed div.anchor-blocks-slide { width: 778px; }
#anchor-blocks.fluid div.anchor-blocks-slide { min-width: 778px; }

/* For simulating new full sized anchor blocks. To be removed when actual ones ready */
#anchor-blocks-slides { position:relative; }
#anchor-blocks-slides .anchor-blocks-slide p img {
	/* width:100%; height:100%; */
}

.highlights-paginate { width:100%; overflow:hidden; margin-top: 5px; }
.highlights-paginate a { font-size: 15px; font-weight: bold; color: #888; line-height: 15px; }
.highlights-paginate a.next-page {float:right; background: transparent url(/img/core/buttons/arrow-next.png) no-repeat 100% 50%; padding: 0 14px 0 0; }
.highlights-paginate a.prev-page {float:left; background: transparent url(/img/core/buttons/arrow-prev.png) no-repeat 0 50%; padding: 0 0 0 14px; }
.highlights-paginate a:hover.next-page, .highlights-paginate a:hover.prev-page { color:#06c; text-decoration:none; }
.highlights-paginate a:hover.next-page { background-image: url(/img/core/buttons/arrow-next-over.png); }
.highlights-paginate a:hover.prev-page { background-image: url(/img/core/buttons/arrow-prev-over.png); }

.paginate { width:100%; overflow:hidden; border:1px solid #BBB; border-width: 1px 0px; padding:0.5em 0; margin-bottom: 10px; }
.paginate a { font: normal 13px/18px arial, sans-serif; color:#000; padding: 0px 4px; }
.paginate a:hover { color:#06c; }
/* .paginate a.next-page img { vertical-align: -1px; }
.paginate a.prev-page img { vertical-align: -1px; } */
.paginate ul { margin:0; text-align:center; }
.paginate ul li { display: inline; line-height:15px; color: #000; }
.paginate ul li.prev-page a.prev-page,
.paginate ul li.next-page a.next-page { display: inline-block; width: 10px; height: 16px; vertical-align: bottom; overflow: hidden; }
.paginate ul li.prev-page a.prev-page { background: transparent url('/img/core/buttons/arrow-prev.png') 80% 0% no-repeat; }
.paginate ul li.prev-page a:hover.prev-page { background-image: url('/img/core/buttons/arrow-prev-over.png'); }
.paginate ul li.next-page a.next-page { background: transparent url('/img/core/buttons/arrow-next.png') 0% 0% no-repeat; }
.paginate ul li.next-page a:hover.next-page { background-image: url('/img/core/buttons/arrow-next-over.png'); }
.paginate ul li.current a { background-color:#333; font: bold 13px/18px arial, sans-serif; color:#FFF; padding: 0px 5px; }

#content-wide #product-detail-wide .article, 
#hwz-review #header-wrap,
#hwz-feature #header-wrap { border: 1px solid #DDD; padding: 10px 15px 10px 10px; }

#hwz-feature .info h1 { padding: 0px; font: normal 20px/24px Arial, sans-serif; }
#hwz-feature .info h1 a { color:#000; }

.horz-divider { height: 10px; font: normal 10px/10px Arial, sans-serif; border-top: 1px solid #BBB; }

#content-narrow .panel #games-content { margin-bottom: 10px; }
#content-narrow .panel #games-content ul { list-style: none; margin: 0px; padding: 0px; }
#content-narrow .panel #games-content ul li { background: none; margin: 0px 8px 0px 0px; padding: 0px; display: block; float: left; }
#content-narrow .panel #games-content ul li .header { margin-bottom: 8px; font: bold 14px/20px Arial, sans-serif; }
#content-narrow .panel #games-content ul li .avatar { padding: 0px; }
#content-narrow .panel #games-content ul li .avatar img { width: 60px; }

/* ST701 */ 
#st701 { border: 1px solid #000; color: #000; padding: 10px; margin-top: 10px; }
#st701  #logo { margin-right: 5px; }
#st701  #logo_label { font-weight: bold; line-height: 40px; height: 40px; margin-right: 45px; }
#st701 .content { overflow: hidden; }
#st701 .content ul { margin: 13px 0 7px -5px; }
#st701 .content li {
	margin: 0 5px;
	padding: 0 0 5px 17px;
	list-style: none;
	background: url('../img/core/icons/arrow.png') left 3px no-repeat;
	text-align: left;
	display: block;
	float: left;
	width: 74px;
}

/* .pricecategories { width: 290px; float: left; margin-right: 25px; } */
#content-narrow #hwz-tv h3 { background: #06C url('../img/core/gradients/hwztv_bg_repeat.jpg') 50% 50% repeat; padding: 4px; color: #FFF; border: none; margin-bottom: 0px; font-weight: normal; }
#content-narrow #hwz-tv a.more { color: #D2F8FD; margin-right: 4px; line-height: 30px; }
#content-narrow #hwz-tv a.more:hover { color: #FFF; }

#content-narrow #panel-first-launched .content ul { margin: 0px; cursor: pointer; padding: 10px 0px; }
#content-narrow #panel-first-launched .content ul li { margin: 0px 5px; }
#content-narrow #panel-first-launched .content ul:hover { background-color: #EEE; }
#content-narrow #panel-first-launched .content .thumb { float: left; padding: 10px 8px 10px 2px; }

#product-list .article:hover { background-color: transparent; cursor: default; }
#product-list .article .thumb { width: 60px; height: 80px; }

.video-extra-info { display:none; }


/* HWZ Present TEASER DIV*/
#teaser-wrapper { border: 1px solid #CCC; border-width: 1px 0px; padding: 10px 0px; }
.hmpg-teaser { /* width:485px; height:135px; */ margin: 5px 0px; background:#EEE; overflow:hidden; }
.teaser-title { padding:5px 20px 0px; text-align:right; font-weight:bold; font-family:verdana, arial, sans serif; color:#333; font-size: 11px; } 
.teaser-content {padding:0px 20px 10px; /*height:110px;*/ overflow:hidden;}
.teaser-content img {float:left; max-width:115px;}
.teaser-content-text { padding-top: 12px; float:left; width:460px; margin-left:15px; font-size:12px; line-height:16px; }
.teaser-content-text a { font: bold 12px/16px Arial,sans-serif; text-decoration:none; color: #03C; display:block; margin-bottom: 3px; }
.teaser-content-text a:hover { color: #06c; }
.teaser-content-text a:focus {text-shadow:0 0 20px;}
.teaser-content-text p { margin: 0px; font: normal 12px/16px Arial, sans-serif; color: #333; }
