/*   

Theme Name: Best Lock Hardware Enterprise

Theme URI: www.blh.net.my

Description: A website special design for caragena.com. Design by PCT Internal Team, copyrighted.

Author: PCT -- Production --

Version: version 1

/*********** Begin Sturcture **********/

.hiddenpic {display:none;}

body {
	font-family: "Arial", Helvetica, sans-serif;
	background-color:#ffffff;
	text-align:justify;
	font-size:14px;
	margin:0 auto;
}



h2 {
   margin:0 0 20px 0;
   outline:none;
   border:none;
   }

#title-bg {
background:url('img/page/home/title-bg.png') no-repeat;
width:511px;
height:41px;
padding:8px 0 0 70px;
}


h3 {
   font-size:18px;
   color:#000000;
   font-weight:500;
   height:90px;
   background:url('img/page/title-bg.png') no-repeat bottom;
   margin:0 0 0 15px;
   padding:0px 0 0 30px;
   clear:both;
   }
   
h4 {
   font-size:18px;
   color:#000000;
   margin:0;
   padding:0;
   }

h5 {
   font-size:18px;
   color:#cdb90e;
   font-family: Georgia, "Times New Roman", Times, serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:14px;
   color:#000000;
   margin:0;
   padding:0;
   }   

a {
   outline:none;
   text-decoration:none;
   color:#000000;
   }

img {
outline:none;
border:none;
}

#page-footer {
clear:both;
height:10px;
}
/************ Begin Header ************/

#header {
	background: url('img/general/body-bg.png') repeat-x;
	margin:0 auto;

	}
	
#page-header {
	height: 365px;
	width:960px;
	background: url('img/header/header-bg.png') no-repeat;
	margin:0 auto;
}

#home-header {
	height: 500px;
	width:960px;
	background: url('img/header/header-bg.png') no-repeat;
	margin:0 auto;
}

.font-color {
color:#cdb90e;
}

	
#logo {        
        padding:48px 0 0 0;
		margin:0;
		float:left;
}

#logo a img{
        outline:none;
		border:none;
}


#flash {
padding:0 0 0 10px;
	  }

#banner-page img{
margin:20px 0 0 0;
}
	  
#banner img{
margin:-10px 0 0 10px;
}
/************ End Header ************/

/*********** Begin Nav **********/
#nav ul {
list-style:none;
margin:0;
padding:60px 0 0 10px;
float:left;
}

#nav ul li {
float:left;
border-right:1px solid #4d0202;
}

#nav ul li a.home-btn {
padding:4px 11px 4px 12px;
margin:0 5px 0 5px;
}

#nav ul li a.home-btn:hover{
background:url('img/nav/home-hover.png');
padding:4px 11px 4px 12px;
color:#ffffff;
}

#nav ul li a.kitchen-btn {
padding:4px 10px 4px 6px;
margin:0 5px 0 5px;
}

#nav ul li a.kitchen-btn:hover {
background:url('img/nav/kitchen-hover.png');
padding:4px 10px 4px 6px;
color:#ffffff;
}

#nav ul li a.household-btn {
padding:4px 11px 4px 10px;
margin:0 5px 0 5px;
}

#nav ul li a.household-btn:hover {
background:url('img/nav/household-hover.png');
padding:4px 11px 4px 10px;
color:#ffffff;
}

#nav ul li a.features-btn {
padding:4px 10px 4px 13px;
margin:0 5px 0 5px;
}


#nav ul li a.features-btn:hover {
background:url('img/nav/features-hover.png');
padding:4px 10px 4px 13px;
color:#ffffff;
}


#nav ul li a.contact-btn {
padding:4px 10px 4px 10px;
margin:0 5px 0 5px;
}

#nav ul li a.contact-btn:hover {
background:url('img/nav/contact-hover.png');
padding:4px 10px 4px 10px;
color:#ffffff;
}
/*********** End Nav **********/

/*********** Begin homepage **********/
#main {
width:960px;
margin:0 auto;
}

#home .home-layout {
width:311px;
height:185px;
margin:0 15px 0 0;
padding:0;
float:left;
background:url('img/page/home/home-img01.png') bottom no-repeat;
}


#home .home-layout h2{
margin:0 0 135px 0;
}


.shadow  { position:relative; display:block; color:#fff; margin:-15px 0 0 0px; font-size:15px; padding:10px 10px 0 

0;
text-align:right;
width:301px;}
.shadow span { position:absolute; display:block; top:0px; left:0; background:rgba(255, 255, 255, 0.5) none repeat 

scroll 0 0; height:30px;
padding:10px 10px 0 0;
position:absolute;
text-align:right;
width:301px;  }
.shadow:before { display:block; padding:1px; content: attr(title); color:#666; } 

.shadow span:hover { position:absolute; display:block; top:0px; left:0; background:rgba(164, 164, 164, 0.5) none repeat 

scroll 0 0; height:30px;
padding:10px 10px 0 0;
position:absolute;
text-align:right;
width:301px;  }

#home .home-layout2 {
width:311px;
height:185px;
margin:0 15px 0 0;
float:left;
background:url('img/page/home/home-img02.png') bottom no-repeat;
}

