@charset "UTF-8";
/* CSS Document */

body.viewOne { background: #000000 url(../bgrounds/mainPaperBG.jpg) no-repeat center 0px; }

#splash {
	width:900px;
	float:left;
	position:relative;
	margin:48px 0 0 0;
	padding:0;
	height:320px;
	z-index: 44;
}
.page_body { width:900px; height: auto; float:left; position:relative; margin:0; padding:0 0 26px 0; text-align: left; }






.data_table { height:auto; float:left; margin:0; padding:0; position:relative; }

#pBody { width:900px; height: auto; float:left; position:relative; margin:0; padding:0 0 26px 0; text-align: left; }

/*tabs*/

ul.tabs { float: left; width: 190px; height: auto; position: relative; margin: 0; padding: 0; float: left; }
ul.tabs li { position: relative; top: 1px; float: left; padding: 7px 4px; margin: 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:50px; font-weight:bold; color:#616161; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; height: 50px; width: 180px; border:none; /*float: left; margin: 0; padding: 0; height: 31px; --Subtract 1px from the height of the unordered list-- line-height: 31px; --Vertically aligns the text within the tab--  border: 1px solid #999; border-left: none; margin-bottom: -1px; --Pull the list item down 1px-- overflow: hidden; position: relative; background: #e0e0e0;*/ }
ul.tabs li a { text-decoration: none; color: #555; display: block; font-size: 1em; /*padding: 0 20px;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; }
ul.tabs li a:hover { color: #82579f; text-decoration: none }
html ul.tabs li.active .desc a { color:#82579f; }
html ul.tabs li.active, html ul.tabs li.active a:hover { list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; border:none; /*--Makes sure that the active tab does not listen to the hover properties-- background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }

ul.tabs li .pic { width: 50px; height:auto; float:left; padding:0; margin: 0; }
ul.tabs li .desc { width: auto; height:auto; float:left; padding:0; margin: 0; }

.tab_container { width: 684px; height:auto; padding:22px 0 0 0; margin:0; float:left; position:relative; }

.tab_container ul { width: 684px; height:auto; float:left; margin:0; padding: 0; position:relative; }
.tab_container ul li { list-style: none; display: inline; padding: 0; position:relative;  }
.one { width: 200px; height:auto; float:left; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#333333; }
.two { width: 280px; height:auto; float:left; margin:0; font:normal 12px Arial, Helvetica, sans-serif; }
.three { width: 200px; height:auto; float:left; margin:0; font:normal 12px Arial, Helvetica, sans-serif; }
.two em { font-size:9px; }

.two p { line-height: 24px; }
.blackBull { font-size: 24px; font-weight: bold; color: #333; line-height: 24px; }
.grayBull { font-size: 24px; font-weight: bold; color: #666666; line-height: 24px; }
.greenBull { font-size: 24px; font-weight: bold; color: #83b704; line-height: 24px;}
.yellowBull { font-size: 24px; font-weight: bold; color: #fff500; line-height: 24px; }


.tab_container h1 { width:100%; float:left; font-size: 16px; font-weight:bold; line-height: 26px; border-bottom: solid 1px #e91c21; }
.tab_container p { text-align: left; line-height: 15px; font-size:12px; }

/* /tabs*/




.product_pool li table span.space { width:auto; height:auto; float:left; padding: 8px 0 0 0; color:#595f65; line-height:16px; font-size:11px; }

.product_pool li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FF6600; text-decoration:none; font-weight:normal; line-height:16px; }
.product_pool li a:hover { color: #FF6600; text-decoration:underline; } 
.product_pool li a:visited { color: #FF6600; text-decoration:none; } 
.product_pool li a:active { color: #FF6600; text-decoration:underline; }