#noscript{
	background-color:#CC0000;
	padding:10px;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
}

html,body{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
	color:#333333;
}

#container{
	width:780px;
	margin:0px auto;
	border:1px solid #DDDDDD;
	background:url(../images/bg-body.jpg) no-repeat top right;
	min-height:540px;
	}

#container-inner{
	padding-right:122px;
	}

#left{
	width:110px;
	float:left;
	}

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

#footer{
	width:780px;
	padding:5px 0px;
	text-align:right;
	margin:0px auto;
	color:#999999;
	font-size:10px;
	}

.box-inner{
	padding:10px;
	}

.box-inner-1{
	padding:5px 10px 10px 10px;
	}
	
	
a {
	color:#ff0000;
	text-decoration:none;
}

a:hover{text-decoration:underline;}

img {border:0px;}
/*br {line-height:0px;}*/


.spacer{
	clear:both;
	height:1px;
	font-size:2px;
	}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:5px 0px;
	color:#ff0000;
	}

h1{
	font-size:20px;
	}

h2{
	font-size:18px;
	}

h3{
	font-size:16px;
	}

h4{
	font-size:14px;
	}

h5{
	font-size:12px;
	}

h6{
	font-size:10px;
	}

/** Main menu using sucker fish style list menu **/
#mainMenu{
	float:left;
	width:100%;
	line-height:25px;
	padding:10px;
	font-weight: bold;
}

#mainMenu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#mainMenu li{
	  float:left;
	  position:relative;
      margin:0;
      padding:0;
	  text-decoration:none;
	  display: block;
	  width:95px;
	  background:url(../images/bg-menu.jpg) no-repeat top;
	  white-space:nowrap;
	  text-align:center;
	  margin-right:5px;	
}

#mainMenu li ul{
	display:none;
	position:absolute;
	top:36px;
	left:0;
	}

#mainMenu li ul li{
	float:left;
	clear:both;
}

#mainMenu li:hover ul, #mainMenu li.over ul { display: block; }
	  
#mainMenu li:hover, #mainMenu li.over {
	background:url(../images/bg-menu-over.jpg) no-repeat top;
	
}


#mainMenu a{
	padding:0px 5px;
	color: #000000;
	text-decoration:none;
	display:block;
}

#mainMenu a:hover{

}

#mainMenu li.lastMenu{
	border-right:none;
	}

#mainMenu li.activeMenu a{
	background:url(../images/bg-menu-over.jpg) no-repeat top;
	color:#FFFFFF;
}

#mainMenu li ul li{
	border-right:none;
	}

/** Side menu **/
#side-menu{
	line-height:25px;
	font-weight: bold;
}

#side-menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#side-menu li{
	  float:left;
	  position:relative;
      margin:0;
      padding:0;
	  text-decoration:none;
	  display: block;
	  width:95px;
	  background:url(../images/bg-menu.jpg) no-repeat top;
	  white-space:nowrap;
	  text-align:center;
	  margin-bottom:20px;	
}

#side-menu a{
	padding:0px 5px;
	color: #000000;
	text-decoration:none;
	display:block;
}


/** page submenu **/
#pageSubmenu{

}

#pageSubmenu h1{
	font-size:14px;
	color:#333333;
	padding:3px 10px;
}

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

#pageSubmenu li{
	display:block;
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
}

#pageSubmenu a{
	color:#333333;
}


#col-right-1{
	width:500px;
	float:left;
	border-right:1px dotted #CCCCCC;
}

#col-right-2{
	width:163px;
	float:left;
}

/** Site Breadcrumb **/

.breadcrumb{
	padding:0px 0px 10px 0px;
}

/** Search Result **/
.search-hightlight{
	background-color:#FFFF00;
}

/** Calculator **/
#cement-substitution, #cement-addition, #dose-substitution, #dose-addition, #mpowder1, #mslurry2{
	background-color:#FF0000;
	color:#FFFFFF;
	text-align:right;
	border:1px solid #990000;
}

#revise-substitution, #revise-addition, #powder-substitution, #powder-addition, #totalc-substitution, #totalc-addition, #mslurry1, #mpowder2{
	background-color:#6699FF;
	color:#FFFFFF;
	text-align:right;
	border:1px solid #3366CC;
}