body {
	margin:10px 10px 10px 10px;
	padding:0px;
	background:#FFFFFF repeat;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left; }


table, tr, td, p, dl, dt, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	line-height:1.2;
	font-size: 11px;}
	
form
{
	margin: 0;
	padding: 0;
}

Input, textarea
{
	font-family: monospace;
	font-size: 11px;
}

select
{
	font-size: 11px;
	background-color: FFFFEF;
	font-family: Verdana;
	color: #000000;
}


/* a {color: #003399}
a:link {color: #003399}
a:visited {color: #003399}
a:hover {color: #990000} */

.topnav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 10px; font-weight: bold; text-transform: uppercase; color: #FFFFFF;}
A.topnav:link {text-decoration: none;}
A.topnav:visited { text-decoration: none;}
A.topnav:hover { text-decoration: underline;}

.currentlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 10px; font-weight: bold; text-transform: uppercase; color: #FFCC66; text-decoration: none;}

A.poLink:link {font-size: 11px; font-family: Verdana; color: #000000; text-decoration: underline;}
A.poLink:visited {font-size: 11px; font-family: Verdana; color: #000000; text-decoration: underline;}
A.poLink:hover {font-size: 11px; font-family: Verdana; color: #000000; text-decoration: underline;}

HR
{
	color: #006699;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0px none;
	border-bottom:	0px none;
	height:	1px
}

.largebluebody
{
    font-family: Arial, Geneva, sans-serif;
    COLOR: #333399;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}

.largeredbody
{
    font-family: Arial, Geneva, sans-serif;
    COLOR: #FF0000;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}

.promotion {font-family: monospace; padding: 2px; background-color:#000000; color:#FFFFFF}



.btn {border:1px solid #999999; font-family: monospace; font-size: 10px; background-color:#EFEFEF; color:000000}
.caution {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000}


/*** NEW CSS ***/

.size7 { font-size: 9px; }
.size8 { font-size: 10px; }
.size8a {font-family: Arial, Geneva, sans-serif; font-size: 10px;}
.size9 { font-size: 12px; }
.size10 { font-size: 13px; }
.size11 { font-size: 14px; }
.size12 { font-size: 16px; }
.size14 { font-size: 18px; }
.size16 { font-size: 20px; }
.size18 { font-size: 24px; }

img {border-width:0;border-style:none;}
	
#logo {width: 220px; float:left; margin-left:0px; }
#poweruser {width: 90px; float:right; margin-left:0px; }
#tabmenu { position: absolute; left: 235px; top: 65px; width: 260px; }
#halfbanner { position: absolute; width: 234px; height: 60px; z-index: 1; left: 540px; top: 15px }
		
.imgFloatL {float:left; margin:10px 0px 0px 0px;}
.imgFloatR {float:right; margin:0px 10px 1px 0px;}

#topictable { border-collapse: collapse; }
.topictd { padding: 3px; text-align:left; vertical-align: top; width: 33%;}

div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: 10px;
width: 160px;
background:#fff;
padding-top: 10px;
text-align:center;
}

#middlebox {
margin: 0 205 0 170px;
padding: 5px;
background:#fff;
}

div#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
right: 16px;     /*** IE5/mac will show a horizontal scrollbar 
		if this is less than 16px, or other units are used
		http://www.l-c-n.com/IE5tests/right_pos/ ***/           
width: 185px;
background:#fff;
padding-top: 10px;
}

#footer {background: #0099CC; color: #EEEEEE; text-align: center; vertical-align:middle; font-size: 10px; height:28px;}

.arrowlist
{
margin: 2px 0px 15px 0px;
padding-left: 0;
list-style: none;
}

.arrowlist li
{
padding-left: 12px;
padding-bottom: 2px;
background-image: url(images/4arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#quotebox { border: 1px dashed #999999; background:#FFFFEE; padding: 8px; vertical-align:top; font-family: Arial, Geneva, sans-serif; font-size: 11px;}

#navbar {background: #0099CC; padding:0; width: 100%; margin-bottom:10px; height:28px;}
#navbar td {background: #0099CC; padding: 0px 0px 2px 5px; vertical-align:middle;}
#navbar input{margin-left:5px; vertical-align:middle;}

#subnav {float:right; background: #0099CC; color: #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; padding-right: 6px; padding-left: 6px;}
#subnav a:link {color: #FFFFFF; text-decoration: none; padding-right: 6px; padding-left: 6px;}
#subnav a:visited {color: #FFFFFF; text-decoration: none; padding-right: 6px; padding-left: 6px;}
#subnav a:hover {color: #FFFFFF; text-decoration: underline; padding-right: 6px; padding-left: 6px;}

/* ******** */ /* Left nav */ /* ******** */ /* left nav - top portion */

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 4px;
	line-height: 14px;
	color: #000000;
	text-align: left;
	background: #ffffff
	margin: 0px;
}
/* divs that contain hrefs; for instance, links with My Pages clickable icons next to them */ /* # in name - e.g. divTitle[#]Col - represents number of columns */ /* 1-col module title text */
.divTitle1Col {
	cursor: pointer;
	width: 170px;
	position: relative;
	left: -3px;
	display: block;
	padding: 1px 3px 1px 3px;
	float: left;
	clear: both;
}
/* ****** */ /* Tables */ /* ****** */ /* Sortable table.  Displays clickable table headers for sorting tables by column */
table.sortable {
	border: 1px solid #7d7d7d;
	border-collapse: collapse;
}

/* Firefox border-collapse: collapse is broken. use first-child instead */
html>body table.sortable {
	border-collapse: separate;
}
/* Firefox border-collapse: collapse is broken. use first-child instead */
html>body table.sideBySideHead {
	border-collapse: separate;
}
/* Inner vertical borders are lighter grey */
table.sortable td {
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #bdbdbe;
}

/* Remove left border on first child */ /* Not supported by IE.  Still works in IE with border-collapse: collapse */
table.sortable tr td:first-child {
	border-width: 0px 0px 0px 0px;
}

/* Table header */
table.sortable th {
	font-weight: bold;
	text-align: left;
	vertical-align: center;
	white-space: nowrap;
	height: 27px;
	background: url(http://images.pcworld.com/images/common/bg_table_head.gif) 0px 0px repeat-x;
	padding: 0px 7px 0px 7px;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #959595;
}

/* Remove left border on first child */ /* Not supported by IE.  Still works in IE with border-collapse: collapse */
table.sortable tr th:first-child {
	border-width: 0px 0px 1px 0px;
}

/* Sortable table headers have red text */
table.sortable th.sortable {
	color: #990000;
	cursor: pointer;
}

table.sortable th.unsortable {
	color: #990000;
}

/* Red hover table header */
table.sortable th.hover {
	background: url(http://images.pcworld.com/images/common/bg_table_head.gif) 0px -27px repeat-x;
}

/* Selected table header */
table.sortable th.selected {
	background: url(http://images.pcworld.com/images/common/bg_table_head.gif) 0px -54px repeat-x;
}
.leftnavMainContTop {
	width: 130px;
	height: 1px;
	background-color: #c1c4c6;
	margin: 3px 4px 0px 4px;
}

/* left nav - middle portion */
.leftnavMainContMid {
	width: 130px;
	border: 1px solid #8c8d8e;
	margin: 0px 4px 0px 4px;
}

/* left nav - bottom portion */
.leftnavMainContBtm {
	width: 130px;
	height: 1px;
	background-color: #f7f8f9;
	margin: 0px 4px 3px 4px;
}

/* left nav - button */
a.leftnavMainBtn {
	line-height: 17px;
	font-weight: bold;
	cursor: pointer;
	width: 130px;
	height: 18px;
	background: url(http://images.pcworld.com/images/common/leftnav_main_bg.png) top left repeat-x;
	display: block;
	padding: 0px 7px 0px 7px;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #c7c7c7;
}

/* left nav - button - rollover */
a.leftnavMainBtn:hover {
	background: url(http://images.pcworld.com/images/common/leftnav_main_bg_over.png) top left repeat-x;
	border: 1px solid #f5e4e4;
	border-bottom: 1px solid #c2b3b3;
}

/* left nav - selected item */
a.leftnavMainBtnSel {
	line-height: 17px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	width: 132px;
	height: 18px;
	background: url(http://images.pcworld.com/images/common/leftnav_main_bg_sel.png) top left repeat-x;
	display: block;
	padding: 0px 6px 0px 8px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #c7c7c7;
}

/* left subnav */
.leftNavSub {
	width: 130px;
	margin: 15px 0px 0px 4px;
}

/* left subnav - header */
.leftnavSubHd {
	line-height: 17px;
	font-weight: bold;
	width: 130px;
	height: 17px;
	padding: 0px 6px 0px 8px;
	margin: 2px 0px 1px 0px;
}

/* left subnav sponsored - link */
a.leftnavSubBtn {
	line-height: 17px;
	font-weight: bold;
	cursor: pointer;
	width: 130px;
	height: 17px;
	display: block;
	padding: 0px 6px 0px 8px;
	margin: 1px 0px 1px 0px;
	/* begin fixes ie bottom margin on hover bug */
	float: left;
	clear: left;
	/* end fixes ie bottom margin on hover bug */
}
/* button width fix for non-ie browsers */
a.leftnavMainBtn {
	max-width : 113px;
}
/* left subnav sponsored - link - rollover */
a.leftnavSubBtn:hover {
	background: #d2b6b8;
}

/* left subnav sponsored - selected item */
a.leftnavSubBtnSel,a.leftnavSubBtnSel:hover {
	line-height: 17px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	width: 130px;
	height: 17px;
	background-color: #FFFFFF;
	display: block;
	padding: 0px 6px 0px 8px;
	margin: 1px 0px 1px 0px;
	/* begin fixes ie bottom margin on hover bug */
	float: left;
	clear: left;
	/* end fixes ie bottom margin on hover bug */
}

/* undo ie fixes for other browsers */
html>body a.leftnavSubBtn,html>body a.leftnavSubBtnSel,html>body a.leftnavSubBtnSel:hover {
	float: none;
}

/* left nav article links - with my pages icon */
.divLeftnavLink {
	cursor: pointer;
	width: 130px;
	position: relative;
	display: block;
	padding: 2px 3px 2px 3px;
	margin: 1px 0px 1px 0px;
}

/* left nav article links - title link */
.divLeftnavLink a {
	width: 130px;
	position: relative;
	left: 21px;
	display: block;
}

/* left nav article links - my pages icon */
.divLeftnavLink a.myPagesUnsaved,.divLeftnavLink a.myPagesSaved { /* override width from above */
	width: 15px;
	position: absolute;
	top: 3px;
	left: 8px;
}

/* **************************************** */