@charset "utf-8";
/* base style file
 * Create by Trey 2011.03.11
 * Update by Trey 2011.05.25
 * 1、general
 * 2、layout
 * 3、header
 * 4、footer
 * 5、side bar
 * 6、nav
 * 7、tool bar
 * 8、pop modal
 * 9、tip information
 * 10、assistant
 * 11、error page
 * 12、style
 * 21、widget - box
 * 22、widget - table
 * 23、widget - button
 * 24、widget - tabs
 * 25、widget - pager
 * 26、widget - form
 * 99、other
 * -------------------------------------------------- */
@import url(reset.css);
/* 1、general
 * -------------------------------------------------- */
html {
	overflow: scroll;
	overflow-x: hidden;
}
body {
	background: #F1F1F1 url(../images/bg/mainbg.jpg) repeat-x left top;
	color: #222;
	font: normal 12px/16px Tahoma, \5b8b\4f53, Verdana, Arial, sans-serif;
}
a {
	text-decoration: none;
}
label, input, img, select, textarea {
	font-family: Tahoma;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.visibilityHidden {
	visibility: hidden;
}
/* 2、layout
 * -------------------------------------------------- */
#Wrapper {
	margin: 0 auto;
	width: 980px;
}
/* common background-image css*/

/* home page css */
.homeContent {
	height: 180px;
	overflow: hidden;
	background-color: #FFF;
}
.homeItemShow .content {
	margin-left: 20px;
}
.homeContent h2 {
	color: #222;
	font: bold 14px/35px Tahoma;
}
.homeItemShow {
	float: right;
	width: 244px;
	height: 175px;
	border-left: 1px solid #e3e3e3;
}
.homeItemShow a {
	display: block;
	overflow: auto;
	cursor: pointer;
	_zoom: 1;
}
.homeItemShow span {
	display: block;
	color: #222;
}
.homeItemShow .info {
	height: 50px;
	overflow: hidden;
}
.homeItemShow strong {
	padding-left: 10px;
	background: url(../images/arrow_red.jpg) no-repeat left center;
	color: #eb2215;
	font-weight: bold;
}
.homeItemShow img {
	float: right;
	display: block;
	margin: 30px 10px 0 0;
	width: 100px;
	height: auto;
}
.homeNews {
	margin: 0 488px 0 20px;
}
.homeNews ul li {
	padding-left: 46px;
	height: 22px;
	line-height: 22px;
}
.homeNews ul li.news {
	background: url(../images/news.jpg) no-repeat left center;
}
.homeNews ul li.reviews {
	background: url(../images/reviews.jpg) no-repeat left center;
}
.homeNews a {
	color: #222;
}
.homeNews a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.homeNews div.form {
	margin-top: 23px;
	height: 23px;
}
.homeNews div.form div {
	float: left;
}
.homeNews label, .homeNews input  {
	color: #666;
	vertical-align: middle;
}
.homeNews label {
	margin-right: 10px;
	line-height: 23px;
	color: #666;
}
/* search page css */
.searchInfos {
	margin: 0;
}
.searchInfos .keywords {
	margin-top: -8px;
	margin-left: 10px;
	color: #666;
}
.searchInfos .keywords strong {
	margin-right: 10px;
	color: #eb2215;
	font: bold 16px/30px Tahoma;
}
.searchInfos .related {
	margin-left: 10px;
	margin-bottom: 10px;
}
.searchInfos .related span {
	margin-left: 10px;
}
.searchInfos .related a {
	color: #27D;
}
.searchPage .pagerBar {
	padding: 0 20px;
}
.pagerBar .topline {
	margin-bottom: 10px;
	padding: 10px 0;
	height: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.pagerBar .line {
	padding: 10px 0 20px 0;
	height: 20px;
	border-top: 1px solid #d9d9d9;
}
.searchPage .pagerBar .topline {
	margin-bottom: 10px;
	padding: 10px 0;
	height: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.searchPage .pagerBar .line {
	padding: 10px 0 20px 0;
	height: 20px;
	border-top: 1px solid #d9d9d9;
}
.searchPage .pagerBar .pager {
	float: right;
}
.searchPage .pagerBar .pager span {
	padding-left: 0;
	line-height: 20px;
}
.searchPage .pagerBar .sort {
	float: right;
	padding: 0 0 0 5px;
}
.searchPage .pagerBar .sort div {
	float: right;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	height: 20px;
	color: #666;
	line-height: 20px;
	background: url(../images/bg/D9D9D9.png) no-repeat right 3px;
}
.pagerBar .pager{
    float:right;
}
.pagebottom .pager{
    float:right;
    margin-bottom:8px;
}
.gallaryBar .pager, .gallaryBar .sort {
	float: right;
	padding: 5px 0 0 10px;
	height: 25px;
	background: url(../images/bg/D9D9D9.png) repeat-y left top;
}
.gallaryBar .pager {
	margin-left: 10px;
	padding-right: 30px;
}
.gallaryBar .pager span {
	padding-left: 0;
	line-height: 25px;
}
.searchResultList {
	color: #666;
	height: 100%;
}
.searchResultList ul {
	padding: 0 20px;
	_padding: 0 19.9px;		/* must have for ie6 */
}
.searchResultList li {
	float: left;
	margin: 15px 0 30px 0; 
	width: 25%;
}
.searchResultList li a img {
	display: block;
	margin: 0 auto;
	width:170px;
	height:170px;
}
.searchResultList li h2, .searchResultList li p {
	margin-left: 20px;
	overflow: hidden;
	text-align: left;
}
.searchResultList li h2 {
	padding-top: 8px;
	height: 18px;
	line-height: 18px;
}
.searchResultList li p {
	margin-bottom: 10px;
	width: 170px;
	height: 30px;
	overflow: hidden;
}
.searchResultList li a {
	color: #222;
	font: bold 14px/18px Tahoma;
}
.searchResultList li a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.compareCk {
	display: block;
	margin-left: 15px;
	text-align: left;
}
.compareCk label {
	color: #222;
}
.searchResultList .pagebottom {
	clear: left;
	margin: 0 17px;
}
.searchResultList .pagebottom .line {
	height: 10px;
	border-top: 1px solid #D9D9D9;
}
.searchResultList .pagebottom .pager {
	float: right;
	margin-bottom: 8px;
}
.pagebottom {
	clear: left;
}
.pagebottom .line {
	height: 10px;
	border-top: 1px solid #D9D9D9;
}
.pagebottom .pager {
	float: right;
	margin-bottom: 8px;
}
.searchAllCategoryList, .searchSubCategoryList {
	padding: 15px 20px 0 20px;
}
.searchAllCategoryList ul, .searchSubCategoryList ul {
	padding: 10px 0;
	overflow: auto;
	border-bottom: 1px solid #D9D9D9;
	_zoom: 1;					/* must have for ie6 */
}
.searchAllCategoryList ul.last, .searchSubCategoryList ul.last {
	border: 0;
}
.searchAllCategoryList li {
	float: left;
	width: 50%;
}
.searchSubCategoryList li {
	float: left;
	width: 33.3%;
}
.searchAllCategoryList a, .searchSubCategoryList a {
	display: block;
	float: left;
	width: 155px;
    text-align:center;
}
.searchAllCategoryList a IMG,.searchSubCategoryList a IMG
{
   max-width:155px;
   _width:155px;
}
.searchAllCategoryList dl, .searchSubCategoryList dl {
	display: block;
	margin-left: 175px;
}
.searchAllCategoryList dl a, .searchSubCategoryList dl a {
	display: inline;
	float: none;
	color: #222;
}
.searchAllCategoryList dl a:hover, .searchSubCategoryList dl a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.searchAllCategoryList dl dt, .searchSubCategoryList dl dt {
         margin: 0 0 15px 0;
         padding: 0;
}
.searchAllCategoryList dl dt a {
	display: inline;
	float: none;
	color: #eb2215;
	font-size: 14px;
	font-weight: bold;
}
.searchSubCategoryList dl dt a {
	display: inline;
	float: none;
	color: #222;
	font-size: 12px;
	font-weight: bold;
}
.searchSubCategoryList dl dd a {
	color: #666;
}
.searchAllCategoryList dl dd, .searchSubCategoryList dl dd {
	margin: 0;
	padding-left: 15px;
	background: url(../images/arrow_black.jpg) no-repeat 3px center;
}
.searchPage .filter  {
	padding-bottom: 10px;
	padding-right:10px;
	_zoom: 1;
}
.filter {
	margin-left: 10px;
}
.filter label {
	display: block;
	height: 22px;
	color: #666;
}
.filter .buttons {
	margin-left: 7px;
	margin-bottom: -10px;
	+margin-bottom: 0;
}
.filter .buttons .tt {
	margin-bottom: 10px;
}
.filter .buttons li {
	margin-bottom: 10px;
}
.filterBtns {
	overflow: auto;
	background-color: #eee;
}
.filterBtns div.pre {
	float: left;
	width:auto;
}
.filterBtns div.sub {
	float: left;
	width: auto;
}
.filterBox {
	margin: 0 18px 10px 6px;
	padding: 10px 0;
	+padding: 5px 0 10px 0;
	background-color: #F5F5F5;
}
.filterBox label {
	float: left;
	width: 125px;
	height: 30px;
	color: #666;
	font-weight: bold;
	text-align: right;
	line-height: 30px;
}
.filterItem .all {
	display: inline;
	float: left;
	margin: 2px 15px 0 15px;
	padding-top: 7px;
	height: 23px;
}
.filterItem .all a {
	float: left;
	padding: 0 5px;
	color: #666;
	text-align: center;
}
.filterItem .all a.current {
	background-color: #eb2215;
	color: #FFF;
}
.filterLinks {
	margin-left: 143px;
	padding-top: 7px;
	height: 23px;
}
.filterLinks span {
	float: left;
	margin-right: 20px;
}
.filterLinks a {
	float: left;
	padding: 1px 2px;
	height: 16px;
	border: 1px solid #f5f5f5;
	color: #666;
	line-height: 16px;
}
.filterLinks a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.filterLinks a.current {
	padding-right: 20px;
	border: 1px solid #eb2215;
	background: url(../images/filterclose.jpg) no-repeat right center;
	color: #eb2215;
}
.filterLinks a.current:hover {
	background-color: #FFE6E6;
	text-decoration: none;
}
.gallery .filter {
	overflow: auto;
	_zoom: 1;
}
.gallery .filter .buttons {
	margin-bottom: 0px;
	+margin-bottom: 10px;
}
.compareBar {
	float: left;
	padding-left: 28px;
	height: 100%;
}
.compareBar span.item {
	position: relative;
	display: block;
	float: left;
	margin: 2px 5px 0 0;
	width: 48px;
	height: 27px;
	background: url(../images/bg/comparebg.jpg) no-repeat left top;
}
.compareBar span img {
	display: block;
	width: 34px;
	height: 25px;
	border: 1px solid #eb2215;
}
.compareBar span img.remove {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 11px;
	border: 0;
}
.compareBtn {
	float: left;
	margin-top: 4px;
}
.compareBtn a.disable span {
	color: #999;
	cursor: default;
}
.compareBtn a.disable:hover {
	background-position: left 0;
}
.compareBtn a.disable:hover span {
	background-position: right -98px;
}
/* bread nav */
.breadNav, .breadNav .left, .breadNav .right {
	background: url(../images/bg/breadNavbg.jpg) repeat-x left -33px;
}
.breadNav {
	margin-top: 10px;
	height: 33px;
	line-height: 33px;
}
.breadNav .left {
	float: left;
	width: 80%;
	background-repeat: no-repeat;
	background-position: left top;
}
.breadNav .left span {
	margin-left: 15px;
}
.breadNav .left a {
	margin: 0 5px;
	color: #666;
}
.breadNav .left a.current {
	color: #222;
}
.breadNav .left a:hover, .breadNav .right a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.breadNav .right {
	float: right;
	width: 20%;
	background-repeat: no-repeat;
	background-position: right -66px;
}
.breadNav .right span {
	display: block;
	float: right;
	padding: 0 20px;
	height: 33px;
	background: url(../images/icon/icons.png) no-repeat;
}
.breadNav .right a {
	color: #666;
}
.breadNav .right span.excleIcon {
	background-position: left 0px;
}
.breadNav .right span.printIcon {
	background-position: left -33px;
}
/* products page css */
.productDetail h1 {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	text-indent: 20px;
}
.productDetail h2 {
	color: #eb2215;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
}
.productDetail .share {
	position: relative;
	margin-top: 8px;
	padding-right: 10px;
	color: #666;
	text-align: right;
	vertical-align: middle;
	float:left;
}
.productDetail .share span {
	margin-left: 5px;
}
.productDetail .google
{
    padding-top:10px;
    float:right;
}
.emailFriend {
	display: none;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 10;
	width: 450px;
	border: 5px solid #DDD;
	background: #FFF;
}
.emailFriend .txt {
	width: 200px;
	height: 18px;
	border: 1px solid #CDCDCD;
	line-height: 18px;
}
.emailFriend .txtMsg {
	width: 400px;
	height: 60px;
	border: 1px solid #CDCDCD;
}
.emailFriend dl {
	margin: 0 10px;
	text-align: left;
}
.emailFriend dt {
	padding: 15px 0 3px 0;
	white-space: nowrap;
	font-weight: bold;
}
.emailFriend ins {
	color: #999;
	text-decoration: none;
}
.emailFriend .btn {
	padding: 10px 0;
	height: 30px;
}
.emailFriend .btn .cancel {
	display: inline;
	float: left;
	margin: 3px 0 0 10px;
	color: #666;
	text-decoration: underline;
}
.emailFriend .arrow {
	position: absolute;
	top: -20px;
	right: 70px;
	z-index: 1;
	width: 32px;
	height: 15px;
	background:  url(../images/popupArrow.png) no-repeat;
}
.leftBar {
	width: 214px;
}
.leftBar ul {
	margin-top: 36px;
}
.leftBar li { 
	height: 30px;
	background:  url(../images/bg/libg.jpg) no-repeat center bottom;
	line-height: 30px;
}
.leftBar li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #666;
	font-weight: bold;
	text-indent: 30px;
}
.leftBar li.current {
	background: url(../images/bg/sider.jpg) no-repeat left center;
}
.leftBar li.current a {
	color: #FFF;
}
.infoBox {
	padding-top: 10px;
}
.infoBox .smallpic {
	float: left;
	padding-top: 20px;
	width: 150px;
	overflow: hidden;
}
.infoBox .smallpic img {
	display: block;
	margin: 0 auto;
	width:120px;
	height:120px;
}
.infoBox .pic {
	overflow: auto;
	+overflow: visible;
	+zoom: 1
}
.thumbList {
	float: right;
	padding-top: 20px;
	width: 88px;
}
.thumbList ul {
	height: 432px;
	overflow: hidden;
}
.thumbList li {
	padding: 2px 0;
}
.thumbList li.current img {
	border-color: #d00d00;
}
.thumbList img {
	width: 65px;
	height: 48px;
	border: 1px solid #E3E3E3;
}
.thumbList .previous {
	margin-bottom: 10px;
	padding-bottom: 5px;
	width: 65px;
	height: 10px;
	border-bottom: 1px solid #E3E3E3;
}
.thumbList .previous a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/button/previous2.jpg) no-repeat center center;
}
.thumbList .previous a.prevStop {
	background: url(../images/button/previous2_disable.jpg) no-repeat center center;
}
.thumbList .next {
	margin-top: 10px;
	padding-top: 5px;
	width: 65px;
	height: 10px;
	border-top: 1px solid #E3E3E3;
}
.thumbList .next a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/button/next2.jpg) no-repeat center center;
}
.thumbList .next a.nextStop {
	background: url(../images/button/next2_disable.jpg) no-repeat center center;
}
.bigPic {
    margin-right: 90px;
    padding: 20px 0;
}
.bigPic .title {
	padding: 0 20px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.bigPic img  {
    display: block;
    margin: 0 auto;
    max-width: 640px;
    max-height: 480px;
}
.productView {
	margin-right: 90px;
}
.productView div {
	float: none;
	padding-bottom: 25px;
	width: 195px;
	height: 35px;
	margin: 0 auto;
}
.productView a {
	display: inline;
	float: left;
	margin-right: 15px;
	width: 50px;
	height: 35px;
	background: url(../images/button/product.png) no-repeat;
	text-indent: -99999px;
}
a.view360 {
	background-position: left top;
}
a.view360:hover {
	background-position: left bottom;
}
a.viewvideo {
	background-position: -60px top;
}
a.viewvideo:hover {
	background-position: -60px bottom;
}
a.viewtour {
	background-position: -120px top;
}
a.viewtour:hover {
	background-position: -120px bottom;
}
.description {
	margin: 0 20px;
	padding-bottom: 30px;
}
.description h3 {
	margin: 20px 0 15px 0;
	color: #222;
	font-size: 14px;
	font-weight: bold;
}
.description .btn {
	clear: both;
	margin: 0 auto;
 	padding: 0;
	width: 400px;
}
.description .btn a {
	margin: 0 0 0 70px;
}
.description p {
	color: #666;
	line-height: 18px;
}
.specifications {
	min-height: 400px;
	overflow: auto;
}
.specifications .databox {
	margin: 0 20px 0 150px;
	padding-top: 10px;
}
.specifications .databox .tableA, .specifications .databox .tableB {
	_width: 98.9%;
}
.specifications .topbar {
	margin-bottom: 20px;
	height: 45px;
	border-bottom: 1px solid #d3d3d3;
}
.specifications .tabsA {
	float: left;
	margin-bottom: 10px;
}
.specifications .pdfdownload {
	float: right;
}
.pdfdownload img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
.specifications .boxD {
	margin-bottom: 3px;
}
.specifications .boxE {
	margin-bottom: 5px;
}
/* similar */
.similarList {
	color: #666;
	height: 100%;
	overflow: auto;
	+overflow: visible;
}
.similarList ul {
	padding: 0 20px;
}
.similarList li {
	float: left;
	margin: 15px 0 30px 0; 
	width: 33.33%;
	text-align: center;
}
.similarList li h2, .similarList li p {
	margin: 0 0 0 20px;
	overflow: hidden;
	text-align: left;
}
.similarList li h2 {
	padding-top: 8px;
	height: 22px;
}
.similarList li p {
	margin-bottom: 10px;
	height: 30px;
}
.similarList li a {
	color: #222;
	font: bold 13px/18px Tahoma;
}
.similarList li a img
{
    width:170px;
    height:125px;
}
.similarList li a:hover {
	color: #eb2215;
	text-decoration: underline;
}
/* support page css */
.support .downloadTip {
	margin: 0 20px 30px 0;
	color: #666;
}
.support .labelsTip {
	margin: 0 20px 30px 30px;
	padding-top: 5px;
	color: #666;
}
.support .form {
	padding-bottom: 10px;
	overflow: auto;
	_zoom: 1;
}
.support .form div {
	float: left;
}
.support .buttonRed span {
	padding: 0 20px 0 5px;
}
.support .inputLong input {
	color: #777;
}
.support .wrap {
	margin: 0 20px 0 20px;
	padding-top: 5px;
}
.selectBox .groupleft {
	float: left;
	width: 49%;
}
.selectBox .groupright {
	float: right;
	width: 49%;
}
.selectBox .item {
	float: left;
	width: 48%;
}
.selectBox .groupleft .last, .selectBox .groupright .last {
	float: right;
}
.selectBox select {
	width: 100%;
	height: 300px;
}
.productItem {
	margin-top: 10px;
	padding: 10px;
	overflow: auto;
	background-color: #f8f8f8;
	_zoom: 1;
}
.productItem .pic {
	float: left;
	width: 170px;
}
.productItem .pic img
{
    width:170px;
    height:125px;
}
.productItem .description {
	float: left;
	margin: 0 10px 0 20px;
	width: 185px;
}
.productItem .description h2 {
	color: #222;
	font: bold 14px/30px Tahoma;
}
.productItem .list {
	margin-left: 375px;
	padding: 5px;
	min-height: 125px;
	background-color: #FFF;
}
.productItem .list li {
	padding-left: 15px;
	height: 20px;
	/*background: url(../images/dot_black.jpg) no-repeat left center;*/
	color: #222;
	line-height: 20px;
}
.section {
	margin-top: 10px;
	padding-bottom: 20px;
}
.support .download {
	border-bottom: 1px solid #d3d3d3;
}
.download .pagebottom {
	margin: 10px 0 0 0;
}
.section .top {
	margin-bottom: 20px;
	height: 40px;
	border-bottom: 1px solid #d3d3d3;
}
.section .tabsA {
	float: left;
	margin-bottom: 10px;
}
.section .pdfdownload {
	float: right;
}
.section .pdfdownload img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
.section .tableB {
	width: 100%;
}
.sectionLabel {
	margin: 10px 0 0 0;
	color: #222;
	font: bold 14px/40px Tahoma;
}
.section .boxD {
	margin-bottom: 3px;
}
/* registration css */
.regForm {
	margin: 0 29px;
	padding-bottom: 30px;
}
.regForm p {
	padding-top: 20px;
	height: 35px;
}
.formSection {
	padding: 10px 0 15px 0;
	overflow: auto; 
	background-color: #f8f8f8;
	_zoom: 1;
}
.formSection .form div {
	float: left;
}
.formSection .form, .formgroup {
	clear: left;
	overflow: auto; 
	padding-bottom: 5px;
	_zoom: 1;
}
.formgroup {
	padding: 8px 0;
}
.formSection .label {
	width: 150px;
	padding-top: 3px;
	text-align: right;
}
.formSection .input, .formSection .datepicker, .formSection .inputBigLong, .formSection .textareaLong {
	margin-left: 10px;
}
.formSection .tip, .formSection .forgotpassword {
	margin-left: 10px;
	padding-top: 3px;
	color: #666;
}
.formgroup .tip {
	padding-bottom: 8px;
}
.forgotpassword a {
	color: #27d;
	text-decoration: none;
}
.forgotpassword a:hover {
	text-decoration: underline;
}
.formSection .loginbtn, .formSection .submitbtn {
	clear: both;
	margin: 0 0 0 160px;
	padding-top: 10px;
}
.regForm .loginbtn .buttonRed span {
	padding: 0 25px 0 10px;
}
.formSection .submitreset, .submitreset a {
	float: left;
	margin-right: 10px;
}
.submitbtn .buttonRed span {
	padding: 0 20px 0 5px;
}
.loginbtn .submitreset .buttonRed span {
	padding: 0 20px 0 5px;
}
.loginbtn .submitreset .reset span {
	padding: 0 25px 0 10px;
}
.formSection .loginbtn .ck {
	margin-bottom: 10px;
}
.formSection .loginbtn .ck input {
	margin-right: 5px;
}
.red {
	margin-right: 2px;
	color: #eb2215;
}
.regnote {
	margin: 20px 15px 0 20px;
}
.regnote label {
	display: block;
	padding-left: 20px;
	height: 35px;
	background: url(../images/icon/note.jpg) no-repeat left center;
	color: #222;
	font: bold 14px/35px Tahoma;
}
.regnote ul {
	margin-bottom: 35px;
}
.regnote ul li {
	margin-bottom: 10px;
	color: #666;
}
.supportrequest .regnote li {
	margin-bottom: 2px;
}
.supportrequest .regForm {
	padding-top: 20px;
}
.supportrequest .regForm .tip {
	margin-left: 160px;
	color: #888;
}
/* RMA */
.supportRMA {
	overflow: auto;
	_zoom: 1;
}
.supportRMA dl {
	margin: 10px 20px;
}
.supportRMA dl dt {
	height: 30px;
	padding-left: 39px;
	background: #f8f8f8 url(../images/arrow.png) no-repeat 24px center;;
	color: #222;
	font-size: 14px;
	font-weight:bold;
	line-height: 30px;
}
.supportRMA dl dd {
	padding: 10px 0 10px 50px;
	line-height: 18px;
}
.supportRMA dl dd li {
	background: url(../images/dot_black.jpg) no-repeat left 7px;
	text-indent: 15px;
}
.supportRMA dl dd li li {
	background: none;
}
.supportRMA .tip {
	margin-left: -10px;
	color: #666;
}
/* reseller */
.reseller .labelsTip {
	padding: 5px 30px 10px 30px;
	background: url(../images/box/E3E3E3.gif) repeat-y left top;
	color: #666;
}
.resellertop {
	position: relative;
	margin: 0 20px 10px 20px;
}
.resellertop .catalogTitle {
	padding: 10px 0 5px 0;
	font-size: 24px;
}
.resellertop .downloadTip {
	padding: 5px 0;
	color: #666;
}
.resellertop .labelsTip {
	padding: 5px 0 15px 0;
	color: #666;
}
.resellertop .pdfdownload {
	position: absolute;
	top: 0;
	right: 0;
	_right: 30px;
}
.catalog div.boxWrap {
	padding-bottom: 10px;
	+padding-bottom: 0;
	+margin-bottom: 10px;
}
.catalog .group {
	margin: 0 50px;
	padding: 10px 0;
}
.catalog .groupTitle {
	height: 24px;
	color: #900;
	font-size: 16px;
}
.catalog .item {
	float: left;
	width: 25%;
}
.catalog .wrap {
	margin: 0 auto;
	padding: 10px 0;
	background: #f1f1f1;
}
.catalog .wrap div, .catalog .wrap ul {
	margin: 0 10px;
}
.catalog .item .pic {
	text-align: center;
} 
.catalog .item .pic img {
	margin: 0;
	padding: 0;
	border: 0;
}
.catalog .item .h1 {
	height: 40px;
	overflow: hidden;
    text-align: center;
}
.catalog .item .h1 a {
	color: #222;
	font-weight: bold;
}
.catalog .item .h1 span {
	display: block;
}
.catalog .item ul {
	padding: 3px 0;
	height: 220px;
	overflow: hidden;
	background: #FFF;
}
.catalog .item ul li {
	padding-left: 18px;
	height: 16px;
	background: url(../images/dot_black.jpg) no-repeat 8px center;
	line-height: 16px;
}
.catalog .item li a {
	color: #222;
}
.catalog .item li a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.catalog .group .notebox {
	float: left;
	width: 40%;
}
.catalog .notebox .wrap {
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	width: 356px;
	height: 371px;
	background: #f1f1f1;
}
.catalog .notebox .text {
	position: absolute;
	top: 45%;
	margin: 0 20px;
	color: #666;
	font: bold 15px/20px Tahoma;
}
.catalog .notebox .text span {
	display: block;
}
.boxB .sort .resellerSort {
	border: 0;
}
.materialsdownload {
	margin: 0 20px;
	padding: 10px 0;
}
.materialsdownload .pagerBar .topline{
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.materialsdownload .pagerBar .line{
	padding-top: 10px;
	height: 20px;
	border-top: 1px solid #e3e3e3;
}
.materialsdownload .pagerBar .pager {
	float: right;
}
.materialsdownload .pagerBar .pager span {
	padding-left: 0;
	line-height: 20px;
}
.materialsdownload .pagerBar .sort {
	float: right;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	background: url(../images/bg/D9D9D9.png) no-repeat right center;
}
.materialsdownload .item {
	float: left;
	width: 49%;
}
.materialsdownload .last {
	float: right;
}
.materialsdownload .wrap {
	margin-bottom: 20px;
	padding: 10px;
	overflow: auto;
	background: #f9f9f9;
	_zoom: 1;
}
.materialsdownload .pic {
	float: left;
	width: 170px;
	height: 128px;
	overflow: hidden;
}
.materialsdownload .pic img {
	display: block;
	margin: 0;
	padding: 0;
	width:170px;
	height:125px;
}
.materialsdownload .infos {
	margin-left: 180px;
}
.materialsdownload .datebtn {
	line-height: 30px;
}
.materialsdownload .btn {
	float: right;
}
.materialsdownload .date {
	color: #eb2215;
}
.materialsdownload ul {
	padding: 10px;
	height: 78px;
	overflow: hidden;
	background: #FFF;
}
.materialsdownload ul li {
	width: 100%;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
}
.materialsdownload ul li a {
	color: #27d;
}
.materialsdownload ul li a:hover {
	color: #27d;
	text-decoration: underline;
}
/* about css */
.about {
	overflow: auto;
	_zoom: 1;
}
.about .left {
	display: inline;
	float: left;
	margin: 20px 0 0 20px;
	width: 345px;
}
.about .logo {
	display: block;
	margin: 0 auto 20px auto;
	width: 200px;
	height: 80px;
}
.about .left p {
	margin-bottom: 20px;
	color: #666;
}
.about .left div {
	margin-bottom: 20px;
}
.about .left div p {
	margin: 0;
}
.about .left label {
	color: #222;
}
.about .left a {
	margin-left: 4px;
	color: #27d;
}
.aboutRosewill {
	margin: 0 20px 0 365px;
	padding: 20px 0 0 0;
}
.aboutRosewill dt {
	padding-left: 47px;
	height: 30px;
	background: #f8f8f8 url(../images/arrow.png) no-repeat 23px center;
	color: #222;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
.aboutRosewill dd {
	margin: 0 15px 20px 0;
	padding: 3px 0 0 47px;
	color: #666;
	line-height: 18px;
}
/* news css */
.news .labelsTip {
	margin: 0 10px 0 20px;
	padding: 5px 0;
	color: #666;
}
.news .item {
	margin: 0 20px 10px 20px;
	overflow: auto;
	background: #f9f9f9;
}
.news .left {
	float: left;
	width: 180px;
}
.news .left a.pic {
	margin-bottom: 8px;
}
.news .left a.pic img
{
    width:170px;
    height:128px;
}
.news .left a {
	display: block;
	overflow: hidden;
	color: #222;
	font-size: 14px;
	font-weight: bold;
}
.news .item .title {
	height: 18px;
}
.news .left p {
	height: 30px;
	overflow: hidden;
	color: #666;
}
.news .left .wrap {
	padding: 10px;
}
.news .boxE {
	margin-left: 180px;
	padding: 10px;
}
.news .boxE a {
	color: #222;
}
.news .boxE p {
	margin-bottom: 30px;
}
.news .pagerBar {
	margin-top: 20px;
	padding: 0 20px;
}
.news .pagerBar .topline {
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.news .pagerBar .line {
	padding: 10px 0 20px 0;
	height: 20px;
	border-top: 1px solid #d9d9d9;
}
.news .pagerBar .pager {
	float: right;
}
.news .pagerBar .sort {
	padding: 0 0 0 5px;
}
.news .pagerBar .search, .news .pagerBar .search label, .news .pagerBar .search .input, .news .pagerBar .sort  {
	float: left;
}
.news .search label {
	display: block;
	margin-right: 5px;
	color: #666;
	line-height: 22px;
}
.news .search .button {
	float: left;
}
.newsdetail div.boxWrap {
	padding: 10px 35px;
}
.newsdetail .btn {
	height: 32px;
}
.newsdetail .btn .previous {
	float: left;
}
.newsdetail .btn .next {
	float: right;
}
.newsdetail .btn .return {
	margin: 0 auto;
	width: 160px;
	overflow: auto;
	text-align: center;
}
.newsdetail .title {
	margin: 10px 0 15px 0;
	color: #666;
}
.newsdetail .title h1 {
	height: 35px;
	overflow: hidden;
	color: #222;
	font: bold 14px/35px Tahoma;
}
.newsdetail .title span {
	padding-left: 25px;
}
.newsdetail .title a {
	margin-left: 3px;
	color: #27d;
	text-decoration: underline;
}
.newsdetail .content {
	margin-bottom: 50px;
}
.newsdetail .pic {
	float: left;
	width: 370px;
}
.newsdetail .pic img
{
    width:367px;
    height:275px;
}
.newsdetail .text {
	margin-left: 380px;
}
.newsdetail .text p {
	margin-bottom: 15px;
}
.newsdetail .text .link {
	margin: 30px 0;
}
.newsdetail .text .link a {
	color: #eb2215;
	font-weight: bold;
	text-decoration: underline;
}
/* site map */
.mapleft {
	float: left;
	width: 205px;
}
.aboutdt {
	margin-top: 30px;
}
.mapright {
	margin-left: 205px;
}
.sitemap {
	margin: 0 30px;
	padding-top: 10px;
}
.sitemap dt {
	border-bottom: 1px solid #e3e3e3;
}
.sitemap dt a {
	color: #222;
	font: bold 16px/30px Tahoma;
}
.sitemap dd h3 a  {
	color: #222;
	font: bold 13px/30px Tahoma;
}
.sitemap dd div {
	float: left;
	width: 33.3%;
}
.sitemap h3 {
	height: 22px;
}
.sitemap dd ul {
	padding: 10px 0;
}
.sitemap div ul {
	margin-bottom: 15px;
	padding: 0;
}
.sitemap li {
	width: 99%;
	line-height: 18px;
}
.sitemap li a {
	color: #666;
}
.sitemap a:hover {
	color: #eb2215;
	text-decoration: underline;
}
.wheretobuy div.boxWrap {
	padding: 5px 30px;
}
.wheretobuy .labelsTip {
	padding: 0 0 15px 0;
	color: #666;
}
.wheretobuy .item {
	height: 150px;
	border-bottom: 1px solid #e3e3e3;
}
.wheretobuy .last {
	border-bottom: 0;
}
.wheretobuy .item div {
	float: left;
	width: 250px;
}
.wheretobuy .item span {
	display: block;
	margin: 10px 0 10px 20px;
	color: #666;
}
.wheretobuy .item span.flag img {
	margin-right: 5px;
	vertical-align: baseline
}
.wheretobuy .item span.flag {
	margin: 0;
	padding: 10px 0;
	height: 10px;
	color: #222;
	font: bold 13px/18px Tahoma;
	vertical-align: middle;
}
.wheretobuy .item span a {
	color: #27d;
}
.wheretobuy .item span a:hover {
	text-decoration: underline;
}
.wheretobuy .tip {
	padding-left: 20px;
	height: 30px;
	background: #f8f8f8;
	color: #666;
	line-height: 30px;
}
.wheretobuy .tip a {
	color: #27d;
}
.testimonials div.boxWrap {
	padding: 5px 30px;
	_zoom: 1;
}
.testimonials .pagerBar .topline {
	padding: 10px 0;
	height: 20px;
	border-bottom: 1px solid #D9D9D9;
}
.testimonials .pagerBar .line {
	padding: 10px 0;
	height: 20px;
}
.testimonials .pagerBar .pager {
	float: right;
}
.testimonials .pagerBar .pager span {
	margin-right: 20px;
	color: #666;
	line-height: 20px;
}
.testimonials .list .item {
	padding: 10px 0 10px 0;
	overflow: auto;
	border-bottom: 1px solid #D9D9D9;
	_zoom: 1;
}
.testimonials .list h2 {
	display: inline;
	font: bold 16px/30px Tahoma;
}
.testimonials .list .author {
	margin-left: 20px;
	color: #666;
	font-size: 12px;
}
.testimonials .list .author span {
	margin-left: 5px;
	color: #A11313;
	font-weight: bold;
}
.testimonials .list p {
	margin-left: 20px;
	padding-bottom: 10px;
	line-height: 18px;
}
.testimonials .list .date {
	float: right;
	color: #eb2215;
}
/* account css */
.account{
	padding: 30px;
}
.account .form .label {
	width: 130px;
}
.password .form .label {
	width: 170px;
}
.account .formSection {
	min-height: 380px;
	margin-bottom: 0;
}
.account .formgroup, .account .formSection {
	margin-top: 15px;
}
.account .formSection .savebtn {
	margin: 0 0 0 140px;
	padding: 0;
}
.account .savebtn .buttonRed span {
	padding: 0 25px 0 10px;
}
.account .saveremove {
	margin-left: 140px;
}
.account .saveremove .buttonRed {
	margin-right: 10px;
}
.account .saveremove .save span {
	padding: 0 25px 0 10px;
}
.account .saveremove .remove span {
	padding: 0 15px 0 0;
}
.password .backsave {
	margin: 10px 0 0 180px;
}
.password .backsave .buttonRed {
	margin-right: 10px;
}
.password .backsave .buttonRed span {
	padding: 0 25px 0 10px;
}
.productreg {
	padding: 30px;
}
.productreg .formSection {
	margin-bottom: 30px;
}
.password .inputLong, .password .date {
	margin-left: 10px;
}
.password .date label {
	display: block;
	float: left;
	padding-right: 5px;
	color: #666;
	line-height: 23px;
}
.password .date label.to {
	padding-left: 1px;
}
.password .date .datepicker {
	float: left;
	margin: 0;
	margin-right: 27px;
	width: 100px;
}
.password .date .datepicker .left, .password .date .datepicker .right {
	width: 100px;
}
.password .date .datepicker input {
	width: 95px;
}
.password .searchbtn {
	float: right;
	padding-right: 80px;
}
.password .searchbtn .buttonRed span {
	padding: 0 20px 0 5px;
}
.productreg p.label {
	margin-bottom: 15px;
	font-weight: bold;
}
.productreg .choose {
	margin: 10px 0;
}
.productreg .choose span {
	padding-right: 15px;
}
.productreg .choose label {
	padding-left: 5px;
}
.productreg .tableB th, .productreg .tableB td {
	padding-left: 10px;
}
.productreg .tableB a {
	color: #27d;
}
.productreg .tableB a:hover {
	font-weight: bold;
	text-decoration: underline;
}
.productreg .tableB .link {
	width: 100px;
}
.productreg .tableB .link span {
	display: block;
	float: left;
	width: 48%;
}
/* login css */
.login {
	min-height: 400px;
	overflow: auto;
	_zoom: 1;
}
.login .title {
	margin: 0 20px;
	padding: 20px 0 5px 0;
	font-size: 13px;
	font-weight: bold;
}
.login .left, .login .right {
	float: left;
	width: 50%;
}
.login .left .formSection {
	margin: 10px 10px 10px 20px;
	padding-top: 20px;
}
.login .right .formSection {
	margin: 10px 20px 10px 0;
	padding-top: 20px;
}
.login .formSection .label {
	width: 110px;
}
.login .formSection {
	height: 150px;
}
.login .loginbtn {
	margin: 0 0 0 120px;
}
.login .loginbtn .buttonRed span {
	padding: 0 25px 0 10px;
}
.login .regtip {
	margin: 0 0 0 20px;
	padding-right: 50px;
	height: 56px;
	color: #666;
}
.login .tip a {
	color: #27d;
}
.login .tip a:hover {
	text-decoration: underline;
}
.login .regbtn {
	float: left;
	margin: 10px 0 0 0;
	padding-left: 20px;
}
.regbtn .buttonGreen span {
	padding: 0 15px 0 0;
}
.login .regsection .formSection {
	height: 420px;
}
.login .regsection .label {
	width: 160px;
}
.regsection .ck {
	margin-left: 170px;
}
.regsection .submitcancel {
	margin: 10px 0 0 170px;
}
.regsection .submitcancel a {
	float: left;
	margin-right: 10px;
}
.regsection .submitcancel span {
	padding: 0 17px 0 2px;
}
.regsection .submitcancel .cancel span {
	padding: 0 20px 0 5px;
}
.regsection .tip {
	margin: 0 0 10px 170px;
}
/* 3、header
 * -------------------------------------------------- */
#Header {
	position: relative;
	z-index: 99;
	height: 46px;
	background: url(../images/bg/ul.png) repeat-x left top;
}
.headSearch {
	float: right;
	padding-right: 22px;
	width: 222px;
	height: 46px;
	background: url(../images/bg/navr.png) no-repeat right top;
}
.headSearch span {
	display: block;
	float: left;
}
.headSearch span.first {
	width: 198px;
	height: 46px;
	background: url(../images/bg/searchbg.png) no-repeat left top;
}
.headSearch input.key {
	margin: 12px 0 0 10px;
	width: 183px;
	height: 18px;
	border: 0;
	background: #F2F4F4;
	color: #777;
	font-family: Tahoma;
	line-height: 20px;
}
.headSearch span.last {
	width: 24px;
	height: 46px;
	background: url(../images/bg/searchbg.png) no-repeat right top;
}
.topSearchBtn {
	display: block;
	margin-top: 9px;
	width: 24px;
	height: 26px;
	border: 0;
	background: url(../images/button/searchbtn_n.jpg) no-repeat left top;
}
.topSearchBtn_act {
	display: block;
	margin-top: 9px;
	width: 24px;
	height: 26px;
	border: 0;
	background: url(../images/button/searchbtn_a.jpg) no-repeat left top;
}
#Header .left {
	margin: 0 244px 0 0;
	height: 46px;
}
#Header .logo {
	display: block;
	float: left;
	padding-left: 5px;
	width: 134px;
	height: 46px;
	background: url(../images/bg/navl.png) no-repeat left top;
}
#Header .logo a {
	padding: 0;
	width: 100%;
}
#Header .logo img {
	display: block;
	margin: 0;
}
#Header .empty {
	display: block;
	float: left;
	width: 185px;
	height: 46px;
	background: url(../images/bg/empty.png) no-repeat left top;
}
.headNav li.current {
	background: url(../images/bg/navhover.jpg) no-repeat left top;
}
.headNav li li.current {
	background: none;
}
.headNav h2 a {
	display: block;
	padding-top: 14px;
	width: 102px;
	height: 32px;
	color: #FFF;
	font: bold 14px Tahoma;
}
.navProduct, .navSupport, .navReseller, .navAbout {
	position: relative;
	float: left;
	width: 102px;
	height: 46px;
	text-align: center;
}
.navProduct {
	background: url(../images/bg/products.png) no-repeat left top;
}
.navSupport {
	background: url(../images/bg/support.png) no-repeat left top;
}
.navReseller {
	background: url(../images/bg/reseller.png) no-repeat left top;
}
.navAbout {
	background: url(../images/bg/about.png) no-repeat left top;
}
.headNav ul {
	display: none;
}
.navProductSubNav {
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 99;
	border-right: 1px solid #BE0001;
	border-bottom: 1px solid #BE0001;
	background: #BE0001;
}
.navReseller .navProductSubNav li {
	width: 220px
}
.headSubNavMask {
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 0;
	display: none;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
}
.navProductSubNav li {
	position: relative;
	float: left;
	margin: 0;
	width: 175px;
	border-left: 1px solid #BE0001;
	/*height: 30px;  Remove by Trey 2011-09-17*/
	text-align: left;
	cursor: pointer;
}
.navProductSubNav li h3 {
	border-left: 1px solid #CA5859;
	background: #FFF;
	background-position: -999px -999px;
	background-repeat: no-repeat;
}
.navProductSubNav li.sub h3 {
	border-left: 1px solid #CA5859;
	background: #FFF url(../images/arrow_sub.png) no-repeat right center;
}
.headNav .navProductSubNav li.current h3 {
	background-color: #be0001;
	background-image: url(../images/arrow_sub_hover.png);
}
.headNav .navProductSubNav li.current {
	background: #7d0102;
}
.headNav .navProductSubNav li.current h3 a {
	color: #FFF;
}
.navProductSubNav h3 a {
	display: block;
	padding-left: 14px;
	border-left: 4px solid #BE0001;
	color: #000;
	font: normal 13px/30px Tahoma;
}
.navProductSubNav ul {
	position: absolute;
	top: 0;
	left: 175px;
	z-index: 99;
	border: 1px solid #be0001;
	background: #FFF;
}
.navProductSubNav .headSubNavMask {
	top: 0;
	left: 175px;
	z-index: 0;
}
.navProductSubNav ul li {
	/*padding: 2px 0;	 added by Trey 2011-09-17 */
	width: 240px;
	/*height: 29px;  Remove by Trey 2011-09-17*/
	border-bottom: 1px solid  #fff1f1;
	border-left: 0;
}
.navProductSubNav ul.long li {
	width: 280px;
}
.navProductSubNav ul li.sub h4 {
	background: url(../images/arrow_sub.png) no-repeat right center;
}
.headNav .navProductSubNav ul li.current {
	background: #fff1f1;
}
.headNav .navProductSubNav ul li.current h4 {
	background-color: #be0001;
	background-image: url(../images/arrow_sub_hover.png);
}
.navProductSubNav ul li.current h4 a {
	color: #FFF;
}
.navProductSubNav h4 a {
	display: block;
	padding-left: 14px;
	color: #222;
	font: normal 13px/30px Tahoma;
	text-align: left; 
}
.navProductSubNav ul li ul {
	top: -1px;
	left: 240px;
	z-index: 99;
}
.navProductSubNav ul li .headSubNavMask {
	top: 0;
	left: 240px;
	z-index: 0;
}
.navProductSubNav ul.long li ul {
	top: -1px;
	left: 280px;
	z-index: 99;
}
.navProductSubNav ul.long li .headSubNavMask {
	top: 0;
	left: 240px;
	z-index: 0;
}
.navProductSubNav ul li ul a {
	display: block;
	padding-left: 14px;
	color: #222;
	font: normal 13px/30px Tahoma;
	text-align: left; 
}
.navProductSubNav ul li ul a:hover {
	background: #be0001;
	color: #FFF;
}
/* 4、footer
 * -------------------------------------------------- */
