/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
}
#page-container {
	margin: 0 auto;
	width: 800px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
#page-holder{
	margin: 0 auto;
	width: 780px;

}

#page-header{
	width: 100%;
	height: 200px;
	margin-bottom: 3px;
	background:url(../img/lumbanghead.jpg) no-repeat;
}
#head-cart{font: 11px Arial; color:#999999; height:20px; padding-top: 170px; text-align: right; padding-right: 25px;}


#head-img{float: left; height: 20px;padding-top: 172px; text-align: right; padding-left: 155px; }

#head-img a{background:url(../images/menu_grov.jpg) no-repeat 0px; font: bold 11px Tahoma; color:#ffffff; text-decoration: none; padding-left: 0px; margin: 0px; text-indent: 10px;}

#head-over{padding: 0px; margin: 0px; font: 11px Tahoma; color:#064253;  }

#head-img a:hover {text-decoration: underline;}

#h-div{width: 780px; height: 6px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color:#064253; font-size: 6px;}

/* left-box layout nothing change to follow here*/
#left-box{
	width: 148px;
	/*background-color: #fef5ef;*/
	vertical-align: top;
	margin: 0px 0 5px 0;
	padding: 0px;
}
/*#left-box p{font: bold 11px Arial; margin: 5px 0px 5px 0px; color: #073c6a; }*/
#menu{width: 148px;}
#menu ul{list-style: none; margin: 0px; padding: 0px; text-indent: 15px;}
/*#menu li{border-bottom: 1px solid #f7feed; 	background:url(../images/arrow.jpg) left no-repeat; }*/
#menu li{border-bottom: 1px solid #f7feed; }
#menu a{
	display: block;
	text-decoration: none; 
	font: bold 12px Arial; color: #db593f;
	padding: 5px 0px 5px 10px;
	}
#menu-sub-cat a{ 
	display: block;
	font: 11px Tahoma; 
	color: #444242;
	text-decoration: none; 
	background:url(../images/left-grove.jpg) no-repeat 12px 8px;
	padding: 4px 0px 4px 25px;
	margin: 0 5px 0 5px;
	/*border-bottom: 1px solid #f1e4db;*/
	border-bottom: 1px dashed #cccccc;
 }
#menu-sub-cat a:hover{color: #fe6215; text-decoration: underline;}
 
#menu a:hover{color:#db593f;  }
#item-holder{
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	border-right: 1px dashed #9c9c9c;
	}
#item-holder-top{
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	border-right: 1px dashed #9c9c9c;
	padding-top: 20px;
	}
#item-holder-top-right{
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 20px;
	}
#item-holder-list{
	width: 210px;
	margin-left: 5px;
	margin-right: 5px;
	}
#item-holder-right{
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	}
#item-holder2{
	width: 314px;
	margin-left: 10px;
	margin-right: 10px;
	border-right: 1px dashed #9c9c9c;
	vertical-align: top;
	}
#item-holder-bottom{	
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 100px;
	padding-bottom: 5px;
	border-right: 1px dashed #9c9c9c;
	border-bottom: 1px dashed #9c9c9c;
}
#item-holder-bottom-list{	
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
}

#item-holder-bottom-right{	
	width: 210px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #9c9c9c;
}

	
#left-news p{font: 11px Arial; color: #444242; margin-left: 5px; margin-right: 5px; text-align: justify;}	
#item-holder p{font: 11px Arial; color: #444242; margin-left: 5px; margin-right: 5px; text-align: justify}
#item-holder-list p{font: 11px Arial; color: #444242; text-align: justify; margin-left: 5px; margin-right: 5px;}
#item-holder a{color: #444242; text-decoration: none;}
#item-holder-list a{color: #444242; text-decoration: none;}
#item-holder a:hover{color: #000000; text-decoration: none;}

#item-holder-right p{font: 11px Arial; color: #444242; margin-left: 5px; margin-right: 5px; text-align: justify}
#item-holder-right a{color: #444242; text-decoration: none;}
#item-holder-right a:hover{color: #000000; text-decoration: none;}

