/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	font-size: 0;
}

*{
	zoom:1;
}

/*Site*/

html,body{
	background-color:#e4e4e4;
	font-family:'Open Sans', sans-serif;
}

h1{
	border-left:6px solid #b30000;
	margin:10px 0 12px 0;
	padding:0 0 3px 5px;
	font-size:20px;
	font-weight:600;
	line-height:15px;
}

h2{
	font-size:16px;
	font-weight:600;
}

h3{
	font-size:14px;
	font-weight:600;
	color:#222;
}

p{
	font-size:12px;
	font-weight:600;
	line-height:18px;
}

a:active{
	background-color:none;
}

/*
---------------------------------------------------------
-----------------------------------------------------------GENERAL */
.container{
	margin:50px auto;
	width:1010px;
	display:block;
	background-color:#f8f8f8;
	-webkit-box-shadow: 0px 0px 5px 5px #d1d1d1;
	-moz-box-shadow:    0px 0px 5px 5px #d1d1d1;
	box-shadow:         0px 0px 5px 5px #d1d1d1;
	border-top:5px solid #b30000;
}

.line{
	display:block;
	width:970px;
	padding:0 20px;
}

.list{
	margin-left:10px;
	display:inline-block;
	*display:inline;
	vertical-align:text-top;	
}

/*
---------------------------------------------------------
-----------------------------------------------------------VARIABLES */


/*
---------------------------------------------------------
-----------------------------------------------------------SPECIFICS */

/*header*/

#identity{
	height:110px;
	border-bottom:1px solid #b1b1b1;
}

#identity #id{
	width:129px;
	height:55px;
	padding-top:30px;
	display:inline-block;
	*display:inline;
	vertical-align:text-top;
}

#identity #idcontact{
	width:841px;
	height:55px;
	padding-top:52px;
	display:inline-block;
	*display:inline;
	margin:0;
	vertical-align:text-top;
	text-align:right;
}

.contactline{
	height:16px;
}

.contactline a {
	text-decoration:none;
	color:#777;
}

#identity #idcontact p{
	color:#777;
}

#navi{
	margin:0;
	height:48px;
	line-height:48px;
}

#navi ul{
	margin:0;
}

#navi li{
	display:inline-block;
	*display:inline;
	float:left;
}

#navi a,#navi a:visited{
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	color:#777;
	margin:0 20px;
	float:left;
	height:48px;
	line-height:48px;
}

#navi a:hover{
	color:#b30000;
}

#navi .active{
	padding:0 10px;
	border-top:2px solid #b30000;
	border-bottom:2px solid #f8f8f8;
	text-decoration:none;
	color:#b30000 !important;
}

/*homepage*/
#slider{
	width:100%;
	height:420px;
	background-color:#444;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	position:relative;
}

#slider .clear{
	clear:both
}
#slider{
	position:relative;
	height:420px
}
#slider li{
	float:left;
	position:absolute;
}
#slider li img
{
	border:none;
}
#slider li{
	z-index:500;
}
#slider .caption{
	z-index:600;
	color:#000;
	height:30px;
	line-height:30px;
	width:100%;
	position:absolute;
	bottom:0;
}
#slider .captionbg{
	z-index:500;
	background-color:#fff;
	color:#000;
	height:30px;
	line-height:30px;
	width:100%;
	position:absolute;
	bottom:0;
}
#slider .caption .content{
	line-height:30px;
	text-align:center;
	/*padding-right:20px;*/
}

#slna{
	position:absolute;
	bottom:7px;
	right:10px;
	width:auto;
	height:15px;
	display:block;
	z-index:999;
}

.n2{
	right:7px !important;
}

#slna a{
	float:left;
	width:15px;
	height:15px;
	overflow:hidden;
	background:url(http://images.brbc.cn/dots.png) top left no-repeat;
	margin-left:2px;
}

#slna .active{
	background-position:0 -15px;
}

#slna .inactive{
	background-position:0 0;
}

/*second slider*/
#secondaryslider{
	width:300px;
	overflow:hidden;
	float:right;
	margin:0 0 20px 10px;
	background:#d1d1d1;
	padding:4px;
	position:relative;
}
#secondaryslider .clear{
	clear:both;
}
#secondaryslider ul{
	margin:0;
}
#secondaryslider li{
	margin:0;
	padding:0;
	top:4px;
	left:4px;
	position:absolute;
}
#secondaryslider li img
{
	border:none;
}
#secondaryslider li{
	z-index:500;
}

.ssb{
	height:400px;
}

.sss{
	height:200px;
}	

