/**
* Main CSS
* PC World
*/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	background-color:#fcfcfd;
	text-align: center;
	margin: 0px;
}



/* default link styles */
a {
	text-decoration: none;
	color: #990000;
	background-color: transparent;
}

/* hover changes color, no underline */
a:hover {
	background-color: #edd6d7;
}

/* default table styles */
table {
	padding: 0px; /* cellpadding=0 */
	border: 0px; /* border=0 */
	border-spacing: 0px; /* cellspacing=0 */
}

/* default form styles */
form {
	margin: 0px;
}

input,select,textarea {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

/* lists */
ul {
	list-style: square outside;
	padding: 0px;
	margin: 0px 0px 0px 4px;
}

/* nested list */
ul ul {
	list-style: square outside;
	padding: 0px;
	margin: 0px 0px 0px 14px;
}

/* list item */
ul li {
	padding: 0px;
	margin: 8px 0px 6px 14px;
}

/* *************** */ /* Page Containers */ /* *************** */ /* main page container */ /* page is centered */
.container {
	text-align: left;
	width: 996px;
	position: relative;
	padding: 0px 4px 0px 4px;
	margin-right: auto;
	margin-left: auto;
	background-color:#707273;
}

/* page container for wide pages */ /* wide pages are centered left */
.containerWide {
	width: 100%;
	padding: 0px;
}

/* ***** */
/* Tiles */
/* ***** */

/* Layouts */

/* main layout */
.layoutMain {
	width: 996px;
}

/* Areas */

/* header area */
.areaHeader {
	width: 988px;
	height: 93px;
	padding: 0px 4px 4px 4px;
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/header/hd_shadow.png');*/
}

/*	above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
	rules below are invisible to IE and display the PNGs normally */
html>body .areaHeader {
	background: url(images/header/yellow_scanlines.gif) top left repeat-y;
}

/* header area - wide */
.areaHeaderWide {
	width: 100%;
}

/* banner area */
.areaBanner {
	margin: 0px 0px 4px 0px;
}

/* footer area */
.areaFooter {
	margin: 0px 4px 0px 4px;
}

/* main area */
.areaMain {
	background-color: #e0e4e6;
	z-index: 2;
	padding: 4px 0px 0px 0px;
	border: 1px solid #f0f2f3;
	border-bottom: 0px;
	margin: 0px 4px 8px 4px;
}

/* main area - wide */
.areaMainWide {
	z-index: 2;
	padding: 0px;
	border: 0px;
	margin: 0px 8px 8px 8px;
}

/* main area - top */
.areaMainTop {
	position: relative;
	z-index: 1;
	padding: 0px 3px 0px 3px;
}

/* main area - left */
.areaMainLeft {
	width: 195px;
	/*padding: 0px 0px 0px 3px;*/
	float: left;
}

/* main area - right */
.areaMainRight {
	width: 784px; /* 788 - 3pad - 1border */
	z-index: 0;
	/*padding: 0px 3px 0px 0px;*/
	float: left;
}

/* main area - bottom */
.areaMainRightBtm {
	width: 784px; /* 788 - 3margin - 1border */
	background-color: #fcfcfd;
	padding-top: 12px;
	margin: 4px 0px 4px 3px;
	float: left;
}

/* Sections */

/* section column, no width (flexible) */
.sectionCol {
	float: left;
}

/* section column, 1 col */
.sectionCol1 {
	width: 196px;
	float: left;
}

/* section column, 2 col */
.sectionCol2 {
	width: 392px;
	float: left;
}

/* section column, 2 col narrow (for use in mainRightBtm) */
.sectionColB {
	width: 388px;
	float: left;
}

/* vertical rule */
.areaMainRightBtm .section2Col.column2  {
	background: url(images/common/divider_dash_fat.gif) top left repeat-y;
	margin-bottom: 6px;
}

/* override vertical rule for specific templates */
#template_med_lib .areaMainRightBtm .section2Col.column2,
#template_SRCH_results .areaMainRightBtm .section2Col.column2,
#template_PFproduct_pricing .areaMainRightBtm .section2Col.column2,
#template_PFproduct_specs .areaMainRightBtm .section2Col.column2,
#template_PFproduct_userreviews .areaMainRightBtm .section2Col.column2,
#template_PFsearch .areaMainRightBtm .section2Col.column2,
#template_REVIEW .areaMainRightBtm .section2Col.column2,
#template_REVIEW_series .areaMainRightBtm .section2Col.column2,
#template_REVIEW_userreviews .areaMainRightBtm .section2Col.column2,
#template_REVIEW_addreview .areaMainRightBtm .section2Col.column2,
#template_REVIEW_testreport .areaMainRightBtm .section2Col.column2,
#template_REVIEW_specs .areaMainRightBtm .section2Col.column2,
#template_REVIEW_pricing .areaMainRightBtm .section2Col.column2,
#template_SMBstore_filter .areaMainRightBtm .section2Col.column2,
#template_SMBstore_browse .areaMainRightBtm .section2Col.column2,
#template_PFbrowse .areaMainRightBtm .section2Col.column2,
#template_PFbrowse_alt3 .areaMainRightBtm .section2Col.column2,
#template_CHART_custom .areaMainRightBtm .section2Col.column2,
#template_CHART_filter .areaMainRightBtm .section2Col.column2,
#template_CHART_smart .areaMainRightBtm .section2Col.column2 {
	background: transparent;
	margin-bottom: 0;
}

