@charset "utf-8";
/* CSS Document */

1.1	Reset
-----------------------------------------------------------------------------------------------*/	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,	b, u, i, center,	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none;}
	blockquote, q { quotes: none;	}
	blockquote:before, 	blockquote:after,	q:before, q:after {	content: ''; content: none;	}
	:focus {outline: 0;}
	ins {	text-decoration: none;}
	del { text-decoration: line-through;}
	table {	border-collapse: collapse;border-spacing: 0;}

/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body { background:url(../images/bg_body.jpg)repeat-x; font: 11px Arial, Helvetica, sans-serif; text-align: left; color: #333; margin:0px; padding:0px; }
	hr { display: none;	}			
	strong {font-weight: bold;}
	em {font-style: italic;}
	abbr, acronym {	border-bottom: 1px dotted #999; cursor: help;}
	input, textarea, select {font: 1.2em Arial, Helvetica, sans-serif;}
	a {color: #f00;text-decoration: none;}
	a:hover, a:active {color: #f00; text-decoration: none;}
	
/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	
	.hide {	display: none;}
	

/* 2. LAYOUT
===============================================================================================*/	
	.redline  {
		width:auto;
		background:url(../images/bg_redline.jpg) repeat-x;
		height:6px;
		}
	#wrapperPage {
		width:952px;
		text-align: left;
		margin:auto;
		height:auto;
	}
	
	#header {
		height: 138px;
		background:url(../images/bg_header.jpg) no-repeat;
	}
	
	#content-wrapper {
		width: 952px;
		height:auto;
		background:url(../images/bg_bodycontent.jpg) no-repeat;
	}
		
	
	#footer {
		width:952px;
		padding:5px 0 5px 0;
		text-align:center;
		background:#4c515e;
		color:#fff;
		}
	
		
/* 2.1. Header
===============================================================================================*/
	.logo {
		width:164px;
		height:35px;
		padding:17px 0 0 8px;
		float:left;
		}
	.topMenu {
		width:400px;
		height:26px;
		float:right;
		padding:8px 10px 0 0;
		}
		.boxStyle1 {
			width:auto;
			margin:5px;
			float:right;
			}
		.boxStyle1 a {
			color:#999;
			}
		.boxStyle1 a:hover{
			color:#F00;
			}
	#searchBox {
		width:181px;
		height:24px;
		background:url(../images/bg_search.png) no-repeat;
		background-position:left;
		float:right;
		margin-right:15px;
		}
		.textfield {
			width:130px;
			float:left;
			padding:3px 0 0 15px;
			}
		a#Search {
			display: block;
			width: 33px;
			height: 24px;
			background-image:url(../images/btn_go.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#Search:hover {
			background-position: 0 -24px;
		}
		a .altSearch { display: none; }
		
	.jumpMenu {
		width:90px;
		height:20px;
		float:right;
		margin-left:15px;
		padding:3px 0 0 15px;
		background:url(../images/bg_language.png) no-repeat;
		}
	#breadcrumb {
		margin:67px 15px 0 0;
		float:right;
		font-size:11px;
		color:#999;
		text-align:right;
		}
	
	
