@charset "utf-8";
/* CSS Document */

body{background:url(img/nav_bg.gif) 0 0 repeat-x; margin:0; padding:0; text-align:center; font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif; font-size:100%; color:#333;}
ul, dl{margin:0; padding:0; list-style-type:none;  }
li{ line-height:1.6em; margin:0; padding:0; }
fieldset,img{ border:0;}
legend{ color:#ccc; text-transform:capitalize; color:#fff; font-size:14px; padding:0; margin:0;}
form{ margin:0; padding:0;}
h1{ text-transform:capitalize; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:22px; margin:0; padding:10px 0; letter-spacing:-0.05em; }
h2{font-size:16px; text-transform:capitalize; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#00548E; }
h3{font-size:12px; text-transform:capitalize; color:#333;}
a img{ border:0; padding:0; margin:0 0 -3px;}
a{color:#f60; cursor:pointer; outline-style:none;}
a:hover{color:#06c;}

p{ margin:0; padding:0; line-height:1.6em;}
label,legend{ text-transform:capitalize;}
textarea{ border:1px solid #ccc; background:#Fff; font-family:Arial, Helvetica, sans-serif; padding:5px;}
td, th{ text-align:center;}
td p{ text-align:left;}
h2.title{ font-size:16px;}

/******************** header **********************/
.wrap{ width:960px; text-align:left; margin:0 auto;}
.header{ height:120px; margin: 0 auto;width:960px; text-align:left; position:relative;}
.nav{ overflow:hidden;zoom:1; width:100%; height:43px; margin:0 0 10px;}
.nav li{ float:left;}
.nav li.current_page_item{ background:url(img/nav_hover.gif) 0 0 repeat-x; color:#fff;}
.nav li a{ display:inline-block; height:43px; line-height:45px; padding:0 20px; text-decoration:none; font-weight:bold; color:#333;}
.nav li a:hover, .nav li a.select{ background:url(img/nav_hover.gif) 0 0 repeat-x; color:#fff;}
.search{ position:absolute; width:254px; height:80px; padding:14px 10px 10px 14px; left:680px; top:60px; background:url(img/search_bg.gif) 0 0 no-repeat;}
.search .text{ border:1px solid #ccc; height:22px; width:180px; float:left; padding:0;}
.search .input_btn{  background:#efefef url(img/btn_gradian_grey.gif) 0 0 repeat-x; float:left; border:0; border:1px solid #ccc; height:24px; padding:0;}

/******************** home page slogan **********************/
.large_banner{ border-top:1px solid #266da2; background:#3391d8 url(img/banner_bg.gif) 0 0 repeat-x; padding:10px 0 10px; height:273px;  text-align:center; color:#fff}
.large_banner .wrap{ width:560px; padding:0 400px 0 0; position:relative;}
a.contact_us{ margin:20px 0 0; display:inline-block; height:60px;}
.demo{ position:absolute; left:550px; top:0;}
.slogan_bar{ background: url(img/slogan_bar.gif) 0 bottom repeat-x;  margin:0; border-bottom:1px solid #fff; border-top:1px solid #39F;}
.slogan_bar .wrap{padding:10px;}
.slogan_bar p{ font-size:1.2em;}
/******************** left side content **********************/
.content {border-top:1px solid #efefef;}
.content .wrap{background:url(img/content_bg.gif) 610px 0 repeat-y; overflow:hidden; zoom:1; padding:10px 0 0;}
.post{ width:600px; padding:0 10px 0 0; float:left; font-size:14px;}
.post p{ margin:0 0 10px;}
.sidebar{ width:320px; padding:0 0 0 30px; float:left;font-size:12px;}
/******************** contact sidebar **********************/
.sidebar a img{ display:inline-block; border:1px solid #333; padding:1px; margin:0 10px 0 0;}
.sidebar dl{ margin:10px 0; padding:7px; background:url(img/greybg.gif) 0 0 repeat-x; width:250px;}
.sidebar dt{  background: #AEEDFF; border-top:1px solid #FFC; border-right:1px solid #FFC; border-left:1px solid #FFC; letter-spacing:-0.04em; padding:8px 5px; overflow:hidden; zoom:1; font-size:1.1em;-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px; }
.sidebar dt strong{ float:left; padding:0 2px 0 0;}
.sidebar dt span{ display:block; font-weight:bold; padding:0 0 0 0px;}
.sidebar dd{ margin:0; padding:5px; line-height:1.6em; color:#666}
/******************** footer **********************/
.footer{ height:30px; padding:10px; border-top:1px solid #efefef; background:#E8F7F7; font-size:12px;}
.footer .wrap{ overflow:hidden; zoom:1;}
.footer_link{ overflow:hidden; zoom:1;}
.footer_link li{ float:left;}
.footer_link li a{ padding:0 20px; display:inline-block; color:#333}
.copyright{ float:right;}
/******************** footer partner **********************/
#partner {
background:transparent url(img/partner_bottom.gif) no-repeat scroll center bottom;
clear:both;
margin:30px auto;
width:970px;
}
.partnertitle {
background:transparent url(img/partner_top.gif) no-repeat scroll center top;
color:#666666;
font-weight:bold;
padding:5px 5px 0;
text-align:left;
}
.scrolling{width:900px; height:100px; maring-left:40px; cursor:pointer;}
#scroller{overflow:hidden;  list-style-type:none; width:900px; height:100px; margin-left:30px; line-height:50px;}
#scroller li{float:left;  margin:0pt; padding:3px 20px 25px 0px; height:100px;}
#scroller li img {
margin:0pt;
padding:0pt;
}
/******************** live support **********************/
.quick_contact{ width:135px; text-align:left;}
.qc_phone, .live_support_box{border:1px solid #66cc00; padding:1px; margin-bottom:5px;}
.qc_phone a{display:block; height:16px; line-height:16px; font-size:11px; background:#c4df9b url(img/phone_icon.gif) 85px 4px no-repeat; margin-bottom:1px; padding-left:5px; color:#006600}
.qc_phone a img{ border:0;}
.qc_phone p{padding:0; margin:0; font-size:11px; padding-left:5px;} 
.live_support_box a img{border:0;padding:0 0 2px 0;}

/******************** contact form **********************/
.contact_form ul{
   list-style-type:none;
   margin:0;
   padding:0;
}
.contact_form ul li{
   margin:0 0 5px;
   overflow:hidden;
   zoom:1;
}
.contact_form ul li label{
 display:inline-block;
 width:120px;
 float:left;
font-size:14px;
}
.contact_form li input.text{
  height:22px;
  padding:2px;
  width:280px; 
  padding:0;
 border:1px solid #ccc;
}

/******************** page sidebar **********************/
.side_tag{
	width:190px;
	font-size: 14px;
	color: #eeeeee;
	text-align:left;
	background: #ccc url(http://www.becontext.com/images/side_tag.gif) no-repeat;
}
.side_tag div{
	padding: 11px 13px 10px 11px;
}
.side_tag strong{
	font-size: 14px;
	font-weight: bolder;
}
.side_content{
	width: 190px;
	margin-bottom:10px;
	background: url(http://www.becontext.com/images/side_content_bg.gif) repeat-y;
}

.side_content div{
	padding: 10px 13px 8px 11px;
	font-size:12px;
	color:#666666;
	line-height: 16px;
	text-align: left;
	background: url(http://www.becontext.com/images/side_content_bottom.gif) no-repeat bottom;
}
.side_content strong{
	font-size:12px;
	font-weight: bolder;
	color:#000;
}
.side_content ul{
	list-style:none;
	padding: 0;
	margin: 0;
}
.side_content li{
	padding-bottom:8px;
}
.livesupport_box {
	background: #669900 url(http://www.becontext.com/images/liveS_box.jpg) no-repeat;
	height: 100px;
	width: 190px;
	margin-bottom:10px;
}
.ls_header {
	font-size: 14px;
	color:white;
        font-weight: bolder;
	text-align: left;
	padding: 10px 12px 6px 11px;
}
.ls_content {
	font-size: 12px;
	text-align: left;
	padding: 0px 12px 6px 11px;
	line-height:13px;
        color:white;
}
.ls {
	font-size: 12px;
	color: #CCFF33;
	text-align: right;
	padding: 0 12px 0 11px;
}