#home .home-layout2 h2{
margin:0 0 135px 0;
}


#home .home-layout3 img {
float:left;
margin:0 5px 0 0;
}

#home .home-layout3 a {
float:right;
margin:30px 0 0 0;
padding:6px 23px;
background:url('img/page/home/read-more.png');
}

#home .home-layout3 a:hover {
color:#ffffff;
}
/*********** End Home page ***********/	 

/*********** Begin Page ***********/	 

/*********** End Page ***********/	 	 

/********** Begin Footer **********/

#footer {
	background: url('img/footer/footer-bg.png') repeat-x;
	margin:0 auto;
	clear:both;
	}

#footer-layout {
     width:960px;
	 margin:0 auto;
	 height:49px;
	 }

#footer-layout img{
float:left;
margin:10px 0 0 0;
}
	 
#footer-layout p{
padding:20px 0 0 0;
width:960px;
color:#ffffff;
font-size:11px;
text-align:right;
}

/********* End Footer ******/

/*********** Begin Kitchen ***********/	 

#kitchen p {
font-size:14px;
margin:-35px 0 0 25px;
clear:both;
}


#kitchen a:hover {
color:#c3a250;
}

#kitchen .content-layout01{
background:url('img/page/kitchen/product-bg.png') no-repeat;
height:406px;
width:686px;
margin:20px 15px 20px 25px;
float:left;
}

#kitchen .content-layout01 #product-swap {
margin:30px 0 0 30px;
width:337px;
height:315px;
float:left;
}

#kitchen .content-layout01 p {
float:left;
width:250px;
margin:0 0 15px 20px;
clear:none;
}

#kitchen .content-layout01 h4 {
float:left;
width:200px;
margin:35px 0 15px 20px;
}

#kitchen .content-layout02 {
float:left;
margin:20px 0 0 0;
}

#kitchen .content-layout03 {
float:left;
margin:20px -10px 0 25px;
}

#kitchen #products-thumbnails {
padding:0;
float:left;
cursor:pointer;

}

#kitchen #products-thumbnails ul{
margin:0 2px 0 0;
padding:0;
float:left;
list-style:none;

}

#kitchen #products-thumbnails ul li img{
margin:0 0 -2px 0;
padding:0;
border:5px #c3a250 solid;
}

#kitchen #products-thumbnails ul li img:hover{
margin:0 0 -2px 0;
padding:0;
border:5px #000000 solid;
}
/*********** End kitchen ***********/	

/*********** Begin Features ***********/	 

#features .content-layout01{
width:750px;
margin:-30px 0 0px 25px;
}

#features .content-layout01 p{
margin:0 0 10px 0;
}

#features img {
float:left;
margin:0 0 0 25px;
}


#features ul{
margin:240px 0 0 0;
padding:0 0 0 25px;
width:700px;
}

#features ul li{
list-style:url('img/page/features/arrow.png');
margin:0 0 10px 25px;
}

/*********** End Features ***********/	 

/*********** Begin Household ***********/	 
	
#household p {
font-size:14px;
margin:-35px 0 0 25px;
clear:both;
}


#household a:hover {
color:#c3a250;
}

#household .content-layout01{
background:url('img/page/household/household-product-bg.png') no-repeat;
height:406px;
width:686px;
margin:20px 10px 20px 25px;
float:left;
}

#household .content-layout01 #product-swap {
margin:30px 0 0 30px;
width:337px;
height:315px;
padding:10px 0 0 10px;
float:left;
}

*html #household .content-layout01 #product-swap {
margin:30px 0 0 15px;
width:337px;
height:315px;
padding:10px 0 0 10px;
float:left;
}

#household .content-layout01 a {
float:right;
background:url('img/page/household/download-btn.png') no-repeat;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
margin:-40px 40px 0;
padding:13px 0 10px 65px;
width:164px;
}

#household .content-layout01 a:hover{
color:#666666;
}

#household .content-layout02 {
float:left;
margin:20px 0 0 0;
}

#household #products-thumbnails {
padding:0;
float:left;
cursor:pointer;

}

#household #products-thumbnails ul{
margin:0 2px 0 0;
padding:0;
float:left;
list-style:none;

}

#household #products-thumbnails ul li img{
margin:-1px 0 0 0;
padding:0;
border:5px #c3a250 solid;
}

#household #products-thumbnails ul li img:hover{
margin:-1px 0 0 0;
padding:0;
border:5px #000000 solid;
}
/*********** End Household ***********/	 	

/*********** Begin Contact ***********/	 

#contact .content-layout{
width:800px;
margin:-35px 0 0 25px;
}

#contact .content-layout table{
border-top:solid 1px #c3a250;
border-bottom:solid 1px #c3a250;
width:327px;
margin:20px 0 20px 0;
}



#contact .content-layout .map {
background:url('img/page/contact/map-bg.png');
width:389px;
height:538px;
float:right;
padding:21px 0 0 27px;
}

/*********** End Contact ***********/	

/* begin form */
.col {
border:1px solid #000000;
margin:10px 0 10px 0;
width:327px;
}
/* end form */