#Footer {
	margin-top: 20px;
	padding-bottom: 10px;
}
.footerLinks {
	height: 30px;
	border: 1px solid #d9d9d9;
	border-left: 0;
	border-right: 0;
}
.footerIcons {
	float: left;
	padding: 5px 0 0 10px;
	width: 250px;
	line-height: 20px;
}
.footerIcons span {
	margin-right: 10px;
}
.footerLinkList {
	float: right;
}
.footerLinkList li {
	float: left;
	line-height: 30px;
}
.footerLinkList li span {
	margin: 0 10px;
	font-size: 10px;
	color: #d9d9d9;
}
.footerLinkList li a {
	color: #27d;
}
.footerLinkList li a:hover {
	text-decoration: underline;
}
.footerCopyright {
	margin-top: 10px;
	padding: 0 1px 0 15px;
}
.footerCopyright div.first {
	float: left;
	width: 104px;
	height: 38px;
}
.footerCopyright div.last {
	float: right;
	width: 100px;
	height: 38px;
}
.footerCopyright div.copyright {
	margin: 0 100px 0 104px;
	padding-left: 18px;
	height: 38px;
	background: url(../images/bg/footerline.jpg) no-repeat left top;
	color: #666;
}
.language {
	padding-bottom: 5px;
	color: #D9D9D9;
}
.language span {
	padding: 0 10px;
}
.language span.first {
	padding-left: 0;
}
.language a {
	color: #27D;
}
.language a:hover {
	text-decoration: underline;
}
/* 5、other
 * -------------------------------------------------- */
