/**** CSS by Hem Singh ****/
html{ overflow-x:auto; }	/* fixes MSIE scrollbar bug DO NOT REMOVE */

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
}

#container,.dispN{
	width: 892px;
	text-align:left;
	margin: 4px auto;
	display: block;
}
.dispN{
display: none;
}

/* ----- Logo ----- */
#logo-layer{
	width:100%;
	margin:0;
	padding:0;
}

#logo-layer .head_lt{
	width: 277px;
	float:left;
	height:302px;
	}

#logo-layer .head_lt .logo{
	height:80px;
}

#logo-layer .head_rt{
	width: 615px;
	height: 302px;
	float:right;
}

.comp_name{
/*	clear:both; */
	background: url(top_right_ln.jpg) right bottom no-repeat;
	width: 615px;
	height: 48px; 
	text-align:center;
	margin:0; padding:0;
}

/* ----- Header ----- */

#header_rt_pic{
	clear: both;
	width: 615px;
	height: 254px;
	background: url(headr_rt_btm.jpg) left bottom no-repeat;
	margin:0; padding:0;
	}
	
#nav-bar{
	padding: 100px 72px 0 0;
	float: right;
	
}

#nav-bar a{
	float:left;
	display: block;
	width: 79px;
	padding: 6px 0px;
	margin-left:11px;
	font-size:11px;
	color:#006699;
	text-decoration:none;
	text-align: center;
	background: url(btns.gif) top right no-repeat;
}

#nav-bar a:hover{	color:#FF0000;	}

.home{	padding: 6px 22px;
	margin-right:0px;	}

.prod{ padding:6px 12px;margin-right:1px;	}

.about{	padding: 6px 11px; }

div {
	font-family: Verdana, helvetica, Geneva, Arial, sans-serif;
	font-size: 11px;
	color:#333333;
}

img{ border: 0px; }

a{
	text-decoration:none;
}

/* ------ Body of page -------- */	
#main-contents{
	width: 892px;
	margin:0px
	padding: 0px;
}

#main-contents .cont-lt-outer{
	width: 241px;
	padding: 14px 0px 10px 36px;
/*	background: url(line_blu.jpg) right top repeat-y;  */
	float: left;
/*	border: #0099CC 1px solid; */
}

#main-contents .cont-rt-outr{
	width: 579px;
	padding: 0 36px 10px 0;
	padding-top:14px;
	background: url(line_blu.jpg) left top repeat-y;
	float: right;
	overflow: hidden;
}

#main-contents .cont-lt-outer .cont-lt{
/*	clear:both;
	text-align:left; */
	width:98%;
}

.cont-lt img{
	border:0px;
	text-align:right;
/*	border:#000000 1px solid; */
}

#footer{
	width: 820px;
	margin:0;
	margin-top:10px;
	padding: 4px 36px 4px 36px;
	background: url(line_blu.jpg) left top repeat-x;
	font-size:9px;
	color:#999999;
	float:left;
}


#footer .lt_txt{
	float: left;
	width: 50%;
}

#footer .rt_txt{
	float: right;
	width: 50%;
	text-align: right;
	}

/****************** Product Cat **************************/
#header_rt_pic_procat,#header_rt_pic_ebony{
	clear: both;
	width: 615px;
	height: 142px;
	background: url(product/headr_rt_btm.jpg) left top no-repeat;
	}

#header_rt_pic_ebony{
	background: url(product/header/headr_rt_ebony.jpg) left top no-repeat;
	}
	
.quar_turn{
	float: left;
	width: 93%;
	font-size:10px;
	text-align:left;
	padding-top: 3px;
	color:#333333;
}
	
/* ----- Logo ----- */

#logo-layer .head_lt2{
	width: 277px;
	float:left;
	height:190px;
	}

#logo-layer .head_rt2{
	background: url(top_right_ln.jpg) top right no-repeat;
	width: 615px;
	height: 190px;
	float:right;
}

.cat_title{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 4px;
/*	width: 400px; */
	background: url(product/cat_title_bg.jpg) left top repeat-y;
	margin-left: 8px;
	margin-bottom: 6px;
	}
	
.prod_pics{

/*	width: 95%; */
	padding: 0 6px 0 20px;
	text-align:left;
}
.prod_pics span{
	padding: 0 18px;
}
	
#prod_name{
	padding: 0 12px;
	text-align:center;
	height: 20px;
}

#prod_name .pro_label{
	display:inline;
	width: 240px;
	height: 12px;
	text-align:center;
	border: 1px solid #333333;
	margin: 0 8px;
}

/****************** Products [Kubel] **************************/
#pro-body-container{
/*	width: 892px;
	border: 1px solid #999999; */
	padding: 8px 36px 10px 36px;
	margin: 0px;
}

#pro_brand{
	float: left;
	width: 820px;
	padding: 0;
	padding-top: 4px;
	margin: 0;
	display: inline;
}

#pro_brand .brand_lt, #pro_brand .brand_names1, #pro_brand .brand_names2{
	float: left;
	padding:0;
	vertical-align: top;
/*	border: 1px solid #999999; */
}

#pro_brand .brand_lt{
	width: 160px;
}

#pro_brand .brand_names1, #pro_brand .brand_names2{
	padding-left: 8px;
	margin-left: 6px;
	border-left: 1px solid #999;
	font-size: 9px;
	color: #333333;
} 
#pro_brand .brand_names2{
	border:none;
}

#pro_brand .pro_menu{
	float: right;
	text-align: right;
	padding-left:8px;
	vertical-align: top;
	border-left: 1px solid #999;
	font-size:9px;
}

.pro_menu_txt{
	font-size:10px;
	width: 150px;
	background:#EEE;
}

form{	padding: 0;	margin: 0;}

.brand_pics_outer{
	clear:both;
	margin-top: 8px;
}

#pro_brand_pics{

/*	border: 1px solid #000000;
	width: 794px; */
	text-align:center;
	padding: 0 12px;
	vertical-align:middle;
}

.pic_space{
	margin: 15px 30px;
/*	padding: 30px; */
}

img{ border: none; }

#close_win{
	position:absolute;
	visibility:visible;
	top: 96%;
	right: 200px;
	text-align: right;
/*	border: 1px solid #000000; */
	padding: 0 3px 0 3px;
}

#close_win a{
	text-decoration:none;
	font-size:10px;
	color:#666666;
}
#close_win a:hover{
	color: #000000;
}

.about_txt, .enquiry{
	text-align:justify;
	line-height: 200%;
	padding: 0 12px 0 20px;
}

.about_txt p{
	margin: 0px;
}

/******* Contact Us & Enquiry Form *******/
.contact{
	padding: 10px 12px 40px 20px;
	text-align:center;
}

.contact ul{
	width: 410px;
	text-align: center;
}

.contact ul li.com_name{
	font-size: 14px;
	font-weight: bold;
}
.contact ul li a:hover{
	text-decoration: underline;
	color: #0099CC;
}

.contact ul, .enquiry ul{
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.contact ul li, .enquiry ul li{
	margin: 0;
	padding: 4px 6px;
	background: #e1e6e7;
}
.contact ul li{
/*	width: 100%; */
	text-align: left;
	background: none;
}
.contact ul li span, .enquiry ul li span{
	display: block;
	padding-right: 10px;
	width: 110px;
	float: left;
}

.contact ul li span{
	width: 160px;
}

.enquiry ul li.row2{
	background-color: #EEE;
}

.enquiry ul li.row1{
	background-color: #999;
}