/* CSS Document */
@import url(navigation_bar.css); 
body {
	margin: 0px;
	background-color: #6F0000;
	background-image:url(../images/bg_Left.jpg);
	background-repeat:repeat-y; 
	background-position:22px;  /* firefox:22px */
	margin-bottom:0px;
	padding-bottom:0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.Cont1 {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
}
.Cont2 {
	font-family: Tahoma;
	font-size: 14px;
	color: #FFA800;
}
.Cont3 {
	font-family: Tahoma;
	font-size: 13px;
	color: #000000;
}
.Cont4 {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFA800;
}
A.Cont5 {
	COLOR: #FFA800; font-family: Tahoma; font-size: 12px; TEXT-DECORATION: none;
}
.Cont6 {
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}
.Cont7 {
	font-family: Tahoma;
	font-size: 13px;
	color: #9E0202;
}
.Cont8 {
	font-family: Tahoma;
	font-size: 16px;
	color: #FFFFFF;
}
.Cont9 {
	font-family: Tahoma;
	font-size: 20px;
	color: #FFFFFF;
}

img {border: none;}

#page-wrap {
	width: 964px; 
	text-align:left;
	margin-left: auto;
   margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	
}

#topcontent {
	width: 964px; 
	height: 97px;
	text-align:left;
	margin-left: auto;
   margin-right: auto;
	margin-top:0px;
	
}
#topcontent #topflash{
	width: 282px; 
	height: 97px;
	text-align:left;
	margin-top:0px;
	float: left;
}
#topcontent #topmenu{
	width: 682px; 
	height: 97px;
	text-align:left;
	margin-top:0px;
	float: left;
}


#subcontent {
	width: 964px; 
	height: 186px;
	text-align:left;
	margin-left: auto;
   margin-right: auto;
	margin-top:0px;
	
}
#subcontent #lefthead{
	width: 281px; 
	height: 186px;
	text-align:left;
	margin-top:0px;
	float: left;
	margin-bottom:0px;
}
#subcontent #righthead{
	width: 683px; 
	height: 186px;
	text-align:left;
	margin-top:0px;
	float: left;
	background:url(../images/bar_bg.jpg);
	padding-left:0px;
	margin-left:0px;
	}


 #main-menucontent {
	width: 964px; 
	text-align:left;
	margin-left: auto;
   margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	
/*	background:url(../images/bg_Left.jpg) repeat-y;      work for IE Not work Friefox */

}



#main-menucontent #leftmenu{
	width: 282px; 
	text-align:left;
	margin-top:0px;
	float: left;
/* background:url(../images/bg_Left.jpg) repeat-y; */ 
	
}
#main-menucontent #righcontent{
	width: 682px; 
	text-align:left;
	margin-top:0px;
	float: left;
   padding-left:0px;
	margin-left:0px;
	background-color:#FFFFFF; 
	
}
/* Right Content 682px Cover 607px */
#right-main-content {
	width: 607px; 
	text-align:left;
	margin-top:14px;
	padding-left:28px;
}
#right-main-content #text-detail{
	width: 420px; 
	text-align:left;
	padding-left:0px;
	padding-right:28px;
	float: left;
}
#text-detail p{ margin-top:2px; margin-bottom:2px;}
#text-detail .address strong{ padding-right:10px;}
#text-detail .tel strong{ padding-right:8px;}
#text-detail .fax strong{ padding-right:17px;}
#text-detail .mobile strong{ padding-right:5px;}
#text-detail .email strong{ padding-right:17px;}

#right-main-content #banner-detail{
	width: 159px; 
	text-align:left;
	padding-left:0px;
	float: left;
	margin-top:24px;
}

#right-main-content #usedetail{
	width: 607px;
	height:20px;
   float: left;
	visibility: hidden;
	font-size:10px;
	margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;
}
#usedetail ul{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;}
#usedetail li{list-style: none;margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;}