#item-holder2 p{font: 11px Arial; color: #444242; margin-left: 5px; margin-right: 5px;}
#itm-pic{text-align: center;}
/*#price{float: left; font: bold 14px Arial; color: #ba2001; margin-left: 5px;}*/
#price{float: left; vertical-align: bottom;}
.txt-box{font: bold 11px Arial; text-align: center; background-color:#DBDBDB; border: 1px solid #999999; width: 40px;}
#car-box{clear: right; width: 210px; vertical-align: bottom; }
#car-box2{clear: right; width: 314px;}
#car-btn{clear: both; height: 18px; padding-top: 10px; padding-left: 20px; padding-right: 20px; }
#car-btn a:visited{ border: 0px;}
#quant{float: left; vertical-align: bottom; font: bold 14px Arial; color: #ba2001; margin-left: 5px;}
#newsprice{padding-bottom: 10px;}
#newsprice p{font: bold 14px Arial; color: #ba2001;}

#head-item{width: 633px; height: 30px; background:url(../images/headitem.jpg) no-repeat;}
#title{height: 30px; float: left;}
#title p{font: bold 14px Arial; margin: 6px 0px 6px 40px; padding: 0px; color: #ffffff;}
#carting-nav{float: right; margin-right: 10px;}




#category{ background:url(../images/cat.jpg) no-repeat;height: 35px; width: 148px; text-align: center;}
#category p{font: bold 13px Tahoma; margin: 0px 0px 6px 0px; padding: 6px 0px 0px 0px; color: #155d38;}
#what-new{height: 26px; background-color: #c2f87c; text-align: center;}
#news{ text-align:center; width: 120px; margin-top: 20px; background-color: #F0EFCA; margin-bottom: 20px;}
#what-new p{font: bold 14px Arial; margin: 0px 0px 6px 0px; padding: 6px 0px 0px 0px; color: #ba2001;}


#nav{width: 631px;border-top: 3px solid #e87b43; }
#footer-nav{text-align: center; height: 26px; font: bold 11px Arial; color: #ba2001; }
#footer-nav ul{margin: 0px; padding: 0px; list-style-type: none;}
#footer-nav ul li{display: inline;}
#footer-nav a{text-decoration: none; padding: 7px 5px 7px 5px; font: bold 11px Arial; color: #ba2001; }
#carting-fot{float: right; margin-right: 10px;}
/*footer layout nothing follow here*/
#page-footer{
	margin-top: 4px;
	width: 780px;
	height: 50px;
	background-color: #ebebeb;
	color: #cccccc;
}

#fot {
	margin: 0 auto;
	width: 780px;
	margin-top: 5px;
	border-top: 4px solid #ebebeb;
}
#page-fot-nav{float: left; color: #6c6c6c;  height: 26px; width: 500px;}
#page-fot-card{float: right; height:26px; width: 164px;}
#page-fot-nav p{ color: #6c6c6c; font: 10px Tahoma; margin: 0px; padding-top: 18px; padding-left: 20px;}

#page-fot-nav a{text-decoration: none; font: 10px Tahoma; color:#6c6c6c;}
#page-fot-nav a:hover{ text-decoration:underline;}
#page-fot-nav a:visited{color:#6c6c6c;}

#whats-new{margin-top: 20px; text-align: center;}

/* product detail layout.........
----------------------------------*/
#itemcode{
font: 11px Arial; 
color:#444242;
}
#code{
font: bold 11px Arial; 
color: #825808;
}

#desc{
font: 11px Arial; 
color: #444242;
}

#pricelabel{
font: 11px Arial;
color:#444242;
}
#pr{
font: bold 14px Arial;
color: #941111;
}

#pic-holder{
width: 206px;
padding: 20px 20px 0px 20px;
text-align: center;
}
#click{
font: 11px Arial;
color: #947310;
}
#but{
float: right;
}
#img{
margin-right: 10px;
z-index: 1;
}
#big-img{
border: 1px solid #dcdcdc;
}


/*
-------------RENOVATION LAYOUT--------------*/
#fake{
width: 200px;
margin-left: 5px;
}
#fake p{font: 10px Arial; color: #ba2002; text-align: left; text-decoration:line-through; margin: 0px; padding: 0px;}

