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

form { margin: 0; padding: 0; }

html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434343;
	line-height: 15px;
	background: url(../images/bg_01.jpg) repeat-x #f2f2f2;
}

#full {
	width: 100%;
	height: auto;
	overflow-x:hidden;
}

#content_wrap {
	width: 950px;
	height: auto;
	margin: 0 auto;
	position: relative;
}


/*  footer */
#footer_wrap { width: 100%; height:120px; float:left; background: url(../images/bg_04.gif) repeat-x top; }
#footer { width: 950px; height: 120px; margin: 0 auto; }
#visitor_wrap { width: 950px; height: 43px; float: left; }
#visitor { width: 171px; height: 23px; margin: 0 auto; margin-top: 10px; background:url(../images/visitor_bg.jpg) no-repeat; }
#visitor .num { width: 59px; height: 15px; float: right; padding: 4px 20px 4px 20px; text-align:center; }
#copy_bar { width:950px; height: 107px; float:left; background:url(../images/footer_bg.jpg) no-repeat; }
#copy_txt { width:400px; height: 35px; margin: 27px 0px 45px 25px; float:left; }
#copy_txt2 { width:320px; height: 35px; margin: 27px 25px 45px 0px; float:right; text-align:right; }


	/*  IE6 */
	* html #footer { width: 950px; height: 120px; margin: 0 auto; margin-bottom: -120px; }
	* html #copy_txt2 { width:220px; height: 35px; position:relative; bottom: 110px; text-align:right; }








/* ===============================================================================
    Header
================================================================================== */
#header_wrap { width: 950px; height: 146px; float: left; }
#header { width: 950px; height: 145px; position: relative; border-top: 1px solid #dc2222; z-index:1000;}
#header_rowone { width: 950px; height: 91px; border-bottom: 2px solid  #cccccc; float:left; background:url(../images/bg_03.jpg) no-repeat; }
#header_rowtwo { width: 950px; height: 52px; float: left; }
#logo { width: 287px; height: 91px; float:left; }
#logo_left { width: 130px; height: 91px; position:absolute; top: 0; left: -130px; background:url(../images/logo_left.jpg) no-repeat; background-position:right;  }
#slogan_top { width: 400px; height: 44px; position:absolute; top: 34px; right: 0px; background: url(../images/slogan01.jpg) no-repeat right; }
#slogan_topright { width: 97px; height: 44px; position: absolute; top: 34px; right: -97px; background: url(../images/slogan01_right.jpg) no-repeat left;}
#search { width: 220px; height: 38px; float:left; padding-top: 14px; }
#nav_wrap { width: 730px; height: 52px; float: left; }



