﻿/* CSS Document */

#header {
	height:116px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#logo {
	position:absolute;
	top:18px;
	left:8px;
	display:block;
	width:346px;
	height:52px;
	background:url(../images/logo.png) no-repeat;
}

#topmenu {
	position:absolute;
	right:12px;
	top:12px;
	width:220px;
	text-align:center;
	line-height:24px;
}

#hotline {
	display:block;
	position:absolute;
	right:12px;
	top:40px;
	font-size:14px;
	color:red;
	letter-spacing:1pt;
	width:220px;
	text-align:center;
}

.tinybar {
	background:url(../images/bgs.jpg) no-repeat;
}

.tinybar .rightpart {
	margin-left:6px;
	background:url(../images/bgs.jpg) right -48px no-repeat;
}

.tinybar .rightpart .mainpart {
	height:24px;
	margin-right:6px;
	background:url(../images/bgs.jpg) 0px -24px repeat-x;
}

#mainmenu {
	position:absolute;
	top:53px;
	left:0px;
	width:955px;
	margin-top:26px;
}

.mainmenu {
	background:url(../images/bgs.jpg) 0px -146px no-repeat;
}

.mainmenu .rightpart {
	margin-left:6px;
	background:url(../images/bgs.jpg) right -72px no-repeat;
}

.mainmenu .rightpart .mainpart {
	height:37px;
	margin-right:6px;
	background:url(../images/bgs.jpg) 0px -109px repeat-x;
}

.mainmenu .rightpart .mainpart a {
	display:block;
	float:left;
	height:37px;
	line-height:37px;
	width:76px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-left:8px;
}

.firestmainitem {
	margin-left:128px!important;
	_margin-left:64px!important;
}

.mainmenu .rightpart .mainpart .selected {
	background:url(../images/mitemsel.gif) 0px 4px no-repeat;
}

#indexbanner {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	height:295px;
	margin-top:8px;
}

#indexswfbanner {
	float:left;
	width:714px;
	height:295px;
}

#memberpanel {
	float:right;
	width:225px;
	height:295px;
}

#loginboard {
	width:225px;
	height:169px;
	padding-top:40px;
	background:url(../images/loginboard.jpg) no-repeat;
}

#regboard {
	width:225px;
	height:81px;
	background:url(../images/regboard.jpg) no-repeat;
	margin-top:5px;
}

#loginformtbl {
	width:200px;
	margin-left:12px;
}

#loginformtbl td {
	line-height:28px;
}

#loginformtbl .titlecol {
	width:45px;
	text-align:right;
}

#regboard span {
	line-height:21px;
	float:right;
	display:block;
	width:160px;
	height:21px;
	font-size:14px;
	text-align:center;
}

#regboard span a {
	text-decoration:underline;
	color:#F00;
}

#forgetpass {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:170px;
	padding-left:16px;
	background:url(../images/findpasslead.gif) 3px 5px no-repeat;
	margin-top:12px;
	line-height:23px;
	height:23px;
}

#maincontent {
	margin-left:auto;
	margin-right:auto;
	width:955px;
	margin-top:8px;
}

#sixpointbox {
	background:url(../images/6pointtop.gif) no-repeat;
	width:714px;
	padding-top:8px;
}

#sixpointbox .sixpointmidpart {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	background:url(../images/usereasontitle.gif) 12px 0px no-repeat;
	height:159px;
	padding-top:32px;
	padding-left:13px;
	padding-right:13px;
}

#sixpointbox .sixpointbottompart {
	background:url(../images/6pointbottom.gif) no-repeat;
	overflow:hidden;
	height:8px;
}

.sixpointlist {
	margin:0px;
	padding:0px;
	list-style:none;
}

.sixpointlist li {
	float:left;
	display:block;
	padding-left:36px;
	margin-top:8px;
	margin-left:5px;
	line-height:20px;
	color:#666;
}

.indexpointlst li {
	width:295px;
}

.intropointlst li {
	width:288px;
}


.sixpointmidpart .sixpointlist li {
	height:40px;
}

