/*basic formatting*/

body {
  margin: 0px;
  background: #fff;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #000;
}

.tcat {
	background: #369;
	color: #fff;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tcat1 {
	background: #369;
	color: #fff;
	font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  text-align: center;
}

.alt1 {
  background: #ccc;
  color: #000;
}

.alt2 {
  background: #ccc;
  color: #000;
  text-align: center;
  font-size: 11px;
}

.articlelist1 {
  border: 1px solid #369;
}




/*links control*/

a:link {
        color: #036;
        text-decoration: underline;
}

a:visited {
        color: #036;
        text-decoration: underline;
}

a:hover {
        color: #096;
        text-decoration: underline;
}

a:active {
        color: #096;
        text-decoration: underline;
}

/*end links control*/

/*end basic formatting*/



/*header*/

.topwrapper {
  vertical-align: middle;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.topwrapper img {
	border: none;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	display: inline;
}

.topwrapper a span {
	display: none;
}

.topwrapper a:hover {
  background: none;
	text-decoration: none;
}

.topwrapper a:hover span {
	display: block;
	position: absolute;
	top: 114px;
	right: 342px;
	color: #fff;
	font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
}

.img1 {
        background-color: #369;
}

.img2 {
        width: 100%;
        height: 35px;
        background: url(../site_gfx/pcpheader_07.gif) repeat;
}

.img3 {
        width: 100%;
        height: 100px;
        background: #369 url(../site_gfx/pcpheader_03.gif) repeat;
}

/*end header*/



/*main content*/

.tbg {
	background-color: #369;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

/* Leftbar Navigation */

#navcontainer {
        width: 140px; 
        margin: 0px; 
        padding: 0px;
        font-size: 11px; 
        font-weight: bold; 
        text-align: left;
}

ul#navlist {
        text-align: center;
        list-style: none;
        padding: 0px;
        margin: 0px 0px 20px 3px;
        width: 140px;
        border: inset 1px;
        background: #A2B9D0;
}

ul#navlist li {
        display: block;
        margin: 1px;
        padding: 1px;
}

ul#navlist li a {
        display: block;
        width: 135px;
        padding: 0;
        border-width: 1px;
        border-color: #ffe #000 #202020 #ffe;
        border-style: solid;
        color: #fff;
        text-decoration: none;
        background: #369;
}

.navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #A2B9D0;
        color: #000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #000000;
        background: #A2B9D0;
        border-color: #000 #ffe #ffe #202020;
}

/*End Leftbar Navigation*/

/*latest topics*/

.navcontainer1 {
        background: #369;
        width: 140px; 
        margin: 0px; 
        text-align: left;
        font-size: 10px;
        font-weight: bold;
}

#navlist1 {
        text-align: left;
        list-style: none;
        padding: 0px; 
        margin: 0px 0px 0px 3px;
        width: 140px;
        border: inset 1px;
        background: #A2B9D0;
}

#navlist1 li {
        list-style: none;
        margin: 3px;
        padding: 0.25em;
        border-bottom: 1px solid #fff;
}

#navlist1 li a {
        text-decoration: none;
        color: #369;
}

#navlist1 li a:visited {
        color: #369;
        text-decoration: none;
}

#navlist1 li a:hover {
        color: #fff;
        background: #A2B9D0;
}

.leftcatimg {
        padding-right: 5px;
        font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        text-align: right;
        color: #fff;
        background-image: url(../site_gfx/left1.gif);
        height: 30px;
}

/*End Latest Topics*/



/*center ad*/

.tbg1 {
        background-color: #A2B9D0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
}

/*end center ad*/


.pagenav {
        font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}



/*reviews / newslinks*/

.mtbg {
	background-color: #eee;
  border-bottom: 1px solid #000;
}

.reviewsbg {
        width: 100%;
        background-image: url(../site_gfx/latestreviews_eee_02.gif);
        background-repeat: repeat;
}

.reviewscat1 {
        width: 100%;
	      background-color: #fff;
        font-size: 10px;
        text-align: left;
        padding-left: 5px;
}