#right-main-content #logomain{
	width: 607px;
	height:51px;
	text-align:left;
	margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;
	float: left;
}
/* Block New Products  277px + padding-right:53px;= 330px*/
#right-main-content #newproduct{
	width: 296px; 
	text-align:left;
	padding-left:0px;
	padding-right:15px;
	float: left;
}
#newproduct h2{width:277px; height:25px; margin:0; padding:0; overflow:hidden;}
#newproduct h2 span {background:url(../images/New_Product.jpg) no-repeat left top; display:block;width: 100%; height: 100%;}
/* ul li list new product  height: 324px; + margin-top:18px; = 342 */



/* Block Introduce Products  277px  */
#right-main-content #introduce{
	width: 296px; 
	text-align:left;
	padding-left:0px;
	float: left;
}
#introduce h2{width:277px; height:25px; margin:0; padding:0; overflow:hidden;}
#introduce h2 span {background:url(../images/introduce_product.jpg) no-repeat left top; display:block;width: 100%; height: 100%;}

/* ul li list introduce product  height: 324px; + margin-top:18px; = 342 */

#righcontent #subfooter{
	width: 682px;
	height:25px;
	text-align:center;
	margin-top:170px;   /* FIx Height Page */
	float: left;
	border-bottom:1px solid #B2B2B2;
	margin-bottom:0px;
}

#righcontent #selectpage{
	width: 682px;
	height:25px;
	text-align:center;
	margin-top:30px;   /* FIx Height Page */
	float: left;
	margin-bottom:0px;
	COLOR: #FFA800; font-family: Tahoma; font-size: 12px;
}
#righcontent #footer-menu{
	margin-top:0px;
	padding-left:0px;
	float: left;
	width: 682px;
	height:25px;
	margin-bottom:0px;
	
}

#footer-menu ul{
margin-left:0px;  /*    Fix margin-left:0px; snap margin For IE */
margin-top:0px;
margin-bottom:0px;
padding-left:50px;
padding-top:7px;
text-align:left;
float: left;
width:632px;

}
#footer-menu li {list-style: none; float: left; padding-right:12px; padding-top:0px; background:url(../images/session-bar.gif) no-repeat right; margin-bottom:0px;}
#footer-menu li#nonbg {list-style: none; float: left; padding-right:12px; padding-top:0px; background:url(../images/session-bar-non.gif) no-repeat right; margin-bottom:0px;}

#page-wrap #bar-footer {
	width: 964px;
	height:11px;
	text-align:left;
	margin-left: auto;
   margin-right: auto;
	margin-top:0px;
	background:url(../images/Bottom.jpg) no-repeat;
	font-size:1px;
   float: left;
	padding-top:0px;
	margin-bottom:0px;
}
#page-wrap  #copyright_bar{
	width: 964px;
	height:67px;
	text-align:left;
	margin-top:0px;
	background:url(../images/footer_bottom_bg.gif) no-repeat;
	float: left;
	padding-top:0px;
	margin-bottom:0px;

	}
	/* Area work 682px; */
#copyright_bar #menucopyright{
	width: 964px;
	text-align:left;
	margin-left:0px;
	margin-top:16px;
	float: left;
	margin-bottom:0px;
	}
#menucopyright #copyrighttxt{ width: 280px;  text-align:left; margin-left:0px; margin-top:0px; float: left; margin-bottom:0px; margin-right:0px; padding-left:302px;}
#menucopyright #menubar_copyrigh ul { width: 260px; text-align:left; margin-left:0px; margin-top:0px; float: left; margin-bottom:0px; margin-right:0px; padding-left:0px;}
#menucopyright #menubar_copyrigh li{list-style: none; float: left; padding-right:14px; padding-top:0px; background:url(../images/session-bar-footer.gif)  no-repeat right bottom; margin-bottom:0px; margin-top:0px;}
#menucopyright #validation{ width: 117px;  text-align:right; margin-left:0px; margin-top:0px; float: left; margin-bottom:0px; margin-right:0px; padding-left:0px;}
#validation img{padding-bottom:2px;}

/* ------- Product List ------   */
#righcontent #productlist-thumb{
	width: 682px; 
	text-align:left;
	margin-top:0px;
	float: left;
   padding-left:0px;
	margin-left:0px;
	background-color:#FFFFFF; 
	
}

#productlist-thumb #list-thumb
{  width: 648px; 
	text-align:left;
	margin-top:0px;
	float: left;
   padding-left:28px;
	margin-left:0px;
	/* Start #list-thumb use area 620px */
	}