/* Navigation*/
ul.menu {list-style:none; margin:0; padding:0; float:right; right: 0px; top: 0px;}
ul.menu * {margin:0; padding:0; display:block;}
ul.menu a { color:#fff; text-decoration:none;}
ul.menu li { display:block; position:relative; float:left;}
ul.menu ul { display:block; position:absolute; top:43px; left:0; display:none; list-style:none;}
ul.menu ul li { border-top:none; }
ul.menu ul li a { width:145px; padding: 5px 10px 5px 30px; background-color:#272727; color: #b5b5b5; }
ul.menu ul li a:hover {width:145px; color: #FFFFFF; background:url(../images/dropdown_arrow.jpg) no-repeat #000000; background-position: 8px; }
ul.menu ul ul { width: 185px; left:185px; top:-12px; float:left;}
ul.menu ul ul li a {width: 145px; left:165px; padding: 5px 10px 5px 30px;}
ul.menu ul ul li a:hover {width: 145px; color: #FFFFFF; background:url(../images/dropdown_arrow.jpg) no-repeat #000000; background-position: 8px; }
ul.menu #blank { width: 185px; height: 20px; float:left; background: url(../images/dropdown_top.png) no-repeat; }
ul.menu #blank2 { width: 185px; height: 15px; float:left; background: url(../images/dropdown_bottom.png) no-repeat; }
ul.menu #blank3 { width: 185px; height: 15px; float:left; background: url(../images/dropdown_top2.png) no-repeat; }

ul.menu .menulink1,
ul.menu .menulink2,
ul.menu .menulink3,
ul.menu .menulink4,
ul.menu .menulink5,
ul.menu .menulink6,
ul.menu .menulink7 {
padding:24px 0px 0px 8px; background:url(../images/bg_nav.jpg) no-repeat; height:26px;
font-family: 'CUnivers57CondensedRegular', Arial, Helvetica, sans-serif; font-size: 1.3em; color:#525252; }


ul.menu .menulink1 { width: 70px; }
ul.menu .menulink2 { width: 80px; }
ul.menu .menulink3 { width: 85px; }
ul.menu .menulink4 { width: 113px; }
ul.menu .menulink5 { width: 71px; }
ul.menu .menulink6 { width: 75px; }
ul.menu .menulink7 { width: 80px; }


ul.menu .menulink1:hover,
ul.menu .menulink2:hover,
ul.menu .menulink3:hover,
ul.menu .menulink4:hover,
ul.menu .menulink5:hover,
ul.menu .menulink6:hover,
ul.menu .menulink7:hover,
ul.menu .menuhover {background:url(../images/bg_nav_over.jpg) no-repeat;}


ul.menu .sub {background:#272727;}

ul.menu ul,
ul.menu ul li,
ul.menu ul li a,
ul.menu ul li a:hover,
ul.menu ul ul {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; }


body#home a#homenav,
body#profile a#profilenav,
body#product a#productnav,
body#promotion a#promotionnav,
body#media a#medianav,
body#career a#careernav,
body#contact a#contactnav {
background:url(../images/bg_nav_over.jpg) no-repeat;
}







/* ===============================================================================
    Banner
================================================================================== */
#banner { width: 950px; height:402px; position:relative;  z-index:90; }
.bannerimg { background-position: center top; background-repeat: no-repeat; width:950px; height:402px; position:absolute; }
#banner_shadow { width: 950px; height:20px; position:relative; background: url(../images/banner_bottom.jpg) no-repeat; }

/* banner navigation bar */
#bannernav-outer { position:relative; top:350px; margin:0 auto; width:950px; }
#bannernav { padding-left:840px; }

/* banner control */
.btn {  width:35px; height:15px; float:left; cursor:pointer; margin-top: 20px; }
#back { width:15px; height:15px; background-image:url(../images/arrow05.png); background-repeat:no-repeat; }
#next { width:15px; height:15px; background-image:url(../images/arrow04.png); background-repeat:no-repeat; margin-left: 5px; }
#control { width:35px; height:15px; background-image:url(../images/btn_pause.png); background-repeat:no-repeat; margin-left: 5px;}




/* ===============================================================================
    Banner2
================================================================================== */
#banner2 { width: 950px; height:143px; float:left; }
#banner2_btm { width: 950px; height:14px; position: absolute; top: 704px; left:0px; background:url(../images/banner02_bottom.png) no-repeat; z-index:200; }





/* ===============================================================================
    Sidebars
================================================================================== */
/* layout */
#bar_01 { width: 287px; height:470px; float:left; }
#bar_02 { width: 643px; height:470px; float:right; }
#bar_03 { width: 287px; height:auto; float:left; }
#bar_04 { width: 643px; height:auto; float:right; }
#bar_05 { width: 287px; height:10px; float:left; }


#careers { width: 287px; height:130px; float: left; margin-top:10px; }
#careers .post { width: 249px; height:72px; float: left; border-left:1px solid #d3d6d9; border-right:1px solid #d3d6d9; padding: 10px 18px 10px 18px; background-color:#ffffff; }
#coupons { width: 287px; height:155px; float: left; }
#coupons .promobanner { width: 285px; height: 119px; float: left; border-left:1px solid #d3d6d9; border-right:1px solid #d3d6d9; }
#coupons .promotxt { width: 249px; min-height: 30px; height: auto; float: left; border-left:1px solid #d3d6d9; border-right:1px solid #d3d6d9; padding: 5px 18px 0px 18px; background-color:#FFFFFF; } 
#welcome { width: 601px; height:372px; float: left; background-color:#ffffff; border-left:1px solid #d3d6d9; border-right:1px solid #d3d6d9; padding: 25px 20px 25px 20px; }
#welcome .des { width: 100%; height: 280px; float: left; border-bottom: 1px dotted #505050; }
#welcome .news { width: 100%; height: auto; float: left; padding-top: 10px; }
#welcome .update { width: 92%; height: auto; background:url(../images/arrow01.jpg) no-repeat left 9px; padding: 7px 20px 7px 25px; }





/* Side Buttons - Inenr Page */
#sidebtn_wrap { width: 287px; height:auto; float: left; }
#sidebtn_wrap .area{ width: 245px; height: auto; float: left; border-left:1px solid #d3d6d9; border-right:1px solid #d3d6d9; background-color:#FFFFFF; padding: 7px 25px 7px 15px; }
#sidebtn_wrap .btns{ width: 211px; min-height:17px; height:auto; background: url(../images/arrow01.jpg) no-repeat left 7px; padding: 6px 0px 6px 34px; border-bottom: 1px dotted #434343;} 
#sidebtn_wrap .btns a { color:#434343; text-decoration: none; line-height: 16px; }
#sidebtn_wrap .btns a:hover { color:#b30108; font-weight: normal; text-decoration: none; line-height: 16px; }
#sidebtn_wrap .btnlast{ width: 211px; min-height:18px; height:auto; background: url(../images/arrow01.jpg) no-repeat left 7px; padding: 6px 0px 6px 34px; } 
#sidebtn_wrap .btnlast a { color:#434343; text-decoration: none; line-height: 16px; }
#sidebtn_wrap .btnlast a:hover { color:#b30108; font-weight: normal; text-decoration: none; line-height: 16px; }

#sidebtn_wrap .btns_select { width: 211px; min-height:17px; height:auto; background: url(../images/subbtn_bg.jpg) no-repeat left top; padding: 6px 0px 6px 34px; border-bottom: 1px dotted #434343;}
#sidebtn_wrap .btns_select2 { width: 211px; min-height:18px; height:auto; background: url(../images/subbtn_bg.jpg) no-repeat left top; padding: 6px 0px 6px 34px; } 
#sidebtn_wrap .btns_category { width: 245px; min-height:17px; height:auto; padding: 7px 0px 5px 0px; border-bottom: 1px dotted #434343; font-family: 'CUnivers57CondensedRegular', Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; line-height:17px;}
#sidebtn_wrap .btns_category2 { width: 245px; min-height:18px; height:auto; padding: 7px 0px 5px 0px; font-family: 'CUnivers57CondensedRegular', Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; line-height:17px;}


/* Inner page Content panel */
#inner_banner { width: 643px; height:218px; float:left;}
#inner_banner2 { width: 643px; height:339px; float:left;}
#txt { width: 593px; height: auto; min-height: 460px; float:left; background-color:#FFFFFF; padding: 30px 25px 10px 25px; line-height:16px; text-align:justify; } /* set content text line-height */
#backtotop { width: 593px; height: 17px; float:left; background-color:#FFFFFF; padding: 3px 25px 0px 25px; text-align:right; }
#inner_bottom { width: 643px; height: 40px; float:left; background:url(../images/inner_bottom.jpg) no-repeat; }

#prod_details { width: 643px; height:auto; min-height: 300px; float:left; background-color:#FFFFFF; }
#prod_thumb { width: 185px; height:250px; float:left; margin-bottom:20px; margin-right: 12px;}
#prod_thumb .pic { width: 185px; height:210px; float:left; padding-bottom: 10px; }
#prod_thumb .prodname { width: 185px; height:auto; min-height: 25px; float:left; background:url(../images/prod_thumb01.jpg) no-repeat top; text-align:center; padding-top:7px; }
#prod_thumb2 { width: 185px; height:185px; float:left; margin-bottom:20px; margin-right: 12px;}
#prod_thumb2 .pic2 { width: 185px; height:120px; float:left; padding-bottom: 10px; }
#prod_thumb2 .prodname2 { width: 185px; height:auto; min-height: 25px; float:left; background:url(../images/prod_thumb01.jpg) no-repeat top; text-align:center; padding-top:7px; }
#prod_thumb3 { width: 130px; height:auto; float:left; margin-bottom:20px; margin-right: 18px;}
#prod_thumb3 .pic3 { width: 130px; height:124px; float:left;}
#prod_thumb3 .prodname3 { width: 130px; height:auto; min-height: 25px; float:left; background:url(../images/prod_thumb02.jpg) no-repeat top; text-align:left; padding-top:7px; }


/* Contact_Jaringan */
#jaringan1 { width: 50px; height:auto;float:left; }
#jaringan2 { width: 10px; height:auto;float:left; }
#jaringan3 { width: 533px; height:auto;float:left; }
#jaringan4 { width: 285px; height:auto;float:left; }

/* Event */
#event_bullet { width:20px; height:15px; float:left; }
#event_date { width:100px; height:auto; float:left; }
#event_title { width:470px; height:auto; float:left;}
#event_title2 { width:490px; height:auto; float:left; }
#event_back { width:100px; height:16px; float:right; text-align:right; }
#event_blank { width:590px; height:16px; float:left; line-height:9px; }





/*  Download Brochure */
#pdfwrap { width: 593px; height: 25px; float:left; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; padding-top: 10px; }
#pdfwrap .icon { width: 25px; height: 20px; float:left; }
#pdfwrap .action { width: auto; height: 20px; float:left; padding-right: 30px;}

#ymhtable { width: 100%; height: auto; min-height: 20px; float: left; }
#ymhtable_gambar_ne_top{width: 158px;height: 220px;border: 0px solid black;float: left; padding: 0px 10px 0px 3px;}
#ymhtable_gambar_ne_top_small{width: 122px;height: 122px;border: 0px solid black;float: left; padding: 0px 10px 0px 3px;}
#ymhtable_gambar_ne_top_small2{width: 175px;height: 125px;border: 0px solid black;float: left; padding: 0px 10px 15px 3px;}
#ymhtable_splash_shoot{width: auto;height: auto;border: 0px solid black;float: left; padding: 0px 10px 0px 170px;}
#ymhtable_snapshot{width: auto;height: auto;border: 0px solid black;float: left; padding: 0px 10px 0px 132px;}
#ymhtable .info1 { width: 130px; height:auto; min-height: 20px; float:left; text-align:left; padding: 4px 0px 3px 0px; line-height: 18px; border-top: 1px dotted #999999;}
#ymhtable .info2 { width: 10px; height:auto; min-height: 20px; float:left; text-align:left; padding: 4px 0px 3px 0px; line-height: 18px; border-top: 1px dotted #999999;}
#ymhtable .info3 { width: 450px; height:auto; min-height: 20px; float:left; text-align:left; padding: 4px 0px 3px 0px; line-height: 18px; border-top: 1px dotted #999999;}
#ymhtable .info4 { width: 573px; height:auto; min-height: 20px; float:left; text-align:left; padding: 4px 0px 3px 7px; line-height: 18px; border-top: 1px dotted #999999;}
#ymhtable .info5 { width: 553px; height:auto; min-height: 20px; float:left; text-align:left; padding: 4px 0px 3px 0px; line-height: 16px; border-top: 1px dotted #999999;}

#ymhtable .info6 { width: 180px; height:auto; min-height: 20px; float:left; text-align:left; line-height: 16px; }
#ymhtable .info7 { width: 410px; height:auto; min-height: 20px; float:left; text-align:left; line-height: 16px; }
#ymhtable .info8 { width: 570px; height:auto; min-height: 15px; float:left; text-align:left; }
#ymhtable .info9 { width: 525px; height:auto; min-height: 20px; float:left; text-align:left; padding: 15px 0px 15px 30px; line-height: 16px; border-top: 1px dotted #999999;}
#ymhtable .info10 { width: 570px; height:auto; min-height: 15px; float:left; }
#ymhtable .bullet { width: 20px; height: 15px; float: left; text-align:left; }



/* title bar */
#titlebar_news { width: 287px; height: 30px; float:left; }
#titlebar_welcome { width: 643px; height: 30px; float:left; }

#titlebar_left { width: 15px; height: 30px; float:left; background: url(../images/titlebar_01.jpg) no-repeat; }
#titlebar_middleone { width: 257px; height: 30px; float:left; background: url(../images/titlebar_02.jpg) repeat-x; }
#titlebar_middletwo { width: 613px; height: 30px; float:left; background: url(../images/titlebar_02.jpg) repeat-x; }
#titlebar_right { width: 15px; height: 30px; float:left; background: url(../images/titlebar_03.jpg) no-repeat; }
#titlebar_bottom { width: 287px; height: 8px; float:left; background: url(../images/titlebar_bottom.jpg) no-repeat; }
#titlebar_bottom2 { width: 643px; height: 8px; float:left; background: url(../images/titlebar_bottom2.jpg) no-repeat; }

	/*  IE6 */
	* html #titlebar_bottom { width: 287px; height: 8px; float:left; margin-top: -8px;  background: url(../images/titlebar_bottom.jpg) no-repeat left top; }
	* html #careers { width: 287px; height:130px; position: relative; margin-top: 5px; }

	



#titlebar_txt1 { width: 220px; height: 30px; float: left; }
#titlebar_txt2 { width: 576px; height: 30px; float: left; }
#titlebar_link { width: 37px; height: 22px; float: left; padding-top:8px; text-align:right; }



#titlebar_products { width: 950px; height: 45px; float:left; }
#titlebar_prodleft { width: 15px; height: 45px; float:left; background: url(../images/titlebar_04.jpg) no-repeat; }
#titlebar_middlethree { width: 920px; height: 45px; float:left; background: url(../images/titlebar_05.jpg) repeat-x; }
#titlebar_prodright { width: 15px; height: 45px; float:left; background: url(../images/titlebar_06.jpg) no-repeat; }
#titlebar_txt3 { width: 170px; height: 45px; float: left; }
#titlebar_motion { width: 130px; height: 45px; float: right; background:url(../images/titlebar_motion.jpg) no-repeat; }






/* ===============================================================================
    Blank div
================================================================================== */
#blankone { width: 950px; height: 10px; float:left; }
#blanktwo { width: 200px; height: 16px; float:left; }
#blankthree { width: 200px; height: 5px; float:left; }
#blankfour { width: 200px; height: 10px; float:left; }

	/*  IE6 */
	* html #blankfour { width: 200px; height: 10px; float:left; margin-top: -10px; }

	/* IE 7 */
	*+ html #blankfour { width: 200px; height: 10px; float:left; margin-top: 10px;}







/* ===============================================================================
   Font
================================================================================== */
@font-face {
    font-family: 'CUnivers57CondensedRegular';
    src: url('unive57-webfont.eot');
    src: local('css'),
		 url('unive57-webfont.eot?#iefix') format('embedded-opentype'),
         url('unive57-webfont.woff') format('woff'),
         url('unive57-webfont.ttf') format('truetype'),
         url('unive57-webfont.svg#CUnivers57CondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.txt_a {color: #b7070e; text-decoration: none; font-family: 'CUnivers57CondensedRegular', Arial, Helvetica, sans-serif; font-size: 18px; text-align: left; line-height:16px;}
.txt_b {color: #434343; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; line-height:24px;}
.txt_c {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; font-weight:bold;}
.txt_d {color: #b30108; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; }
.txt_e {color: #b7070e; text-decoration: none; font-family: 'CUnivers57CondensedRegular', Arial, Helvetica, sans-serif; font-size: 15px; text-align: left; line-height:22px;}
.txt_f {color: #b7070e; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; line-height:18px;}
.txt_g {color: #333333; text-decoration: none; font-family: 'CUnivers57CondensedRegular', Arial, Helvetica, sans-serif; font-size: 15px; text-align: left; line-height:22px;}
.txt_h {color: #434343; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; font-weight:bold;}
.txt_i {color: #b7070e; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; font-weight:bold;}


a.txt_m {color: #b30108; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; }
a.txt_m {color: #b30108;}
a.txt_m:visited {color: #b30108;}
a.txt_m:hover {color: #b30108; text-decoration:underline;}
a.txt_m:active {color: #b30108;}

a.txt_n {color: #b30108; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; }
a.txt_n {color: #b30108;}
a.txt_n:visited {color: #b30108;}
a.txt_n:hover {color: #860005; text-decoration:underline;}
a.txt_n:active {color: #b30108;}

a.txt_o {color: #434343; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px; }
a.txt_o {color: #434343;}
a.txt_o:visited {color: #434343;}
a.txt_o:hover {color: #000000; text-decoration:underline;}
a.txt_o:active {color: #434343;}

a.txt_p {color: #434343; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:17px; }
a.txt_p {color: #434343;}
a.txt_p:visited {color: #434343;}
a.txt_p:hover {color: #000000; text-decoration:underline;}
a.txt_p:active {color: #434343;}