/* CSS Document */
A {
	COLOR: #990000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF0000; TEXT-DECORATION: underline
}
A:active {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
td, div {
	font: 12px/1.4 Verdana, sans-serif ;
	color:#666666;
}

a.more{
	float:right;
	padding: 0px 10px 0px 10px;
	background:url(img/more.gif) 0px 5px no-repeat;
	display:block;
	width:50px;
	text-indent:-2000px;
}
br{
	clear:both;
}
p {
	margin: 5px 0 5px 0 ;
}

b {
	color: #0F85BD;
}
i{
	color: #009900;
    font-style:normal;
}
em {
	color: #0F85BD;
	font-style:normal;
	font-weight:bold;
}

h2{
	font-size:14px;
	margin:0px;
}
h3{
	font-size:14px;
	margin-bottom:5px;
	padding:3px;
	width:98%;
	border-bottom: 1px dashed #C6634A ;
}
h4{
	font-size:12px;
	font-weight:normal;
	margin:0px;
}
h4#path{
	background:url(img/arrow_right.gif) 5px 5px no-repeat;
	height:20px;
	padding:0 0 0 20px;}
h5{
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
h1.title{
	background: url(img/titleBg.jpg) no-repeat;
	height:30px !important;
	height:36px;
	font-size:14px;
	padding: 6px 10px 0px 30px;
	margin-bottom:10px;
	border-top:1px dotted #C2CED8;
}
h2.title{
	background: url(img/h2.jpg) no-repeat;
	height:50px !important;
	height:56px;
	font-size:14px;
	padding: 10px 10px 0px 50px;
	
}
h3.title{
	height:30px !important;
	height:36px;
	font-size:14px;
	padding: 6px 10px 0px 30px;
	border-bottom:1px solid #D6BF83;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:0px;
}

h4.title{
}
h5.subtitle  {
	font-size:9pt;
	color: #999999;
	padding: 3px;
}

form {
	margin:0;
}
input, select {
 font: 12px Verdana,sans-serif;
 width: 150px;
 border:1px solid #999;
}
td input {
 width: auto;
}
.checkbox{
	border:none;
	width:auto;
}
.button{
	background:url(img/h3.jpg) bottom center;
	height:22px;
	width:auto;
	border:none;
	padding: 0 10px 0 10px;
	
}
.wauto{
	width:auto ;
}
.auto{
	width:auto ;
}
textarea {
 font: 12px Verdana,sans-serif;
 border:1px solid #999;
  width: auto;
}
ul {
	padding:3px;
	margin:0;
	list-style:none;
}
ul.d {
	width:49%;
	float:left;
}
ul li {
	padding-bottom:3px;
}
ul li b {
	width:100px;
	display:block;
	float:left;
}

.pic {
	display:block;
	FLOAT: left; 
	MARGIN: 3px 3px 3px 3px; 
	BORDER: #D6BF83 1px solid;
}
img.photo{
	width:80px;
	height:auto;
}
img.logo {
	width:80px;
	height:auto;
}
img.thumb {
	WIDTH: 80px; 
	HEIGHT: auto;
}
.light   {
	color: #999999;
	font-weight: normal;
}

html, body {
	font: 12px/1.4 Verdana, sans-serif;
	color: #999999;
	margin:0px;
	text-align: center;
	background-color: #000000;
}
#page {
	width: 999px;
	margin: 0 auto ;
	text-align: left; 
	background:url(img/page0.jpg) -151px 0px no-repeat;
}

#mainHome {
 	margin: 103px 3px 0 90px;
	width:805px;
}
#main {
	margin: 100px 23px 0 0;
	width:684px;
	float: right;
	display:inline;
	background:url(img/mainBg.jpg);
	color:#666666;
	overflow: hidden;
}
#main .top{
	display:none;
}
#main .bottom{
	/*background:url(img/bottom.jpg) ;*/
	height:70px;
}
div.box {
	clear:both;
}
#main2 {
 	float: left;
	width:768px;
 	margin: 0 0 0 3px;
	overflow:hidden;
}
#main2 div.box {
	clear:both;
}
#sidebar {
 	margin: 250px 0 0 70px;
	float: left;
	width: 180px;
 	display:inline ;
}


#sidebar2 {
 float: left;
 width: 210px;
	margin: 20px 0 0 24px;
}

#content{
	float:left;
	width:100%;
	padding:0 0 0 0;
}

#header {
padding:80px 0 10px 0;
}
#header .top{
	height:20px;
	clear:both;
	text-align:right;
	margin-right:100px;
}
#header .top a{
	color:#FFFFFF;
}
#header .box{
	height:43px;
}
#header .bottom{
}
#slogan {
	text-align: right;
}



#siteName {
	float:left;
	width:270px;
	height:43px;
	margin-left:20px;
}
#siteName h1 {
	margin:0px;
}

#nav {
	float:left;
	padding: 0px;
	LIST-STYLE-TYPE: none;
	height:43px;
	width:680px;
}

