/* General Style CSS Document
	project: http://www.btel.com.cn
	author: Ala Tse (ala.tse@gmail.com)
	Stylesheet
*/

* {
    margin: 0;
	padding: 0;}
.spacer {
	clear: both;
	line-height: 1px;
	color: #999;
}
body {
	font-size: 62.5%;
    background-color: #FFFFFF;
	background: url(../images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif "微软雅黑", "黑体"; }
#warpper {
    width: 960px;
	margin: 0 auto; }
.clear {
	clear: both;}


/*=============== Header ===============*/
#header {
	width: 960px;
	height: 85px;}
.logo {
	float: left;
	width: 81px;
	height: 67px;
	margin: 8px 0 0 0;
	background: url(../images/CMMS-logo.jpg) no-repeat;}
.language{
	float:right;
	width:105px;
	margin-top:10px;
	color:#676767;
}
/*=============== Navgation ===============*/
#nav {
	float: right;
	position:relative;
	width:540px;
	height:32px;
	padding-left:10px;
	background: url(../images/nav.jpg) repeat-x;
	margin-top: 26px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	clear: right;
}
#nav li {
	float: left;
	list-style:none;
	padding: 0 3px 0 0;
	background: url(../images/nav.jpg) right -32px no-repeat;}
#nav li.last {
	background-image: none;}
#nav li a{
	display: block;
	padding: 6px 24px;
	color: #fff;
	border:none
	text-decoration: none;
	font: bold 14px/18px Arial, Helvetica, sans-serif;}
#nav li a:hover{
	background: url(../images/nav.jpg) 0 -64px repeat-x;
	text-decoration: none;
	border:none}
#nav li a.hover {
	display: block;
	background: url(../images/nav.jpg) 0 -64px repeat-x;
	cursor: text;
	text-decoration: none;
	border:none}
#nav li a.active{
	background: url(../images/nav.jpg) 0 -64px repeat-x;
	text-decoration: none;
	border:none}
#nav .Lbg{display:block; width:4px; height:32px; position:absolute; background:url(../images/navLRbg.jpg) no-repeat 0 0;}
#nav .Lbg{top:0;left:-1px;}
#nav .Rbg{display:block; width:4px; height:32px; position:absolute; background:url(../images/navLRbg.jpg) no-repeat 0 0;}
#nav .Rbg{top:0;right:-1px;background-position: 0px -32px;}

/*=============== Banner ===============*/

#banner{
	width:960px;
	height:240px;
	margin:15px 0;}

#BannerArea{position:relative;width:950px; margin:0 auto;}
.bannerBtn{position:absolute;right:15px; bottom:15px;}
.bannerBtn li{float:left; width:20px; height:20px; line-height:20px; text-align:center; padding:0; cursor:pointer !important;>cursor:default;}
.bannerBtn .numOver{background:#0076e0;color:#fff;font-weight:bold;}
.bannerBtn .numOut{background:#0076e0;color:#fff;filter: Alpha(opacity=50);-moz-opacity:.5;opacity:0.5;}

#banner_home, #banner_second {
	width: 960px;
	margin:10px 0 25px 0;}
#banner_home {
	height: 300px;}
#banner_second {
	height: 200px;}

#banner_home .content{
	width:400px;
	height:200px;
	margin:80px 0 0 50px;
	position:absolute;}
#banner_second .content {
	width: 450px;
	margin: 40px 0 0 50px;
	position:absolute;}
#banner_second .content h3{
	padding-bottom:15px;}
	
#banner_home .content h2{
	padding-bottom:15px;}
#banner_home .content h3{
	padding-bottom:10px;}
#banner_home .content p, #banner_second .content p{
	padding-bottom:15px;}
#banner_home .content span, #banner_second .content span{
	font-weight:bold;
	color:#0084d2;}

/*=============== Breadcrumb ===============*/
#breadcrumb{
	padding:0 10px;}
#breadcrumb ul {
	margin: 0 0 0 1px;}
#breadcrumb li{
	float: left;
	list-style: none;
	padding: 0 5px 0 0;}
#breadcrumb {
	margin-bottom: 10px;}
#breadcrumb a {
	color: #777;
	text-decoration: none; }
#breadcrumb a:hover {
	border-bottom: 1px dotted #777;}
.you-are-in {
	color: #0084d2;}


/*=============== Content ===============*/
#content {
	width:960px;
	clear: both;}
#mainContent, #sideContent {
	float: left;}
#mainContent {
	width: 630px;
	margin-top: 0;
	margin-right: 9px;
	margin-bottom: 0;
	margin-left: 9px;
	padding-top: 10px;
}
#sideContent {
    width: 280px;
	margin:0 10px;}
.sideContent{
	width:280px;
	margin-left:0px;}