#list-thumb #headproducts h2{ 
   width: 620px;
	height:22px;
	text-align:left;
	margin-top:15px;
	margin-bottom:15px;
	float: left;
	padding-top:3px;
   padding-left:28px;
	margin-left:0px;
	background:url(../images/Head_DoorStainlessHurdle.gif) no-repeat;
}

#list-thumb #copyproducts { 
   width: 600px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:28px;
	padding-right:20px;
	margin-left:0px;
}

#copyproducts p.redB{ margin-top:10px; margin-bottom:2px; color:#9D0202;}
#copyproducts p{ margin-top:10px; margin-bottom:2px;}
#copyproducts strong.RedB{color:#9D0202;}
#list-thumb #mainlistproducts{ 
   width: 620px;
	text-align:left;
	margin-top:15px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:28px;
	margin-left:0px;
}
#mainlistproducts ul{
	width: 592px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:0px;
	margin-left:0px;
	}
	#mainlistproducts li{
	width: 259px;
	height:259px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:0px;
	padding-right:37px;
	list-style: none;
	background:url(../images/list-thumb-bg.gif) no-repeat;
	}
	#mainlistproducts li .showphoto{border:none;padding-top:8px;padding-left:9px;padding-bottom:5px;}
   #mainlistproducts li	span{ margin-top:0px;display:block; text-align:center; width:259px;}
	#mainlistproducts li .show-detail{ margin-top:8px; /* Firefox 8px */
	
	margin-left:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-bottom:0px;}
	
	#list-thumb #mainlistproducts3S{ 
   width: 600px;
	text-align:left;
	margin-top:15px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:28px;
	margin-left:0px;
	padding-right:20px;
}
#mainlistproducts3S p{ padding-top:0px; padding-bottom:0px; margin-top:2px; margin-bottom:2px;}
#mainlistproducts3S img{ padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:10px;}
#mainlistproducts3S a{COLOR: #FFA800; font-family: Tahoma; font-size: 14px; TEXT-DECORATION:underline;}

#list-thumb #mainlistproductsall{ 
   width: 600px;
	text-align:left;
	margin-top:15px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:0px;
	margin-left:0px;
	padding-right:20px;
}

#homepagelistproducts ul{
	width: 260px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	padding-top:10px;
   padding-left:0px;
	margin-left:0px;
	}
	#homepagelistproducts li{
	width: 259px;
	height:259px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:0px;
	padding-right:37px;
	list-style: none;
	background:url(../images/list-thumb-bg.gif) no-repeat;
	}
	#homepagelistproducts li .showphoto{border:none;padding-top:8px;padding-left:9px;padding-bottom:5px;}
   #homepagelistproducts li	span{ margin-top:0px;display:block; text-align:center; width:259px;}
	#homepagelistproducts li .show-detail{ margin-top:8px; /* Firefox 8px */
	
	margin-left:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-bottom:0px;}
	
	#homepagelistproducts1 ul{
	width: 260px;
	text-align:left;
	margin-top:10px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:0px;
	margin-left:0px;
	}
	#homepagelistproducts1 li{
	width: 259px;
	height:259px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	padding-top:0px;
   padding-left:0px;
	padding-right:37px;
	list-style: none;
	background:url(../images/list-thumb-bg.gif) no-repeat;
	}
	#homepagelistproducts1 li .showphoto{border:none;padding-top:8px;padding-left:9px;padding-bottom:5px;}
   #homepagelistproducts1 li	span{ margin-top:0px;display:block; text-align:center; width:259px;}
	#homepagelistproducts1 li .show-detail{ margin-top:8px; /* Firefox 8px */
	
	margin-left:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-bottom:0px;}
	
	.secelepagebg a{width:221px;height:33px; background:#990202;color:#FFF; font-weight:bold; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; margin-left:10px;}
	.secelepagebg a:hover {width:221px;height:33px; background:#FFA800; color:#990202;font-weight:bold;}
	.thispage {width:221px;height:33px; background:#FFA800;color:#FFF; font-weight:bold; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; margin-left:10px;}
