/*   



Theme Name: kimtai v01



Theme URI: www.weldro.com.my



Description: A coorperate website special develope for Sin Zhong Import and Export Ptd Ltd. Design by Ven, modified by Sum Yee.



Author: PCT - Production...




Version: version 1



*/



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

body {

	margin: 0 auto;

	background: #171310;

}




#wrap {
	width:960px;
	margin:0 auto;
}


#clear-both {

	clear: both;

	height: 10px;

}

#img-preload {
 display:none;
}

/*********** End Sturcture **********/



/*********** Begin Setting **********/

body {

	font-size: 0.9em;

	font-family: Arial, Helvetica, sans-serif;

	color: #171310;

}



p {

	margin:0;

	padding: 0;

	font-size:100%;

	padding: 10px 0 0 20px;

        text-align:justify;



}



h1 {

	padding: 0;

	margin: 0;

}

h2 {
	height: 31px;

	display: block;

	margin: 0;

	padding: 0;

	padding-top: 10px;

	padding-left: 20px;

	color: #078cd1;

	font-size: 170%;
	}

h2.h2-bg {

	height: 31px;

	display: block;

	margin: 0;

	padding: 0;

	padding-top: 10px;

	padding-left: 20px;

	background: url('img/page/title-bg.png') no-repeat;

	color: #ffffff;

	font-size: 120%;


}


a:hover {

	text-decoration: underline;

}

a img {
	border: none;
}

/*********** End Setting **********/



/*********** Begin Header **********/

#header {
	height: 434px;
	
	background:url('img/header/header-bg.png');

}

#page-header {
	height: 275px;	
	background:url('img/header/header-bg.png');

}

#header-content {
    width:960px;
	margin:0 auto;
	height:434px;
		background:url('img/header/banner/home-banner.png');
	}

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

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

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

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

img#logo {
    margin:20px 112px 0 0;
	float:left;
	border:none;
	}


/*********** End Header **********/



/*********** Begin Nav **********/

#nav {

	height: 84px;

	background:transparent url('img/header/header-bg01.png') repeat-x scroll 0 0;

	position:relative;

}



#nav a {

	text-decoration: none;

}



ul#menu {

	list-style-type: none;

	padding: 0;

	margin: 0;


}



ul#menu li{

	padding:0;

	float: left;
}

ul#menu li a{
    outline:none;
}

#home-btn {
    background: url('img/nav/home-btn.png') no-repeat;
	width:111px;
	height:84px;
	}  

#home-btn:hover {
    background: url('img/nav/home-btn-hover.png') no-repeat;
	width:111px;
	height:97px;
	}  

#about-btn {
    background: url('img/nav/about-btn.png') no-repeat;
	width:111px;
	height:90px;
	}  

#about-btn:hover {
    background: url('img/nav/about-btn-hover.png') no-repeat;
	width:111px;
	height:97px;
	} 
	
#product-btn {
    background: url('img/nav/product-btn.png') no-repeat;
	width:111px;
	height:90px;
	}  

#product-btn:hover {
    background: url('img/nav/product-btn-hover.png') no-repeat;
	width:111px;
	height:97px;
	}   

#cart-btn {
    background: url('img/nav/cart-btn.png') no-repeat;
	width:111px;
	height:90px;
	}  

#cart-btn:hover {
    background: url('img/nav/cart-btn-hover.png') no-repeat;
	width:111px;
	height:97px;
	}
	
#contact-btn {
    background: url('img/nav/contact-btn.png') no-repeat;
	width:111px;
	height:90px;
	}  

#contact-btn:hover {
    background: url('img/nav/contact-btn-hover.png') no-repeat;
	width:111px;
	height:97px;
	}    
/*********** End Nav **********/


/*********** Begin Content Layout ***********/
#product-content-area {
background-color: #dfdede;
padding: 20px 23px 5px;
position: relative;
min-height:960px;
}

#content-area {
background-color: #dfdede;
padding: 20px 23px 5px;
position: relative;
}

*html #content-area {
width: 907px;
background-color: #dfdede;
padding: 0 0 0 23px;
margin:0;
position: relative;
}

#content-frame {
padding: 0 15px;
margin:0 0 0 0;
}

#page-content-bg {
background:url('img/page/page-bg.png') repeat-x;
}

#page-content-title {
width: 907px;
height:66px;
padding: 0 30px 0 23px;
position: relative;
background: url('img/page/page-content-bg.png');
}

#page-content-title h1{
padding:20px 0 12px 20px;
}

#page-content{
padding-right:25px;
width: 880px;
}
/*********** End Content Layout ***********/


/*********** Begin Sidebar **********/

#sidebar {

	width: 200px;

	position: absolute;

	top: 0;

	left: 0;

	margin-left: 12px;
	
	margin-top: 20px;

}



h2.categories {

	height: 31px;

	margin: 0;

	padding: 0;

	padding-top: 10px;

	padding-left: 20px;

	background: url('img/sidebar/title-bg.png');

	color: #ffffff;

	font-size: 120%;

}



#sidebar ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	padding: 8px 5px 0 5px;

	border: #dedede 1px solid;

background: #ffffff url("img/sidebar/sidebar-bg-lower.png") bottom no-repeat; 

width:204px;

}



#sidebar ul.PeCategories { 

	border: none;
background: none;
width: inherit;

}

#sidebar ul.SubCategories  {
	width: 170px;
}