.productsquare{
	/*width:235px;*/
	width:186px;
	height:163px;
	display:inline-block;
	*display:inline;
	margin-left:10px;
	position:relative;
}

.productsquare .productcpt{
	z-index:200;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
}

.productsquare .productcpt h2{
	z-index:220;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	line-height:30px;
}

.productsquare .productcpt .cptbg{
	z-index:210;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}

.productsquare a{
	text-decoration:none;
	color:#222;	
}

.productsquare .productimg{
	z-index:150;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.appsquare{
	width:194px;
	height:202px;
	display:inline-block;
	*display:inline;
}
/* home version
.appsquare{
	width:144px;
	height:163px;
	display:inline-block;
	*display:inline;
	float:left;
}
*/

.apptitle{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#656565;
}

/*form*/

#form{
	width:361px;
	/*position:absolute;
	top:25px;
	left:585px;*/
	padding:20px 0;
}

#form .contactform{
	background:#fff;
	border:none;
	width:100%;
	margin-bottom:4px;
	/*float:left;*/
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	padding:4px;
}

#form #name,#form #contact{
	height:21px;
}

textarea{
	overflow:auto;
}

#form #message{
	height:122px;
}

#form h4{
	margin:0;
	line-height:0;
}

#form textarea{
	margin:0;
}

#form #submit{
	width:100px;
	border:none;
	background-color:#222;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	line-height:25px;
	padding-bottom:4px;
	/*float:right;*/
	margin:0 5px 20px 0;
	height:28px;
	float:left;
}

#form #submit:hover{
	cursor:pointer;
}

#address{
	color:#fff;
	padding:20px 0;
}

#ade{
	line-height:12px;
}

#adc{
	line-height:16px;
}

#linefooter{
	background-color:#222;
	height:50px;
	position:relative;
}

#cf1,#cf2{
	display:inline-block;
	*display:inline;
}

#cf1{
	line-height:50px;
	position:absolute;
	top:0;
	left:20px;
	color:#d1d1d1;
}

#cf2{
	line-height:10px;
	position:absolute;
	top:14px;
	left:240px;
	color:#999;
	margin-left:20px;
}

#cf2 p{
	font-size:10px;
}

#formmessage{
	display:inline-block;
	*display:inline;
	float:left;
	margin:2px 0 0 3px;
}

#formmessage p{
	color:#fff;
	line-height:25px;
}

#formloader{
	display:inline-block;
	*display:inline;
	float:left;
	margin:2px 0 0 0;
}

/*default*/

.f{
	margin-left:0;
}

.m{
	margin-top:10px;
}

.d{
	background-color:#555;
	border-top:4px solid #838383;
}

.h{
	width:50%;
}

.p{
	padding:20px 0;
}

.t{
	width:400px;
	border-bottom:1px solid #565656;
	text-align:center;
	height:40px;
	line-height:40px;
	margin:20px auto 15px auto;
	color:#555;
}

.e{
	margin-bottom:20px;
}

#c{
	width:400px;
	text-align:center;
	min-height:100px;
}

#c h2{
	padding:20px 0 0 0;
}

#c a{
	text-decoration:none;
	width:100px;
	border:none;
	background-color:#222;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	line-height:25px;
	/*float:right;*/
	height:28px;
	padding:3px 7px;
}

.li8{
	margin:0 4px 0 0;
	width:641px;
	min-height:100px;
	display:inline-block;
	*display:inline;
	vertical-align:text-top;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
    	font-weight: 600;
}

.li8 ul li,.ri8 ul li,.li5 ul li,.ri5 ul li{
	list-style:disc inside none;	
	color:#665;
	font-size:12px;
	font-weight:600;
}

.ri9 li{
	/*list-style:square inside none;
	font-size:12px;
	line-height:20px;*/
	padding:10px;
	color:#222;
	/*background-color:#FFF;*/
	width:350px;/*300*/
	margin-bottom:2px;
}

.li5 li{
	width:100% !important;
}

.ri9 .li2d{
	/*list-style:disc inside none;	
	margin-left:14px;
	line-height:20px;*/
	list-style:disc inside none;
	padding:0;
	color:#777;
	margin:0 0 0 5px;
}

.ri9 li h2{
	margin-bottom:5px;
}

.ri9 li h3{
	color:#777;
}

.ri4{
	margin:0 0 0 4px;
	width:320px;
	min-height:100px;
	display:inline-block;
	*display:inline;
	vertical-align:text-top;
}

.ri9{
	margin:0 0 0 4px;
	width:721px;
	min-height:100px;
	display:inline-block;
	*display:inline;
	vertical-align:text-top;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
    	font-weight: 600;
}

