@charset "utf-8";
/* CSS Document */
/* Stylesheets for HTML tags  */

body{
	background:url(images/bg.gif) repeat-x;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FAFCDC;
}

h1,h2,h3,h4,h5,h6{
	color:#000033;
	text-align:center;
	letter-spacing:0.3em;
	margin:40px 0px;
}

table{
	border-collapse:collapse;
}

a{
	text-decoration:none;
	color: #3366CC;
}

a:hover{
	color:#990000;
}

sup,sub{
	font-size: xx-small !important;
}

form{
	margin:0px;
}

/* ID Styles  */

/*************** Styles for headers  ***************/

#header{
	width:820px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/topbg.gif) repeat-x;
}

/* Div to place the logo image  */
#logoDiv{
	width:200px;
	height:120px;
	float:left;
}

/* Styles to set the image in the center of #logoDiv */
#logo{
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:50%;
	margin-top:-54px;
}

#banner{
	width:620px;
	height:120px;
	float:left;
}

#topTexts{
	display:block;
	width:90%;
	height:40px;
	position:relative;
	top:50%;
	margin-top:-20px;
	margin-left:20px;
	font:34px "黑体";
	color:#CA0002;
	letter-spacing:0.3em;
}

/*  Navigation bar and its link styles  */
#nav{
	width:820px;
	height:31px;
	margin-left:auto;
	margin-right:auto;
	background-color:#999900;
}

#nav a{
	display:block;
	width:90px;
	float:left;
	text-align:center;
	font:"宋体";
	font-size:16px;
	font-weight:bold;
	color:#006600;
	text-decoration:none;
	padding:3px 0px;
	margin:4px 5px;
}

#nav a:hover{
	background-color:green;
	color:white;
}
/*************** End of Styles for headers  ***************/

/* Styles for the main body */
#container{
	width:820px;
	margin-left:auto;
	margin-right:auto;
	font-family:"宋体";
	background-color:#DAF3D1;
}


/* Company introduction area in index.html */
#comIntro{
	width:765px;
	line-height:200%;
	letter-spacing:0.15em;
	margin-left:auto;
	margin-right:auto;
	background-color:#EFFFD1;
	padding-left:15px;
}

/* Brief product show in index.html  */
#product{
	width:740px;
	margin-left:auto;
	margin-right:auto;
}

#product img{
	border:none;
}

/* To make the line space wider for the squartz description in index.html  */
#squartz{
	line-height:25px;
}

/* Styles for the bottm of product show in index.html */
#bttm{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-top:2px groove #99cc00;
	text-align:center;
	line-height:30px;
	letter-spacing:0.2em;
}

#footer{
	width:820px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	line-height:25px;
	font-size:13px;
	letter-spacing:0.2em;
	background-color:#999900;
}

/*********** For the contact form in contact.php  *************/
#contactForm{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border:1px solid #CCCCCC;
}

#contactForm input, textarea{
	font-size:15px;
	padding:4px;
	background-color: #FDFAF2;
	border:1px ridge teal;
}


/******************** These ID Styles are specially for the index.html **************************/
/***************To add a left and right div to add some texts ************************/
/* Container to center the web page */
#all{
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}

/* Left div */
#left{
	width:100px;
	float:left;
}

#center{
	width:820px;
	float:left;
}

#right{
	width:100px;
	float:left;
}

/*******************  Style sheets *******************/


.floatClear{
	clear:both;
}

/* To draw a lines above and below the navigation bar */
.liner{
	width:820px;
	height:3px;
	margin-left:auto;
	margin-right:auto;
	background-color: #996600;
}