.sixpointlist li h3 {
	margin:0px;
	padding:0px;
	line-height:20px;
	font-size:12px;
	color:#333;
}

.sixpointlist .point1 {
	background:url(../images/point1.gif) 0px -1px no-repeat;
}

.sixpointlist .point2 {
	background:url(../images/point2.gif) 0px -1px no-repeat;
}

.sixpointlist .point3 {
	background:url(../images/point3.gif) 0px -1px no-repeat;
}

.sixpointlist .point4 {
	background:url(../images/point4.gif) 0px -1px no-repeat;
}

.sixpointlist .point5 {
	background:url(../images/point5.gif) 0px -1px no-repeat;
}

.sixpointlist .point6 {
	background:url(../images/point6.gif) 0px 0px no-repeat;
}

#mainleftpane {
	float:left;
	width:714px;
}

#mainrightpane {
	float:right;
	width:225px;
}

#qualityboard {
	height:262px;
	background:url(../images/qualityboard.gif) no-repeat;
	margin-top:12px;
}

#qualityboard ul {
	float:left;
	padding:0px;
	line-height:20px;
	margin:0px;
	margin-top:48px;
	margin-left:8px;
	width:225px;
}

#qualityboard ul li {
	padding:0px;
	margin:0px;
	list-style:decimal;
	margin-left:25px;
}

.rightbuttons {
	display:block;
	width:225px;
	height:67px;
	background:url(../images/rightbuttons.jpg);
	background-repeat:no-repeat;
}

#chatonline {
}

#buyonline {
	background-position:0px -67px;
	margin-top:8px;
}

#onlineagent {
	background-position:0px -134px;
	margin-top:8px;
}

#customerletters {
	background-position:0px -201px;
	margin-top:8px;
}

#newsbox {
	margin-top:8px;
	width:370px;
	float:left;
}

.newsbox {
}

.newsbox .newsboxheader {
	height:26px;
	background:url(../images/borderdot.gif) 0px 23px repeat-x;
}

.newsbox .newsboxheader a {
	display:block;
	float:left;
	width:94px;
	height:26px;
	font-size:14px;
	background:url(../images/selectedcover.gif) no-repeat;
	line-height:26px;
	text-align:center;
}

.newsbox .newsboxheader .selected {
	background:url(../images/blankcover.gif) no-repeat!important;
}

#faqbox {
	float:right;
	width:320px;
	height:180px;
	margin-top:8px;
}

#faqbox h2 {
	margin:0px;
	padding:0px;
	padding-left:8px;
	line-height:26px;
	font-size:14px;
	font-weight:normal;
	background:url(../images/faqtitlebg.gif) 0px 21px no-repeat;
}

.newslist {
	margin:5px;
	padding:0px;
	list-style:none;
}

.newslist li {
	height:21px;
	padding-left:18px;
	line-height:21px;
	background:url(../images/newslead.gif) 3px 4px no-repeat;
	overflow:hidden;
}

.newslist li span {
	float:right;
}

.friendlink {
	height:96px;
	border:1px solid #CCC;
	border-bottom:none;
	background:#F1F1F1;
}

.friendlinkbottom {
	height:7px;
	overflow:hidden;
	background:url(../images/friendlinkbottom.gif) no-repeat;
}

.friendlink h2 {
	line-height:21px;
	font-size:14px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	padding-left:8px;
	margin-top:8px;
}

#footer {
	border-top:5px solid #D5ECF5;
	margin-top:18px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
}

#footer ul {
	margin:0px;
	padding:0px;
	line-height:23px;
	list-style:none;
	color:#666;
}

#footer ul li {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:310px;
	height:23px;
}

.customerboard {
	height:318px;
	background:url(../images/customerboard.gif) -225px 0px no-repeat;
	padding-top:7px;
	margin-top:8px;
}

.customerboard .customerboardmid {
	background:url(../images/customerboard.gif) -450px 0px repeat-y;
}

