/**
 * 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: "Source Sans Pro", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	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: 0px 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: 5px 0 0 10px; height:120px; overflow:hidden; }
#container { margin: 0; padding: 0; }
#page { overflow: hidden; background: #fff; padding: 0 0 10px; }
#page:after { content:""; display:block; height:0; clear:both; }


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; }
table td.alternate { background:#f0f0f0; }
table.compare-table th, table.compare-table td { font-size:12px; padding:5px; }
table.compare-table td { text-align:left; }
table.compare-table th, table.compare-table td[align="center"] { text-align:center; }
table.compare-table .image-caption-container { padding:0; }
table.compare-table .image-caption-container img.compare-table-thumb { max-width:120px; width:120px; }

/*************************************************************************************************
 *      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: 10px 0px 5px;
	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: 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 0 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;
	border-color: #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;
}

.article .content p img,
.article .content .paragraph img,
.article .content .page_title img,
.article .content .image-caption-container img {
	max-width:940px;
	margin:0 auto;
}

/*
classes used by image caption
*/
.image-caption
{
	background:#eee;
	padding: 0;
	text-align: center /*left*/;
	font: /*italic*/ normal 14px/18px "Source Sans Pro", Arial, sans-serif;
	color: #333;
	/*max-width:580px;*/
	margin: auto;
	display:block;
	padding: 5px 10px 10px;
}
.image-caption-small
{
	background: transparent;
	text-align: center;
	font: italic normal 14px/18px "Source Sans Pro", Arial, sans-serif; 
	color: #333;
	margin: auto;
}
.image-caption-container
{
	display: inline-block;
	margin: 10px auto;
	padding:0;
}
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: 2px; }

#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 0px;
	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 .inner:after { content:''; display:block; clear:both; }
#content-wide { float: left; clear: both; width: 100%; margin-right: -310px; }
#content-wide .inner { margin: 10px 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; }
#content-full .inner { margin: 0; }
#content-wide-narrow {
	/*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mM48x8AApoBzCVvvaAAAAAASUVORK5CYII=);
	background-position:660px 0;
	background-repeat:repeat-y;*/
	border:0;
	/*border-bottom:1px solid #ccc;*/
}

/*************************************************************************************************
 *      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:8px 10px 0; }
#breadcrumbs.notitle { float:none; margin: 0; padding: 0 15px; }
#breadcrumbs li { display: inline; list-style: none; margin: 0 2px; line-height: 30px; vertical-align: middle; font-size: 15px; font-family: 'Source Sans Pro', Arial, san-serif; }
#breadcrumbs li a img { vertical-align: middle; }

/* alternate */
#breadcrumbs { display:none; }
#breadcrumbs.notitle { margin-top:10px; }
#breadcrumbs img.breadcrumbseparator {
	width: 9px;
	height: 9px;
	transform: rotate(-90deg);
	vertical-align: baseline;
}
#breadcrumbs a { color:#666; font-size:16px; }
#breadcrumbs a:hover { color:#000; }
/* /alternate */

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

#content-subheader
{
	background: #333;
	margin: 0;
	padding: 0px 1em 0 0;
	height: 31px;
	font: normal 15px/31px 'Roboto Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
}
#content-subheader li { display: block; float: right; list-style: none; border:0; vertical-align: middle; }
#content-subheader li:first-child { border-left-width: 0px; }
#content-subheader li.active { font-weight: normal; }
#content-subheader li.active a { color: #bfff00; /*color: #06C;*/ }
#content-subheader a { display: block; padding: 0px 15px; color: #ccc; font-weight: normal; }
#content-subheader a:hover { text-decoration: none; color: #bfff00; /*color: #06C;*/ }
#content-subheader li.subheader-title,
#content-subheader li.subheader-title a { color:#333; font-weight: bold; font-size: 18px; float: left; background:#73c700; padding:0 1em 0; position:relative; }
#content-subheader li.subheader-title:after {
	content:'';
	display:block; width:8px; height:31px;
	position:absolute;
	right:-8px;
	top:0;
	background:transparent url(/img/core/gradients/bg-subheader-tail.png) no-repeat 100% 50%;
}

