/*   



Theme Name: aerosolmaker v01



Theme URI: www.aerosolmaker.com.my



Description: A coorperate website special develope for aerosol maker.



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;
	
	background:#ffffff;

}



p {

	margin:0;

	padding: 0;

	font-size:13px;

	padding: 10px 0 0 0;

        text-align:justify;
		
		color:#373737;



}



h1 {
    background:url('img/general/title-bg.png');
	width:861px;
	height:36px;
	padding: 0 0 0 30px;
    font-size:24px;
	margin: 0 0 0 32px;

}

h2 {

	margin: 0;

	padding: 0;

	padding-top: 10px;

	padding-bottom: 5px;

	color: #000000;
	
	font-weight:100;

	font-size: 20px;
	
	width:390px;
	}

h3 {
    font-size:19px;
	color:#ffffff;
	margin:0;
	padding:0;
	font-weight:200;
	font-weight:bold;
	}

h4 {
    font-size:16px;
	color:#000000;
	font-style:italic;
	margin:0;
	padding:20px 0 0 0;
	font-weight:200;
	}


a:hover {

	text-decoration: underline;

}

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

a {
	border: none;
	outline:none;
}
/*********** End Setting **********/



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

#header {
	height: 196px;
	margin:0;
	background:url('img/header/header-bg.png') repeat-x;

}



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

#header-content .logo {
   height:133px;
   width:960px;
   }

#header-content .logo p{
   color:#ffffff;
   margin:0;
   padding:13px 0 0 0px;
   text-align:justify;
   }

#header-content .logo img{
margin:46px 0 0 38px;
	float:left;
	}
	
#header-content .logo  img#contact-btn {
   margin:10px 10px 0 500px;
   padding:0;
    }	

#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 **********/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	}
.menu ul{
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		width:181px;
		height:63px;
		float:left;
		padding:0px 0 0 13.7px;
		margin:0;
		}
		
		.menu li.menu-home{
		width:181px;
		height:63px;
		float:left;
		padding:0;
		margin:0;
		}
		
	.menu li a{
	   background:url(img/nav/nav-btn.png) no-repeat;
		color:#ffffff;
		display:block;
		font-weight:bold;
		line-height:63px;
		padding:0;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover{
			   background:url(img/nav/nav-btn-hover.png) no-repeat;
			color:#262626;
			text-decoration:none;
			}
	.menu li ul{
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:181px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		padding:0px;
		width:181px;
		height:36px;
		}
	.menu ul li ul li a{
	background:#171717;
	border-top:#ffffff solid 1px;
			line-height:36px;
		font-size:12px;
		padding:0;
		height:36px;
		margin:0;
		}
		.menu li ul a:hover{
			background:#a8a8a8;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	.menu p{
		clear:left;
		}	
 
/*********** End Nav **********/
/********* Home **********/
#home-content {
padding-right:25px;
width: 960px;
padding-bottom:30px;
}

#home-content img{
padding:20px 0 0 0;

float:left;
}

#home-content h1{
background:none;
margin:0;
padding:0 0 0 25px;
}


#home-content a{
font-size:90%;
color:#0078ff;
font-weight:bold;
text-decoration:none;
float:right;
}

#home-content a:hover{
font-size:90%;
color:#0078ff;
font-weight:bold;
text-decoration:underline;
float:right;
}

#home-content .content-layout {
width:430px;
padding:30px 25px 0 25px;
float:left;
}

#home-content .content-layout h1 {
width:430px;
border-bottom:solid 1px #a3a3a3;
margin:0;
padding:0;
}

#home-content .content-layout img{
margin:0;
padding:0;
margin:10px 10px 0 0;
}

#home-content .content-layout img.more-btn{
margin:3px 5px 0 355px;
float:left;
padding:0;
}

#home-content .content-layout p{
line-height:17px;
}

#home-banner {
background:url('img/page/banner/home-banner.png') no-repeat bottom;
height:339px;
width:960px;
margin:0 0 10px 0;
padding:35px 0 0 0;
}

#home-banner ul {
margin:0;
padding:20px 0 0 20px;
width:227px;
float:left;
}

#home-banner ul li{
background:url('img/page/home/banner-btn.png');
width:217px;
height:42px;
list-style:none;
margin:0 0 5px 0;
}

#home-banner ul li a {
text-decoration:none;
}