.reviewscat1 a {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.reviewscat1 a:visited {
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

.reviewscat1 a:hover {
        font-size: 10px;
        font-weight: bold;
        text-decoration: underline;
}

.newsbg {
        width: 100%;
        background-image: url(../site_gfx/news_eee_02.gif);
        background-repeat: repeat;
}

/*end reviews / newslinks*/



/*news*/

.newsheader {
        width: 100%;
        height: 20px;
        background: #369;
        color: #fff;
        font-weight: bold;
        padding-left: 5px;
}

.newsheader1 {
        height: 20px;
        background: #bbb;
        font-size: 10px;
        white-space: nowrap;
        padding: 0px 5px 0px 5px;
}

/*end news*/



/*rightbar*/

.tbg2 {
        background-color: #369;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
}

.tdad1 {
        margin: 5px;
        padding: 5px;
}

.rightcatimg {
        padding-left: 5px;
        font-weight: bold;
        text-align: left;
        color: #fff;
        background-image: url(../site_gfx/right.gif);
        height: 30px;
}



/*latest news*/

.navcontainer2 {
        width: 160px;
        margin: 0px;
        font-size: 10px;
        font-weight: bold;
        text-align: left;
}

.navlist2 {
        background: #A2B9D0;
        margin: 0px 0px 0px 3px;
        padding-left: 3px;
        border: inset 1px;
        width: 160px;
}

.navlist2 li {
        list-style: none;
        margin: 3px;
        padding: 0.25em;
        border-bottom: 1px solid #fff;
}

.navlist2 li a {
        text-decoration: none;
        color: #369;
}

.navlist2 li a:visited {
        text-decoration: none;
        color: #369;
}

.navlist2 li a:hover {
        color: #fff;
        background: #A2B9D0;
}

/*end latest news*/

/*end rightbar*/



/*footer*/

.footerimg {
        width: 100%;
        height: 30px;
        background: #369 url(../site_gfx/footer_02.gif) repeat;
        color: #fff;
        white-space: nowrap;
}

.footerimg a {
        color: #fff;
        text-decoration: none;
}

.footerimg a:visited {
        color: #fff;
        text-decoration: none;
}

.footerimg a:hover {
        color: #fff;
        text-decoration: underline;
}

/*end footer*/



/*review page css*/

.reviewline {
        width: 100%;
        background: #fff url(../site_gfx/reviewheader_02.gif) repeat;
}

.divide {
        width: 95%;
}

.rnav {
        font-size: 10px;
        margin-bottom: 0;
}

.rnav a {
        font-size: 10px;
        text-decoration: none;
}

.rnav a:visited {
        font-size: 10px;
        text-decoration: none;
}

.rnav a:hover {
        font-size: 10px;
        text-decoration: underline;
}

.articlelist {
        font-size: 10px;
        border: 1px solid #369;
}

.articlelist a {
        text-decoration: none;
}

.articlelist a:visited {
        text-decoration: none;
}

.articlelist a:hover {
        text-decoration: underline;
}

/*end reviews page css*/



/*articles box*/

.articlelinks {
        padding: 4px 10px 2px 10px;
        text-align: center;
        border-bottom: 1px solid #fff;
        background: #369;
}

.articlelinks a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        background: #369;
}

.articlelinks a:visited {
        color: #fff;
        background: #369;
        font-weight: bold;
        text-decoration: none;
}

.articlelinks a:hover {
        color: #369;
        background: #fff;
        font-weight: bold;
        text-decoration: none;
}

.articlecontent {
        width: 100%;
        border: 2px solid #369;
        font-weight: bold;
}

.articlecontent a {
        color: #369;
        text-decoration: none;
}

.articlecontent a:visited {
        color: #369;
        text-decoration: none;
}

.articlecontent a:hover {
        color: #096;
        text-decoration: underline;
}

.articletitle {
        font-size: 14pt;
        font-weight: bold;
        border-bottom: 1px solid #369;
        padding: 0px 0px 2px 5px;
}

.padding {
        padding-left: 5px;
}

.articleimage {
        border-right: 2px solid #369;
}

/*end articles box*/

#hwlb
{
 width: 95%;
 padding: 5px;
 margin: 10px 0px 0px 15px;
 background-color: #ccc;
 border: 1px dashed #000;
 text-align: center;
}

/*section headers*/

.catheader {
        width: 100%;
        background: #369 url(../site_gfx/icon222_02.gif) repeat;
        font-size: 12pt;
        color: #fff;
        font-weight: bold;
        padding-left: 10px;
}


/*leaderboard css*/

.alt5 {
  background: #369;
  font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #fff;
}

.alt5 a {
  text-decoration: underline;
  color: #fff;
  font-size: 10pt;
}

.alt5 a:visited {
  text-decoration: underline;
  color: #fff;
  font-size: 10pt;
}

.alt5 a:hover {
  text-decoration: underline;
  color: #a2b9d0;
  font-size: 10pt;
}

.alt6 {
  background: #ddd;
  font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #000;
}

.alt7 {
  background: #a2b9d0;
  font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #036;
}

.alt7 a {
  text-decoration: underline;
  color: #036;
  font-size: 11px;
}

.alt7 a:visited {
  text-decoration: underline;
  color: #036;
  font-size: 11px;
}

.alt7 a:hover {
  text-decoration: underline;
  color: #fff;
  font-size: 11px;
}

.header5 {
  font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  color: #000;
  border-bottom: 4px solid #369;
}

.lb_cat1 {
	padding: 0px 2px 0px 2px;
	border: 1px outset;
	background: #a2b9d0;
}

tr.lb_header {
	font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/*end leaderboard css*/


/*news heading*/

.home_header {
	padding-left: 3px;
	height: 25px;
	font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	vertical-align: middle;
	background: #369;
	color: #fff;
	border: 1px outset;
}

.home_header2 {
	background: url("../site_gfx/home-header-end2.gif") no-repeat top right;
	line-height: 25px;
}

.home_header img {
	vertical-align: middle;
	padding-right: 15px;
}

/*end news heading*/

/* Begin Ryan's old SPEC CSS code */
/***** SPECS TABLE WORK ******/
table.specs {
	border: 1px solid;
	border-collapse: collapse;
	/*float: left;*/
	padding: 10px;
	margin: 5px;
}

td.label {
	height: 25px;
	font: bold 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.label2 {
	height: 150px;
	font: bold 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.data {
	height: 25px;
	font: 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.data2 {
	width: 200px;
	height: 150px;
	font: 75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: 1px;
}

td.specimage {
	height: 200px;
	text-align: center;
	vertical-align: middle;
}

.form1 {
  margin: 0;
  padding: 0;
}

tr.cat1 {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #69c;
}

tr.cat2 {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #aaa;
}

tr.cat3 {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #ccc;
}

tr.spacer {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #fff;
	height: 5px;
}

div.cat1 {
	width: 385px;
	background-color: #69c;
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 2px;
	padding-left: 5px;
	border: 1px outset;
}

div.cat2 {
	width: 335px;
	background-color: #999;
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin-left: 25px;
	padding: 2px;
	padding-left: 5px;
	border: 1px outset;
}

div.cat3 {
	width: 310px;
	background-color: #ccc;
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin-left: 50px;
	padding: 2px;
	padding-left: 5px;
	border: 1px outset;
	vertical-align: middle;
}

div.specname {
	float: left;
	text-align: left;
	vertical-align: bottom;
}

div.specbox {
	vertical-align: middle;
	text-align: right;
}

div.specbox input {
	padding: 2px;
}

div.catspacer {
	font: bold 100% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	background-color: #fff;
	height: 15px;
}

div.specright {
	text-align: right;
}

div.specleft {
	float: left;
	text-align: left;
}
/* End Ryan's old SPEC CSS code */

/* New CSS for SPEC Submit buttons */

.specsSubmit {
	height: 15px;
	width: 70px;
	color: #000;
  font-family: 'verdana',helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
	background-color: transparent;
	border: none;
	padding: 0px;
	text-decoration: underline;
	cursor: auto;
  }

/* New CSS for home page lastest Topics */
.homeTopics {
	font-size: 11px;
	padding: 5px;
	background: #369;
	color: #fff;
	font-weight: bold;
}  
.homeTopicsTR {
	text-align: center;
	font-size: 11px;
	background: #ccc;
	color: #000;
}

/* new added css from all css layout */
/* latest reviews */
#lreviews
{
 background: #eee;
 color: #000;
 line-height: 1.2; /* peek a boo fix */
}

#lreviews img
{
 float: left;
 margin-right: 5px;
 width: 100px;
 height: 67px;
 border: 1px solid #000;
}

#lreviews p
{
 margin: 3px 0 0 0;
 font-size: 10px;
}

#lreviews hr
{
 width: 75%;
 border: 1px dashed #555;
 margin: 5px 0;
}

#lreviews a
{
 text-decoration: none;
}

#lreviews a:hover
{
 text-decoration: underline;
}

/* latest reviews */
#lreviews1
{
 background: #fff;
 color: #000;
 line-height: 1.2; /* peek a boo fix */
}

#lreviews1 img
{
 float: left;
 margin-right: 5px;
 width: 100px;
 height: 67px;
 border: 1px solid #000;
}

#lreviews1 p
{
 margin: 3px 0 0 0;
 font-size: 10px;
}

#lreviews1 hr
{
 width: 95%;
 border: 1px dashed #555;
 margin: 5px 0;
 clear: left;
}

#lreviews1 a
{
 text-decoration: none;
}

#lreviews1 a:hover
{
 text-decoration: underline;
}

/* latest news */
#lnews
{
 background: #eee;
 color: #000;
}

#lnews ul
{
 list-style-image: url(../site_gfx/bullet2.png);
 margin: 2px 0 0 10px;
 padding: 0;
}

#lnews li
{
 margin: 0 0 5px 10px;
 font-weight: bold;
 font-size: 10px;
}

#lnews a
{
 text-decoration: none;
}

#lnews a:hover
{
 text-decoration: underline;
}

#tdpoll
{
 width: 160px;
 margin: 0px 5px;
 padding: 0px;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 background-color: #369;
}

#tdpoll a
{
 text-decoration: none;
 color: #fff;
 background-color: #369;
}

#tdpoll a:visited
{
 text-decoration: none;
 color: #fff;
 background-color: #369;
}

#tdpoll a:hover
{
 color: #369;
 background-color: #fff;
}

#tdpoll ul
{
 list-style-type: none;
 padding: 0px;
 margin: 0px 0px 0px 10px;
}

#tdpoll li label
{
 margin-left: 5px;
}

#tdpoll p
{
 text-align: center;
}

.tdpoll
{
 color: #fff;
 background-color: #369;
 font-size: 10px;
 font-weight: bold;
 width: 160px;
}

.page_header
{
 font-size: 12pt;
 font-weight: bold;
 font-style: italic;
 border-bottom: 4px solid #369;
 padding: 1px;
}

.page_header img
{
 margin-right: 5px;
 vertical-align: middle;
}

.news_info
{
 padding: 0 0 2px 5px;
 font-size: 10px;
 border-bottom: 1px dashed;
}

.news_info a:link
{
 text-decoration: none;
}

.news_info a:visited
{
 text-decoration: none;
}

.news_info a:hover
{
 text-decoration: underline;
}

.newsbody
{
 padding: 5px 0px 10px 5px;
 font-size: 10pt;
}

.newsbody1
{
 padding: 10px 30px;
 border-bottom: 1px dashed #000;
 font-style: italic;
 color: #036;
 font-size: 10pt;
}

.search_header
{
 background: #a2b9d0;
 font-size: 12pt;
 font-weight: bold;
 padding: 5px;
}

.results_header
{
 background: #369;
 color: #fff;
 font-size: 11px;
 font-weight: bold;
 padding: 5px;
}

/* news archive css */

.arch_head
{
 margin: 10px 0;
 padding: 2px 0 2px 5px;
 border: 1px outset;
 background: #369;
 color: #fff;
 font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}