.sideContent .Tbg{display:block; width:280px; height:60px; position:relative; background:url(../images/homeNewProductsBG.jpg) 0 0 no-repeat;}
.sideContent .Mbg{display:block; width:280px; height:auto; position:relative; background:url(../images/homeNewProductsBGm.jpg) 0 0 repeat-y;}
.sideContent .Bbg{
	display:block;
	width:280px;
	height:90px;
	position:relative;
	background:url(../images/homeNewProductsBG.jpg) 0 -60px no-repeat;
}

.sideContent .content{
	width:250px;
	margin:0 auto;}
.sideContent .content h1{
	padding-top:25px;
	font-family: "微软雅黑";
	color: #0084d2;
}
.sideContent .content .prodcutsImg{
	display:block;
	width:250px;
	height:160px;
	margin:0;
	text-align:center;}
.sideContent .content span{
	display:block;
	width:250px;
	height:20px;
	font-size:24px;}
.sideContent .content span, .sideContent .content h5{
	text-align:center;}
.sideContent ul li{
	list-style:none;
	line-height:32px;
	font-size:14px;
	border-bottom: 1px solid #b5b5b5;}
.sideContent ul li ul{
	margin-left:20px;}
.sideContent ul li ul li{
	border:none;
	font-size:12px;
	line-height:23px;
	list-style: disc;
	margin:0;
	padding:0;}

.sideContent ul a, .sideContent ul a:link, .sideContent ul a:visited, .sideContent ul a:hover {
	color: #777;}
.sideContent ul a:hover{
	color: #0084d2;
	text-decoration:none;
	border:none;}
.sideContent ul a.active{
	color: #0084d2;}
.subContent{
	margin:10px 0;}
.subContent li{
	margin:20px 0 0 5px;
	padding:0;
	list-style:none;}
.subContent p{
	margin:10px 0;}
.subContent .date{
	font-size:10px;
	font-style:oblique;}

/*------- sub page -------*/

#mainContent h1{
	margin-bottom:30px;
	font-family: "微软雅黑";
	color: #0084d2;
}
#mainContent .title{
	width:630px;
	height:35px;
	margin:10px 0 10px 0;
	border:1px solid #dedede;
	background:#f6f6f6;
	position:relative;}
#mainContent .title h3{
	margin:8px 10px;}
#mainContent .productView, #mainContent .productDetail{
	width:610px;
	margin-top:20px;
	padding-top: 0;
}
#mainContent .productView{
	margin-bottom:40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	height: 120px;
}
#mainContent .productView img{
	width:140px;
	height:100px;
	float:left;
	margin:0 30px 0 15px;
	padding:2px;
	border:1px solid #ccc;
}
#mainContent .productView .detail{
	width:400px;
	float:left;
	clear:right;
}
#mainContent .productView .detail a{
	line-height:24px;
	font-size: 14px;}
#mainContent .productDetail{
	height:200px;}
#mainContent .productDetail img.products{
	width:250px;
	height:180px;
	float:left;
	margin:0 30px 0 0;
	padding:2px;
	border:1px solid #ccc;}
#mainContent .productDetail .detail{
	width:320px;
	float:left;
	clear:right;}
#mainContent .productDetail .detail h4{
	line-height:24px;}
#mainContent .productDetail .detail .zoom{
	height:18px;
	width:18px;
	line-height:32px;
	padding:0 0 5px 25px;
	background:url(../images/products-zoom.gif) top left no-repeat;}
#mainContent ul.features li{
	margin:20px 0 0 30px;
	padding:0;
	list-style:disc;}
#mainContent ul.features h4{
	padding-bottom:5px;}

/*------- home page -------*/
.welcomeTitle{
	margin-bottom:15px;}

/*=============== Contact Us Form===============*/
#contact-form {margin: 20px 20px 0 20px; }
#contact-form p.row { padding: 5px 15px; margin: 0; width:auto; }
#contact-form p.info { border-top: 2px solid #0084d2; color: #0084d2; }
#contact-form p.submit { padding: 0 15px 10px 15px; }
#contact-form p span.required { margin-left: 10px; color: #0084d2; }
#contact-form label { float: left; color: #0084d2; font-weight: bold; width: 160px; }
#contact-form input.text { width: auto; }
#contact-form textarea { width: 218px; height: 130px; }
#contact-form p.submit { padding-left: 10px; }
#contact-form p.submit input { 
	display: block; 
	overflow: hidden; 
	color: #fff; 
	margin: 10px 0 0 0; 
	width: 129px; 
	height: 28px; 
	padding: 0; 
	border: 0; 
	background: url(../images/contact-button-cn.jpg) 0 0 no-repeat; 
	text-transform: uppercase; 
	font-size: 9px; 
	text-indent: -1001em;
	cursor: pointer; }

/*=============== Footer ===============*/
#footer {
    width: 960px;
	margin:30px 0;
	color:#272727;
	border-top:1px solid #dcdcdc;}
/*footer inner*/

#footer .content{
	padding:10px;}
#footer .view{
	float:right;}
#footer .select{
	width:140px;}
#footer .selectContent{
	padding:2px 5px;}