/* Stylesheets to make rounded rectangle for the company introduction area  */
/* Container to place the top left, medium, right border, and bottom left, medium, right border  */
.divCon{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

/* Left top rounded corner  */
.leftTop{
	width:5px;
	height:5px;
	background:url(images/lefttop.gif) no-repeat;
	float:left;
}

/* Top border */
.topMedium{
	width:770px;
	height:5px;
	float:left;
	background:url(images/topborder.gif) repeat-x;
}

/* Right top rounded corner  */
.rightTop{
	width:5px;
	height:5px;
	background:url(images/righttop.gif) no-repeat;
	float:left;
}

/* Left bottom rounded corner  */
.leftBttm{
	width:5px;
	height:5px;
	background:url(images/leftbttm.gif) no-repeat;
	float:left;
}

/* Bottom medium border  */
.bttmMedium{
	width:770px;
	height:5px;
	background:url(images/bttmborder.gif) repeat-x;
	float:left;
}

/* Right bottom rounded corner  */
.rightBttm{
	width:5px;
	height:5px;
	background:url(images/rightbttm.gif) no-repeat;
	float:left;
}


/**** End of rounded rectangle stylesheets  ****/

.enTexts{
	font:14px Arial, Helvetica, sans-serif;
}

/************* Styles for showing the products in product.html *************/
/*  For the styles of the product titles in product.html */
h3.title{
	display:block;
	width:350px;
	border-bottom:2px solid #c5c5c5;
	color:#006600;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
}

/* Div container for the short description above each table  */
.shortDesc{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

/*  For product listing tables in product.html  */
.productList{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

.productList td{
	border:1px solid #CCCCCC;
	vertical-align:middle;
	text-align:center;
	font: 13px Arial, Helvetica, sans-serif;
}

.productList th{
	border:1px solid #CCCCCC;
	font-family: "宋体" !important;
	background-color: #559933;
	color:white;
	height:35px !important;
	vertical-align:middle;
	padding:2px;
}

.subTitle{
	font-family: "宋体";
	color:#999900 !important;
	height:25px;
	vertical-align:middle;
	font-weight:bold !important;
	font-size:16px !important;
	text-align:left !important;
}

.enTitles{
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.cnTexts{
	font:14px "宋体" !important;
}

/* Styles for listing of DEGUSAI products   */
dl.dgs{
	display:block;
	width:740px;
	margin-left:auto;
	margin-right:auto;
	padding-left:38px;
	margin-top:0px;
}

dl.dgs dt{
	margin:20px 0px;
	color:#999900;
	font-weight:bold;
	font-size:16px;
}

dl.dgs dd{
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

dd .minorTitle{
	font-family: "宋体" !important;
	font-size:16px !important;
}

/* Styles for texts of Ba2SO3  */
p.baso{
	margin-right:20px;
	line-height:25px;
	padding-left:35px;
}

/* Style lists for tables of Ba2SO3  */
.parcelSize td{
	line-height:25px !important;
}

.averDi{
	text-align:left !important;
}

.basoName{
	font:14px "宋体" !important;
	width:45%;
	float:left;
	text-align:left;
}

.basoSpec{
	width:45%;
	float:left;
	text-align:right;
}

.basoSpecSup{
	width:45%;
	float:left;
	text-align:right;
	padding-top:2px;
}

/************* End of Styles for showing the products in product.html *************/

/************* Styles for the contact form in contact.php   *************/

div.hint{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	text-align:right;
	margin-bottom:0px;
	padding-right:5px;
}

.required{
	font:22px Arial, Helvetica, sans-serif bold;
	color:#FF0000;
	vertical-align:middle;
}

/* To separate the filling in fields from the submit and reset button */
td.btnTop{
	border-top:1px solid #cccccc;
}

/* Styles to generate personalized submit button  */
.btnLeft{
	height:30px;
	width:6px;
	float:left;
	background:url(images/btnLeft.gif) no-repeat;
}

.btnCenter{
	height:30px;
	width:90px;
	float:left;
	border:none;
	background:url(images/btnCenter.gif) repeat-x;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:white;
	line-height:30px;
	padding:0px !important;
}

.btnRight{
	height:30px;
	float:left;
	width:6px;
	background:url(images/btnRight.gif) no-repeat;
}

div.spacing{
	float:left;
	width:10px;
}

/*  End of styles for contact form in contact.php  */

/*  Styles for messages after sending the contact form  */
/* Error messages for the input fields  */
.errMsg {
	font-size:13px !important;
	margin-left:5px;
	color:#CC0000;
}

.success{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:1px solid green;
	color: #0000FF;
	background-color:#DDDDFF;
	font-size:14px;
	line-height:22px;
	letter-spacing:0.15em;
}

.failed{
	width:660px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border:1px solid green;
	color: #000099;
	background-color:#DDDDFF;
	font-size:14px;
	line-height:22px;
	letter-spacing:0.15em;
}

.enEmail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}