/* Common - main css */
#FlashBanner {
	margin-top: 14px;
	background: url(../images/bg/bannerbgc.jpg) repeat-x left bottom;
}
#FlashBanner div.itempic {
	position: relative;
	height: 290px;
	border-bottom: 1px solid #999a9a;
}
#FlashBanner ul {
	position: relative;
	height: 290px;
	overflow: hidden;
}
#FlashBanner ul li {
	position: absolute;
	top: 0;
}
#FlashBanner ul li a img {
     width:980px;
     height:290px;
}
#FlashBanner div.itemtitle {
	height: 35px;
}
#FlashBanner div.itemtitle span {
	position: relative;
	top: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 245px;
	height: 35px;
	color: #666;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
}
#FlashBanner div.itemtitle span.first {
	background: url(../images/bg/bannerbgl.jpg) no-repeat left bottom;
}
#FlashBanner div.itemtitle span.last {
	background: url(../images/bg/bannerbgr.jpg) no-repeat right top;
}
#FlashBanner div.itemtitle strong.mask {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	display: block;
	width: 245px;
	height: 35px;
	background: #F30;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
#FlashBanner div.itemtitle strong.arrow {
	position: absolute;
	top: -7px;
	left: 0;
	z-index: 1;
	display: block;
	width: 245px;
	height: 37px;
	background: url(../images/bannerarrow.gif) no-repeat center top; 
}
/* 21、widget - box
 * -------------------------------------------------- */
