/*Common*/
*{padding:0px;margin:0px;}
body,div,span,td{font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px;}
body{margin:0px; text-align:center; background:#ccc;}
img{border-width:0px;}
a{color:#0F65AE; text-decoration:none;}
H1{font-family:Georgia ;font-size:28px;}
h2{font-family:Georgia ;font-size:18px;margin-bottom:5px;}
h2 a{color:#000;}
h3{font-size:12px;padding-top:10px;}
p{margin-bottom:10px; line-height:20px;}
hr{color:#d3d3d3;height:1px;margin:10px 0px;}

ul,li{margin:0px;padding:0px;}
li{ list-style-position:outside ; list-style-type:none;}

.fr{float:right;}
.fl{float:left;}
.clear{clear:both;}
.sph{margin-left:10px;}
.spv{margin-bottom:10px;}
.text{padding:10px;}

/*Layout*/
#body{width:960px;background:#fff;padding:0px;margin:auto;}
#header{background:url(/images/bg_header.gif) left 4px  repeat-x; text-align:left;margin:auto;}
#content{margin:auto;text-align:left;background:url(/images/bg_content.gif) left top  repeat-x;}
#footer{background:#efefef url(../images/bg_footer.gif) left top repeat-x;text-align:left;padding:10px 0px;margin:auto;margin-top:20px;}
.leftcolumn{width:650px;float:left; text-align:left; min-height:300px;padding-left:10px;}
.rightcolumn{width:250px;float:left;text-align:center;padding-left:10px;}
.tabsContent .leftcolumn{width:630 !important;width:650px;float:left; text-align:left;padding:10px;margin-right:20px;}
.tabsContent .rightcolumn{width:250px;float:left;text-align:center;padding:10px 0px; }

/*Header*/
#logo{padding:5px 60px 0px 20px;}
#menu{background:url(../images/mainmenuoff.gif) left top;width:100%;}
#menu ul{margin:0;list-style:none;}
#menu li{float:left; margin:0; padding:0;padding-right:2px; background:url(../images/mainmenusp.gif) left top;}
#menu a {float:left;background:url(../images/mainmenuoff.gif) left top;color:#48485B;padding:0px 30px; line-height:33px;font-weight:bold;}
#menu a.selected{background:url(../images/mainmenuon.gif) left top;color:#fff;}

/*Index*/
#index_Banner{}
#docguarder_icon{position:absolute ;top:10px;left:20px;}
#ubs_icon{position:absolute ;top:10px;left:60px;}
#file_icon{position:absolute ;top:160px;left:133px;}
#port_icon{position:absolute ;top:135px;left:500px;}
#detailbox { position:absolute ;top:30px;left:200px;}
#index_LeftBox  #detailbox H1{font-size:24px; font-family:Georgia ;}
#detailbox  li{ list-style-position:outside; list-style-type:none; background:url(/images/dot_white.gif) left center no-repeat;font-size:14px; line-height:30px; padding-left:20px;}


#index_LeftBox{height:250px;width:710px;float:left; display:block ;background:#fff url(../images/index_leftboxbg.gif) left bottom repeat-x;position:relative ;}

#index_RightBox{height:250px;width:250px;float:right;background:#fff url(../images/index_rightboxbg.gif) right top repeat-y;}
#index_RightBox h2{background:#BBC3C6 url(../images/index_rightboxtitle.gif) left top repeat-y;font-size:#fff; font-size:18px; font-family:Georgia ;padding:10px;margin:10px 0px;}
#index_RightBox ul{padding:10px 0px; text-align:left;}
#index_RightBox li{padding:0px 10px;}
#index_RightBox li a,#index_RightBox li a:hover{width:100%; line-height:30px; color:#494949;font-weight:bold; display:block ;background:url(../images/index_rightboxdot.gif) 5px center no-repeat;padding-left:20px;}

.panel{ text-align:center ;width:100%; background:url(../images/bg_content.gif) left top repeat-x;}
.productbox{width:320px;margin:10px 0px;}
.productbox dt{display:none;background:url(/images/bg_box_title.gif) left top repeat-y; text-align:left;padding:3px 10px;font-weight:bold;}
.productbox dd{padding:10px;text-align:left;height:150px;}
.productbox .boxshot{float:left;margin-right:0px;}
.productbox .detail{height:90px; line-height:20px;}
.more{ text-align:right;}
.productbox dt a,.productbox .detail a{color:#000;}

/*CONTENT*/

#banner{text-align:left;font-family:Verdana;padding:10px 30px;margin:auto;color:#fff;background:#eee url(/images/bg_banner.gif) left top ;}
#content #banner H1{float:left;font-size:24px;color:#000;font-family:Georgia;margin:0px;font-weight:bold; line-height:25px;}
#content #banner H2{float:left;font-size:20px;color:#000;font-family:Verdana;margin-left:10px;line-height:25px;}
#content #banner .intro{clear:both;}
#content #banner .boxshot{width:100px;float:left;margin:10px 30px 10px 30px;}
#content #banner .detail{width:700px;float:left;color:#000;font-family:Verdana;line-height:20px;margin-top:10px;}
#content #banner .detail ul{}
#content #banner .detail li{ background: url(../images/dot_black.gif) left 4px no-repeat;padding-left:20px; line-height:25px;}
#banner .more{font-family:Verdana;width:100%; text-align:right ;}
#banner .more a{margin-left:10px; }
#content .tabsContent h2{font-size:16px;}

#bannerbar{background:url(/images/bg_Content.gif) left top repeat-x ;height:20px;clear:both;}

.path{font-size:11px;color:#999;text-align:left;margin:0px;padding:10px;}
.path a{font-size:11px;color:#999;}

#content h1{font-size:16px;margin-bottom:15px;}
.tabs{margin:0px 10px;}
ul.tabsmenu {margin:0;list-style:none;padding-left:40px;}
.tabsmenu li {display:inline;margin:0;padding:0;}
.tabsmenu a {float:left;top:1px;background:url("../images/tabs_off_left.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;margin-right:3px;}
.tabsmenu a span {float:left;display:block;background:url("../images/tabs_off_right.gif") no-repeat right top;padding:2px 15px 2px 6px;color:#666; line-height:25px;}
.tabsmenu a span {float:none;}
.tabsmenu li.selected a {position: relative;top:1px; background:url("../images/tabs_on_left.gif") no-repeat left top;}
.tabsmenu li.selected a span {background:url("../images/tabs_on_right.gif") no-repeat right top;font-weight:bold;}
.tabs .tabsContent{border:1px solid #bdb2ad;padding:10px 0px;clear:both; text-align:left;}




.leftcolumn .path{margin-left:0px;margin-bottom:15px;}


.features{clear:both;margin-bottom:30px;}
.features .icon{float:left;margin:10px;}
.features p{margin-top:15px;}

.product{clear:both;text-align:left;  border-bottom:dashed 1px #cccccc; margin:20px;}
.product .boxshot{float:left;margin-right:20px;}
.product .detail{height:90px; line-height:20px;}
.product .detail a{color:#000;}

.buynow{clear:both;text-align:left;  border-bottom:dashed 1px #cccccc; margin:20px;}
.buynow .boxshot{float:left;margin-right:20px;}
#content  .buynow h1{margin-bottom:10px;}
.buynow h2{font-size:12px;color:#999;margin-bottom:20px;}
.buynow .name{float:left;width:150px; line-height:25px;font-weight:bold;}
.buynow .price{float:left;width:100px; text-align:right ;line-height:25px;}
.buynow .btn{float:left;width:100px;padding-left:40px;line-height:25px;}
.buynow .btn a,.btnBuy{display:block ;width:100px; background:url(/images/btn_Buy.gif) left center no-repeat ;color:#fff;padding-left:25px;font-weight:bold ; line-height:25px;}
.buynow .email{float:left;width:100px;padding-left:40px;line-height:25px;}

dl.navigation {margin-bottom:20px;}
.navigation dt{ background:url(/images/bg_box_title.gif) left top repeat-y;border-bottom:1px solid #ccc;padding:2px 5px;font-weight:bold;text-align:left;}
.navigation dd{padding:10px 5px;text-align:left;}

dl.sidebarbox {width:280px;text-align:left;border:1px solid #d2d2d2;}
.sidebarbox dt{font-size:14px;font-weight:bold ; background:url(../images/bgGray.gif) left top repeat-x;line-height:30px;padding:0px 10px;}
.sidebarbox dd{padding:10px; text-align:left;}
.sidebarbox dd li{line-height:23px;margin:0px;padding:0px ; list-style-position:inside ; color:#666666;}



.buybox{ position:relative ; padding:15px 30px;background:#fff url(../images/bg_buynowbox.gif) left top no-repeat;height:190px;}
.buybox h1{}
.buybox h2{font-size:12px;font-weight:normal ;height:40px;width:350px; line-height:22px;}
.buybox .card{}
.buybox .guarantee{font-size:18px;color:#c86e06;}
.buybox .boxshot{ position:absolute ;left:420px;top:20px;}

.note{color:#999;padding:10px 0px;font-size:11px;}

.tblData{background:#e5e4e4;width:100%;}
.tblData td{padding:5px;}
.tblData thead{font-weight:bold;}
.tblData tbody{background:#fff;}
.tblData .price{ text-align:right;width:120px;}
.tblData .buy{ text-align:left ;width:120px;}
.contact h2{margin:20px 0px;color:#000000;}
.contact p{line-height:25px;font-size:12px;color:#000000;}

.money{font-size:14px;color:Red;font-weight:bold;}


/*Footer*/
#footer{color:#999;}
#footer a{}
#footermenu{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px 20px; line-height:20px;}
#copyright{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0px 20px; line-height:20px;}




A.icon {
COLOR: #000000; TEXT-DECORATION: none; -moz-opacity: 0.6; opacity: 0.6
}
A.icon IMG {
COLOR: #000000; TEXT-DECORATION: none; -moz-opacity: 0.6; opacity: 0.6
}
A.icon:hover {
COLOR: #aa0000; POSITION: relative; TOP: -2px; TEXT-DECORATION: underline; -moz-opacity: 1; opacity: 1
}
A.icon:hover IMG {
COLOR: #aa0000; POSITION: relative; TOP: -2px; TEXT-DECORATION: underline; -moz-opacity: 1; opacity: 1
}

ul.list{padding:0px 10px;}
ul.list li{list-style-type:disc ; margin-left:20px; line-height:22px;}
.listh{margin:0px;}
.listh li{float:left;width:50%;}
.listh img{float:left;}
.listh H3{float:left;font-size:12px;}
.listh p{clear:both;padding-left:40px;}

.box1{ background:#DDEAFB;border:1px solid #6BAAFD;padding:10px;}