#home-banner ul li a p{
color:#bbbbbb;
cursor:pointer;
font-family: "Arial", Helvetica, sans-serif;
font-size:14px;
height:30px;
padding:12px 0 0 10px;
width:207px;
}

#home-banner ul li a p:hover{
color:#000000;
cursor:pointer;
font-family: "Arial", Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
padding:12px 0 0 10px;

width:207px;
}

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

#home-category {
padding:0 0 35px 25px;
margin-bottom:30px;
width:900px;
}



#home-content-bg {
   background:#FFFFFF url('img/general/body-bg.png') repeat-y scroll center 97px;
   margin:0 auto;
   }
     
/********* End Home **********/

/*********** Begin Page **********/
#banner {
   padding:35px 0 20px 0;
   }

#page-content {
   width:900px;
   padding:20px 0 35px 25px;
   }
/********* End Page **********/

/********* Product page **********/
#product-content {
margin-left:290px;
width:670px;
}

#product-categories {
/*width:215px;
height: 200px;
float: left;*/
}

h2.categories-bg {/**category title bar background**/
	width: 197px;
	height: 18px;
}

#sidebar h2 {
color: #373737;
font-size:18px;
padding: 0;
font-weight:bold;
margin: 0;
padding:15px 20px;
}  
/********* End Product page **********/

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

#content-area {
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;
}


/*********** End Content Layout ***********/


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

#sidebar {

	width: 240px;
	
	height:250px;
	
	border:solid 1px #7f7f7f;
	
	float:left;

	top: 460px;

	left: 295px;

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

}



h2.categories {

	height: 31px;

	margin: 0;

	padding: 0;

	padding-top: 10px;

	padding-left: 20px;


	color: #ffffff;

	font-size: 120%;

}



#sidebar ul {

	list-style-type: none;

	margin: 0;

	padding: 0 0 0 20px;


width:204px;

}



#sidebar ul.PeCategories { 

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

}

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


#sidebar ul li{

padding:10px 0 0 0;

font-size:15px;

}

#sidebar ul li a{ /* categories */

	background: url('img/sidebar/product-bullet.png') no-repeat;
	
	text-decoration:none;
	
	color:#373737;

padding:0 0 0 20px;
margin:0;
display:block;

}

#sidebar ul li a:hover{ /* categories */

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

	
	margin:0 0 0 10px;
	
	color:#373737;
padding:0 0 0 30p;

}

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



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

#footer {
	height: 132px;
	background:url('img/footer/footer-bg.png') repeat-x;
	
}



#footer-content {

	width: 930px;

	height: 70px;

	margin:0 auto;

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

}

#footer-content p {
    font-size:80%;
	color:#ffffff;
	margin:0;
	padding:0;
	}

#footer-content h4 {
    font-size:16px;
	color:#ffffff;
	font-style:italic;
	margin:0;
	padding:20px 0 5px 0;
	}

#footer-content p.copyright {
    font-size:60%;
	color:#ffffff;
	width:960px;
	text-align:center;
	padding:20px 0 10px 0;
	}

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



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


/*********** End temporary **********/
/******************** Begin About ****************/
#about img{
    float:left;
	margin:0 20px 0 0;
	}  

#about p{
	margin:0 0 30px 0;
	line-height:20px;
	padding:0px;
	}  
	
#about p.about-content{
	margin:80px 0 30px 0;
	width:500px;

	}

#about p.about-content02{
	width:500px;
	}

#about img.about-content03{
    float:right;
	margin:50px 0 0 0;
	}
/******************** End About ****************/

/******************** Begin Packaging ****************/
#gallery-content {
   padding:20px 0 0 25px;
   }
   
#gallery-content p{
   float:left;
   margin:0 30px 0 0;
   }
   
#gallery-content img{
   margin:10px 0 0 0;
   }
   
#gallery-content object {
   margin:15px 0 0 50px;
   outline:none;
   }
/******************** End Packaging ****************/   

/******************** Begin Contact ****************/
#contact .content-layout {
width:390px;
float:left;
margin:0 100px 0 0;
}

#contact .content-layout02 {
width:390px;
float:left;
margin:0 0 0 0;
}

#contact h2 {
	
	border-bottom:solid 1px #9f9f9f;
	float:left;
	}

#contact .content-layout p{
   margin:0;
   padding:0 0 0 5px;
   line-height:17px;
   }