#pq{
width: 200px;
margin-left: 5px;
}
#rprice{
width: 99px;
float: left;
font:bold 14px Arial; color: #ba2001; 
text-align: left;
}
#quantity{
width: 99px;
float: right;
font: 10px Arial; 
color: #595151;
text-align: left;
}
.quantity-box{
width: 40px;
height: 12px;
text-align:center;
font:bold 10px Arial; 
color: #000000; 
background-color: #eceeef;
margin: 0px;
padding: 0px;
}

#details{float: left; margin: 0px;}
#details2{float: left; margin-left: 3px;}
#buy-now{float: right; margin-right: 2px;}


.img{z-index: 1}
#about-text p{ float:left; font: 13px Arial; color:#333333; padding: 0px 10px 0px 10px; text-align:justify}

/*floating in item box*/

#flo { position: absolute; width: 100px; height: 30px; background-color:#006600; z-index: 111; }


/*  INQUIRY FOR LAYOUT
------------------------------*/
.txtbox {
background-color: #FFFFFF;
border: 1px solid #ccc;
}

#pop {

margin-top: 20px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;

font: 11px Arial; color: #444242; text-align: justify

}

#check_user{ width: 148px; background-color:#eefae4; padding-bottom: 10px; margin-bottom: 5px;}

#form{margin-left: 20px; font: 11px Tahoma; color:#333333; margin-bottom: 15px;}

#customer{background:url(../images/login.jpg) no-repeat;height: 30px; width: 148px; text-indent: 37px; }
#customer p{font: bold 13px Tahoma; margin: 0px 0px 6px 0px; padding: 6px 0px 0px 0px; color: #ffffff;}
#custom {padding-left: 20px; margin-top: 0px; font: 11px Tahoma;}
#custom a{text-decoration: blink; font: bold 15px Tahoma;}
#in_custom {padding-left: 20px; margin-top: 10px; font: 11px Tahoma;}
#in_custom a{
	display: block;
	font: bold 11px Tahoma; 
	color: #444242;
	text-decoration: none; 
	background:url(../images/left-grove.jpg) no-repeat 12px 8px;
	padding: 4px 0px 4px 25px;
	margin: 0 5px 0 5px;
	border-bottom: 1px solid #f1e4db;
 }
#in_custom a:hover {color: #ba2001;}


/*about layout
==========*/

#par { background-color: #F9FFF9;}
#par p{
	padding: 20px 20px 5px 20px; font: 11px Tahoma; color: #003300; text-align: justify;
}

#faqp {background-color: #F9FFF9;}
#faqp p{ font: 11px Tahoma; color: #003300; text-align: justify; padding-left: 20px; padding-right: 20px;}
#faqp a{ padding-left: 20px; padding-right: 20px; font: bold 12px Tahoma; color: #0023a0;}

#copy {background-color: #F9FFF9; padding-left: 20px; padding-right: 20px; padding-top: 20px; text-align: justify; }
#copy p{font: 11px Tahoma; color: #003300;}
#copy h1{font: 20px Tahoma; color: #003300;}




#store_info{ width: 148px; background-color: #eefae4; margin-bottom: 10px; margin-top: 10px; }
#store{background:url(../images/store.jpg) no-repeat;height: 30px; width: 148px; text-align: center;}


#store_info a{ 
	display: block;
	font: 11px Tahoma; 
	color: #444242;
	text-decoration: none; 
	background:url(../images/left-grove.jpg) no-repeat 12px 8px;
	padding: 4px 0px 4px 25px;
	margin: 0 5px 0 5px;
	border-bottom: 1px dashed #cccccc;
		
 }
#store_info a:hover{text-decoration: underline;}

#i_cart{
	width: 148px;
	height: 45px;
	margin-bottom: 2px;
	background:url(../images/cart.jpg) no-repeat;
}
#i_text{
	font: 11px Arial;
	padding-top: 25px;
	text-indent: 35px;
}
#ct{font: bold 11px Tahoma; color: #ffffff;}
#ct a{font: bold 11px Tahoma; color: #ffffff; text-decoration: blink;}