/* boxA */
.boxA {
	margin-top: 10px;
	background-color: #FFF;
}
.boxA .top, .boxA .top span, .boxA .bottom, .boxA .bottom span {
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	overflow: hidden;
	font-size: 0;
}
.boxA .top {
	width: 100%;
	background: url(../images/box/boxA/top.png) repeat-x left top;
}
.boxA .topl {
	float: left;
	width: 10px;
	background: url(../images/box/boxA/topl.png) no-repeat left top;
}
.boxA .topr {
	float: right;
	width: 10px;
	background: url(../images/box/boxA/topr.png) no-repeat right top;
}
.boxA .bottom {
	width: 100%;
	background: url(../images/box/boxA/bottom.png) repeat-x left top;
}
.boxA .bottoml {
	float: left;
	width: 10px;
	background: url(../images/box/boxA/bottoml.png) no-repeat left bottom;
}
.boxA .bottomr {
	float: right;
	width: 10px;
	background: url(../images/box/boxA/bottomr.png) no-repeat right bottom;
}
.boxA .boxWrap {
	padding: 0 10px;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
/* boxB */
.boxB {
	height: 32px;
	background: url(../images/bg/boxBbg.jpg) repeat-x left 0;
}
.boxB .left, .boxB .right {
	height: 100%;
	background: url(../images/bg/sortbg.jpg) no-repeat left -32px;
}
.boxB .right {
	background-position: right top;
}
/* boxC */
.boxC {
	margin-top: 10px;
	background: #fff url(../images/box/boxC/sidey.jpg) repeat-y left top;
}
.boxC .leftbg {
	background: url(../images/E3E3E3.gif) repeat-y left top;
}
.boxC .rightbg {
	background: url(../images/box/E3E3E3.gif) repeat-y right top;
}
.boxC .boxWrap {
	background:  url(../images/box/boxC/boxCtc.jpg) repeat-x left top;
}
.boxC .head {
	height: 31px;
	background: url(../images/box/boxC/boxCtl.jpg) no-repeat left top;
}
.boxC .head .right {
	background: url(../images/box/boxC/boxCtr.jpg) no-repeat right top;
}
.boxC .content {
	margin-left: 1px;
}
.boxC .bottom {
	clear: both;
}
.boxC .bottom, .boxC .bottom span {
	display: block;
	height: 10px;
	font-size: 0;
}
.boxC .bottoml {
	float: left;
	width: 206px;
	height: 10px;
	background: #FFF url(../images/box/boxC/boxCbll.jpg) repeat-x left top;
}
.boxC .bottomll {
	height: 10px;
	border-right: 1px solid #e3e3e3;
	background: url(../images/box/boxC/boxCbl.jpg) no-repeat left bottom;
}
.boxC .bottomr {
	height: 10px;
	background: #FFF url(../images/box/boxC/boxCbrr.jpg) repeat-x left top;
}
.boxC .bottomrr {
	height: 10px;
	background: url(../images/box/boxC/boxCbr.jpg) no-repeat right bottom;
}
/* boxD */
.boxD {
	background: #e8e8e8;
	padding-bottom: 5px;
}
.boxDhead {
	background: #e8e8e8 url(../images/box/boxD/boxDlc.jpg) repeat-x left 0;
}
.boxDhead .bgtl {
	background: url(../images/box/boxD/boxDtl.jpg) no-repeat left 0;
}
.boxDhead .bgtr {
	background: url(../images/box/boxD/boxDtr.jpg) no-repeat right 0;
}
.boxDhead h2 {
	margin: 0 35px 0 15px;
	padding: 5px 0;
	color: #222;
	font: normal 13px/20px Tahoma;
}
.boxDhead a {
	float: right;
	margin: 10px 25px 0 0;
	width: 13px;
	height: 10px;
	overflow: hidden;
	text-indent: -999999px;
	background: url(../images/button/onoffB.jpg) no-repeat left top;
}
.boxDhead a.off {
	background: url(../images/button/onoffB.jpg) no-repeat left -10px;
}
.boxD .content {
	margin: 0 5px;
	padding: 10px 10px 30px 10px;
	background: #fafafa;
	color: #666;
	line-height: 18px;
}
/* boxE */
.boxE {
	padding: 5px;
	background-color: #f8f8f8;
}
.boxE .wrap {
	padding: 5px;
	overflow: auto;
	background-color: #fff;
}
.boxE .wrap h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #222;
	font: bold 14px/20px Tahoma;
}
.boxE p {
	margin-bottom: 10px;
}
.boxE .datalogo {
	height: 30px;
}
.boxE .datalogo .data {
	display: block;
	margin-right: 90px;
	color: #eb2215;
	line-height: 30px;
}
.boxE .datalogo .logo {
	float: right;
	margin: 0;
	width: 90px;
}
.boxE .datalogo .logo img
{
    width:85px;
    height:65px;
}
/* boxF */
.boxF {
	margin-top: 10px;
	background: #fff url(../images/box/boxF/right.jpg) repeat-y right top;
}
.boxF .top {
	display: block;
	height: 10px;
	background: url(../images/box/boxF/topc.jpg) repeat-x left top;
	font-size: 0;
}
.boxF .topl {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxF/topl.jpg) no-repeat left top;
	font-size: 0;
}
.boxF .topr {
	display: block;
	float: right;
	width: 213px;
	height: 10px;
	background: url(../images/box/boxF/topr.jpg) no-repeat right top;
	font-size: 0;
}
.boxF .bottom {
	display: block;
	height: 10px;
	background: url(../images/box/boxF/bottomc.jpg) repeat-x left bottom;
	font-size: 0;
}
.boxF .bottoml {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxF/bottoml.jpg) no-repeat left bottom;
	font-size: 0;
}
.boxF .bottomr {
	display: block;
	float: right;
	width: 213px;
	height: 10px;
	background: url(../images/box/boxF/bottomr.jpg) no-repeat right bottom;
	font-size: 0;
}
.boxF .center {
	clear: both;
	background: url(../images/box/E3E3E3.gif) repeat-y left top;
}
.boxF .centerr {
	float: right;
	width: 213px;
}
.boxF .centerl {
	margin-right: 213px;
}
/* boxG */
.boxG {
	margin: 10px 0 0 0;
	background: #fff url(../images/box/boxG/left.jpg) repeat-y left top;
}
.boxG .top {
	height: 31px;
	/*overflow: hidden;*/
	background: url(../images/box/boxG/topc.jpg) repeat-x left top;
}
.boxG .topl, .boxG .topr {
	display: block;
	float: left;
	width: 10px;
	height: 31px;
	background: url(../images/box/boxG/topl.jpg) no-repeat left top;
}
.boxG .topr {
	float: right;
	background: url(../images/box/boxG/topr.jpg) no-repeat right top;
}
.boxG .topc {
	margin: 0 10px;
}
.boxG .topcl {
	float: left;
	width: 194px;
}
.boxG .topcr {
	float: right;
	width: 205px;
}
.boxG .topcc {
	margin: 0 205px 0 194px;
}
.boxG .bottom {
	clear: both;
	height: 10px;
	background: url(../images/box/boxG/bottomc.jpg) repeat-x left bottom;
}
.boxG .bottoml, .boxG .bottomr {
	display: block;
	float: left;
	width: 206px;
	height: 10px;
	overflow: hidden;
	background: url(../images/box/boxG/bottoml.jpg) no-repeat left bottom;
	font-size: 0;
}
.boxG .bottomr {
	float: right;
	width: 10px;
	background: url(../images/box/boxG/bottomr.jpg) no-repeat right bottom;
}
.boxG .center {
	clear: both;
	background: url(../images/box/E3E3E3.gif) repeat-y right top;
}
.boxG .centerl {
	float: left;
	width: 206px;
}
.boxG .centerr {
	margin-left: 206px;
}
/* boxH */
.boxH {
	margin-top: 10px;
	background: #fff url(../images/box/boxH/left.jpg) repeat-y left top;
}
.boxH .top {
	display: block;
	height: 10px;
	background: url(../images/box/boxH/topc.jpg) repeat-x left top;
	font-size: 0;
}
.boxH .topl {
	display: block;
	float: left;
	width: 205px;
	height: 10px;
	background: url(../images/box/boxH/topl.jpg) no-repeat left top;
	font-size: 0;
}
.boxH .topr {
	display: block;
	float: right;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxH/topr.jpg) no-repeat right top;
	font-size: 0;
}
.boxH .bottom {
	display: block;
	height: 10px;
	background: url(../images/box/boxH/bottomc.jpg) repeat-x left bottom;
	font-size: 0;
}
.boxH .bottoml {
	display: block;
	float: left;
	width: 205px;
	height: 10px;
	background: url(../images/box/boxH/bottoml.jpg) no-repeat left bottom;
	font-size: 0;
}
.boxH .bottomr {
	display: block;
	float: right;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxH/bottomr.jpg) no-repeat right bottom;
	font-size: 0;
}
.boxH .center {
	clear: both;
	background: url(../images/box/E3E3E3.gif) repeat-y right top;
}
.boxH .centerr {
	margin-left: 205px;
}
.boxH .centerl {
	float: left;
	width: 205px;
}
/* boxI */
.boxI {
	background-color: #FFF;
}
.boxI .top {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10px;
	background: url(../images/box/E3E3E3.gif) repeat-x left top;
	font-size: 0;
}
.boxI .topr {
	float: right;
	width: 10px;
	height: 10px;
	background: url(../images/box/E3E3E3.gif) repeat-y right top;
}
.boxI .topl {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/box/E3E3E3.gif) repeat-y left top;
}
.boxI .bottom {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10px;
	background: url(../images/box/boxAround.jpg) repeat-x left -30px;
	font-size: 0;
}
.boxI .bottomr {
	float: right;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxAround.jpg) no-repeat right -20px;
}
.boxI .bottoml {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxAround.jpg) no-repeat left -20px;
}
.boxI .boxWrap {
	padding: 0 10px;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
/* boxJ */
.boxJ {
	background-color: #FFF;
}
.boxJ .top, .boxJ .top span, .boxJ .bottom, .boxJ .bottom span {
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	overflow: hidden;
	font-size: 0;
}
.boxJ .top {
	width: 100%;
	background: url(../images/box/boxA/top.png) repeat-x left top;
}
.boxJ .topl {
	float: left;
	width: 10px;
	border-left: 1px solid #E2E2E2;
}
.boxJ .topr {
	float: right;
	width: 10px;
	background: url(../images/box/boxA/topr.png) no-repeat right top;
}
.boxJ .bottom {
	width: 100%;
	background: url(../images/box/boxA/bottom.png) repeat-x left top;
}
.boxJ .bottoml {
	float: left;
	width: 10px;
	background: url(../images/box/boxA/bottoml.png) no-repeat left bottom;
}
.boxJ .bottomr {
	float: right;
	width: 10px;
	background: url(../images/box/boxA/bottomr.png) no-repeat right bottom;
}
.boxJ .boxWrap {
	padding: 0 10px;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
/* boxK */
.boxK {
	background: #fff url(../images/box/boxF/right.jpg) repeat-y right top;
}
.boxK .top {
	display: block;
	height: 10px;
	background: url(../images/box/boxF/topc.jpg) repeat-x left top;
	font-size: 0;
}
.boxK .topl {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/box/E3E3E3.gif) repeat-y left top;
	font-size: 0;
}
.boxK .topr {
	display: block;
	float: right;
	width: 213px;
	height: 10px;
	background: url(../images/box/boxF/topr.jpg) no-repeat right top;
	font-size: 0;
}
.boxK .bottom {
	display: block;
	height: 10px;
	background: url(../images/box/boxF/bottomc.jpg) repeat-x left bottom;
	font-size: 0;
}
.boxK .bottoml {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/box/boxF/bottoml.jpg) no-repeat left bottom;
	font-size: 0;
}
.boxK .bottomr {
	display: block;
	float: right;
	width: 213px;
	height: 10px;
	background: url(../images/box/boxF/bottomr.jpg) no-repeat right bottom;
	font-size: 0;
}
.boxK .center {
	clear: both;
	background: url(../images/box/E3E3E3.gif) repeat-y left top;
}
.boxK .centerr {
	float: right;
	width: 213px;
}
.boxK .centerl {
	margin-right: 213px;
}
/* 22、widget - table
 * -------------------------------------------------- */
