/*   



Theme Name: Hiap Seng Tyre Sdn Bhd



Theme URI: www.hiapsengtyre.com.my



Description:Design by PCT Internal Team, copyrighted.



Author: PCT -- Production --



Version: version 1



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



.hiddenpic {display:none;}



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





#preload {
display:none;
}



h2 {
   font-family: Arial, Helvetica, sans-serif;
   color:#aa0707;
   font-size:18px;
   font-weight:100;
   margin:0 0 0;
   }





h3 {
   font-size:14px;
   font-family: Arial, Helvetica, sans-serif;
   color:#fff;
   text-transform:uppercase;
   margin:0;
   }

   

h4 {
   font-family: Arial, Helvetica, sans-serif;
   color:#000;
   font-size:14px;
   font-weight:bold;
   margin:0;
   }



h5 {
   font-size:18px;
   color:#0a4e9f;
   font-weight:500;
   font-family: "Arial", Helvetica, sans-serif;
   text-transform:uppercase;
   margin:0;
   padding:0px 0 0 0;
   }

   

p {
   font-size:14px;
   color:#010101;
   line-height:18px;
   margin:0 0 15px;
   padding:0;
   }   

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

img {
outline:none;
border:none;
}

#page-footer {
clear:both;
height:15px;
font-size:9px;
padding:20px 0 0 15px;
font-weight:bold;
}

#print-btn {
	float:left;
	background:url('img/general/print-btn.png');
	width:127px;
	height:24px;
	color:#fff;
	padding:7px 0 0 40px;
	font-size:11px;
	font-weight:bold;
}

#print-btn:hover {
	color:#ffae00;
}

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

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

#home-header-content {
	width:960px;
	margin:0 auto;
	height:412px;
	position:relative;
}


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

#page-header-content {
	width:960px;
	margin:0 auto;
	height:338px;
	position:relative;
}

#logo {
position:absolute;
top:20px;
left:2px;
z-index:3;
}`


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

#cert {
position:absolute;
top:27px;
right:187px;
z-index:3;
}

#flash {
position:absolute;
top:150px;
	z-index:1;
	left:0px;
	  }
	 
#flash img {
		z-index:1;
}



#banner {
position:absolute;
top:150px;
	z-index:1;
	left:0px;
}

#banner02 {
	width:960px;
	margin:0 auto;
	margin-top:-152px;
}

#search {
	position:absolute;
	right:0;
	top:35px;
	z-index:6;
	background:url('img/header/search-bg.png');
	padding:6px 8px 7px 7px;
}

#search02 {
	z-index:6;
	background:url('img/header/search-bg.png') no-repeat;
	padding:6px 8px 7px 7px;
	margin:0 0 20px;
}

#search-col {
	width:128px;
	height:15px;
}

#searchsubmit {
	margin:0 0 0 2px;
}

#header-ad a:hover, #header-ad02 a:hover {
	opacity:0.9;
filter:alpha(opacity=90);
}

#header-ad02 {
	position:absolute;
	left:16px;
	bottom:15px;
	z-index:6;
}
/************ End Header ************/


/*********** Begin Nav ***********/	 
#menu {
	background:url('img/nav/nav-bg.png') no-repeat;
	position:absolute;
	top:97px;
	left:0px;
	height:52px;
	width:960px;
	padding:0;
	z-index:2;
}



#menu ul {
    margin:0;
    padding:0;
    list-style:none;
}

#menu ul li {
	display:block;
	margin:0;
	text-align:center;
	float:left;
}



#btn{
	color:#fff;
    float:left;
	width:159px;
	height:32px;
	text-align:center;
	margin:0 1px 0 0;
	padding:20px 0 0 0;
}

#btn:hover{
	background:url(img/nav/nav-hover.png) no-repeat;
}

/*********** End Nav ***********/	



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

#footer {
	background:#d00606;
	height:52px;
}



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

#footer-layout  .content-layout {
	position:relative;
}

	

#footer-layout  .content-layout p{
	position:absolute;
	font-size:11px;
	top:20px;
	margin:0;
	color:#fff;
	width:960px;
}
/********* End Footer ******/

/*********** Begin homepage **********/
#wrap {
	background:url('img/general/page-bg.png') repeat-x #fff; 
}


#home {
	width:900px;
	margin:0 auto;
	position:relative;
	padding:40px 30px 0;
}