/* 2.2. Content
===============================================================================================*/
	#navigation {
		width:930px;
		height:40px;
		padding:9px 0 0 10px;
		position:absolute;
		z-index:3000;
		background:url(../images/bg_nav.png) no-repeat;
		margin:16px 0 0 7px;
		}
	#bannerflash {
		height:421px;
		position:absolute;
		z-index:2000;
		margin:auto;
		}
	#headline {
		margin-left:15px;
		}
	#bottom-content {
		width:950px;
		height:auto;
		background:url(../images/bg_bottomContent.jpg) repeat-x;
		padding:0 0 20px 2px;
		}
	#product-item {
	height:100px;
	position:absolute;
	top:540px;
	margin-left:75px;
	z-index:2500;
		}
		.transparent {
		   filter:alpha(opacity=20); 
		   -moz-opacity: 0.2; 
		   opacity: 0.2; 
		}
		
	.product-box{
			width:135px;
			float:left;
			height:130px;
			padding-bottom:25px;
			}
			.product-box img { margin-bottom:10px;}
			.product-check { border:none;}
	
	.searchProduct {
		width:690px;
		height:auto;
		background:#FBFBFB;
		border:1px solid #F9F9F9;
		padding:10px 20px 10px 10px;
		margin-left:10px;
		text-align:right;
		}
	.productView {
		width:695px;
		height:auto;
		background:#F7F7F7;
		border:1px solid #F2F2F2;
		padding:0 10px 0 15px;
		margin-bottom:15px;
		}
	.leftProductView {
		width:430px;
		height:auto;
		float:left;
		padding:10px 10px 0 0;
		margin-bottom:15px;
		}
	.rightProductView {
		width:250px;
		height:auto;
		float:right;
		padding:10px 0 0 0;
		margin-bottom:15px;
		}
	#left_bottomContent {
		width:164px;
		height:130px;
		background:url(../images/bg_map.png) no-repeat;
		margin:0 5px 10px 0;
		float:left;
		}
		.bannerPhone {
		width:154px;
		height:auto;
		padding:10px 0 10px 7px;
		}
		.socialNetwork {
		  width:100px;
		  height:30px;
		  margin:50px 0 0 40px;
		  }
		  .socialNetwork_small {
		   width:100px;
		   height:20px;
		   float:right;
		   margin-left:15px;
		   }

	#boxStyle1_bottomContent {
		width:262px;
		height:auto;
		float:left;
		margin:0 5px 10px 5px;
		}
		.title_boxStyle1 {
		width:252px;
		height:14px;
		background:url(../images/bg_titleBoxNewsPromo.jpg) repeat-x;
		color :#fff;
		font-size:11px;
		font-weight:bold;
		padding:5px;
		}
		.boxStyle1_listNews {
		width:242px;
		height:auto;
		padding:15px 10px 15px 10px;
		background:#505662;
		}
		.listStyle1 {
		width:auto;
		padding:4px 10px 4px 12px;
		border-bottom:1px dotted #737882;
		background:url(../images/dotList.jpg) no-repeat;		
		}
		.listStyle1 a{
		color:#fff;
		}
		.listStyle1 a:hover{
		color:#9F9F9F
		}
		
		.bottom_boxStyle1 {
		width:262px;
		height:4px;
		background:url(../images/bottom_boxNews.png) no-repeat;
		}
	#right_bottomContent {
		width:227px;
		height:auto;
		float:left;
		padding:5px 0 5px 5px;
		}
		.bannerHome_style1 {
		width:108px;
		height:46px;
		float:left;
		margin:0 5px 5px 0; 
		}
		
		a#memberLogin {
			display: block;
			width: 109px;
			height: 35px;
			background-image:url(../images/btn_memberlogin.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#memberLogin:hover {
			background-position: 0 -35px;
		}
		a .altmemberLogin { display: none; }
		
		a#register {
			display: block;
			width: 108px;
			height: 35px;
			background-image:url(../images/btn_register.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#register:hover {
			background-position: 0 -35px;
		}
		a .altregister { display: none; }
		
		a#polyQuiz {
			display: block;
			width: 108px;
			height: 46px;
			background-image:url(../images/banner_polyquiz.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#polyQuiz:hover {
			background-position: 0 -46px;
		}
		a .altpolyQuiz { display: none; }
		
		a#registration {
			display: block;
			width: 108px;
			height: 46px;
			background-image:url(../images/banner_registration.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#registration:hover {
			background-position: 0 -46px;
		}
		a .altregistration { display: none; }
		
		a#tvc {
			display: block;
			width: 108px;
			height: 46px;
			background-image:url(../images/banner_tvc.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#tvc:hover {
			background-position: 0 -46px;
		}
		a .alttvc { display: none; }
		
		a#download {
			display: block;
			width: 108px;
			height: 46px;
			background-image:url(../images/banner_download.png);
			background-position: 0 0;
			margin: 0 auto;
			float:right;
		}
		a#download:hover {
			background-position: 0 -46px;
		}
		a .altdownload { display: none; }
		
		
		


	/* ----------   SUBPAGE CONTENT -----------------*/	
	#bodyContentSub {
		background:url(../images/bg_bodycontentSub.png) repeat-y;	
		margin:0 0 0 7px;
		padding:5px 15px 15px 15px;
		}
	.topBodyContentSub {
		background:url(../images/bg_topBodyContentSub.png) no-repeat;
		width:938px;
		height:8px;
		margin:0 0 0 7px;
		}
	.bottomBodyContentSub {
		background:url(../images/bg_bottomBodyContentSub.png) no-repeat;
		width:938px;
		height:8px;
		margin:0 0 0 7px;
		}
	#leftbarSub {
		width:165px;
		height:auto;
		float:left;
		}	
	#mainContentSub {
		width:750px;
		height:auto;
		float:left;
		}
		.headerSub {
			width:740px;
			height:80px;
			margin-left:5px;}
		.titleHeaderSub {
			position:absolute;
			margin:0 0 0 10px;
			width:350px;
			font-size:26px;
			color:#666;
			}
	  .imgFloatLeft {
		  float:left;
		  margin:0 15px 5px 0;
		  }
		  .imgFloatLeft_poly {
		  float:left;
		  width:80px;
		  height:80px;
		  margin:0 15px 5px 0;
		  }
		/*-- image box for poly TVC --*/
		.imgtumb_tvc {
			width:117px;
			height:auto;
			padding:4px;
			border:1px solid #ccc;
			background:#F3F3F3;
			display:block;
			float:left;		
			margin-right:18px;
			margin-top:15px;
			}	
		/*------*/
		
		/*-- image box for awards --*/
			.imgtumb_award {
				width:140px;
				height:113px;
				padding:3px;
				border:1px solid #F0F0F0;
				float:left;
				margin:10px 0 0 20px;
				}
		/*------*/
		
		.highlightit img{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		width:132px;
		}		
		.highlightit:hover img{
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		}
		.tvctumbTitle {
			font-size:12px;
			font-weight:bold;
			width:88px;
			margin-top:3px;
			float:left;
			}
		.tvctumbDuration {
			margin-top:3px;
			width:26px;
			float:right;
			}
		.trailerTVC {
			background:url(../images/bg_trailerTVC.jpg) no-repeat;
			width:646px;
			height:471px;
			margin:auto;
			padding-top:40px;
			padding-left:8px;
			}
		
		/* ---- Red button for all ---*/
	ul#btn_style1{
		margin: 0;
		padding:0;
		white-space: nowrap;
		padding:0;
		}
	#btn_style1 li{
		display: inline;
		list-style-type: none;
		}
	#btn_style1 a { padding: 3px 10px; }
	#btn_style1 a:link, #btn_style1 a:visited{
		color: #fff;
		background-color:#999;
		text-decoration: none;
		}
	#btn_style1 a:hover{
		color: #fff;
		background-color:#F00;
		text-decoration: none;
		}