.li3{
	margin:0 4px 0 0;
	width:240px;
	min-height:100px;
	display:inline-block;
	*display:inline;
	vertical-align:text-top;
}

ul{
	margin:10px 0;
}

.li3 ul{
	margin:0;
	list-style:none;	
	color:#665;
	/*border-right:3px solid #000;*/
	/*width:229px;*/
	/*width:245px;*/
	width:220px;
	border-right:1px solid #e1e1e1;
	border-top:1px solid #e1e1e1;
}

.li3 li{
	/*margin:0 0 10px 0;*/
	width:220px;
	border-bottom:1px solid #e1e1e1;
}

.li3 li a{
	width:208px;
	text-decoration:none;
	padding:2px 5px 2px 7px;
	display:block;
	height:32px;
	/*height:35px;*/
	/*padding:5px 8px;*/
	/*background-color:#d1d1d1;*/
	color:#888;
	font-size:13px;
	line-height:32px;
	text-align:left;
	font-weight:400;
	background:url(../img/pt.jpg) 0 13px no-repeat #f8f8f8;
}

.li3 li a:hover{
	background-color:#f1f1f1;
	/*background-color:#b2b2b2;*/
	/*background:url(../img/arrow.jpg) top left no-repeat;*/
	color:#000;
}

.li3 li #subcurrent{
	background-color:#e8e8e8;
	color:#b30000; !important;
}

.img{
	width:570px;
	margin-bottom:30px;
	padding:4px;
	background:#d1d1d1;
}

.breadcrumb{
	width:950px;
	padding:0 10px;
	height:30px;
	margin-bottom:30px; /*remove in case of image brackground below*/
	font-family:'Open Sans', sans-serif;
	font-size:11px;
	color:#888;
	border-bottom:1px solid #b1b1b1;
	
}

.breadcrumb ul,
#slider ul{
	margin:0;
}

.breadcrumb li{
	display:inline-block;
	*display:inline;
	line-height:30px;
}

.breadcrumb a{
	text-decoration:none;
	color:#888;
}


.breadcrumb a:hover{
	color:#000;
	font-
}

table{
	/*width:100%;*/
	margin-bottom:25px;
	font-size:12px;
}

table tr{
	display:table-row;
}

table th{
	background-color:#881c1c;
	text-align:center;
	border:1px solid #f9f9f9;
	height:30px;
	color:#fff;
}

table td{
	background-color:#fff;
	text-align:center;
	border:1px solid #f9f9f9;
	height:30px;
	line-height:30px;
	color:#222;
	vertical-align:middle;
}

th,td{
	padding:5px 2px;	
}

.c0{
	width:320px;
}
.c9{
	width:220px;
}
.c1{
	width:120px;
}
.c2{
	width:80px;
}
.c3{
	width:60px;
}
.c4{
	width:50px;
}
.c6{
	width:40px;
}

.col4{
	width:100px;
}

table h4{
	font-size:12px;
}

table p{
	font-size:12px;
}

.downloadlink a{
	margin:5px 0 0 10px;
	/*background-color:#111;*/
	background:url(../img/arrow.jpg) 0px 5px no-repeat #f8f8f8;
	display:inline-block;
	*display:inline;
	text-decoration:none;
	text-transform:uppercase;
	color:#888;
	padding:5px 5px 5px 15px;
	font-size:13px;
	font-weight:600;
}

.imgline{
	float:none;
	height:350px;
}

.imgemt{
	float:left;
	margin-left:40px;
}

#technicalmenu{
	margin:0 0 0 240px;
	width:701px;
	height:45px;
	padding:0 10px;
	border-bottom:1px solid #555;
}

#technicalmenu ul{
	margin:0 0 0 0;
	padding:0;
}

#technicalmenu li{
	display:inline-block;
	*display:inline;
	height:45px;
	line-height:50px;
	margin-right:30px;
}

#technicalmenu h4{
	font-family:'Open Sans', sans-serif;
	font-size:26px;
    	font-weight: 400;
	height:45px;
}

#technicalmenu h4 a,#technicalmenu h4 a:visited{
	text-decoration:none;
	color:#777;
	margin:0;
	float:left;
	height:45px;
}

#technicalmenu h4 a:hover, .active-t{
	color:#000 !important;
	border-bottom:2px solid #000 !important;
}

#linemp{
	padding-top:30px;
}

.secondaryimage{
	float:right;
	padding:4px;
	background:#d1d1d1;
	margin:0 0 20px 10px;
}