/**
 * 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: #E7E7E7 url('../img/core/bg.png') repeat-x;
	color: #333;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	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: #048;*/ }
a:focus { text-shadow: 0 0 20px; }
a:hover { text-decoration: underline; color: #06C; }
a:active { text-decoration: none; color: #4e4a96; }

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

#masthead { margin: 0 0 20px; padding: 0; }
#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; }

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

/* Bylines (just below headers) */
.byline { display: block; color: #666; font-size: 10.67px; }
.header-gray + .byline { padding: 0 13px; }
.byline-productreview { padding-left: 10px; color: #666; font-size: 10.67px; }

/* 'More' links in panels */
a.more
{
	float: right;
	margin: 0;
	padding: 0 18px 0 0;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 10.67px;
	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: #000; }
.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; }*/


/* 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; text-shadow: 1px 1px 1px #fff; 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;
	/*  -moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; */
}
.tabs-menu li.on a, .tabs-menu li.on span { color: #fff; }
.tabs-menu li:first-child { /* -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; */ }
.tabs-menu li:last-child { /* -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; */ }
.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; }
.tip
{
	width: 150px;
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	color: #000;
	background: #eee;
	background: rgba(238, 238, 238, .9);
	border: 1px solid #89df00;
}
.tip-title { padding-bottom: 2.5px; }
.tip-text { padding-top: 2.5px; }
.tip-title span
{
	font-weight: bold;
	color: blue;
}
.tip-loading
{
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../img/loading.gif) center no-repeat;
}

/*
classes used by image caption
*/
.image-caption
{
	color: #336;
	background-color: transparent;
	padding: 4px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}
.image-caption-container
{
	display: inline-block;
	margin: auto;
	padding:5px 5px 0px 5px;
}
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 0 205px;
}
#ads-leaderboard .inner
{
	width: 728px;
	margin: auto;
	padding: 15px 0 0 0;
	background: url('../img/core/misc/advertisement_t.png') 646px 0 no-repeat;
}
#ads-leaderboard .inner br { height: 0; font-size: 0; }

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

/*************************************************************************************************
 *      Shadow
 *************************************************************************************************/
.shadowed #masthead { margin-left: 9px; margin-right: 9px; }
.shadowed .shadow .bar { position: relative; height: 9px; margin: 0 7px; }
.shadowed .shadow .corner { position: absolute; height: 16px; width: 16px; }
.shadowed #container { padding-left: 9px; background: url('../img/shadow/shadow-l.png') repeat-y left; }
.shadowed #inner-container { padding-right: 9px; background: url('../img/shadow/shadow-r.png') repeat-y right; }
.shadowed #container .shadow.top { padding: 0; position: relative; margin-bottom: -16px; top: -7px; }
.shadowed #container .shadow.top .bar { top: -9px; background: url('../img/shadow/shadow-t.png') repeat-x top; }
.shadowed #container .shadow.top .left { background: url('../img/shadow/shadow-tl.png') no-repeat; left: -9px; top: -9px; }
.shadowed #container .shadow.top .right { background: url('../img/shadow/shadow-tr.png') no-repeat; right: -9px; top: -9px; }
.shadowed #container .shadow.bottom { padding: 0; background: #fff; position: relative; margin-top: -15px; top: 7px; }
.shadowed #container .shadow.bottom .bar { top: 9px; background: url('../img/shadow/shadow-b.png') repeat-x bottom; }
.shadowed #container .shadow.bottom .left { background: url('../img/shadow/shadow-bl.png') no-repeat; left: -9px; bottom: -9px; }
.shadowed #container .shadow.bottom .right { background: url('../img/shadow/shadow-br.png') no-repeat; right: -9px; bottom: -9px; }


/*************************************************************************************************
 *      Header
 *************************************************************************************************/
#header
{
	padding: 10px;
	line-height: 22px;
	background: transparent url('../img/core/gradients/ctrl-top.png') repeat-x;
	overflow: hidden;
}

#PageSearchForm { position: rerlative; float: right; }
#PageSearchForm fieldset
{
	padding: 2px 6px 2px 7px;
	line-height: 1;
	border-color: #aaa #eee #eee #aaa;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	background: #fff;
	margin: 2px 0 0;
}
#PageSearchForm  input { padding: 0; border: none 0; vertical-align: middle; }
#PageSearchForm  input.text
{
	font-size: 11px;
	font-weight: bold;
	color: #4e4a96;
	width: 215px;
	height: 14px;
}
#PageSearchForm  input.submit
{
	background: #fff url('../img/core/search.png') right top no-repeat scroll;
	width: 12px;
	height: 14px;
	margin-left: 3px;
	text-indent: 999em;
	cursor: pointer;
}
#PageSearchForm fieldset.popup
{
	visibility: hidden;
	position: absolute;
	width: 234px;
	z-index: 1;
	font-size: 9px;
	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;
}
#PageSearchForm fieldset.popup span, #PageSearchForm fieldset.popup label
{
	float: left;
	line-height: 15px;
	vertical-align: middle;
}
#PageSearchForm fieldset.popup label { margin: 0 0 0 5px; }

#utility-bar { overflow: hidden; margin: 5px 0 0 0; float: left; font-size: 10px; line-height:10px;  }
#utility-bar li { overflow: hidden; list-style: none; float: left; padding-left: 7px; 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; background-position: right -14px; }
#utility-bar li.hover { background-position: right 0; }
#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; background-image: url('../img/core/1024.png'); }
#utility-bar #btn-layout-fluid { width: 37px; background-image: url('../img/core/100.png'); margin-right: 35px; }
#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; }

#social-media { float: left; margin: 0 10px 0 8px; }
#social-media .desc { float: left; font: bold 13px/24px 'Century Gothic', Arial, Helvetica, sans-serif; }
#social-media ul { float: left; margin: 0; padding: 0; list-style: none; }
#social-media li { float: left; margin-left: 5px; }
#social-media li a, #social-media li img {display: block; }

/*************************************************************************************************
 *      Layout
 *************************************************************************************************/
#content { float: right; width: 100%; margin-left: -175px; }
#content .inner { margin: 0 10px 0 175px; overflow: hidden; }
#content-wide { float: left; clear: both; width: 100%; margin-right: -305px; }
#content-wide .inner { margin: 0 310px 0 0; }
#content-narrow { float: right; width: 300px; }
#content-narrow .inner { margin: 0; overflow: visible; }
#content-full { clear: both; }
#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: 31px; vertical-align: middle; }
#breadcrumbs li a img { vertical-align: middle; }

#content-header
{
	background: url('../img/core/gradients/title-bg.png') repeat-x;
	border-bottom: 3px solid #9bcb39;
	margin: 0 0 10px;
	padding: 0 13px;
	line-height: 31px;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000;
}

#content-subheader
{
	background: #9dc933 url('../img/core/gradients/sub-category-bg.png') bottom repeat-x;
	margin: -13px 0 10px;
	padding: 3px 1em;
	line-height: 17px;
	font-size: 8px;
	color: #fff;
	text-shadow: -1px -1px 1px #749915;
}
#content-subheader li { display: inline; list-style: none; border-right: 1px solid #fff; }
#content-subheader li.active { font-weight: bold; }
#content-subheader li.active a { color: #ff0; }
#content-subheader li:last-child { border-right: none; }
#content-subheader a { padding: 0 0.5em; color: #fff; font-size: 12px; }
#content-subheader a:hover { text-decoration: none; color: #ff0; }

#flashMessage
{
	margin: 0 0 10px;
	padding: 5px;
	border-style: solid none;
	border-width: 2px 0;
	border-color: #ffea80;
	background: #fffff0;
	text-align: center;
}

.notification
{
	margin: 0 0 10px;
	padding: 5px;
	border-style: solid none;
	border-width: 2px 0;
	border-color: #f66;
	background: #fffff0;
	text-align: center;
}
.notification .close { font-size: 10px; color: #06c; cursor: pointer; }

/** 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: 0 13px 13px; font-size: 10.67px; }
.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 { color: #039; font-size: 14px; }
.article h4.page_sub_title { color: #000; font-size: 13px; }
.article .fine-print { font-size: 10px; color: #666; font-style: italic; }
.article .info { overflow: hidden; }
.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 { color: #003399; font-size: 13px; }
.article .info h3 a { color: #003399; }
.article .excerpt { margin-bottom: 15px; }
.article .thumb { float: left; max-width: 200px; margin: 5px 15px 5px 0; }
.article .thumb-fullarticle { float: left; max-width: 120px; margin: 5px 0 15px 1em; }
.article .header-wrap { overflow: hidden; }
.article .header-wrap .byline { padding-left: 10px; width: auto; }
.article .content { margin-bottom: 20px; padding: 0 10px /*1em*/ ; 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/arrow.png') left 3px no-repeat;
}
.article .footer
{
	margin-bottom: 20px;
	padding: 5px 10px;
	font-size: 10.67px;
	background: #eee;
	overflow: hidden;
}
.article .right { float: right; margin-right: 0; margin-left: 15px; }
.article .tags
{
	padding-left: 15px;
	background: url('../img/icons/tags.png') no-repeat left 0;
	/*font-size: 10px;*/
}
.article .tags .label { font-weight: bold; }
.article .tags a { margin-left: .25em; }

/* Content wide - details - RELATED for interviews & others */
.related { background: #f8f8f8; padding: 10px; margin: 10px 0; }
.related h3 { color: #003366; }
.related ul { list-style: none; margin: 0; font-size: 10.67px; }
.related li
{
	margin: 10px 0;
	padding-left: 17px;
	background: url('../img/core/icons/arrow.png') left 3px no-repeat;
}

/* Content wide - all categories - for TECHNEWS & others */
#allcat { border: 1px solid #000; color: #000; padding: 10px; margin-top: 10px; }
#allcat h3 { font-family: 'Century Gothic', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#allcat .content { overflow: hidden; }
#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 dotted #CCCCCC; }
#no-line .listing { margin-bottom:10px; padding-bottom: 10px; border-bottom: none; }
.listing { overflow: hidden; }
.listing .header-gray + .article { margin-top: 10px; }
.listing .article { padding: 10px; overflow: hidden; }
.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: 3px 0; padding: 0; }
.listing .article .thumb { float: left; width: 60px; height: 80px; margin: 0 10px 0 0; }
.listing .article .thumb-feature { float: left; width: 120px; margin-right: 10px; }
.listing .article .thumb-blog { float: left; max-width: 135px; 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 .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 { max-width: 50%; font-size: 9px; padding-left: 45px; }
.listing .article .tags .label { margin-left: -30px; }

/* 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-block;*/ display: inline; }
.pagination ul li
{
	/*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}
.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: 0 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 10px; padding: 15px; border: 1px solid #8EC63F; font-size: 11px; /*color: #666;*/ }
#content-narrow .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; }
#content-narrow .panel .content { overflow: hidden; }
#content-narrow .panel .content ul { margin: 0 0 5px -5px; }
#content-narrow .panel .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-narrow .panel .content li a { display: block; font-weight: normal; }
#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: 15px; border: 1px solid #000; }
#content-narrow .panel-black h3
{
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #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-size: 11px;
	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-size: 12px; font-weight: bold; }
#content-narrow .panel-black .content .header a { color: #990000; }
#content-narrow .panel-black .content p { width: 180px; overflow: hidden; margin: 2px 0; }

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

#nav { margin: 0; font-size: 11px; font-weight: bold; }
#nav li
{
	list-style: none;
	border: 1px solid #99cc34;
	margin: 0 0 7px;
}
#nav li li:first-child { border-top: 3px solid #000; background-position: .5em 9px; margin-top: 1px; }
#nav li a
{
	display: block;
	padding: 1px 10px;
	line-height: 25px;
	color: #333;
	background: #eee url('../img/core/gradients/tab.gif') top right repeat-x;
	font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#nav > li > a { height: 25px; text-shadow: 1px 1px 1px #fff; }
#nav li.expandable .clicker
{
	float: right;
	width: 25px;
	height: 27px;
	background: url('../img/core/buttons/expand-collapse.gif') top left no-repeat;
	cursor: ns-resize;
	margin: 0;
}
#nav li.selected > a { color: #000; background: url('../img/core/gradients/tab-active.gif') top right repeat-x; text-shadow: none; }
#nav li.selected > a:hover { color: #000; }
#nav li.selected .clicker { background-position: top right; }
#nav ul { margin: 0; background: #fff; }
#nav ul li { display:block; border: 0; margin: 0; }
#nav ul li a
{
	line-height: 16px;
	margin: 6px 0;
	padding: 0 1em 0 2em;
	color: #0066cc;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	background: transparent url('../img/core/icons/arrow.png') .5em 3px no-repeat;
	text-align: left;
}
#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: underline; }
#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;}
/*************************************************************************************************
 *      Footer
 *************************************************************************************************/
#footer { clear: both; padding: 30px 10px 10px; }

#sponsored-links
{
	padding: 0;
	background: #f5f5f5 url('../img/core/misc/stl-dotted.png') center repeat-y;
	border: 2px #eaeaea solid;
	overflow: hidden;
}
#sponsored-links h4 { margin: 5px 20px; color: #443d67; text-transform: uppercase; font-size: 12px; }
#sponsored-links ul { margin: 0; padding: 0; color: #7b7b7b; font-size: 10.66667px; overflow: hidden; }
#sponsored-links li { display: inline-block; width: 45%; margin: 0 2% 10px; padding: 0; list-style: none; vertical-align: top; }
#sponsored-links li h5 { font-weight: bold; font-size: 11px; }
#sponsored-links li a { display: block; /*height: 3em; margin: 0 10px; padding: 0 10px;*/ color: #7b7b7b; }
#sponsored-links li a:hover { color: #666; background: #fafafa; 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 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 .copyright { margin: 10px 0; text-align: center; color: #666; }
.footer-backtotop { background: #f2f2f2; padding: 5px; overflow: auto; }