body {
	background:#B6C1D5 url(images/bg.jpg) repeat-x;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.logo {
	height: 70px;
	margin-left: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
}
tr.head {
	background-image: url(images/top_bg.jpg);
	background-repeat: repeat-x;
	height: 105px;
	width: 875px;
}
td.left-bg {
	background-image: url(images/bg_left.gif);
	background-repeat: repeat-y;
	width: 2px;
}
td.right-bg{
	background: url(images/bg_right.gif) repeat-y;
	width: 2px;
}
td.brand {
	background: url(images/news_brand_bg.gif) repeat-x;
	height: 25px;
	border-right: solid 1px #293E68;
	border-bottom: solid 1px #3C517B;
	font-size: 9pt;
	color: #E2E2E2;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 8px;
	letter-spacing: 1px;
}
td.bottom-line {
	border-bottom: solid 1px #D6DEE3;
}
.product-brand {
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #E0E0E0;
	text-indent: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 23px;
}
.iconpadding-news{
	padding-top: 10px;
	border-bottom: solid 1px #D6DEE3;
}
.txt-newstitle-01 {
	font-size: 9pt;
	line-height: 18pt;
	color: #eee;
	text-decoration: none;
}
.txt-newstitle-02 {
	font-size: 15pt;
	color: #eee;
	text-decoration: none;
	font-family: "Times New Roman", "Times", "serif";
}
.txt-productstitle-01 {
	font-size: 9pt;
	color: #1E1E1E;
	line-height: 18pt;
	letter-spacing: 1px;
	text-decoration: none;
}
.txt-productstitle-02 {
	font-size: 15pt;
	color: #1E1E1E;
	text-decoration: none;
	font-family: "Times New Roman", "Times", "serif";
}
.txt-title {
	font-weight: bold;
	font-size: 9pt;
	color: #C0F239;
}
.txt-title2 {
	font-size: 9pt;
	color: #0066CC;
	font-weight: bold;
	line-height: 21px;
}
.txteee {
	font-size: 9pt;
	color: #FFFFFF;
	line-height: 24px;
}
.txteee2 {
	color: #E8E8E8;
	font-size: 8pt;
	line-height: 14pt;
}
.txt-02 {
	color: MIDNIGHTBLUE;
	font-size: 9pt;
	font-weight: bold;
}
.txt-03 {
	color: #0087D7;
	font-size: 8pt;
	font-weight: bold;
}
.txt-04 {
	color: #0099FF;
	font-size: 9pt;
	line-height: 18pt;
}
.txt-05 {
	color: #333399;
	font-size: 11pt;
	font-weight: bold;
}
.txt-06 {
	font-size: 9pt;
	color: #FF6600;
}
.txt-07 {
	font-size: 9pt;
	color: #FFCC00;
}
a.txt-news, a.txt-news:visited, a.txt-news:link{
	font-size: 9pt;
	line-height: 18pt;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-decoration: none;
}
a.txt-news:Hover {
	text-decoration: underline;
}
.txt333-2{
	font-size: 9pt;
	color: #333;
	text-decoration: none;
	line-height: 15pt;
	letter-spacing: 0.8px;
}
a.txt333, a.txt333:visited, a.txt333:link {
	font-size: 9pt;
	color: #FF9933;
	letter-spacing: 1px;
	text-decoration: none;
}
a.txt333:Hover {
	font-size: 9pt;
	color: #FF9933;
	letter-spacing: 1px;
	text-decoration: underline;
}
/*#products-menu li {
	margin:2px 5px 0px -8px;
	list-style: url(images/icon_dot.gif) outside;
}
#products-menu li a {
	font-size: 9pt;
	color: #666;
	letter-spacing: 1px;
	text-decoration: none;
	margin-left:-5px
}
#products-menu li a:hover {
	color: #0045AF;
	text-decoration: underline;
}*/