#contact .content-layout p.bg-color {
   background:#ffe3cc;
   }
   
#contact .content-layout h2.map-content{
   margin:40px 0 20px 0;
   padding:0;
   }

#contact .content-layout img{
   margin:0 0 20px 0;
   padding:0;
   background:#ffffff;
   line-height:17px;
   }
   
#contact .content-layout02 h4{
   margin:0;
   margin-top:10px;
   margin-bottom:10px;
   font-style:inherit;
   padding:5px 0 0 0;
   }

#contact .content-layout02 h3{
   margin:0;
   font-size:16px;
   font-style:italic;
   font-weight:200;
   margin-top:10px;
   color:#000000;
   margin-bottom:10px;
   padding:5px 0 0 0;
   }

#contact .content-layout02 p{
   margin:0 0 0 20px;
   padding:5px 0 0 0;
   }
   
.col {
  background:url('img/page/contact/colum01.png');
  border:none;
  width:258px;
  height:19px;
  padding:0 0 0 5px;
  }
  
.col-2 {
width:390px;
display:block;
margin:-10px 0 0 0;
   }
   

.col03 {
display:block;
width:130px;
margin:-10px 0 0 0;
}

.col04 {
display:block;
width:80px;
margin:-10px 0 0 0;
}

.col05 {
display:block;
width:250px;
margin:-10px 0 0 0;
}

.col06 {
  background:url('img/page/contact/colum02.png');
  border:none;
  width:278px;
  height:28px;
  margin:0 0 0 10px;
  padding:0 0 0 5px;
  }
  
.col07 {
  background:url('img/page/contact/colum03.png');
  border:none;
  width:278px;
  height:121px;
  margin:0 0 0 10px;
  padding:0 0 0 5px;
  }
/******************** End Contact ****************/

/******************** Begin Product ****************/
#category ul {
margin:20px 0 10px 0;
padding:0;
list-style:none;
}

#category ul li {
background:url('img/page/product/product-bg.png') no-repeat;
width:277px;
height:289px;
float:left;
margin:0 34px 40px 0;
padding:15px 0 0 0;
text-align:center;
}

#category ul img{
margin:20px 0 0 20px;
}

#category ul li a img{
margin:0 0 0 45px;
}

#category ul li.list{
background:url('img/page/product/product-bg.png') no-repeat;
width:277px;
height:289px;
float:left;
padding:15px 0 0 0;
margin:0 0 0 0;
}

#product-flash {
padding:0 0 50px 270px;
}

#product h1 {
	padding: 0 0 0 30px;
	margin: 0 0 0 7px;
}

#home-category #category ul li a img{
margin:0 45px 0 10px;
padding:0;
}

#home-category #category ul li {
}
/******************** End Product ****************/

h1.product-h1 {
width:600px;
margin:0 0 0 300px;
}

#antibacterial-content {
margin-left:290px;
width:670px;
}

#antibacterial-content p.anti{
width:230px;
float:left;
}

#antibacterial-content p.anti2{
margin:60px 0 0 0;
width:620px;
}

#bodycare {
margin-left:290px;
width:670px;
}

#bodycare span.tm {
font-size:10px;
} 

#bodycare p.body-content{
width:220px;
float:left;
margin:0 10px 0 0;
}

#bodycare p.body-content2{
margin:10px 0 0 0;
width:620px;
}

#product-page-content {
   padding:0 0 0 25px;
   margin:10px 25px 15px 0;
   background:url('img/page/product/product-list.png');
   width:602px;
   height:72px;
   float:right;
   }

#product-page-content2 {
   padding:0 0 0 25px;
   margin:10px 25px 15px 0;
   background:url('img/page/product/product-list2.png');
   width:602px;
   height:72px;
   float:right;
   }
   
h5 {
    font-size:16px;
	color:#000000;
	font-style:italic;
	margin:0;
	padding:50px 0 0 5px;
	font-weight:bold;
	}
	
#product-page-content a{
font-size:90%;
color:#0078ff;
font-weight:bold;
text-decoration:none;
float:right;
margin:18px 20px 0 0;
}

#product-page-content a:hover{
font-size:90%;
color:#0078ff;
font-weight:bold;
text-decoration:underline;
float:right;
margin:18px 20px 0 0;
}

p.pet-care-con {
float:right;
margin:10px 30px 0 0;
width:610px;
}