#home .home-layout01 {
	width:552px;
	float:left;
}

#home .home-layout01 img {
	margin:0 0 15px;
}

#home .home-layout01 h2 {
	clear:both;
	padding:15px 0 5px;
}

#home .home-layout01 .box {
	clear:both;
	width:532px;
	height:71px;
	background:#e3e3e3;
	border:1px solid #9e9e9e;
	padding:20px 0 0 20px;
}

#home .home-layout01 .box img{
	float:left;
	margin:0 20px 0 0;
}

#home .home-layout01 .box p{
	font-size:14px;
	margin:0 0 5px;
}

#home .home-layout01 .box a{
	color:#3594f0;
	text-decoration:underline;
}

#home .home-layout01 .box a:hover {
	color:#ff0000;
}

#more-btn {
	float:right;
	background:url('img/page/home/btn.jpg');
	width:74px;
	height:23px;
	padding:8px 0 0 25px;
	color:#fff;
}

#more-btn:hover {
	color:#ffcc00;
}

#home .home-layout02 {
	width:309px;
	float:right;
}

#home .home-layout02 .box02 {
	background:url('img/page/home/bg01.jpg');
	width:289px;
	height:217px;
	padding:20px 0 0 20px;
	margin:0 0 10px;
}

#home .home-layout02 .box02 h3, #home .home-layout02 .box03 h3 {
	margin:0 0 20px;
}

#home .home-layout02 .box02 p {
	margin:0 0 0;
}

#home .home-layout02 .box02 ul {
	margin:0 0 10px 15px;
	padding:0;
}

#more-btn02 {
	float:left;
	background:url('img/page/home/btn02.jpg');
	width:104px;
	height:23px;
	padding:12px 0 0 40px;
	color:#fff;
	font-size:11px;
}

#more-btn02:hover {
	color:#ffcc00;
}

#home .home-layout02 .box03 {
	background:url('img/page/home/bg02.jpg');
	width:289px;
	height:169px;
	padding:20px 0 0 20px;
	margin:0 0 10px;
}

#home .home-layout02 .box03 img {
	margin:15px 0 0;
}

#home .home-layout02 .box04 {
	margin:0 0 0 60px;
}
/*********** End Home page ***********/	 



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

#page {
	width:960px;
	margin:0 auto;
	position:relative;
}

#page-content {
	width:630px;
	float:right;
	margin:20px 20px 0 0;
}

#page-content h2 {
	margin:0 0 10px;
	clear:both;
	font-weight:bold;
}

#page-content02 h2 {
	margin:0 0 10px;
	font-weight:bold;
	text-transform:uppercase;
}

#page-content02 {
	width:920px;
	float:right;
	padding:20px 20px 0;
}

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

/*********** Begin Sidebar ***********/	
#sidebar {
	width:243px;
	float:left;
	margin:20px 0 0 15px;
	height:860px;
}

#sidebar h3 {
	font-size:12px;
	background:#000;
	width:225px;
	height:21px;
	margin:1px 0 0;
	padding:10px 0 0 18px;
	text-transform:none;
	clear:both;
}

#sidebar h3:hover {
	background:#410000;
}

#sidebar ul {
	margin:0 0 1px;
	padding:0;
	list-style:none;
}

#side-btn {
	float:left;
	background:#3f3f3f;
	width:225px;
	height:21px;
	padding:10px 0 0 18px;
	border-bottom:1px solid #000;
	font-size:12px;
	color:#fff;
}

#side-btn02 {
	float:left;
	background:#3f3f3f;
	width:225px;
	height:21px;
	padding:10px 0 0 18px;
	border-bottom:1px solid #000;
	margin:0 0 1px;
	font-size:12px;
	color:#fff;
}

#side-btn:hover, #side-btn02:hover {
	background:url('img/sidebar/side-hover.png');
}

#sidebar img {
	margin:10px 0 0;
}

.accordion {
	width:243px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	cursor: pointer;
}
.accordion h3:hover {
		background:#410000;
}
.accordion h3.active {
	background-position: right 5px;
}
/*********** End Sidebar ***********/	

/*********** Begin Company ***********/	

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

#about .content-layout01 {
	height:189px;
}

#about .vision ul {
	margin:0 0 20px 20px;
	padding:0;
	list-style:none;
}