/* alternate */
#content-subheader { background:none; }
#content-subheader li { float:left; }
#content-subheader li.subheader-title:after { width:0; height:0; background:none; border: 1px solid #73c700; border-width: 31px 0px 0px 0; border-right: 31px solid #fff; right:-31px; }
#content-subheader li.subheader-title { padding-right:0.5em; margin-right:31px; }
#content-subheader a { color:#666; }
#content-subheader a:hover { color:#000; }
#content-subheader li.active a { color: #000; }
/* /alternate */

#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 */
#hwz-notification-container {
	position:relative;
}
.site-notif, .site-notif-last {
	margin		: 0;
	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: 20px; height: 20px; }
.share .bookmark form { float: right; }
.share .bookmark form .submit
{
	width: 20px;
	height: 20px;
	/*text-indent: -999em;*/
	background: transparent url('/img/icons/share-bookmark.png') no-repeat 0 0;
	border: none;
	cursor: pointer;
}
.share .bookmark.saved form .submit
{
	background: transparent url('/img/icons/share-bookmark.png') no-repeat 0 100%;
	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: 24px;
	line-height: 24px;
	vertical-align: middle;
	border: none;
	font-size: 14px;
}
.share .bookmark .popup .text
{
	width: 200px;
	margin: 0 77px 0 0;
	padding: 0 5px;
	background: #fff;
}
.share .bookmark .popup .button
{
	position:absolute;
	right:0;
	width: 55px;
	padding: 0 5px;
	color: #666;
	background: #f6f6f6;
	font: bold 13px Arial, sans-serif;
	cursor: pointer;
	text-shadow: -1px -1px 1px #ccc;
}
.share .bookmark .popup .button:hover {
	color: #000;
}
.share .bookmark .popup .button[type=submit] {
	right: 22px;
}
.share .bookmark .popup .button[type=button] {
	font-size: 20px;
	width: 20px;
	padding: 0;
	overflow:hidden;
}
.share .addthis_toolbox { float: right; margin-left: 10px; min-width:108px; }
.share .addthis_custom_facebook,
.share .addthis_custom_twitter,
.share .addthis_custom_email,
.share .addthis_custom_googleplus { float:left; width:20px; height:20px; overflow:hidden; background:transparent no-repeat 50% 0;  }
.share .addthis_custom_facebook { background-image:url(/img/icons/share-facebook.png); }
.share .addthis_custom_twitter { background-image:url(/img/icons/share-twitter.png); }
.share .addthis_custom_email { background-image:url(/img/icons/share-email.png); }
.share .addthis_custom_googleplus { background-image:url(/img/icons/share-googleplus.png); }

#content-narrow .share_panel { width:100%; margin-bottom:0 !important; padding:0; height:90px; }
.share_panel .share { float:left; margin-top:5px; }
.share_panel .share .addthis_toolbox { float:left; margin-left:0; min-width:150px; }
.share_panel .share .bookmark,
.share_panel .share .bookmark form .submit { width: 32px; height: 32px; }
.share_panel .share .bookmark form .submit { background: transparent url('/img/icons/share-bar-bookmark.jpg') no-repeat 0 0; }
.share_panel .share .bookmark.saved form .submit { background: transparent url('/img/icons/share-bar-bookmark.jpg') no-repeat 0 100%; }
.share_panel .share .bookmark form.popup { top: 30px; }

.social-widgets { float:right; min-height:25px; }

