/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

td {
	vertical-align:top;
}

form {
	padding:0px;
	margin:0px;
}

select {
	border: 1px solid #CCCCCC;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#divh2{
	width:200px;
	height: 65px;
	float: left;
	background-color: transparent;
	/*background-image: url(../../images/share/img/fiber-cement-siding-roofing.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	}
#divh2 h1 span {
	/* display:none; */
	font-size: 12px;
	color: darkblue;
	font-weight: bold;
	}
#divWrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 940px;
}

#divPageBg{
	position:absolute;
	z-index:1;
}

#divPage{
	position:absolute;
	z-index:3;
	float:left;	
	width: 940px;
	padding: 0px;
}

#divHeader {
}

#divMain {
	position:absolute;
	float:left;
	z-index:2;
	width:945px;
}

#divMainLeft{
	float:left;
	width:210px;
	padding:0px 20px;
}

#divMainRight{
	float:left;
	width:695px;
}

#footer {
	float:left;
	width: 930px;
}

#footerMenu {
	float:left;
}

#footerCopyright {
	float:left;
	padding: 5px 0px 0px 5px;
	width: 600px;
}
#footerSwicth {
	float:right;
	text-align:right;
	width: 300px;
}
.divLayout{
	float:left;
}

.divBox{
	float:left;
	width:220px;
}
.divBox2{
	float:left;
	width:335px;
}

.divBoxLeft{
	float:left;
	width:440px;
}

.divBoxAll{
	float:left;
	width:690px;
}
.divName{
	float:left;
	width:160px;
	/*height:22px;*/
	padding-top:5px;
	padding-bottom:7px;
}

.divPage{
	float:left;
	width:18px;
	height:18px;
	padding-right:3px;
}
.divList{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

.divForm{
	float:left;
	padding-bottom:5px;
}

.divImage{
	background-image:url(../../images/share/img/bg_mhpbb.jpg);
	height:55px; 
	width:220px;
}

#dataSheet td{
	background-image:url(../../images/share/img/grx_grayx.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
/***********************************************/
/* Utility                                     */
/***********************************************/
.lineGray {
	background-color:#999999;
}

.lineGray2 {
	background-color:#C3C3C3;
}

.boderGray {
	border: 1px solid #999999;
}

.lineGray_y{
	float:left; 
	background-image:url(../../images/en/our-products/img/grx_prd.gif);
	background-repeat:repeat-y;
	height:auto;
}

.lineGray_xwhite{
	float:left;
	background-image:url(../../images/share/img/grx_whitex.gif);
	height:1px;
}

.lineGray_x{
	float:left;
	background-image:url(../../images/share/img/grx_grayx.gif);
	height:1px;
}

.ulqckLink{
	margin-top:0px;	
	margin-left:0px;
	padding:0px;
}
.ulqckLink li{
	list-style:none;
	line-height: 15px;
	padding-left:12px;
	padding-bottom:0px;
	background:url(../../images/share/img/bullet.gif) no-repeat;
}
.ulList{
	margin-top:0px;	
	margin-left:0px;
	padding:0px;
}
.ulList li{
	list-style:none;
	line-height: 15px;
	padding-left:12px;
	padding-bottom:0px;
	background:url(../../images/share/img/bullet_square.gif) no-repeat;
}
.ulListOrangeSquareBox {
	margin-top:0px;	
	margin-left:0px;
	padding:0px;
}
.ulListOrangeSquareBox li{
	list-style:none;
	line-height: 15px;
	padding-left:12px;
	padding-bottom:0px;
	margin-bottom:0px;
	background:url(../../images/share/img/bullet_orange_square.gif) no-repeat;
}
.divLineSpace{
	padding-bottom:10px;
}

.inputTransparent{
	margin:0px;
	margin-top:-1px;
	padding:1px;
	border: 1px solid #CCCCCC;
	background-color: transparent;
	background:url(../../images/share/img/spacer.gif);
}
.inputTransparentFocus{
	margin:0px;
	margin-top:-1px;
	padding:1px;
	border: 1px solid #CCCCCC;
}

.inputWhite{
	margin:0px;
	padding:0px;
	border: 1px solid #CCCCCC;
}

.divGrayBox {
	width: 660px;
	background-image: url(../../images/share/img/gray_bg.gif);
	background-repeat: no-repeat;
	height: 52px;
	padding-top: 8px;
	padding-left: 30px;
}
.divHover {
	position:absolute;
	height: 50px;
	width: 70px;
	padding: 0px;
	border: 2px solid #FD6B00;
	background-color:#FFFFFF;
}

.divOut {
	position:absolute;
	border: none;
	height: 50px;
	width: 70px;
	padding: 2px;
}

/***********************************************/
/* Hyper_Link_page                                    */
/***********************************************/

.link_pageinactive{
	float:left;
	width:16px;
	height:16px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding-top:2px;
	text-decoration:none;
	font-size:10px;
	color: #333333;
	text-align:center;
	margin-right:3px;
}

.link_pageactive{
	float:left;
	width:16px;
	height:16px;
	background-color:#FD6B00;
	border: 1px solid #FD6B00;
	padding-top:2px;
	text-decoration:none;
	font-size:10px;
	color: #FFFFFF;
	text-align:center;
	margin-right:3px;
}

.link_pagedot{
	float:left;
	width:16px;
	height:16px;
	background-color:#FFF;
	border: 1px solid #FFF;
	padding-top:2px;
	text-decoration:none;
	font-size:10px;
	color: #333333;
	text-align:center;
	margin-right:3px;
}

/***********************************************/
/* Layout For Virtual Gallery                                   */
/***********************************************/

#topcontainer_unit {
	height: auto;
	position: relative;
	z-index: 100;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	width: 800px;
}
#topcontainer {
	height: auto;
	width: 800px;
	position: absolute;
}