/* tableA */
div.tableA {
	margin: 0 20px 0 150px;
}
.specifications .databox table,table.tableA {
	border: 1px solid #e3e3e3;
	width: 100%;
	_width: 99%;
}
.tableA .tableHead {
	height: 24px;
	background: url(../images/bg/tableAheadbg.jpg) repeat-x left top;
}
.specifications .databox table tr,.tableA tr {
	height: 28px;
	background-color: #fafafa;
}
.specifications .databox table td,.tableA td, .tableA th {
	padding-left: 20px;
	border: 1px solid #e3e3e3;
	border-left: 0;
	border-right: 0;
	vertical-align: middle;
}
.specifications .databox table tr.highlight,.tableA tr.highlight {
	background-color: #f5f5f5;
}
/* tableB */
table.tableB {
	border: 1px solid #e3e3e3;
	width: 100%;
	_width: 99%;
}
.tableB .tableHead {
	height: 24px;
	background: url(../images/bg/tableAheadbg.jpg) repeat-x left top;
	vertical-align: middle;
}
.tableB .tableHead a {
	display: block;
	width: 100%;
	height: 24px;
	color: #222;
	line-height: 24px;
}
.tableB .sort a {
	background: url(../images/sortby.png) no-repeat right center;
}
.tableB .sortDesc a {
	background: url(../images/sortbyDesc.png) no-repeat right center;
}
.tableB tr {
	background-color: #fafafa;
}
.tableB td, .tableB th {
	padding-left: 10px;
	border: 1px solid #e3e3e3;
	vertical-align: middle;
	line-height: 18px;
}
.tableB td {
	padding: 5px 0 5px 10px;
	color: #666;
	line-height: 22px;
}
.tableB .title {
	display: block;
	color: #222;
	line-height: 22px;
}
.tableB .limitWidth_Download {
	width: 290px;
}
.tableB .limitWidth_Download .title {
	width: 280px;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
.tableB .download {
	padding: 2px 0 0 20px;
	border: 0;
	background: url(../images/icon/save.jpg) no-repeat left center;
	color: #27d;
	line-height: 18px;
}
.tableB .download:hover {
	text-decoration: underline;
}
.tableB tr.highlight {
	background-color: #f5f5f5;
}
/* 23、widget - buttons
 * -------------------------------------------------- */
.button {
	padding-left: 5px;
}
/* red */
.buttonRed, .buttonGreen, .buttonWhite {
	display: inline;
	float: left;
	padding: 0 0 0 15px;
	background: url(../images/button/buttonRed.png) no-repeat left 0;
}
.buttonRed span, .buttonGreen span, .buttonWhite span {
	float: left;
	padding: 0 15px 0 0;
	height: 23px;
	overflow: hidden;
	background: url(../images/button/buttonRed.png) no-repeat right -98px;
	color: #FFF;
	font: bold 12px/23px Tahoma;
	text-align: center;
	cursor: pointer;
}
/* green */
.buttonGreen, .buttonGreen span {
	background-image: url(../images/button/buttonGreen.png);
}
/* white */
.buttonWhite, .buttonWhite span {
	background-image: url(../images/button/buttonWhite.png);
	color: #333;
}
/* hover */
.buttonRed:hover, .buttonGreen:hover, .buttonWhite:hover {
	background-position: left -33px;
}
.buttonRed:hover span, .buttonGreen:hover span, .buttonWhite:hover span {
	background-position: right -131px;
}
/* active */
.buttonRed:active, .buttonGreen:active, .buttonWhite:active {
	background-position: left -65px;
}
.buttonRed:active span, .buttonGreen:active span, .buttonWhite:active span {
	background-position: right -163px;
}
/* buttonA*/
.buttonA, .buttonA span {
	background-image: url(../images/bg/buttonsbg.jpg);
	background-repeat: repeat-x;
}
.tabs {
	float: left;
}
.tabs .buttonA {
	margin-left: -1px;
}
.buttonA, .buttonA span, .buttonA a {
	display: block;
	float: left;
	height: 28px;
	border: 1px solid #D1D1D1;
	background-position: left -28px;
	font-size: 13px;
	line-height: 28px;
	cursor: pointer;
}
.buttonA span, .buttonA a {
	border: 0;
}
.buttonA a {
	padding: 0 30px 0 10px;
	color: #222;
}
.buttonA .hover {
	background-position: left -56px;
}
.buttonA .current {
	background-position: left 0;
	color: #FFF;
}
.buttonA .current a {
	color: #FFF;
}
.buttonA .close {
	background: url(../images/close.png) no-repeat right center;
}
.buttonA .current .close {
	background: url(../images/close_current.png) no-repeat right center;
}
/* buttonB*/
.buttonB, .buttonB span, .buttonB_disable, .buttonB_disable span,
.buttonC, .buttonC span, .buttonC_disable, .buttonC_disable span,
.buttonD, .buttonD span, .buttonD_disable, .buttonD_disable span {
	float: left;
	height: 32px;
	overflow: hidden;
	background: url(../images/button/buttonBCD.png) repeat-x left 0;
	color: #666;
	font-weight: bold;
	line-height: 32px;
	cursor: pointer;
}
.buttonB {
	padding: 0 0 0 20px;
	background-position: left 0;
}
.buttonB span {
	padding: 0 35px 0 0;
	background-position: right -177px;
}
.buttonB:hover {
	padding: 0 0 0 20px;
	background-position: left -90px;
}
.buttonB:hover span {
	background-position: right -267px;
}
.buttonB:active {
	background-position: left -134px;
}
.buttonB:active span {
	background-position: right -311px;
	color: #fff;
}
.buttonB_disable {
	padding: 0 0 0 20px;
	background-position: left -45px;
	cursor: default;
}
.buttonB_disable span {
	padding: 0 35px 0 0;
	background-position: right -222px;
	color: #ababab;
	cursor: default;
}
/* buttonC*/
.buttonC {
	padding: 0 0 0 35px;
	background-position: left -367px;
}
.buttonC span {
	padding: 0 15px 0 0;
	background-position: right -562px;
}
.buttonC:hover {
	background-position: left -457px;
}
.buttonC:hover span {
	background-position: right -652px;
}
.buttonC:active {
	background-position: left -501px;
}
.buttonC:active span {
	background-position: right -696px;
	color: #fff;
}
.buttonC_disable {
	padding: 0 0 0 35px;
	background-position: left -412px;
}
.buttonC_disable span {
	padding: 0 15px 0 0;
	background-position: right -607px;
}
/* buttonD*/
.buttonD {
	padding: 0 0 0 15px;
	background-position: left -753px;
}
.buttonD span {
	padding: 0 15px 0 0;
	background-position: right -917px;
}
.buttonD:hover {
	background-position: left -807px;
}
.buttonD:hover span {
	background-position: right -971px;
}
.buttonD:active {
	background-position: left -858px;
}
.buttonD:active span {
	background-position: right -1022px;
	color: #fff;
}
/* buttons */
.buttons .tt {
	display: table-cell;
	float: left;
	vertical-align: top;
}
.buttons ul {
	display: table-cell;
	>float: left;
	_margin-left: -1px;
	_padding-left: 2px;
}
.buttons li {
	float: left;
	margin: 0 0 0 -1px;
	height: 28px;
	border: 1px solid #D1D1D1;
	background: url(../images/bg/buttonsbg.jpg) repeat-x 0 -28px;
	font-size: 13px;
	line-height: 28px;
	cursor: pointer;
}
.buttons li.current {
	background-position: left 0px;
	color: #FFF;
}
.buttons li.hover {
	background-position: left -153px;
	color: #FFF;
}
.buttons ul li a {
	display: block;
	padding: 0 30px 0 10px;
	color: #222;
    white-space:nowrap;
}
.buttons li.current a {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: -99999px center;
}
.buttons ul li a:hover {
	color: #666;
}
.buttons li.current a:hover {
	color: #FFF;
}
.buttons li.close a { 
	background: url(../images/close.png) no-repeat right center;
}
.buttons li.current a {
	background-image: url(../images/close_current.png);
}
/* 24、widget - tabs
 * -------------------------------------------------- */
/* tabsA */
.tabsA span, .tabsA strong {
	float: left;
	padding: 0 0 0 15px;
	background: url(../images/button/tabsA.png) no-repeat -5px 0;
}
.tabsA .first span {
	padding: 0 0 0 25px;
	background-position: left 0;
}
.tabsA .first strong {
	padding: 0 25px 0 0;
}
.tabsA .first .current {
	background-position: left -90px;
}
.tabsA .current {
	background-position: -5px -90px;
}
.tabsA .current strong {
	color: #FFF;
}
.tabsA strong {
	float: left;
	height: 25px;
	overflow: hidden;
	padding: 0 15px 0 0;
	border-right: 1px solid #9b9b9b;
	background-position: -99999px 0;
	color: #222;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
}
.tabsA .last strong {
	border-right: 0;
	background-position: right -127px;
}
.tabsA .last .current strong {
	border-right: 0;
	background-position: right -217px;
}
/* hover */
.tabsA a:hover span {
	background-position: -5px -45px;
}
.tabsA a:hover span.current {
	background-position: -5px -90px;
}
.tabsA a.first:hover span {
	background-position: left -45px;
}
.tabsA a.first:hover span.current {
	background-position: left -90px;
}
.tabsA a.last:hover strong {
	background-position: right -172px;
}
.tabsA a.last:hover .current strong {
	background-position: right -217px;
}
/* tabsB */
.tabsB {
	margin-top: 10px;
	height: 29px;
	overflow: hidden;
	line-height: 29px;
}
.tabsB a, .tabsB span {
	display: inline;
	float: left;
	margin-right: 1px;
	padding: 0 0 0 10px;
	height: 29px;
	overflow: hidden;
	background: url(../images/button/tabsB.png) no-repeat left 0;
}
.tabsB span {
	margin: 0;
	padding: 0 30px 0 0;
	background-position: right -118px;
	color: #666;
	cursor: pointer;
}
.tabsB a:hover {
	background-position: left -37px;
}
.tabsB a:hover span {
	background-position: right -155px;
	color: #505050;
}
.tabsB a.current {
	background-position: left -81px;
}
.tabsB a.current span {
	background-position: right -199px;
	color: #fff;
}
/* 25、widget - pager
 * -------------------------------------------------- */
/* pager style */
.pager span {
	display: block;
	float: left;
	margin: 0 50px 0 0;
	padding-left: 9px;
	height: 23px;
	line-height: 16px;
	color: #666;
}
.pager a {
	display: block;
	float: left;
	margin: 1px 0 0 5px;
	width: 18px;
	height: 18px;
	border: 1px solid #D2D2D2;
	color: #666;
	line-height: 18px;
	text-align: center;
}
.pager a:hover {
	border-color: #eb2215;
}
.pager .previous, .pager .next {
	margin: 0 0 0 0;
	width: 21px;
	height: 23px;
	border: 0;
	background: url(../images/button/previous.jpg) no-repeat left top;
	text-indent: -999999px;
}
.pager .next {
	margin-left: 5px;
	background: url(../images/button/next.jpg) no-repeat left top;
}
.pager .enable {
	background-position: right top;
}
.pager .current {
	border: 1px solid #eb2215;
	background-color: #ffecec;
	color: #eb2215;
}
/* 26、widget - form
 * -------------------------------------------------- */
/* select */
.select {
	margin-left: 10px;
	width: 195px;
}
.select select {
	width: 100%;
}
.selectShort, .short {
	width: 120px;
}
/* datepicker */
.datepicker {
	position: relative;
}
.datepicker, .datepicker .left, .datepicker .right {
	display: block;
	width: 173px;
	height: 23px;
	background: url(../images/bg/input.jpg) repeat-x left -23px;
}
.datepicker .left {
	float: left;
	width: 173px;
	background-repeat: no-repeat;
	background-position: left 0;
}
.datepicker .right {
	width: 173px;
	background-repeat: no-repeat;
	background-position: right -46px;
}
.datepicker input {
	margin: 2px 4px 0 4px;
	padding: 0;
	width: 165px;
	height: 18px;
	border: 0;
	line-height: 18px;
}
.datepicker img.ui-datepicker-trigger {
	position: absolute;
	top: 3px;
	right: -20px;
	cursor: pointer;
}
/* input */
.inputShort, .inputShort .left, .inputShort .right {
	display: block;
	width: 135px;
	height: 23px;
	overflow: hidden;			/* just for iPad */
	background: url(../images/bg/input.jpg) repeat-x left -23px;
}
.inputShort .left {
	background-repeat: no-repeat;
	background-position: left 0;
}
.inputShort .right {
	background-repeat: no-repeat;
	background-position: right -46px;
}
.inputShort input {
	margin: 2px 4px 0 4px;
	padding: 0;
	width: 125px;
	height: 18px;
	border: 0;
	color: #777;
	line-height: 18px;
}
.input, .input .left, .input .right {
	display: block;
	width: 195px;
	height: 23px;
	overflow: hidden;			/* just for iPad */
	background: url(../images/bg/input.jpg) repeat-x left -23px;
}
.input .left {
	background-repeat: no-repeat;
	background-position: left 0;
}
.input .right {
	background-repeat: no-repeat;
	background-position: right -46px;
}
.input input {
	margin: 2px 4px 0 4px;
	padding: 0;
	width: 185px;
	height: 18px;
	border: 0;
	color: #777;
	line-height: 18px;
}
.inputLong, .inputLong .left, .inputLong .right {
	display: block;
	width: 295px;
	height: 23px;
	overflow: hidden;			/* just for iPad */
	background: url(../images/bg/input.jpg) repeat-x left -23px;
}
.inputLong .left {
	background-repeat: no-repeat;
	background-position: left 0;
}
.inputLong .right {
	background-repeat: no-repeat;
	background-position: right -46px;
}
.inputLong input {
	margin: 2px 4px 0 4px;
	padding: 0;
	width: 285px;
	height: 18px;
	border: 0;
	color: #777;
	line-height: 18px;
}
.inputBigLong, .inputBigLong .left, .inputBigLong .right {
	display: block;
	width: 445px;
	height: 23px;
	overflow: hidden;			/* just for iPad */
	background: url(../images/bg/input.jpg) repeat-x left -23px;
}
.inputBigLong .left {
	background-repeat: no-repeat;
	background-position: left 0;
}
.inputBigLong .right {
	background-repeat: no-repeat;
	background-position: right -46px;
}
.inputBigLong input {
	margin: 2px 4px 0 4px;
	padding: 0;
	width: 435px;
	height: 18px;
	border: 0;
	color: #777;
	line-height: 18px;
}
/* textarea */
.textareaLong {
	background: #FFF url(../images/bg/selcctBoxl.jpg) repeat-y left top;
}
.textareaLong .bgt {
	background: url(../images/bg/selectBoxtc.jpg) repeat-x left top;
}
.textareaLong .bgb {
	background: url(../images/bg/selectBoxb.jpg) repeat-x left bottom;
}
.textareaLong .bgtl {
	background: url(../images/bg/selectBoxtl.jpg) no-repeat left top;
}
.textareaLong .bgbl {
	background: url(../images/bg/selectBoxbl.jpg) no-repeat left bottom;
}
.textareaLong textarea {
	width: 435px;
	height: 150px;
	overflow: scroll;
	overflow-x: hidden;
	border: 0;
	background: none;
}  
div.tabsB a.hide{ display:none; }
.hide{display:none;}