@charset "utf-8";
/* CSS Document */
/*ASK WebSite CSS*/
/*Banner*/
.subBanner{ height:74px; clear:both;}
.aboutBanner{ background:url(../images/aboutBanner.jpg) center top no-repeat;}
.newsBanner{ background:url(../images/newsBanner.jpg) center top no-repeat;}
.productsBanner{ background:url(../images/productsBanner.jpg) center top no-repeat;}
.supportBanner{ background:url(../images/supportBanner.jpg) center top no-repeat;}
.solutionBanner{ background:url(../images/solutionBanner.jpg) center top no-repeat;}
.contactBanner{ background:url(../images/contactBanner.jpg) center top no-repeat;}
.buyBanner{ background:url(../images/buyBanner.jpg) center top no-repeat;}
.wrapper{ padding-top:24px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pagePosition{ width:964px; height:24px; line-height:24px; border-bottom:#d6d6d6 1px solid; font-size:12px;}
.pagePosition span,.pagePosition a{ color:#666; font-size:12px;}
.pagePosition a:hover{ color:#000; text-decoration:underline;}
.pagePosition img{ width:18px; height:18px; border:none;  margin-right:5px; float:right;}
.pagePosition img.line{ width:1px;}
/*Main*/
.main{ width:964px; padding-top:6px; min-height:550px; _height:550px; overflow:hidden; _overflow:visible;}
/*Main Left*/
.main .leftCol{ width:188px;float:left;}
.main .leftCol .title{ margin-top:8px; padding-left:15px; height:38px; line-height:38px; font-size:12px; font-weight:bold; color:#fff; background:url(../images/title_bar.jpg) left top no-repeat;}
.main .leftCol .menu{ width:188px;  overflow:hidden;}
.main .leftCol .menu li{ padding-left:10px; _height:38px; line-height:38px; text-align:left; background:url(../images/menu_li_bg.jpg) left top no-repeat;}
.main .leftCol .menu li.liHere,.main .leftCol .menu li.curLi{background:url(../images/title_bar.jpg) left top no-repeat;}

.main .leftCol .menu li a{ font-size:12px; font-weight:bold; color:#fff;display:block;}
.main .leftCol .menu li.liHere a{ color:#fff;}
.main .leftCol .menu li a:hover{ color:#fff; }
/*.main .leftCol .menu li.lastLi{ border:none;}*/
.main .leftCol .menu li ul.subMenu{ margin:0; padding:0; list-style:none;}
.main .leftCol .menu li ul.subMenu{ padding-left:25px;; background:#f6f5f6;}
.main .leftCol .menu li ul.subMenu li{ padding-left:10px; _height:28px; line-height:28px; background:none;  border-bottom:#fff 1px solid;}
.main .leftCol .menu li ul.subMenu li a{ padding-left:6px;background:none; color:#7b7978; font-size:12px;font-weight: normal;}
.main .leftCol .menu li ul.subMenu li a:hover{ background-image:none;background:url(../images/menu_li_hover_bg.jpg) left center no-repeat;color:#fff;}
.main .leftCol .menu li ul.subMenu li.third{ padding-left:22px;}
.main .leftCol .menu li ul.subMenu li.third a{ background:none;color:#7b7978;font-weight: normal;}
.main .leftCol .menu li ul.subMenu li.third a:hover{ background:none;color:#000;}
.leftBox{ border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; border-left:#d6d6d6 1px solid;}
.leftBox img,.imgBox img{ border:none;}
.producttj img{ border:none; margin-top:8px;}
.imgBox{ margin-top:8px; width:188px; overflow:hidden;}
.filterBox{ margin-top:8px; padding:15px; background-color:#d8151b; color:#fff; line-height:20px;overflow:hidden;}
.filterBox a{ padding-left:15px; color:#fff; background:url(../images/select_radio.jpg) 0 0 no-repeat;}
.filterBox a.checked{  background-position:0 -20px;}
.filterBox a:hover{ text-decoration:underline; background-position:0 -20px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Main Right*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main .compareCol{ min-width:964px; min-height:550px; _height:550px; display:inline; overflow:hidden; _overflow:visible;}
.main .compareCol .proImgInfo img{ border:none;}
.main .rightCol{ margin-right:10px; margin-left:50px; width:716px; min-height:550px; _height:550px; float:left; display:inline; overflow:hidden; _overflow:visible;}
.main .rightCol .rightBanner{ height:185px; overflow:hidden;}
.main .rightCol .rightBanner img{ width:716px; border:none;}
#bannerBox { width:716px; height: 185px; float:right; display:inline; overflow:hidden; position: relative;}
#bannerBox ul { width: 716px; height: 185px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#bannerBox ul li { float: left; width: 716px; height: 185px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#bannerBox ul li img{ border:none;}
#bannerBox .preNext { width: 350px; height: 185px; position: absolute; top: 0px; cursor: pointer; display:none;}
#bannerBox .pre { left: 0;}
#bannerBox .next { right: 0; }
#bannerBox .btn{ position:absolute; z-index:1000; bottom:10px; right:10px;}
#bannerBox .btn span{ margin:2px; width:16px; height:16px; line-height:16px; font-size:12px; text-align:center; display:inline-block; border:#d6d6d6 1px solid; background-color:#f1f1f1; cursor:pointer;}
#bannerBox .btn span.currenSpan{ background-color:#d8151b; color:#fff;}
.main .rightCol .rightTitle{ margin-top:12px; height:34px; line-height:34px; font-size:16px; font-weight:bold; color:#666; border-bottom:#666 2px solid;}
.main .rightCol .pageInfo{ padding-top:10px; padding-bottom:30px; line-height:23px; overflow:hidden;}
.main .rightCol .pageInfo .titleBar{ padding-left:14px; height:32px; line-height:30px; font-weight:bold; background:url(../images/title_line.png) left center no-repeat;}
.main .rightCol .pageInfo .titleBar span{ margin-right:5px; font-weight:normal; color:#666; float:right; display:inline;}
.main .rightCol .pageInfo .titleBar span a{ font-size:12px; color:#666;}
.main .rightCol .pageInfo .titleBar span a:hover{ color:#d8151b; text-decoration:underline;}
/*Products List*/
.productsList{ width:735px; margin:0; padding:0; padding-bottom:5px; overflow:hidden;}
.productsList li{ margin:15px 10px 15px 0px; padding-top:10px; width:230px; height:200px; background-color:#fff; border:#fff 1px solid; text-align:center; line-height:18px; float:left; display:inline;}
.productsList li.liHover{ }
.productsList li img{ margin:0px 8px 0px 7px; width:205px; height:137px; border:none;}
.productsList li p{ margin:0; padding:0; margin-left:15px; text-align: left;}
.productsList li p.desInfo{ height:84px; font-size:12px; color:#333;}
.productsList li p.desInfo a{ font-size:14px; line-height:22px; font-weight:bold; color:#d8151b;}
.productsList li p.desInfo a:hover{ color:#000; text-decoration:underline;}
.productsList li p.btn{ height:22px; line-height:22px; background:url(../images/compare_btn.jpg) left top no-repeat;}
.productsList li p.btn a{ margin-left:10px; padding-left:18px; font-size:12px; background:url(../images/check_box_icon.jpg) left center no-repeat; color:#666;}
.productsList li p.btn a.checked{background:url(../images/checked_box_icon.jpg) left center no-repeat; color:#d8151b;}
.productsList li p.btn a:hover{ color:#d8151b;}
/*Products Css*/
.compareBar{ padding:10px 0;}
.compareBar a{ margin-left:15px;}
.selectBar,.selectCountBar,.seletBtn{ margin-right:20px;  height:27px; line-height:27px; float:left; display:inline;}
.selectBar{ width:244px; background:url(../images/selectBar_bg.jpg) left top no-repeat;}
.selectCountBar{ width:235px; background:url(../images/selectCountBar_bg.jpg) left top no-repeat; position:relative; cursor:pointer;}
.compareBox{ position:absolute; width:233px; top:25px; left:0px; background:#f3f3f3; border:#e2e2e2 1px solid; display:none;}
#comparList{ margin-left:10px; padding:5px;}
#comparList li{ border-bottom:#d6d6d6 1px dotted;}
#comparList li img{ margin-top:10px; margin-right:10px; width:5px; height:5px; border:none; float:right; display:inline;}
.seletBtn{ width:98px; background:url(../images/seletBtn_bg.jpg) left top no-repeat;}
.remove_btn{ width:12px; height:12px; border:none; background:url(../images/remove_btn.jpg) left top no-repeat; text-indent:-50000px;}
.seletBtn a{ margin-left:4px;}
.compareBar a:hover{ color:#d8151b;}
.cookiesHtml{ display:none;}
#compare_num{ color:#d8151b;}
#comparBt{ padding-left:15px;}
#comparList li a,#comparBt a{ margin:0;}
#comparList li a:hover{#color:#d8151b;}
#cookiesHtml{ display:none;}

.compareTable{border-collapse:collapse;}
.compareTable td{ padding:5px; border:#d6d6d6 1px solid;}
.compareTable td.title{ background:#f9f9f9;}
/*Display Css*/
.bigImgLayer{ width:716px; clear:both; overflow:hidden; }
.bigImgLayer .bigImg{  margin-right:25px; width:340px; height:235px; border:none; float:left; display:inline;}
.bigImgLayer .bigImg img{ border:none;}
.bigImgLayer .bigImg .img{ width:340px; height:227px; border:none;}
.bigImgLayer .proInfo{ padding-top:30px; line-height:20px; width:350px; color:#000; float:left; clear:right; }
.bigImgLayer .proInfo p{ margin:0; padding:0; padding-top:15px; width:280px;}
.bigImgLayer .proInfo h4{ margin:0; width:300px; font-size:20px; line-height:26px; color:#d8151b;}
.bigImgLayer .proInfo h4 span{ color:#68b92e;}
.imgListLayer{ margin-left:0; _width:700px; padding-top:30px; clear:both; overflow:hidden;}
#mycarousel {}
#mycarousel a{ width:10px; height:10px; text-indent:500px; display:inline-block; overflow:hidden;}
.curr_base { background:#ccc;}
.cur_on {
	background-color:#d8151b;
}

#tabRow{ width:495px; margin:0; margin-top:35px; height:39px; padding:0; list-style:none; border-top:#d6d6d6 1px solid; border-left:#d6d6d6 1px solid; border-right:#d6d6d6 1px solid; background:url(../images/tab_hover_bg.jpg) repeat-x ;  clear:both;}
#tabRow li{ height:39px; line-height:39px; text-align:center; cursor:pointer;float:left; display:inline;}
#tabRow li.liLine{ width:1px; font-size:1px; background:url(../images/tab_line_bg.jpg) center center no-repeat;}
#tabRow li a{ padding-left:15px; padding-right:15px; font-size:14px; font-weight:bold; background:none; color:#fff; position:relative; bottom:-1px; display:block;}
#tabRow li a.tabHere{ background:#fff; color:#666;}
#tabRow li a:hover{background:#fff; color:#666;}
.tabConn{ border:#d6d6d6 1px solid; min-height:450px; _height:450px; line-height:23px; margin:0; padding:10px; overflow:hidden; _overflow:visible; clear:both;}
.tabConn table {
    border-width: 1px;
    border-color: #999;
    border-collapse: collapse;
}
.tabConn table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #999;
}
.tabConn table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #999;
}
/*News*/
.articleList{ margin:0; padding:0; list-style:none; overflow:hidden;}
.articleList li{ padding-left:30px; line-height:36px; color:#757575; background:url(../images/arrow.gif) left center no-repeat; overflow:hidden;}
.articleList li span{ color:#757575; float:right;}
.articleList li a{color:#666;}
.articleList li a:hover{color:#d8151b; text-decoration:underline;}
.newsList{ margin:0; padding:0; margin-top:25px; list-style:none; overflow:hidden;}
.newsList li{ margin:0; padding-bottom:10px; margin-bottom:15px; _height:105px; color:#757575; border-bottom:#d6d6d6 1px solid; overflow:hidden;}
.newsList li span{ color:#757575; float:right;}
.newsList li a{color:#666;}
.newsList li a:hover{color:#177f4f; text-decoration:underline;}
.newsList li img{ margin-left:10px; width:118px; height:78px; border:#d6d6d6 1px solid; float:left; display:inline;}
.newsList li dl{ margin:0; padding:0; width:550px; height:93px; margin-left:10px; float:left; display:inline;}
.newsList li dl dt{ font-weight:bold; height:18px; line-height:18px;}
.newsList li dl dt span{ font-weight:normal; color:#757575; float:right;}
.newsList li dl dt a{ font-size:12px; font-weight:bold; color:#d8151b;}
.newsList li dl dt a:hover{color:#000; text-decoration:underline;}
.newsList li dl dd{ margin:0; padding:0; margin-top:5px; font-size:12px; line-height:16px;}
.newsList li dl dd p{ margin:0; padding:0; width:450px;}
/*Solution*/
.solutionList{ margin:0; padding:0; list-style:none;}
.solutionList li{ margin-right:30px; margin-bottom:15px; width:325px; height:; overflow:hidden; float:left; display:inline;}
.solutionList li .imgInfo{ height:102px; border-bottom:#d6d6d6 1px dotted;}
.solutionList li .imgInfo img{ width:241px; height:92px; border:none;}
.solutionList li .imgInfo span{ margin-right:10px; padding:0px 20px; line-height:20px; background:url(../images/more_icon_1.jpg) right center no-repeat;}
.solutionList li .imgInfo span a{ color:#999;}
.solutionList li .imgInfo span a:hover{ color:#d8151b; text-decoration:underline;}
.solutionList li .title{ line-height:32px;}
.solutionList li .title a{ font-size:16px; font-weight:bold; color:#d8151b;}
.solutionList li .title a:hover{ color:#000; text-decoration:underline;}
/*Article Show*/
.subTitle{ text-align:center; line-height:22px; overflow:hidden;}
.subTitle h3{ font-size:14px; line-height:26px; text-align:center;}
.subTitle .editorInfo{ height:26px; line-height:26px; border-bottom:#d6d6d6 1px dotted; font-size:12px; color:#7F7F7F;}
.info{ padding:5px; overflow:hidden;}
/*Download Css*/
.downloadList{ margin:0; padding:0; margin-top:25px; list-style:none; overflow:hidden;}
.downloadList li{ margin:0; height:95px; padding-bottom:10px; margin-bottom:15px; color:#757575; border-bottom:#d6d6d6 1px dotted; overflow:hidden;}
.downloadList li span{ color:#757575; float:right;}
.downloadList li a{color:#666;}
.downloadList li a:hover{color:#da251d; text-decoration:underline;}
.downloadList li img{ width:130px; height:82px; border:#d6d6d6 1px solid; float:left;}
.downloadList li span{ font-weight:normal; color:#757575; float:right;}
.downloadList li dl{ margin:0; padding:0; width:550px; height:95px; margin-left:10px; float:left; display:inline;}
.downloadList li dl dt{ font-weight:bold; height:18px; line-height:18px;}
.downloadList li dl dt a{ color:#666;}
.downloadList li dl dt a:hover{color:#da251d; text-decoration:underline;}

/*Download Css*/
#news_title{ font-size:14px;}
.down_list h3{ margin:10px 0 0 0; padding:0; clear:both; font-size: 14px; line-height: 30px; border-bottom: 1px solid #ccc; }
.down_list ul{ margin: 0; padding: 10px; list-style: none; }
.down_list li{ margin: 0; padding: 0 0 0 0; line-height: 30px;  }
.down_list li span{ float: right; }
.down_list li i{ margin-left: 10px; font-style: normal; color: #666; }

/*css flickr style pagination*/
.cutPage { _width:700px; padding:0px; margin-top:15px; margin-bottom:15px; height:30px; line-height:30px;text-align:center; font-family:Verdana; font-size:12px;text-align:right;}
.cutPage a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none}
.cutPage a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
.cutPage a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de}
.cutPage span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px}
.cutPage span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}

/*css Specification*/
.b {
    background-color: #898989;
    color: #FFFFFF;
    font-family: "Arial";
    font-size: 14px;
    text-align: center;
}
.b .t{ font-size:14px; color:#FFF;}
.a {
    background: none repeat scroll 0 0 #EEEFEF;
    color: #2E2421;
    font-family: "Arial";
    font-size: 12px;
    text-align: center;
}
.c {
    background: none repeat scroll 0 0 #D3D3D4;
    color: #2E2421;
    font-family: "Arial";
    font-size: 12px;
    text-align: center;
}