/* section column, 3 col */
.sectionCol3 {
	width: 588px;
	float: left;
}

/* section column, 3 col narrow (for use in mainRightBtm) */
.sectionColC {
	width: 584px;
	float: left;
}

/* section column, 4 col */
.sectionCol4 {
	width: 784px;
	float: left;
}

/* ******* */
/* Modules */
/* ******* */

/*
	Modules should use the following structure.

	<div class="modBase">
		<div class="modHd"><!-- title --></div>
		<div class="modContent">
			<!-- module content -->
		</div>
	</div>

*/

/* module header */
.modHd {
	font-size: 15px;
	font-weight: bold;
	color:#000;
	padding: 0 0 0 2px;
	margin-bottom:6px;
	border-top: 2px solid #707273;
	line-height:24px;
	background: url(images/common/modHdgradient.jpg) top left repeat-x;
}

.modDek {
	font-weight: bold;
	padding: 6px 3px 10px 3px;
}

.modDekLg {
	font-size:13px;
	font-weight: bold;
	padding: 6px 3px 10px 3px;
}

.modBase {
	/*background-color:aqua;*/
	/* placeholder for now */
	/*margin: 0 7px 20px 6px;*/
	/*padding: 0 7px 0 0;*/
	margin: 0 6px 20px 10px;
}

/* 1-column module */
.mod1Col {
	/*width: 					184px;*/
	/*border-left: 			2px solid #191919;*/
	/*border-right: 			2px solid #191919;*/
	/*background-color: 		#fcfcfd;*/
}

/* 2-column module */
.mod2Col {
	/*width: 					380px;*/
	/*border-left: 			2px solid #191919;*/
	/*border-right: 			2px solid #191919;*/
	/*background-color: 		#fcfcfd;*/
}

.sectionColB .mod2Col {
	/*width: 376px;*/
}

/* 3-column module */
.mod3Col {
	/*width: 					576px;*/
	/*border-left: 			2px solid #191919;*/
	/*border-right: 			2px solid #191919;*/
	/*background-color: 		#fcfcfd;*/
}

.sectionColC .mod2Col {
	/*width: 572px;*/
}

/* Module Heights - # in .modHeight[#] represents row units */
.modHeight1 {
	height: 76px;
}

.modHeight2 {
	height: 190px;
}

.modHeight3 {
	height: 304px;
}

.modHeight4 {
	height: 418px;
}

.modHeight5 {
	height: 532px;
}

/* for side by side cols within module */
.modCol {
	float: left;
}