#nav li {
	height:40px;
	padding-left:15px;
	padding-right:15px;
	float: left;
	font-size:14px;
	font-weight:bold;
}
#nav li.on {
}
#nav li.first {
	background:none;
	padding:0;
	width:10px;
}
#nav li.last {
	display:none;
}
#nav li.fence {
	display:none;
}
#nav a {
	display:block;
	padding:12px 0 6px 0px;
	color:#FFFFFF;
}

#subnav {
	margin:6px;
}
#subnav li {
	padding:2px 16px 0 16px;
	height:20px;
	width:auto;
	float: left;
	border-left: 1px solid #CCCCCC;
}
#subnav li.first {
	border: 0;
}
#subnavli.first {
}


#search {
	height:26px;
	margin:48px 5px 0px 0px ;
	float:right
}

#footer {
	clear:both; 
	padding: 10px;
	margin-bottom:10px;
}
#copyright{
	text-align:center;	
}
#powerby{
	padding: 0 0 0 40px;
	background:url(img/discuz_icon.gif) no-repeat;
	float:right;
	width:40%;
	color:#666666 ;
	font-size:10px;
}
#powerby li{
	padding: 0 ;
}

ul.subnav li{
	display:inline;
	padding:0 10px 0 10px;
	border-right: 1px solid #CCCCCC;
}

/* <-----------side start */



div.side {
	margin-bottom:20px; 
}
div.side h3.title{
	color:#FFFFFF;
	background:url(img/dot3.gif) 6px 8px no-repeat;
}
div.side a{
	color:#FFCC66;
}
div.side h4{
	text-align:center;
}
div.side ul {
}
div.side li {
	overflow:hidden;
}
div.side li i {
	float:right;
	font-weight: normal;
	color: #999999;
}
div.side li {
	background:url(img/dot.gif) 4px 8px no-repeat;
	padding: 3px 0 3px 20px;
	border-bottom: 1px dotted #CCCCCC;
}


div.R0 {
	background:#F0FAFF;
}
div.R1 {
	background: url(img/blockBg.gif);
}
div.R2 {
	background: #FFF0D9;
}


ul.tags{
	margin:5px 0 5px 0;
}
ul.tags li{
	display:inline;
}
ul.tags li.tag{
	background:none;
	color:#0085A6;
	font-weight:bold;
}
p.trackback{
	display:none;
}
ul.footnote{
	margin:5px 0 5px 0;
	text-align:right;
}
ul.footnote li{
	display:inline;
	padding:0 10px 0 10px;
	border-right: 1px solid #CCCCCC;
}


div.bar {
	width:100%;
	margin-bottom:5px;
}
div.bar p{
	margin: 3px 0 3px 0;
}
div.bar .p{
}
div.bar .p50 {
	display:inline;
	padding: 2px 0 2px 0;
	width:48%;
}
div.bar h3.subtitle{
	display:none;
}
div.bar h4.subtitle{
	display:none;
}
div.bar .content{
	padding:10px;
}

div.bar ul {
}
div.bar li.title {
	float:left;
	width:70%
}	
div.bar li.updateTime {
	float:left;
	width:20%
}	
div.bar li.author {
	float:left;
	width:8%
}


/* block start ----*/
div.block {
	float:left;
}
div.block h4.title {
	font-size:14px;
	padding-left: 6px;
	color:#FF6600;
}
div.newProducts {
	width:390px;
	float:left;
	margin:0px 20px 6px 20px;
	display:inline;
	color:#CCCCCC;
}
div.newProducts h3.title{
	height:36px;
}
div.newProducts ul {
	float:left;
	width:100%;
}
div.newProducts li.tn {
	float:left;
	width:95px;
}
div.newProducts li.title {
	width:65%;
	font-size:14px;
}

div.newProducts li.title a {
	color:#FFFFCC;
}	
	
div.newProducts li.content {
	border-bottom: 1px solid #D6BF83 ;
	border-top: 1px solid #D6BF83 ;
	clear: left;
	margin:10px 0 10px 0;
	padding:10px 10px 10px 10px;
}	

div.categories ul li{
	background:url(img/dot.gif) no-repeat;
	padding-left:20px;
}

div.latestUpdates {
	width:333px !important;
	width:330px;
	float:right;
	margin:0px 10px 10px 2px;
	height: 200px;

}
div.latestUpdates h3.title{
	height:28px;
	border-bottom:1px solid #FFFFCC;
}

div.latestUpdates li {
	background:url(img/dot.gif) 4px 8px no-repeat;
	padding: 2px 0 3px 20px;
	margin:3px 0 3px 0;
}
div.latestUpdates li a {
	color:#FFFFCC;
}


div.categories ul li{
	background:url(img/dot.gif) no-repeat;
	padding-left:20px;
}



div.categories ul li{
	background:url(img/dot.gif) no-repeat;
	padding-left:20px;
}