.customerboard .customerboardbtm {
	background:url(../images/customerboard.gif) 0px 0px no-repeat;
	height:7px;
	overflow:hidden;
}

.customerboard .customerboardmid h2 {
	margin:0px;
	padding:0px;
	line-height:23px;
	font-size:14px;
	padding-left:8px;
	color:#666;
}

#inpagebanner {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	height:180px;
	margin-top:8px;
}

#mainarea {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
}

.leftpanel {
	float:left;
	width:232px;
}

.rightpanel {
	float:right;
	margin-right:2px;
	width:702px;
}

.leftmenutop {
	height:8px;
	overflow:hidden;
	background:url(../images/leftmenutop.jpg) 2px 0px no-repeat;
}

.leftmenumid {
	background:url(../images/leftmenumid.jpg) 2px 0px repeat-y;
}

.leftmenubottom {
	height:8px;
	overflow:hidden;
	background:url(../images/leftmenubottom.jpg) 2px 0px no-repeat;
}

.leftmenumid a {
	display:block;
	width:auto;
	height:25px;
	background:url(../images/leftmenusplitter.jpg) 8px 29px no-repeat;
	line-height:25px;
	padding-top:5px;
	text-align:left;
	padding-left:46px;
	font-weight:bold;
}

.leftmenumid .selected {
	background:url(../images/selbutton.gif) 0px 0px no-repeat;
	color:#FFF;
	padding-top:3px!important;
	height:27px!important;
}

.leftmenumid .nosplitter {
	background:none;
}

.leftmenubt {
	margin-left:3px;
	margin-top:8px;
}

.mainframetop {
	height:44px;
	overflow:hidden;
	background:url(../images/mainframetop.jpg) no-repeat;
}

.mainframebottom {
	height:6px;
	overflow:hidden;
	background:url(../images/mainframebottom.jpg) no-repeat;
}

.mainframemid {
	background:url(../images/mainframemid.jpg) repeat-y;
	padding:16px;
	height:auto!important;
	height:402px;
	min-height:402px;
	line-height:21px;
}

.mainframetop h2 {
	margin:0px;
	padding:0px;
	line-height:38px;
	padding-left:35px;
	padding-top:8px;
	font-size:14px;
}

.appdownintro {
}

.appdownintro h3 {
	font-size:14px;
	margin:0px;
	padding:0px;
	margin-top:12px;
}

.mcitem {
	width:272px;
	height:143px;
	background:url(../images/customerdlbg.gif) 0px 0px no-repeat;
	float:left;
	margin-left:28px;
	margin-top:26px;
	padding:10px;
}

.mcitem h3 {
	margin:0px!important;
	padding:0px;
	line-height:23px!important;
	font-size:12px!important;
}

.formtable1 {
	width:99%;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	background-color:#FFF;
}
.formtable1 th {
	text-align:left;
	background:url(../images/titlebg1.jpg) 0 50% repeat-x;
}
.formtable1 th .titlebox {
	display:inline-block;
	height:25px;
	background:url(../images/titleicon1.gif) 5px 5px no-repeat;
	padding-left:18px;
	padding-top:3px;
	line-height:24px;
}
.formtable1 td {
	border-bottom:1px solid #DDD;
	line-height:21px;
	padding:6px;
}
.formtable1 .leftcol {
	width:15%;
	text-align:right;
	background-color:#F7F7F7;
}
.formtable1 .rightcol {
}
.formtable1 .darkerbg {
	background-color:#F7F7F7;
}

#customers {
	line-height:18px;
}

#customers ul {
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:8px;
	padding-right:5px;
}
#customers ul li {
	height:80px;
	margin-top:5px;
	padding-left:70px;
}
#customers ul li h4 {
	margin:0px;
	padding:0px;
	font-size:12px;
}
#customers ul #headicon1 {
	background:url(../images/headicon1.gif) no-repeat;
}
#customers ul #headicon2 {
	background:url(../images/headicon2.gif) no-repeat;
}
#customers ul #headicon3 {
	background:url(../images/headicon3.gif) no-repeat;
}