.modContent,.mod1ColContent,.mod2ColContent,.mod3ColContent {
	position: 			relative;
	margin: 				0;
	/*padding: 4px;*/
}

/* 1-col module - leader text */
.mod1ColLead {
	font-weight: bold;
	padding: 8px 8px 2px 6px;
}

/* 1-col module - item */
.mod1ColItem {
	padding: 0px 0px 8px 0px;
}

/* Module Divider */

/* horizontal module divider */
.modHorizDivider {
	width: 100%;
	height: 9px;
	margin-top:8px;
	background: url(images/common/divider_dash.gif) top left repeat-x;
}

/* module list - spacing */
.div1ColSet,.div1ColSetList {
	/* pushes 1-col content down from header bar */
	position: relative;
	top: 10px;
}

/* module list - linked spacing */
.div1ColSetList {
	top: 5px;
}

/* 1 column image */
.div1ColImg {
	position: absolute;
	bottom: 5px;
	right: 5px;
	float: right;
}

/* 2 column listing */
.div2ColSet {
	width:50%;
	position: relative;
	float: left;
}

/* 2 column image */
.div2ColImg {
	width: 51px;
	position: relative;
	margin-left: 5px;
	float: left;
}

/* ************ */ /* General Text */ /* ************ */ /* page header (e.g. article title) */
.pghd {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}

/* text - large */
.textLarge {
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
}

/* text - large - default line height */
.textLargeStdHt {
	font-size: 13px;
}

/* text - gray */
.textGray {
	color: #959595;
}

/* Sets a bold font */
.bold {
	font-weight: bold;
}

/* Disables a bold default */
.unbold {
	font-weight: normal;
}

.right {
	text-align:right;
}









.divTitleGrande {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 3px;
}

.divTitleGrande a {
	font-size: 1.6em;
	line-height: 26px;
	font-weight: bold;
	display: block;
}

.titleGrande {
	cursor: pointer;
	padding: 3px;
}

.titleGrande a {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
}

.divTitleLg {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 3px;
}

.divTitleLg a {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	display: block;
}

.titleLg {
	cursor: pointer;
	padding: 3px;
}