.box-left {
	background-image: url(images/box_02.gif);
	background-repeat: repeat-y;
	width: 6px;
}
.box-right {
	background-image: url(images/box_03.gif);
	background-repeat: repeat-y;
	width: 6px;
}
.box-bottom {
	background-image: url(images/box_05.gif);
	background-repeat: repeat-x;
	height: 5px;
}
a.btn02 {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #364865;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background: url(images/button_bg.gif) no-repeat center center;
	height: 23px;
	width: 100px;
	padding: 4px auto 4px;
	display: table-cell;
}
a.btn02:hover {
	background: url(images/button_bg2.gif) no-repeat center center;
}
.box-bg {
	background:#C4D5D9 url(images/box_bg.jpg) repeat-y;
	width: 871px;
}
input {
	font: normal 8pt "Arial", "Helvetica", "sans-serif";
	color: #0087D7;
	border: 1px solid #CCCCCC;
}
.input-01 {
	font: normal 8pt "Arial", "Helvetica", "sans-serif";
	color: #0087D7;
	border: 1px solid #CCCCCC;
}
.input-02 {
	font-size: 9pt;
	font-weight: bold;
	color: #DADDE3;
	background-color: #536282;
	height: 20px;
	width: 90px;
	border: 1px solid #CDD4DC;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	text-decoration: none;
}
.input-03{
	border: 0px ;
}
select {
	font: 8pt/1px "Arial", "Helvetica", "sans-serif";
	color: #0087D7;
	border: 1px solid #CCCCCC;
}
td.news-bg {
	background:#C6CFDE url(images/news_bg.jpg) repeat-x;
}
.main-bg {
	background: #B5C0D4 url(images/main_bg.gif) repeat-x;
}
td.point-line {
	background: url(images/point_b.gif) repeat-x left bottom;
}
table.editform {
	border-top:solid 1px #ECEEF4;
	border-right:solid 1px#7785A0;
	border-bottom: solid 1px #7785A;
	border-left:solid 1px #ECEEF4;
}
.page {
	font: bold 11pt/15pt Verdana, Arial, Helvetica, sans-serif;
	color: #C0F239;
	padding-right:3px;
	padding-left:3px
}
a.page, a.page:link , a.page:visited {
	font: bold 10pt/15pt;
	color: #3AABA2;
	text-decoration: none;
	padding-right:3px;
	padding-left:3px
}
a.page:hover{
	color: #8AFFF5;
}
a.tab01,.tab02,a.tab03,.tab04 {  height: 32px; margin: 0; text-align: center;color: #333; font: normal 9pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a.tab01 {
	background: url(images/tab_01.gif) no-repeat center center;
	width:128px;
	cursor: pointer;
	cursor: hand;
	padding:13px 31px 6px;
}

.tab02 {
	background: url(images/tab_02.gif) no-repeat center center;
	width:128px;
	padding: 13px 31px 6px;
}
a.tab03 {
	background: url(images/tab_03.gif) no-repeat center center;
	cursor: pointer;
	cursor: hand;
	padding: 13px 17px 6px 18px;
}

.tab04 {
	background: url(images/tab_04.gif) no-repeat center center;
	padding: 13px 17px 6px 18px;
}


/*Index-ProductsList*/
img { border:none; margin:0; padding:0}
#list_area { background-color:#f3f3f3; padding:5px; width:455px}
div h2{ width:100%; border-top: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; text-indent: 10px; padding-top: 3px; padding-bottom: 3px;margin:8px 0}
h2{color: MIDNIGHTBLUE; font-size: 9pt; font-weight: bold}
#HyperWeb,#Rainbow, #software { width:49%; float:left;}
#QBoss, #X-chamber, #freeware { width:49%; float:right;}
#area01,#area02,#area03 { width:100%; height:auto; padding-top:5px; padding-bottom:15px;display:block}
h2 span { color: #0087D7; font-size: 8pt; font-weight: bold }
#list_area h1 { margin:0; padding:0; /*background-color:#333*/}
#list_area h1 span { font:normal 15pt "Times New Roman", "Times", "serif"; color: #1E1E1E; text-decoration: none; display:inline; float:left; padding-left:5px;}
#list_area h1 span.subtitle {font-size: 9pt; color: #1E1E1E; line-height: 18pt; letter-spacing: 1px;display:inline}
.more { CLEAR: right; FLOAT: right; display:inline; margin-top:3;}
div.clear { clear:both}

#products-menu { padding-left:30px; margin:0px}
#products-menu li { padding-top: 3px; padding-left:0; list-style: url(images/icon_dot.gif) outside}
#products-menu li a { font-size:80%; color:#666;text-decoration: none}
#products-menu li a:hover {color:#0045AF; text-decoration: underline}
#products-menu li img { margin-left:5px}
#products-menu li a.emphasis {font-weight: bold; color: #C03;}