#sidebar ul li { /* categories */

	background: url('img/sidebar/product-bullet.png') no-repeat;

	padding-bottom: 10px;

	padding-left: 20px;

}



#sidebar ul li ul { /*sub-categories*/

	margin: 0;

	padding: 0;

	margin-top:5px;

}



#sidebar ul li ul li{ /*sub-categories*/

	background: none;

	margin: 0;

	padding: 0;

	padding-top:5px;

	font-size: 85%;

}



#sidebar ul li ul li ul li{ /*sub-categories*/

	margin: 0;

	padding: 0;

	padding-left:10px;

	padding-top: 5px;

	font-size: 100%;

}



#sidebar a {

	text-decoration: none;

	color: #000000;

	font-size: 80%

}



#sidebar a:hover {

	text-decoration: underline;

	color: #d73c5b;

}



#sidebar ul li ul li:hover, #sidebar ul li ul li:hover a { /*for sub-categories*/

	text-decoration: none;

	background: #a9022e;

	color: #ffffff;

}



#sidebar ul li ul li ul, #sidebar ul li ul li:hover ul li a { /*for sidebar categories which under sub-categories*/

	text-decoration: none;

	background: #ffffff;

	color: #333333;

}



#sidebar ul li ul li:hover ul li:hover a { /*for sidebar categories which under sub-categories*/

	text-decoration: none;

	background: #a9022e;

	color: #ffffff;

}

/*********** End Sidebar **********/



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

#footer {
	height: 87px;
	
	background:#0b0908;
	
}



#footer-content {

	width: 930px;

	height: 87px;

	margin:0 auto;

	background:#6f6f6f;

	display: block;
	
	font-family:"Verdana", Arial, Helvetica, sans-serif;

}

#footer-content p {
    font-size:60%;
	color:#ffffff;
	margin:10px 0 0 0;
	}

#footer-content ul {

	list-style-type: none;

	padding: 0;

	margin: 0 0 0 10px;
	
	width:800px;
	height:30px;


}



#footer-content ul li{

	padding:0 10px 0 10px;

	float: left;
	
	margin:20px 0 0 0;


}

#footer-content ul li img{
margin:0 0 0 20px;

}

#footer-content ul li a{
    text-decoration:none;
	color:#ffffff;
	font-size:60%;
}

#footer-content ul li a:hover{
    text-decoration:underline;
}
/*********** End Footer **********/



/*********** temporary **********/

ul#latest-product {

	margin: 0;

	padding: 0;	

	list-style-type: none;

	height: 250px;

}



ul#latest-product li {

	float: left;

	background: url('img/page/frame-border.png') no-repeat;

	height: 222px;

	width: 206px;

	padding-left:20px;

}



ul#latest-product li.no-padding {

	padding-left: 0;	

}


/*********************albert begin contact pages structure*************************/



#contact ul {

margin:10px 10px 30px;

padding:0;

list-style:none;

}



#contact ul li {

margin:0 0 10px 0;

padding:0;

width:350px;



}



#contact ul li p {

margin:0;

padding:0;

}


.style-h2 {

color:#DF1C47;

font-size:0.9em;

font-weight:bold;

}



#search-box {

position:absolute;

left:660px;

top:13px;



}


/******************** Begin About ****************/
#about p{
padding:20px 0 0 0;
}

#about img.about-img {
   margin:20px 20px 0 0;
   float:left;
   }

#about .content-layout {
background:url('img/page/about/about-logo-bg.png');
width:799px;
height:237px;
margin:10px 0 0 0;
padding:50px 0 0 90px;
}

#about .content-layout img{
margin:0 10px 20px 0;
}

#about h2{
margin:80px 0 0 0;
padding:20px 0 0 0;
}

/******************** End About ****************/

/******************** Begin Contact ****************/
#contact .content-layout01 h2{
padding:10px 0 15px 0;
	}
	
#contact .content-layout01 p{
padding:0 0 10px 0;
}

#contact .content-layout01 a{
text-decoration:none;
}

#contact .content-layout01 a:hover{
text-decoration: underline;
color:#D73C5B;
}

#contact .content-layout01 img{
padding:15px 0 0 0;
}

#contact .content-layout01{
width:320px;
float:left;
}

#contact .content-layout02{
width:560px;
float:right;
}

#contact .content-layout02 img{
padding:20px 0 0 0;
}

#contact .content-layout02 a{
margin:0px 0 0px 350px;
text-decoration:none;
outline:none;
}

#contact .content-layout02 a img{
outline:none;
border:none;
}

#contact .content-layout02 .contact-form{
background:url('img/page/contact/contact-form-bg.png');
width:544px;
height:284px;
margin:20px 0 50px 0;
padding:65px 0 0 10px;
color:#ffffff;
}

.col {
width:390px;
}

.form-btn {
margin:20px 0 0 225px;
outline:none;
}
/******************** End Contact ****************/

p.pdf-btn {
background:url('img/page/product/pdf-btn.png') no-repeat;
width:120px;
height:20px;
padding:0;
margin:0;
margin:20px 0 0 0;
padding:30px 0 0 60px;
color:#a70612;
font-weight:bold;
}

p.pdf-btn:hover {
color:#D73C5B;
text-decoration: underline;
}

a.pdf-link{
color:#a70612;
}

a.pdf-link:hover{
color:#D73C5B;
text-decoration: underline;
}