.titleLg a {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

.divDekLg {
	font-size:13px;
	line-height: 18px;
	padding:3px 3px 8px 3px
}

.dekLg {
	font-size:13px;
	line-height: 18px;
	padding:3px 3px 8px 3px
}

.divTitleMed {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 3px;
}

.divTitleMed a {
	font-size: 13px;
	font-weight: bold;
	/*text-indent: 15px;*/
	display: block;
}

.titleMed {
	cursor: pointer;
	padding: 3px;
}

.titleMed a {
	font-size: 13px;
	font-weight: bold;
}

.divTitle {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 1px 3px 1px 3px;
}

.divTitle a {
	font-weight: bold;
	margin-left:3px;
	/*text-indent: 3px;*/
	display: block;
}

.title {
	cursor: pointer;
	padding: 1px 3px 1px 3px;
}

.title a {
	font-weight: bold;
	margin-left:3px;
	/*text-indent: 3px;*/
}

.divDek {
	padding:0 4px 8px 4px
}

.dek {
	padding:3px 3px 8px 3px
}





.divTitle1Col {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 1px 3px 1px 3px;
}

/* 1-col module title text - link */
.divTitle1Col a {
	font-weight: bold;
	margin-left:3px;
	/*text-indent: 3px;*/
	display: block;
}

/* 2-col module title text */
.divTitle2Col {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 3px;
}

/* 2-col module title text - link */
.divTitle2Col a {
	font-size: 18px;
	line-height: 24px;
	/* BEGIN bug ID 399 */ /* Removed extra line-height spec */ /* END bug ID 399 */
	font-weight: bold;
	/*text-indent: 15px;*/
	display: block;
}

/* 2-col small text module title text */
.divTitle2ColMed {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 2px;
}

/* 2-col small text module title text - link */
.divTitle2ColMed a {
	font-size: 13px;
	font-weight: bold;
	/*text-indent: 15px;*/
	display: block;
}

/* 2-col small text module title text */
.divTitle2ColSm {
	cursor: pointer;
	position: relative;
	display: block;
	padding: 3px;
}

/* 2-col small text module title text - link */
.divTitle2ColSm a {
	font-weight: bold;
	/*text-indent: 15px;*/
	display: block;
}


/* module text */
.div1ColText,.div1ColTextWide {
}

/* q column text - for rss and news modules */
.div1ColTextWide {
}

/* module leads */
.div1ColTextLead,.div2ColTextLead {
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

/* 2 column text lead paragraph */
.div2ColTextLead {
	padding-top: 8px;
}

/* 2 column text */
.div2ColText {
	padding: 2px;
}

/* 2 column text - for sign in and registration modules */
.div2ColTextWide {
}























/* primary category listing */
.divTitle2ColListMain {
	width: 265px;
}

/* primary category listing - link */
.divTitle2ColListMain a {
	width: 260px;
}

/* secondary category listing */
.divTitle2ColListItem {
	width: 355px;
}

/* secondary category listing - link */
.divTitle2ColListItem a {
	font-size: 13px;
	line-height: 18px;
	width: 347px;
}



















/* regular common links */
a.linkTitle,a.linkTitleProdList,a.linkInline,a.linkInlineBold {
	padding: 1px 3px 1px 3px;
	margin-left: -3px;
}

/* linked titles */
a.linkTitle {
	display: inline;
}

/* override display:inline above for non-IE */ /* block required for hover of multiple lines on non-IE, breaks on IE */
html>body a.linkTitle {
	display: block;
}

/* top rated product listing links */
a.linkTitleProdList {
	width: 140px;
	position: relative;
	left: -4px; /* nudge text closer to arrow */
	bottom: 2px; /* nudge up to align with arrow; IE only */
	display: block;
}

/* override IE nudge above */
html>body a.linkTitleProdList {
	position: relative;
	bottom: 0px;
}

/* inline links */
a.linkInline,a.linkInlineBold {
	display: inline;
	margin-right: -3px;
}

a.linkInlineBold {
	font-weight: bold;
}

/* module links aligned to bottom right of module */
a.linkBtmRt1,a.linkBtmRt1above {
	line-height: 11px;
	font-weight: bold;
	position: absolute;
	bottom: 6px;
	right: 2px;
	padding: 3px;
}

/* secondary link - just slightly above the first */
a.linkBtmRt1above {
	bottom: 20px;
}

/* bottom right linke for featured content module */
a.linkBtmRtFeatcust {
	line-height: 11px;
	font-weight: bold;
	padding: 3px;
	margin: 3px 0px 0px 0px;
	float: right;
}

/* module links aligned to bottom left of module */ /* generally used for solid touts */
a.linkBtmLt {
	line-height: 12px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	left: 15px;
	bottom: 6px;
	padding: 3px;
}

a.linkBtmLt:hover {
	color: #990000;
}

/* arrow for module links aligned to bottom left */
.linkBtmLtArrow {
	position: absolute;
	left: 6px;
	bottom: 8px;
}

html>body .linkBtmLtArrow {
	bottom: 10px;
}

/* linked category listing */
.listTopic {
	margin: 0px 0px 5px 0px;
}

/* linked category listing item */
a.linkListTopic {
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	padding: 1px 3px 1px 3px;
	margin: 0px -3px 0px -3px;
}

/* ******** */ /* Dividers */ /* ******** */ /* standard solid divider */
.dividerSolid {
	height: 2px;
	background-color: #707273;
}

/* standard dotted divider */
.dividerDotted {
	height: 1px;
	background: url(images/common/divider_dash.gif) top left repeat-x;
}




/* ***************** */ /* Section Subheader */ /* ***************** */ /* section subheader - spacing */
/* section subheader - large */
.sectionSubhd {
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	height: 25px;
	padding: 0px;
	margin: 0px 0px 0px 1px;
}

/* section subheader - small */
.sectionSubhd2 {
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	height: 25px;
	padding: 0px;
	margin: 0px 0px 0px 1px;
}

.sectionSubhdCont {
	width: 760px;
	padding: 4px 0px 16px 16px;
}

/* section subheader - short spacing */ /* for use when not aligning with modules */
.sectionSubhdShortCont {
	width: 752px;
	margin: 4px 0px 16px 16px;
}

/* section subheader - short spacing */ /* for use within forms */
.formSectionSubhdShortCont {
	width: 752px;
	margin: 4px 0px 16px 0px;
}

/* container for modules with subhead */
.subhdCont {
	height: 220px;
	margin: 4px;
}

/* blog listing column */
.subhdContBlogList {
	margin: 4px 8px 4px 12px;
}


/* ****************** */
/* Miscellaneous      */
/* ****************** */

/* Clear style for clearing floats */

.clear {
	font-size: 0px; /* for IE -- avoid any space from phantom text */
	height: 1px;
	background: transparent; /* for IE -- avoid space from inherited filters */
	margin-bottom: -1px;
	clear: both;
}

/*  *************************** */
/* Custom List Modules */
/*  *************************** */

.custList {
	margin:					0px;
}

.custListLead {
	font-weight:			bold;
	margin: 0 4px 8px 4px;
	/*padding:				0px 0px 0px 8px;*/
}

/* IMAGE SPACING */
/* spacing for Custom List image */
.custListItem2Col img,
.custListItem1Col img {
	margin:					2px 8px 0px 0px;
	float:					left;
}


/*  *************************** */
/*  2 Column Custom List Styles */
/*  *************************** */

/* 2 column text lead paragraph */
.custListLead {
	padding-top:			8px;
}


/* 2 Column Custom List item */
.custListItem2Col { /* 2 column width  */
	position:				relative;
	display:				block;
	margin:					6px;
}


/* 2 Column Custom List Headlines */
.custListTitle2Col {
	cursor:					pointer;
	position:				relative;
	display:				block;
	padding:				3px;
	clear:					both;
}


/* 2 Column Custom List Headlines - link */
.custListTitle2Col a {
	font-size:				13px;
	font-weight:			bold;
	/* text-indent:			15px;*/
	display:				block;
}


/* 2 Column List Dek */
.custListDek2Col {
	cursor:					default;
	position:				relative;
	left:					-3px;
	display:				block;
	/* 	padding:				3px; */
	padding:				2px 3px 0 3px;
	clear:					both;
}


/* topic page article listing - link */
.custListDek2Col a {
	/*text-indent:			15px;*/
	display:				block;
	cursor:					pointer;
}


/*  *************************** */
/*  1 Column Custom List Styles */
/*  *************************** */

/* 1 Column Custom List item */
.custListItem1Col { /* 2 column width  */
	position:				relative;
	display:				block;
	margin:					6px 0 6px 6px;   /* changed right margin */
}


/* 1 Column Custom List Headlines */
.custListTitle1Col {
	cursor:					pointer;
	position:				relative;
	left:					-3px;
	display:				block;
	padding:				1px 3px 1px 3px;
	clear:					both;
}


/* 1 Column Custom List Headlines - link */
.custListTitle1Col a {
	font-size:				11px;
	font-weight:			bold;
	/*text-indent:			15px;*/
	display:				block;
}


/* 1 Column List Dek */
.custListDek1Col {
	cursor:					pointer;
	position:				relative;
	left:					  -3px;
	display:				block;
	padding:				2px 3px 0 3px;
	clear:					both;
}

/* 2-col module title text */
.divTitleXCol {
	cursor:					pointer;
	width:					259px;
	position:				relative;
	display:				block;
	padding:				3px;
	float:					left;
	font-size:				14px;
	line-height:			24px;
	font-weight:			bold;
}


strong.linkInlineBold {
	color: #900;
	padding: 1px 3px 1px 3px;
	margin-left: -3px;
}

.leadin{
font-size: 15px;
font-weight: bold;
padding-right: 6px;
}