/* review start ----*/
div.review {
	BORDER: #CCD9EC 1px solid; 
	background-color:#F3F7FA;
	margin-top: 10px;
	width:100%;
	
}
div.review div.l {
	padding:3px;
	FLOAT: left; 
	WIDTH: 100px; 
	text-align:center;
	margin:6px;
}
div.review .offline{
	width:30px;
	height:16px;
	BACKGROUND: url(img/p_offline.gif) left 2px no-repeat;
}
div.review .p_online{
	BACKGROUND: url(img/p_online.gif) left 2px no-repeat;
}

div.review div.r {
	FLOAT: right; 
	padding:3px;
	margin:6px;
	background:#FFFFFF;
	width:81%;
}
div.review  div.r i {
	FLOAT: right; 
	padding-right:10px;
}
div.review ul {
	padding:6px;
}
div.review img.photo {
	margin-bottom:10px;
	width:50px;
}
div.review .quote {
	margin:6px 50px 6px 50px;
	border:#333399 1px dotted ;
	padding:10px;
	color: #333399;
	background:#F1F9FC;
}

div.center {
	text-align:center;
	padding :3px;
}
div.pad {
	padding: 3px ; 
	background-color: #F4F8F9;
	BORDER: #E6E6E6 1px solid; 
	height:30px;
	margin-bottom: 10px;
}
div.hl{
	clear:both;
	border-bottom:#CCD9EC 1px solid;
}
input.bt_pm{
	background:url(img/p_pm.gif);
	width:60px;
	height:20px;
	border:0;
}
input.bt_quote{
	background: url(img/p_quote.gif);
	width:60px;
	height:20px;
	border:0;
}
input.bt_top{
	background: url(img/gototop.gif) left bottom;
	width:51px;
	height:20px;
	border:0;
}
.red{
	color:#FF0000 ;
}

div.pageNavi {
	clear:both;
		background-color: #eeeeee;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #999999;
		height: 26px;
		color: #B6B6B6;
}
div.pageNavi div {
		padding-top: 2px;
		width: 33%;
		float: left;
		text-align: center;
}

.clear{
	overflow: hidden; 
	clear: both; 
	height: 1px; 
	margin-top: -1px;"
}
.w300{
	width:300px ;
}
.f10{
	font-size:10px;
	color:#999999;
}
.f14{
	font-size:14px;
	font-weight:bold;
}
.attn {
	font-size:14px;
	font-weight:normal;
	color:#FF6600;
}
ul.searchBar {
	border: 1px solid #DDDDDD;
	background-color: #F4F8F9;
	margin:0 0 10px 0;
}
ul.searchBar li {
	width: 110px;
	font-weight: bold;
	color: #00619C;
	float:left;
}
ul.searchBar li.buttons input{
	width: auto;
	background:#FFCC99;
}
ul.searchBar input {
	width: 100px;
}
ul.searchBar select {
	width: 100px;
}
table.list {
	border: 1px solid #e5e5e5;
	clear:both;
	width:100%;
}

table.list TR.header {
	background: #333399;
	height: 25px;
}
table.list TR.header td{
	font-size: 10.5pt;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: bottom;
}
table.list TR.row0 {
	BACKGROUND-COLOR: #ffffff ;
	BORDER-BOTTOM: 1px solid #e5e5e5 ;
}

table.list TR.row1 {
	BACKGROUND-COLOR: #f5f5f5;
	BORDER-BOTTOM: 1px solid #e5e5e5 ;
}

span.check_error {
	color: #FF0000 ;
	padding-left:15px;
	background:url(img/check_error.gif) no-repeat;
}
span.check_ok {
	color:#999999 ;
	padding-left:15px;
	background:url(img/check_ok.gif) no-repeat;
}
span.tip {
	display:block;
	border: #F1B085 1px solid;
	padding: 3px 3px 3px 20px;
	background: #FFF1D9 url(img/important.gif) 3px 3px  no-repeat;
}
span.important {
	display:block;
	border: #F1B085 1px solid;
	padding: 3px 3px 3px 20px;
	background: #FFF1D9 url(img/important.gif) 3px 3px  no-repeat;
}
.result{
	margin: 50px 50px 200px 50px;
}
.result h3{
	text-align:center;
}
.tab {
	BORDER-RIGHT: #e1ecf0 1px solid; 
	PADDING: 4px 10px 0 10px; 
	FLOAT: left; 
	COLOR: #1fa9ce; 
}
.tabon {
	BORDER-RIGHT: #e1ecf0 1px solid; 
	PADDING: 2px 10px 0 10px; 
	FLOAT: left; 
	COLOR: #1fa9ce; 
	BORDER-TOP: #27b7cc 2px solid; 
	FONT-WEIGHT: bold; 
	BACKGROUND-COLOR: #f1f5f6
}
div.right{
	float:right;
	width:49%;
}
div.right br{
	clear:none;
}