@charset "utf-8";
/* The main body of the entire forum. */
body{ background:#071040; color:#fff; font:9px tahoma, verdana; margin: 0 auto 12px auto;  width:1004px;}
img { behavior: url(iepngfix.htc);border:0px solid silver;}
a:link, a:visited
{
	color: #999;
	text-decoration: none;
}
a:hover
{
	color: #fff;
}

/* Head */
#header{width:100%; height: 180px;  background: url(../img/headerbg01.jpg);  }
#header .logo{width:274px; text-align: right; padding: 3px 0px 0 0;}
#header .menu{width:730px;}
#header .bt{width:460px; margin: 80px 25px 12px auto;}
	.bt_aboutus {
		position:relative;
		display:block;
		height: 20px;
		width: 84px;
		background: url(../img/bt_aboutus.png) no-repeat 0 0;
	}
	
	.bt_aboutus * {display: none;}
	
	.bt_aboutus span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 84px;
		background: url(../img/bt_aboutus.png) no-repeat 0 -20px;
	}
	
	.bt_product {
		position:relative;
		display:block;
		height: 20px;
		width: 89px;
		background: url(../img/bt_product.png) no-repeat 0 0;
	}
	
	.bt_product * {display: none;}
	
	.bt_product span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 89px;
		background: url(../img/bt_product.png) no-repeat 0 -20px;
	}
	
		.bt_promotion {
		position:relative;
		display:block;
		height: 20px;
		width: 103px;
		background: url(../img/bt_promotion.png) no-repeat 0 0;
	}
	
	.bt_promotion * {display: none;}
	
	.bt_promotion span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 103px;
		background: url(../img/bt_promotion.png) no-repeat 0 -20px;
	}
	
	.bt_news {
		position:relative;
		display:block;
		height: 20px;
		width: 148px;
		background: url(../img/bt_news.png) no-repeat 0 0;
	}
	
	.bt_news * {display: none;}
	
	.bt_news span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 148px;
		background: url(../img/bt_news.png) no-repeat 0 -20px;
	}

	.bt_tips {
		position:relative;
		display:block;
		height: 20px;
		width: 91px;
		background: url(../img/bt_tips.png) no-repeat 0 0;
	}
	
	.bt_tips * {display: none;}
	
	.bt_tips span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 91px;
		background: url(../img/bt_tips.png) no-repeat 0 -20px;
	}
	.bt_qa {
		position:relative;
		display:block;
		height: 20px;
		width: 50px;
		background: url(../img/bt_qa.png) no-repeat 0 0;
	}
	
	.bt_qa * {display: none;}
	
	.bt_qa span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 50px;
		background: url(../img/bt_qa.png) no-repeat 0 -20px;
	}
	.bt_contact {
		position:relative;
		display:block;
		height: 20px;
		width: 103px;
		background: url(../img/bt_contact.png) no-repeat 0 0;
	}
	
	.bt_contact * {display: none;}
	
	.bt_contact span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 20px;
		width: 103px;
		background: url(../img/bt_contact.png) no-repeat 0 -20px;
	}

#header .language{width:100%; text-align: right; padding: 20px 0px 5px 0; color: #999 ;}
#headerbottomline{width:100%; height: 8px; background: url(../img/headbottom.jpg); }

/* Content */
#content{width:100%; height: 400px; }
#content .banner{width:100%; height: 200px;  background: #000; }
#content .txt{text-align: left; font:13px/18px Tahoma, sans-serif; padding: 0 0px 10px 0;}
#content .txtgrey{color: #999 ;text-align: left; font:13px/20px Tahoma, sans-serif; padding: 0 0px 20px 0;}
#content .txt h3{font:13px/15px Tahoma, sans-serif; font-weight: bolder;}
#content .txtbold{font:13px/18px Tahoma, sans-serif; font-weight: bolder;}
#content .home01{width:100%; height: 204px; }
#content .home01left{width:250px; border: 2px  solid #333;  }
#content .home01right{border-bottom: 2px solid #333; padding: 0px;}
#content .home01leftproduct{width:278px; border-right: 1px solid #333;  }
#content .sechead{background: url(../img/secbg01.jpg); height: 56px; padding: 0px 20px 0px 0px; text-align: right;}
#content .secbody{background: url(../img/secbg02.jpg); height: 137px;}
#content .newsimg{width:68px; padding: 15px 0px 10px 10px;}
#content .newsmoreimg{ padding: 0px 20px 15px 30px;}
#content .newsfullimg{width:150px; padding: 0px 20px 15px 30px;}
#content .newstxt{padding: 13px 10px 10px 10px; color:#999; font:12px/17px Arial, sans-serif; font-weight: bolder;}
#content .newsmore{margin:  20px 0 10px; color:#999; font:10px/10px Arial, sans-serif; text-align: right;}
#content .newsmorepage{width:600px; margin: 15px 0px 0px 15px; padding: 0px 0px 0px 0px; border-bottom: 1px dashed #ccc; }
#content .hnews{color: #fff !important; font-weight: bold; padding: 0px 0px 10px 0px; }
#content .hnews a{color: #fff !important;}
#content .hnews a:hover{color: #999 !important;}
#content .secbodyproduct{padding: 0px 20px 0px 50px; text-align: right; height: 250px;}