.share-bar { width:100%; margin:10px auto 20px; padding:0; clear:both; background:#eee; height:32px; }
.share-bar .share { float:none; margin:0 auto; background:#fff; padding:0 10px; height:32px; width:214px; }
.share-bar .share .bookmark { width:32px; height:32px; }
.share-bar .share .bookmark form .submit { width:32px; height:32px; background: #f6cb5a url(/img/icons/share-bar-bookmark.jpg) no-repeat; }
.share-bar .share .bookmark .popup { top:4px; right:32px; }
.share-bar .share .addthis_toolbox { margin:0; }

/* alternate */
.share-bar { background:transparent; }
.share-bar .share { margin:0; padding:0; margin-left:-2px; }
.share-bar .share .bookmark .popup { right:auto; left:28px; }
/* /alternate */


/* 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: bold 24px/normal 'Source Sans Pro', Arial, sans-serif; color:#000; }
.article h4.page_sub_title { font: bold 18px/normal 'Source Sans Pro', Arial, sans-serif; color:#333; }
.article .fine-print { font-size: 10px; color: #666; font-style: italic; }
.article .info { overflow: hidden; margin: 0; padding: 0 20px; }
.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 24px/26px "Source Sans Pro", 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: 0; }
.article .header-wrap { overflow: hidden; }
.article .header-wrap .byline { padding-left: 10px; width: auto; }
.article .content { margin-bottom: 20px; padding: 0px 20px; text-align: left; clear: both; overflow: hidden; font: normal 16px/24px 'Source Sans Pro', Arial, sans-serif; color:#333; }
.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: none; width: 100%; padding:5px 0; font: normal 16px/20px 'Source Sans Pro', Arial, sans-serif; }
.article .byline .author { color:#06c; }
.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;
}

/* Articles footer */
.article .footer
{
	margin: 40px 20px;
	padding: 0;
	/*font-size: 10.67px;*/
	overflow: hidden;
}
#content-wide .article .footer
{
	margin: 20px 0 40px;
}
.article .footer p
{
	float: none;
	margin: 0;
	padding: 0;
	background: none left top no-repeat;
	font: italic normal 16px/22px "Source Sans Pro", Arial, sans-serif;
	color:#666;
	text-align:center;
}
.article .footer p.feedback a { color: #06c; }


.article .right { float: right; margin-right: 0; margin-left: 15px; }
.article .tags { font: normal 14px/22px "Source Sans Pro", Arial, sans-serif; color:#666; }
.article .tags a { font: normal 14px/22px "Source Sans Pro", Arial, sans-serif; margin-left: .25em; color:#06c; text-decoration: none; }

/* alternate */
.article .tags a {
	font: normal 14px/22px "Source Sans Pro", Arial, sans-serif;
	margin-left: .25em;
	margin: .25em;
	color: #fff;
	background: #06c;
	text-decoration: none;
	padding:2px 6px;
	display:inline-block;
	border-radius:3px;
}
/* /alternate */

/* 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 5px 1px 0;
	padding: 0 5px;
	background: #069;
	color: #fff;
	font-size: 10px;
	border-radius: 3px;
	line-height: 18px;
	vertical-align: middle;
}
.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; font: normal 11px/18px Arial, sans-serif; }
.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:10px 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%; padding-left: 45px; }
.listing .article .tags .label { margin-left: -30px; }
.listing .article .info { padding:0; }

/* 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;
	clear:both;
}
.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 { text-transform:uppercase; font: bold 16px/1.2em 'Roboto Condensed', 'Arial Narrow', sans-serif; }

div#comments-listing { /* margin-bottom:5px; */ }
div#comments-listing  .info { font:normal 14px/18px "Source Sans Pro", Arial, sans-serif; }
div#comments-listing .byline { float: left; white-space:nowrap; margin: 0 -13px 0 0; padding: 3px 0; font-size: 12px; }
div#comments-listing .byline a { font-weight:bold; color:#333; text-decoration:underline; }
div#comments-listing .user-rating { margin-top: 5px; font-size: 10px; }
div#comments-listing .desc { padding-left: 3px; font-weight: bold; }
div#comments-listing .report-comment { text-align:center; font-size:10px; }
div#comments-listing .report-comment label { display:block; }
div#comments-listing .report-comment .moderate-comment { font-size:10px; line-height:14px; }

div#comments .required { text-align: left; margin: 10px 0 20px; padding: 0; border: 0; font: normal 16px "Source Sans Pro", Arial, sans-serif; }
div#comments .no-comment { text-align: center; font-weight: bold; margin-top: 10px; padding: 10px; background: #F6F6F6;  }

div.comments-header { width:100%; overflow:hidden; font: normal 14px/1.2em 'Roboto Condensed', 'Arial Narrow', sans-serif; }
div.comments-header .comments-loggedin { color:#888; font: normal 14px "Source Sans Pro", Arial, sans-serif; float:right; }

div.comment
{
	margin: 10px 0;
	background: #f6f6f6 url('../img/core/comments/comm-bg.gif') 0 0 repeat-y;
	width: 100%;
	overflow: hidden;
}
div.comment .avatar
{
	width:110px;
	float:left;
	padding:10px;
	background-color:#E7E7E7;
	overflow:hidden;
}
div.comment .info
{
	float: left;
	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 {  }
div.comment .report-submit-button {
	border:0;
	width:20px;
	height:20px;
	background:transparent url(/img/core/buttons/report.png) no-repeat 0 -20px;
}
div.comment .report-submit-button:hover {
	background-position: 0 0;
}

#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: 20px 0 0; padding: 0px 0px 5px; font-size: 11px; /*color: #666;*/ }
#content-narrow .panel h3
{
	font: bold 20px/22px 'Roboto Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
	padding-bottom: 3px;
}
#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: 14px; 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; width:100%; }
#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 "Source Sans Pro", 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 "Source Sans Pro", 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; }
#content-narrow #hwz-tv.panel-black { margin-bottom:20px; }

/* 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; }

/* Non Member Subscription */
#nm-subscribe-wrapper 	{width:302px; min-height: 213px; margin:0 auto; padding:10px 0 0; overflow: hidden; margin-bottom:20px;}
#nm-subscribe-title 	{font-size:18px; font-weight:bold;}
#nm-subscribe-box h3	{font: bold 20px/22px 'Roboto Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: #000; margin-bottom: 5px; border-bottom: 4px solid #000; padding-bottom:3px; }
#nm-subscribe-wrapper2	{text-align:center; padding: 0 5px; min-height: 169px;}
#nm-subscribe-txt		{text-align:center; padding:5px; margin-top:5px;}
#nm-subscribe-form-cont	{background:#8cc43b; padding:15px; text-align:center; margin:5px;}
#nm-subscribe-xline 	{background:url(/img/core/gradients/nm_line.jpg) no-repeat; background-position:center;}

#nm-result				{height: 168px;}
#nm-result.loading		{background:url(/img/loadingAnimation.gif) no-repeat; background-position:center; display: block;}

#nm-subscribe-wrapper2 .thx		{padding: 40px 5px 5px 5px; font-size: 16px; text-align: center; margin-top: 5px;}
#nm-subscribe-wrapper2 .thxtxt	{text-align: center; padding: 5px; margin-top: 5px;}

.nm-subscribe-forminput {font-size: 13px; text-decoration: none; color:#666666; border: 1px solid #ddd; background:#eeeeee; width:158px; height:24px; text-align:center;}
.nm-subscribe-formbtn 	{font-size: 12px; font-weight: bold; font-family: Arial; color: #FFF; background-color:#000; cursor: hand; border:#000 solid 1px; padding:3px;}

#nm-subscribe-footprint {font-size:11px; color:#5e5e5e; text-align:center; padding: 0 5px 5px 5px;}
a.nm-subscribe-greentxt, a.nm-subscribe-greentxt:visited, a.nm-subscribe-greentxt:link	{font-size:11px; color:#333; text-decoration: none;}
a.nm-subscribe-greentxt:hover, a.nm-subscribe-greentxt:active							{font-size:11px; color:#06c; text-decoration: none;}
#nm-subscribe-shadow	{background:url(/img/core/gradients/nm_shadow.png) no-repeat; background-position:center; height:13px;}

#nm_valid_email			{color: #CC252D; font-size: 12px;}
.nm-hide				{display: none;}
.nm-show				{display: block;}

/*************************************************************************************************
 *      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-container #nav-mid { height: 30px; }
#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;}

/* 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 { width: 100%; overflow: hidden; display: block; margin: 0px; padding: 0px; background: transparent url(/img/core/gradients/ccc.gif) repeat-y 50%; }
#sponsored-links #links ul.divider { border-left: 1px solid #CCC; }
#sponsored-links #links li { margin: 5px 1%; padding: 0px; list-style: none; vertical-align: top; float: left; width: 48%; }
#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; padding: 0 0 20px; position: relative; top: 32px; margin: -32px 0 0; min-width: 980px;}
#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; overflow:hidden; }
#footer .foot-sect li a, #footer .foot-sect li a:active { color: #CCC; text-decoration: none; }
#footer .foot-sect li a:visited, #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: 0px auto; padding: 5px 0px 15px; color: #888; font-size: 11px; text-align: left; position:relative; }
#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; }

#footer .awards {background:url('../img/core/gradients/bg-footer-award.jpg') repeat-x; width:100%; height:95px; overflow:hidden;}
#footer .award-wrapper {width:975px; margin:0 auto;}
#footer .award-info {width:325px; padding: 20px 0px 0px; text-align:center;}
#footer .award-title {font: bold 16px/20px Arial, sans-serif; color:#BABABA;}
#footer .award-text {font: 13px/18px Arial, sans-serif; color:#BABABA;}
#footer img.award-logo {height:72px; margin:10px 6px;}

/*************************************************************************************************
 *      Anchor blocks
 *************************************************************************************************/
/* Homepage Highlights banner */
#anchor-blocks-container {
	position:relative;
	margin: 0 auto 15px;
}
#anchor-blocks
{
	margin: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 "Source Sans Pro", 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:left; }
#anchor-blocks div.anchor-blocks-slide .anchor-blocks-slide-wrapper { margin: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 100% 0;
	top:-1px;
	right:0;
	padding: 0;
	z-index:10;
}
#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%; */
}

#anchor-blocks-controls-next {
	position:absolute;
	right:200px;
	bottom:10px;
	/*width:12px;*/
	height:8px;
	font-size:8px;
	line-height:8px;
	background:transparent url(/img/core/buttons/more-arrow.png) no-repeat 100% 50%;
	opacity:0;
	padding-right:14px;
	cursor:default;
	
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
#anchor-blocks-controls-next.show { opacity:1; }

.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: 10px 0; }
.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; }

.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; }

/* RELATED ARTICLES */
/** common styles **/
#content-narrow .panel-related-articles, #content-narrow .panel-related-videos { margin-bottom: 10px; }
#content-narrow .panel-related-videos .content ul li:hover,
#content-narrow .panel-related-articles .content ul li:hover,
.panel-related-articles-bottom ul li:hover { background-color: #EEE; }
#content-narrow .panel-related-videos .content ul li,
#content-narrow .panel-related-articles .content ul li
{
	margin: 0;
	padding: 5px;
	cursor: pointer;
	list-style: none;
	font: normal 13px/17px Arial, sans-serif; 
	color:#333;
	text-align: left;
	overflow: hidden;
}
.panel-related-videos h3,
.panel-related-articles h3,
.panel-related-articles-bottom h3
{
	font: bold 20px/22px 'Roboto Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
	padding-bottom:3px;
}
.panel-related-videos ul li .header a,
.panel-related-videos ul li .header a:visited,
.panel-related-articles ul li .header a,
.panel-related-articles ul li .header a:visited { color: #000; }
.panel-related-videos ul li:hover .header a,
.panel-related-videos ul li .header a:hover,
.panel-related-articles ul li:hover .header a,
.panel-related-articles ul li .header a:hover { color: #06c; }
.panel-related-articles-bottom ul li .header a,
.panel-related-articles-bottom ul li .header a:visited { color: #000; }
.panel-related-articles-bottom ul li:hover .header a,
.panel-related-articles-bottom ul li .header a:hover { color: #06c; }

/** related videos **/
#content-narrow .panel-related-videos .content ul { margin: 0px; padding: 0; }
#content-narrow .panel-related-videos .content .thumb {
	float: left;
	padding: 0;
	margin: 4px 8px 2px 2px;
	width:90px;
	border:1px solid #cccccc;
}
#content-narrow .panel-related-videos .content div.thumb { height:53px; overflow:hidden; }
#content-narrow .panel-related-videos .content div.thumb img { width:90px; margin:-4px 0 0; }
#content-narrow .panel-related-videos .content div.header { font: bold 15px/18px "Source Sans Pro", Arial, sans-serif; }

#content-narrow .panel-related-articles .content ul { padding: 0; margin: 0; }
#content-narrow .panel-related-articles .content ul li:hover a { color: #06c; }
#content-narrow .panel-related-articles .content .thumb { float: left; padding: 0; margin: 4px 8px 2px 2px; width:70px; border:1px solid #cccccc; }
#content-narrow .panel-related-articles .content div.thumb { height:93px; overflow:hidden; }
#content-narrow .panel-related-articles .content div.thumb img { width:70px; margin:-4px 0 0; }
#content-narrow .panel-related-articles .content div.header { width:186px; float:left; font: bold 14px/20px Arial, sans-serif; }

.panel-related-articles-bottom ul { margin: 0; padding: 0; width:100%; overflow:hidden; }
.panel-related-articles-bottom ul li {
	margin: 0;
	padding: 10px;
	list-style: none;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	float: left;
	width: 196px;
	height: 113px;
}
.panel-related-articles-bottom ul li a {
		display:block;
		width:106px;
		/*height:105px;*/
		overflow:hidden;
		margin: 0 0 0 5px;
		font:bold 14px/20px Arial,sans-serif; text-decoration:none;
}
.panel-related-articles-bottom ul li.related-articles-bottom-more img { visibility:hidden; }
.panel-related-articles-bottom ul li.related-articles-bottom-more a {
	background:#e5e5e5;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	display: block;
	width: 84px;
	height: 88px;
	margin: 0;
	padding: 44px 5px 0;
	text-transform: uppercase;
	text-align: center;
}
.panel-related-articles-bottom ul li.related-articles-bottom-more a:hover { background:#06c; color:#fff; }
.panel-related-articles-bottom ul li.related-articles-bottom-more a:active { background:#004b96; color:#fff; }
.panel-related-articles-bottom ul li.related-articles-bottom-more {
	padding: 0;
	margin: 0;
	width: 94px;
	height: 132px;
	float: right;
	cursor: default;
}
.panel-related-articles-bottom ul li.related-articles-bottom-more:hover { background:transparent; }
.panel-related-articles-bottom ul li .thumb { width:82px; height:111px; float:left; border:1px solid #ccc; }
.panel-related-articles-bottom ul li .header {
	font: normal 13px/18px Arial, sans-serif;
	width: 111px;
	height: 105px;
	overflow: hidden;
	float:left;
}
.panel-related-articles-bottom ul li .headeroverlay {
	width: 94px;
	height: 128px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: black;
}


#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; }


/*** mobile/desktop toggle ***/
#footer .mobile-toggle {
	text-align: left;
	position: absolute;
	top: 5px;
	left: 33%;
}
#footer .mobile-toggle span {
	cursor:pointer;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: underline;
}


.info.contenttype-product { position:relative; }
.retailer-price-buynow { text-align:center; }
.retailer-price-buynow a { display:block; width:96px; height:33px; margin:0 auto; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }
.review-buynow a { display:inline-block; width:96px; height:33px; margin:-7px auto 0; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; vertical-align:top; }
.video-buynow a { display:block; width:96px; height:33px; margin:10px auto 0 0; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }
.list-product-buynow { position:absolute; top:0px; right:0px; }
.list-product-buynow a { display:block; width:96px; height:33px; margin:0 auto; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }
.product-retailer-buynow a { display:block; width:96px; height:33px; margin:0 auto; padding:0; background: transparent url("/img/promos/btn_buynow.png") 0 0 no-repeat; }

.retailer-price-buynow a:hover,
.review-buynow a:hover,
.video-buynow a:hover,
.list-product-buynow a:hover,
.product-retailer-buynow a:hover { background-position: 0 -34px; }
.retailer-price-buynow a:active,
.review-buynow a:active,
.video-buynow a:active,
.list-product-buynow a:active,
.product-retailer-buynow a:active { background-position: 0 -66px; }

.OUTBRAIN .AR_2 .ob_org_header,
.OUTBRAIN .AR_3 .ob_org_header {
	font: bold 20px/22px 'Roboto Condensed', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	border-bottom: 4px solid #000;
}


#content-narrow #profile-summary.panel {
	/*border: 1px solid #8EC63F;*/
	border:1px solid #888;;
	font-size: 12px;
	margin: 20px 0 10px;
	padding: 15px;
}
#content-narrow #profile-summary.panel h3 {
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}
#content-narrow .panel h4 {
	font-size: 12px;
	margin-bottom: 4px;
}
#profile-summary.panel .content {
	font-size:12px;
	padding:10px 0;
}

#profile-summary.panel .content .avatar {
	float:left;
	margin-right:10px;
	max-width:90px;
	max-height:90px;
}

#profile-summary.panel .content .user {
	font-size:14px;
	font-weight:700;
}

#profile-summary.panel .content .edit {
	background:url(../img/icons/edit.png) no-repeat;
	font-weight:700;
	padding:1px 1px 1px 20px;
}

#profile-summary.panel .content p {
	margin:5px 0 10px;
}

#profile-summary.panel .content ul {
	clear:both;
	list-style:none;
	margin:0 !important;
	padding:10px 0 0 !important;
}

#profile-summary.panel .content li {
	background-repeat:no-repeat;
	overflow:hidden;
	margin:15px 0 0 !important;
	padding:0 0 0 25px !important;
}

#profile-summary.panel .content li.pm {
	background-image:url(../img/icons/msg.gif);
}

#profile-summary.panel .content li.posts {
	background-image:url(../img/icons/posts.gif);
}

#profile-summary.panel .content li.dmclub {
	background-image:url(../img/icons/dmclub.gif);
}