@charset "utf-8";
body {
	background-image:url(../images/bg_parent.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	padding-top:0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	background-repeat: repeat x;
	background-position: top left	;
	background-color:#20637E;
	}
	
	
h5 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 6px;
}
	
	
.oneColLiqCtr #container {
	width: 770px;  /* this will create a container 80% of the browser width */
	
	/*background: #000000;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.oneColLiqCtr #NavUp {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/bg_nav_up.jpg);
}



.oneColLiqCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/bg_highlight.jpg);
}



.oneColLiqCtr #bannerHome {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


.oneColLiqCtr #header {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}


.oneColLiqCtr #footer {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}


a{outline:none;}


/*===header===*/

.textHeaderGrey {
	font-family:"Arial", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:11px;
	color:#505050;
	text-align:right;
	padding : 10px 6px 10px 4px;
	font-weight: bold;
	/*background-image:url(../images/pic_header_imlek.jpg);*/
	}
	
/*a.textHeaderGrey{background-image:url(); font-weight:bold; font-size:11px; text-decoration:none; color:#FFFFFF; cursor:pointer; outline:none;}*/
/*a.textHeaderGrey:hover{background-image:url(); font-weight:bold; color:#000000;text-decoration:none; cursor:pointer; outline:none;}*/
a.textHeaderGrey{font-weight:bold; font-size:11px; text-decoration:none; color:#505050; cursor:pointer; outline:none;}
a.textHeaderGrey:hover{font-weight:bold; color:#FE8F23; text-decoration:none; cursor:pointer; outline:none;}


/*===footer===*/
.textFooter {
	font-family:"arial", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:10px;
	color:#939393;
	text-align:left;
	padding : 10px 6px 10px 10px;
	font-weight: bold;
	}


/*===home product highlight===*/

.textVehicleTitle {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:13px;
	color:#3A606D;
	text-align:justify;
	font-weight : bold;
	}
	
a.textVehicleTitle{font-weight: bold; font-size:13px;; text-decoration: none; color:#3A606D; cursor: pointer;  outline:none;}
a.textVehicleTitle:hover{font-weight: bold; color:#FE8F23;text-decoration: none;cursor: pointer;  outline:none;}

.textVehicleDesc{
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:11px;
	color:#898989;
	text-align:left;
	}

/*===news===*/

.newsDate{
font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
font-size:11px;
color:#707070;	
text-align:left;
	}
a.newsDate{font-weight: bold; font-size:11px;; text-decoration: none; color:#3A606D; cursor: pointer;  outline:none;}
a.newsDate:hover{font-weight: bold; color:#FE8F23;text-decoration: none;cursor: pointer;  outline:none;}

	
.newsTitle{
font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
font-size:12px;
text-align:left;
color:#0880B1;
	}
a.newsTitle{font-weight: normal; font-size:12px;; text-decoration: none; color:#0880B1; cursor: pointer;  outline:none;}
a.newsTitle:hover{font-weight: normal; color:#FE8F23;text-decoration: none;cursor: pointer;  outline:none;}
	
	
	.newsDesc{
font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
font-size:12px;
text-align:left;
color:#707070;
	}
a.newsDesc{font-weight: normal; font-size:12px;; text-decoration: none; color:#707070; cursor: pointer;  outline:none;}
a.newsDesc:hover{font-weight: normal; color:#FE8F23;text-decoration: none;cursor: pointer;  outline:none;}



/*===nav kanan ===*/

.rightMenuMain {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#FF5A01;
	text-align:justify;
	font-weight : bold;
	padding : 0px 0px 3px 0px;
	}

a.rightMenuMain{font-weight: bold; font-size:12px;; text-decoration: none; color:#003145; cursor: pointer;  outline:none;}
a.rightMenuMain:hover{font-weight: bold; color:#FF5A01;text-decoration: none;cursor: pointer;  outline:none;}

.rightMenuMainOn {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#FF5A01;
	text-align:justify;
	font-weight : bold;
	padding : 0px 0px 0px 0px;
	}


.rightMenuSubMain {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#FE8F23;
	text-align:justify;
	font-weight : normal;
	padding : 3px 0px 1px 0px;
	}

a.rightMenuSubMain{font-weight: normal; font-size:12px;; text-decoration: none; color:#003145; cursor: pointer;  outline:none;}
a.rightMenuSubMain:hover{font-weight: normal; color:#FF5A01;text-decoration: none;cursor: pointer;  outline:none;}


/*===eMagz===*/
.MagzTitle {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:13px;
	color:#0682C8;
	text-align:left;
	font-weight : bold;
	padding : 0px 10px 2px 0px;
	}
	
a.MagzTitle{font-weight: normal; font-size:13px;; text-decoration: none; color:#003145; cursor: pointer;  outline:none;}
a.MagzTitle:hover{font-weight: normal; color:#FF5A01;text-decoration: none;cursor: pointer;  outline:none;}

	
.MagzVol {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:11px;
	color:#FC770C;
	text-align:justify;
	font-weight : bold;
	padding : 0px 10px 2px 0px;
	
	}
a.MagzVol{font-weight: normal; text-decoration: none; color:#003145; cursor: pointer;  outline:none;}
a.MagzVol:hover{font-weight: normal; color:#FF5A01;text-decoration: none;cursor: pointer;  outline:none;}








/*===CONTENT===*/

.areaContent{
 padding : 0px 20px 20px 20px;
}

.contentTextTitle {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#003145;
	text-align:justify;
	font-weight : bold;
	padding : 0px 10px 2px 0px;
	}

	
.contentTextTitleBlue {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#1E5F7A;
	text-align:justify;
	font-weight : bold;
	}
	
	a.contentTextTitleBlue{font-weight: bold; text-decoration: none; color:#1E5F7A; cursor: pointer;  outline:none;}
	a.contentTextTitleBlue:hover{font-weight: bold; color:#FF5A01;text-decoration: none;cursor: pointer;  outline:none;}
	
	
	
	
	
	
	.contentTextTitleOrange {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#FD5300;
	text-align:justify;
	padding-left : 8px;
	font-weight : bold;
	}
	
	.contentTextProdFeature {
	font-family:"Arial", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:11px;
	color:#1E5F7A;
	text-align:justify;
	font-weight : bold;
	padding-left : 4px;
	padding-top : 1px;
	padding-bottom : 1px;
	}

a.contentTextProdFeature{font-weight: bold; font-size:11px;; text-decoration: none; color:#1E5F7A; cursor: pointer;  outline:none;}
a.contentTextProdFeature:hover{font-weight: bold; color:#FD5300;text-decoration: none;cursor: pointer;  outline:none;}
	
.contentTextQuestion {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#339900;
	text-align:justify;
	padding : 3px 10px 0px 0px;
	line-height:14px;
	letter-spacing : 0px;
	font-weight: bold;
	
	
	}
	
.contentTextJustify01 {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#707070;
	text-align:justify;
	padding : 3px 5px 0px 0px;
	line-height:14px;
	letter-spacing : 0px;
	}
	
a.contentTextJustify01{font-weight: normal; font-size:12px;; text-decoration: none; color:#339900; cursor: pointer;  outline:none;}
a.contentTextJustify01:hover{font-weight: normal; color:#FD5300;text-decoration: none;cursor: pointer;  outline:none;}

	
.maintext {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#707070;
	text-align:justify;
	padding : 3px 5px 0px 0px;
	line-height:14px;
	letter-spacing : 0px;

}
a.maintext{font-weight: normal; font-size:12px;; text-decoration: none; color:#339900; cursor: pointer;  outline:none;}
a.maintext:hover{font-weight: normal; color:#FD5300;text-decoration: none;cursor: pointer;  outline:none;}

	
.contentTextJustify02 {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:11px;
	color:#707070;
	text-align:justify;
	}
	
.contentTextJustify03 {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	color:#707070;
	text-align:justify;
	padding : 3px 10px 0px 0px;
	line-height:16px;
	}


a.contentTextJustify03{font-weight: normal; font-size:12px;; text-decoration: none; color:#707070; cursor: pointer;  outline:none;}
a.contentTextJustify03:hover{font-weight: normal; color:#FD5300;text-decoration: none;cursor: pointer;  outline:none;}
	
	

.contentTextRightAlign {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:12px;
	text-align:right;
	color:#CCCCCC;
	padding-right:25px;
	padding-bottom:3px;
	}
	


.contentTextSmall {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:11px;
	color:#CCCCCC;	
	}
	

a.contentTextSmall{font-weight: normal; font-size:11px;; text-decoration: none; color:#339900; cursor: pointer;  outline:none;}
a.contentTextSmall:hover{font-weight: normal; color:#FD5300;text-decoration: none;cursor: pointer;  outline:none;}

	

.iconPadding{
	padding: 5px 0px 0px 0px; 
	
	
	}




/*===CONTENT TABEL ===*/

.contentTextInsideTable {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:10px;
	color:#666666;
	padding : 3px 3px 3px 3px;
	
	}
	
.contentTitleTable {
	font-family:"Tahoma", "Tahoma Sans Unicode", "Tahoma Grande", sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight: bold;
	text-align : center;
	padding : 3px 3px 3px 3px;
	}

	





a.subNavFocused{font-weight: normal; font-size:12px;; text-decoration: none; color:#9C3341; cursor: pointer;  outline:none;}
a.subNavFocused:visited{font-weight: normal; color:#9C3341; text-decoration: none;cursor: pointer;  outline:none;}
a.subNavFocused:hover{font-weight: normal; color:#9C3341;text-decoration: underline;cursor: pointer;  outline:none;}
a.subNavFocused:active{font-weight: normal; color:#9C3341;text-decoration: none;cursor:pointer;}

a.subNav{font-weight: normal; font-size:12px;; text-decoration: none; color:#A18085; cursor: pointer;  outline:none;}
a.subNav:visited{font-weight: normal; color:#A18085; text-decoration: none;cursor: pointer;  outline:none;}
a.subNav:hover{font-weight: normal; color:#A18085;text-decoration: underline; cursor: pointer;  outline:none;}
a.subNav:active{font-weight: normal; color:#A18085;text-decoration: none;cursor:pointer;}

a.LinkGen{font-weight: normal; font-size:12px;; text-decoration: none; color:#990000; cursor: pointer;  outline:none;}
a.LinkGen:visited{font-weight: normal; color:#990000; text-decoration: none;cursor: pointer;  outline:none;}
a.LinkGen:hover{font-weight: normal; color:#990000;text-decoration: underline; cursor: pointer;  outline:none;}
a.LinkGen:active{font-weight: normal; color:#990000;text-decoration: none;cursor:pointer;}

a.LinkNews{font-weight: bold; font-size:11px;; text-decoration: none; color:#666666; cursor: pointer;  outline:none;}
a.LinkNews:visited{font-weight: bold; color:#666666; text-decoration: none;cursor: pointer;  outline:none;}
a.LinkNews:hover{font-weight: bold; color:#E56666;text-decoration: none; cursor: pointer;  outline:none;}
a.LinkNews:active{font-weight: bold; color:#666666;text-decoration: none;cursor:pointer;}

a.sub2NavFocused{font-weight: normal; font-size:12px;; text-decoration: none; color:#990000; cursor: pointer;  outline:none; }
a.sub2NavFocused:visited{font-weight: normal; color:#990000; text-decoration: none;cursor: pointer;  outline:none;}
a.sub2NavFocused:hover{font-weight: normal; color:#990000;text-decoration: underline;cursor: pointer;  outline:none;}
a.sub2NavFocused:active{font-weight: normal; color:#990000;text-decoration: none;cursor:pointer;}

a.sub2Nav{font-weight: normal; font-size:12px;; text-decoration: none; color:#CCCCCC; cursor: pointer;  outline:none;}
a.sub2Nav:visited{font-weight: normal; color:#CCCCCC; text-decoration: none;cursor: pointer;  outline:none;}
a.sub2Nav:hover{font-weight: normal; color:#CCCCCC;text-decoration: underline; cursor: pointer;  outline:none;}
a.sub2Nav:active{font-weight: normal; color:#CCCCCC;text-decoration: none;cursor:pointer;}


a.footerLink{font-weight: normal; font-size:11px;; text-decoration: none; color:#FFFFFF; cursor: pointer; outline:none;}
a.footerLink:visited{font-weight: normal; color:#CCCCCC; text-decoration: none; cursor: pointer;  outline:none;}
a.footerLink:hover{font-weight: normal; color:#CCCCCC;text-decoration: underline; cursor: pointer;  outline:none;}
a.footerLink:active{font-weight: normal; color:#CCCCCC;text-decoration: none;cursor:pointer;}

a.readMoreLink{font-weight: normal; font-size:11px;; text-decoration: none; color:#898989; cursor: pointer; outline:none;}
a.readMoreLink:visited{font-weight: normal; color:#898989; text-decoration: none; cursor: pointer;  outline:none;}
a.readMoreLink:hover{font-weight: normal; color:#E56666;text-decoration: none; cursor: pointer;  outline:none;}
a.readMoreLink:active{font-weight: normal; color:#898989;text-decoration: none;cursor:pointer;}





.button {
border:#FFFFFF;
border-style:solid;
border-width:thin;
padding:5px;
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}


.textboxStyle2  {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #666666;
	border: 1px solid #DADADA;
	width: 170px;
	height:18px;
	background-color:#DADADA;
}



.pagingText {
	font-size: 10px;
	line-height: 16px;
	font-family: Arial, Tahoma,Calibri, Helvetica, sans-serif;
	/*color: #797979;*/
	color: #666666;
	text-align :center;
}




/*COLOR SLIDE SIMULATOR START*/


.galleryview {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

.panel-overlay h2,
.panel-overlay p{
	margin: 5px;
}
.panel-overlay p {
	line-height: 10px;
}


/*COLOR SLIDE SIMULATOR FINISH*/



/*VIDEO LIGHTBOX START*/

#videogallery {
	width:100%;
	zoom:1;
}
#videogallery span{ display:block; }
#videogallery a{
	font-weight: bold; font-size:12px;; text-decoration: none; color:#003145; cursor: pointer;  outline:none;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0px;
}
#videogallery a:hover{
	font-weight: bold; color:#FF5A01;text-decoration: none;cursor: pointer;  outline:none;
}


/* the overlayed element */
div#voverlay {
	
	/* growing background image */
	background-image:url(white.png);
	
	/* dimensions after the growing animation finishes  */
	width:480px;
	height:360px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:25px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
	background-image:url(close.png);
	position:absolute;
	left:5px;
	top:5px;
	cursor:pointer;
	height:30px;
	width:30px;
}

div#vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url(loading.gif) no-repeat 50% 50%;
}



/*VIDEO LIGHTBOX FINISH*/