#content .newproduct{width:100%; padding: 0px 0px 0px 40px; border-bottom: 2px solid #333;  background: Black; }
#content .productcategory{padding: 10px 10px 10px 10px; color:#999; font:14px Arial; font-weight: bolder;}
#content .product{width:700px; padding: 0px 0px 10px 40px;}
#content .producth{padding: 20px 0px 20px 0px;}
#content .productitem{width:110px; float: left; margin: 0 30px 20px 0;}
#content .productimg{width:110px; height: 110px;}
#content .productitemtxt01{text-align: right; width:50%; color: #CCC; padding: 1px 0px 1px 0px;}
#content .productitemtxt02{text-align: left; width:50%; color: #CCC; padding: 1px 0px 1px 0px;}
#content .nextprev {font:14px Arial, sans-serif #999 !important; margin: 10px 0 10px 0; text-align: right;}
#content .home02{width:100%; height: 300px; }
#content .home02left{width:278px; border-right: 1px solid #333;  }
#content .home02right{border: 0px solid #333; }
#content .promo{width:600px; margin: 10px 0px 0px 10px; padding: 0px 0px 0px 0px; border-bottom: 1px dashed #ccc; }
#content .promotxt{text-align: left; font:13px/20px Tahoma, sans-serif; padding: 0 40px 20px 0;}
#content .promotxt_h3{font:13px/13px Tahoma, sans-serif; font-weight: bolder; margin: 0px 0 10px 0;}
#content .promoimg{width:150px; padding: 0px 20px 15px 30px;}
#content .aboutus{width:600px; margin: 20px 0px 0px 15px; padding: 0px 0px 0px 0px; border-bottom: 1px dashed #ccc; }
#content .qa{width:600px; margin: 20px 0px 0px 15px; padding: 0px 0px 0px 0px; border-bottom: 0px dashed #ccc; }
#content .qabox{width:600px; margin: 20px 0px 0px 15px; padding: 0px 0px 0px 0px; border-bottom: 1px dashed #ccc; }
#content .backtotop{padding: 0 0px 10px 0; margin-top: 20px; color:#999; font:11px/10px Arial, sans-serif; text-align: right;}
#content .tips{width:600px; margin: 20px 0px 0px 15px; padding: 0px 0px 0px 0px; border-bottom: 0px dashed #ccc; }
#content .contact{width:600px; margin: 20px 0px 0px 15px; padding: 0px 0px 0px 0px; border-bottom: 0px dashed #ccc; }

/* Footer */
#footer{ 
color: #999 ; 
width:100%; 
border-top: 1px dashed #ccc; 
border-bottom: 1px dashed #ccc; 
font-size:10px; 
text-align: center; 
letter-spacing: 1px; 
margin:30px 0 0px 0;
padding:10px 0 10px;  
background: url(../img/footterbg.jpg); }


/* accodding menu */
.urbangreymenu{
width: 100%; /*width of menu*/
margin-top: 10px; 
}

.urbangreymenu .headerbar{
font: 9px Verdana;
color: white;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0 13px 0 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a {
font: normal 13px/20px Arial;
color: #999;
padding: 5px 0;
text-decoration: none;
letter-spacing: 0px;
}

.urbangreymenu ul li a:visited{
color: #999;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #fff;
}

/* highslide */

.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*================ Aun CSS zone =============*/
.qa_letter{font-family: "Times New Roman"; font-size: 20pt; }