/*  LEFT BAR SUBPAGE
===============================================================================================*/
	h1 { font-size:22px;
		color:#D70000;
		}
	h2 { font-size:16px;
		 color:#FD0006;
		}
	h3 {
		font-size:12px;
		color:#EC0006;
		}
	h4 {
		background:url(../images/bg_h4.gif) no-repeat;
		padding:6px 0 4px 15px;
		font-size:15px;
		font-weight:bold;
		color:red;
		}
	.titleLeftBar {
		font-size:18px;
		color:#FF090F;
		text-align:left;
		padding:10px 0 0 10px;		
		}
	.titleLeftBar_sub {
		font-size:14px;
		color:#666;
		padding:0 0 0 10px;
		font-weight:bold;
		}
	#Left_Menu {
		margin-top:20px;
		}
	#menu1 {
		width: 160px;		
		}		
	#menu1 li a {
		height: 32px;
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 24px;
		text-decoration: none;
		font-size:12px;
		}			
	#menu1 li a:link, #menu1 li a:visited {
		color: #666;
		font-weight:bold;
		display: block;
		background:url(../images/bg_menuLeft_off.jpg) repeat-x;
		border:1px solid #F5F5F5;
		padding: 8px 0 0 10px;
		}		
	#menu1 li a:hover {
		color: #FFF;
		background:url(../images/bg_menuLeft_on.jpg) 0 -32px;
		padding: 8px 0 0 10px;
		}
	.menuLeft_active {
		color: #FFF;
		background:url(../images/bg_menuLeft_on.jpg) 0 -32px;
		padding: 8px 0 8px 10px;
		font-weight:bold;
		font-size:12px;
		}
	.contentArea_sub {
		padding:10px;
		}
		.list_cntnPoly {
			width:345px;
			padding-bottom:5px;
			border-bottom:1px dotted #ccc;
			margin:0 10px 10px 10px;
			float:left;
			}
		.title_cntnPoly {
			font-size:12px;
			font-weight:bold;
			}
		.cntn_poly {
			font-size:11px;
			}
	.listReddot ul{		
		margin-left:-20px;
		padding:5px 0 5px 20px;
		}
	.listReddot li {
		background:url(../images/reddot.gif) no-repeat;
		padding-left:15px;
		
		}
	.tr1 {
		border-bottom:1px dotted #ccc;
		}
	/* -- table dengan div ---*/
	#table1 {
		border:1px solid #F0F0F0;
		}
	.th1 {
		background:url(../images/bg-barRed.jpg) repeat-x;		
		}
		.thtd1 {
			padding:7px;
			color:#fff;
			float:left;
			font-weight:bold;
			font-size:12px;
			}
	.tr1 {
		background:#F9F9F9;
		}
	.tr2 {
		background:#fff;
		border-bottom:1px dotted #ccc;
		}
		.trtd1 {
			padding:7px;
			color:#fff;
			float:left;
			color:#333;
			}
	/* font style*/
		.fontRed {
			color:red;
			}