#about .vision ul li {
    background: url("img/general/bullet.png") no-repeat left 3px;
    list-style-type: none;
    padding:0 0 0 15px;
	margin:0 0 10px;
}

#about .vision02 {
	height:296px;
}

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

#about .board {
	height:300px;
}

#about .board ul {
	margin:0;
	padding:0;
	list-style:none;
}

#about .board ul li {
	background:url('img/page/about/img03.png');
	width:285px;
	height:107px;
	float:left;
	padding:25px 0 0 20px;
	margin:0 10px 10px 0;
}


/*********** End Company ***********/	

/*********** Begin Product ***********/	 

#product {
	position:relative;
}

#product .product-content01{
	position:absolute;
	top:350px;
}

#product .product-content01 h4{
	margin:0 0 5px;
}

#product .product-content01 img {
	float:left;
	margin:0 9px 5px 0;
}

#product #page-logo {
	background:url('img/page/product/solid/apachi.png') no-repeat;
	padding:14px 0 13px 150px;
}

#product .page-banner {
	background:url('img/page/product/solid/banner-bg.png') no-repeat;
	color:#fff;
	padding:10px 0 0 0;
	text-align:center;
	font-weight:11px;
	width:244px;
	height:32px;
	margin:0 0 10px;
}

#product ul.bullet {
	margin:0 0 20px 20px;
	padding:0;
	list-style:none;
}

#product ul.bullet li {
    background: url("img/general/bullet.png") no-repeat left 3px;
    list-style-type: none;
    padding:0 0 0 15px;
	margin:0 0 10px;
}

#product .solid02 {
	position:absolute;
	top:510px;
}

#product .solid02 ul {
	margin:0;
	padding:0;
	list-style:none;
}

#product .solid02 ul li {
	float:left;
	width:142px;
	text-align:center;
	margin:0 0 0 100px;
}

#product .solid02 ul li p {
	margin:0 0 5px;
}

#product-btn {
	float:left;
	background:url('img/page/product/btn-bg.png');
	width:127px;
	height:23px;
	padding:8px 0 0 15px;
	color:#fff;
	text-align:left;
}

#product-btn:hover {
	color:#ffcc00;
}

#product .solid03 .content-layout01 {
	float:left;
	width:195px;
}

#product .solid03 .content-layout01 ul {
	margin:0;
	padding:0;
	list-style:none;
}

#product .solid03 .content-layout01 ul li {
	margin:5px 0 0;
	width:93px;
	float:left;
	text-align:center;
}

#product .solid03 .content-layout01 ul li.list-col {
	margin:5px 0 0 9px;
	width:93px;
	float:left;
	text-align:center;
}


#product .solid03 .content-layout02 {
	float:right;
	width:420px;
}

#product .solid03 .content-layout02 ul.list-img {
	margin:0;
	padding:0;
	list-style:none;
}

#product .solid03 .content-layout02 ul.list-img li {
	margin:5px 10px 0 0;
	width:93px;
	float:left;
	text-align:center;
}

#product .solid03 .content-layout03 {
	clear:both;
}


#pdf-btn {
	float:left;
	background:url('img/page/product/pdf-btn.png');
	width:181px;
	height:24px;
	padding:7px 0 0 20px;
	color:#fff;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:20px 20px 0 0;
}

#pdf-btn:hover {
	color:#ffcc00;
}

#top-btn {
	float:left;
	background:url('img/page/gtr/top-btn.png');
	width:39px;
	height:24px;
	padding:7px 0 0 15px;
	color:#fff;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:20px 20px 0 0;
}

#top-btn:hover {
	color:#ffcc00;
}
/*********** End Product ***********/


/*********** Begin News ***********/	 
.news-post {
	width:630px;
	height:150px;
	padding:4px;
	margin:0 0 5px;
}


.news-post .news-content ul {
	margin:0;
	padding:0;
	list-style:none;
}

.news-post .news-content ul li{
	width:400px;
	height:115px;
	float:left;
}

.news-post .news-content ul li h4 {
	margin:0 0 5px;
}

.news-post .news-content ul li p {
	margin:0 0 5px;
}

.news-post .news-content ul li a:hover {
	color:#484848;
}

.news-post .news-content ul li.news-img{
	width:183px;
	height:120px;
	float:left;
	padding:6px;
		margin:0 10px 0 0;
		background:url(img/general/no-image.jpg);
}

/*********** End News ***********/

/*********** Begin Career ***********/	 
#career {
	background:url('img/page/career/img.png') no-repeat left top;
	padding:0 0 0 190px;
}

#career table {
	text-align:left;
}
/*********** End Career ***********/

/*********** Begin GTR ***********/
#gtr h2 {
	background:url('img/page/gtr/title-bg.jpg') no-repeat;
	padding:10px 0 12px 20px;
	color:#fff;
}

#gtr .content-layout01 img {
	float:left;
	margin:0 15px 20px 0;
}

#gtr ul {
	margin:0 0 20px 20px;
	padding:0;
	list-style:none;
}

#gtr ul li {
    background: url("img/general/bullet.png") no-repeat left 3px;
    list-style-type: none;
    padding:0 0 0 15px;
	margin:0 0 10px;
}

#gtr-btn {
	float:right;
	background:url('img/page/gtr/more-btn.png');
	width:171px;
	height:24px;
	padding:7px 0 0 40px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:5px 240px 0 0;
}

#gtr-btn:hover {
	color:#ffcc00;
}

#gtr02 h2 {
	background:url('img/page/gtr/title-bg.jpg') no-repeat;
	padding:10px 0 12px 20px;
	color:#fff;
	margin:0 0 40px;
}

#gtr02 ul {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
}

#gtr02 ul li {
	width:200px;
	height:210px;
	float:left;
	margin:0 0 30px 0;
}

#gtr02 ul li img {
	float:left;
	margin:0 10px 0 0;
}

#gtr02 ul li h4 {
	margin:-10px 0 0;
}


#gtr02 ul li ul.content li{
	list-style:disc;
	width:110px;
	margin:0 0 0 15px;
	height:15px;
}
/*********** End GTR ***********/

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

#contact .content-layout01{
	width:620px;
	background:url(img/page/contact/img01.jpg) no-repeat left top;
	padding:0 0 0 300px;
	margin:20px 0 30px;
}

#contact .content-layout02 {
	height:180px;
}

#contact .content-layout02 img{
	float:left;
	margin:0 30px 0 0;
}

#contact .content-layout02 ul {
	margin:0;
	padding:0;
	list-style:none;
}

#contact .content-layout02 ul li {
	float:left;
	margin:0 10px 0 0;
	padding:0 20px 0 0;
	background:url('img/page/contact/line.jpg') no-repeat right top;
	height:120px;
}

#contact .content-layout02 ul li.no-line {
	float:left;
	margin:0 10px 0 0;
	padding:0 20px 0 0;
	background:none;
	height:120px;
}


#contact .map {
	background:url('img/page/contact/map-bg.jpg') no-repeat;
	padding:8px 9px 9px;
	clear:both;
	margin:0 0 30px;
}

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





/* begin form */

.col {
width:300px;
height:32px;
padding:0 0 0 5px;
padding:10px 0 0 5px\9; /* IE8 and below */  
*padding:10px 0 0 5px; /* IE7 and below */ 
height:22px\9; /* IE8 and below */  
*height:22px; /* IE7 and below */ 
margin:0;
border:1px solid #9e9e9e;
background:#e3e3e3;
font-size:16px;
}



.col2 {
width:300px;
height:75px;
padding:5px 0 0 5px;
margin:0;
border:1px solid #9e9e9e;
background:#e3e3e3;
font-size:16px;
}

.col3 {
width:200px;
height:22px;
padding:10px 0 0 5px;
margin:0;
border:none;
background:#e3e3e3;
font-size:16px;
}

.col01 {
width:238px;
height:32px;
padding:0 0 0 5px;
padding:10px 0 0 5px\9; /* IE8 and below */  
*padding:10px 0 0 5px; /* IE7 and below */ 
height:22px\9; /* IE8 and below */  
*height:22px; /* IE7 and below */ 
margin:0;
border:1px solid #9e9e9e;
background:#e3e3e3;
font-size:16px;
}

.col02 {
width:545px;
height:75px;
padding:5px 0 0 5px;
margin:0;
border:1px solid #9e9e9e;
background:#e3e3e3;
font-size:16px;
}

.col03 {
width:90px;
height:22px;
padding:10px 0 0 5px;
margin:0;
border:1px solid #9e9e9e;
background:#e3e3e3;
font-size:16px;
}


#submit-btn {

}

/* end form */