@charset "utf-8";
/* CSS Document 
** By : Donny Firdhana (firdhana@gmail.com)
*/
body{
	margin:0;
	font-family:"Trebuchet MS", Tahoma, Arial, Verdana;
	font-size:13px;
	background:#2c292c;
}


/*GENERAL*/
#main_wrapper{
	width:907px;height:auto;
	margin:auto;
	background:none;
	color:#58595b;
}

/*HEADER*/
#header{ width:907px;height:auto; float:left; }
#top_header{
	width:907px;height:107px;
	background:url(../images/top_bg.gif) no-repeat;
	z-index:99;
}
#main_logo{
	width:219px;height:81px;
	float:left;
	margin:12px 0 0 20px;
}
#authorized{
	width:148px;
	height:60px;
	float:right;
	margin:33px 30px 0 0;
}
#top_header img{ border:none;}
#top_header a:active{ border:none;}
/*#authorized img{ border:none;}*/
#banner_wrapper{
	width:900px;
	height:260px; 
	background: none;/*url(../images/banner_default.jpg) no-repeat;*/
	float:left;
}
#menu_wrapper{
	width:907px;
	height:42px;
	float:left;
	background:url(../images/menu_bg.gif) no-repeat;
}
#menu_wrapper ul{ list-style:none; color:#FFFFFF; text-transform:uppercase; font-size:10pt; margin:0; padding:11px 0 0 15px; height:31px; position:absolute;}
#menu_wrapper li{ display:inline; padding:0 35px 0 35px; margin-bottom:10px;}
#menu_wrapper li.active_download{ background:url(../images/bg_menu_active_download.PNG) no-repeat; padding-top:20px; padding-bottom:13px; position:absolute; margin-top:-20px;}
#menu_wrapper li.active_achievements{ background:url(../images/bg_menu_active_achievement.PNG) no-repeat; padding-top:20px; padding-bottom:13px; position:absolute; margin-top:-20px;}
#menu_wrapper li.active_testimonial{ background:url(../images/bg_menu_active_testimonial.PNG) no-repeat; padding-top:20px; padding-bottom:13px; position:absolute; margin-top:-20px;}
#menu_wrapper li.active_news{ background:url(../images/bg_menu_active_news.PNG) no-repeat; padding-top:20px; padding-bottom:13px; position:absolute; margin-top:-20px;}
#menu_wrapper li.active_sale{ background:url(../images/bg_menu_active_sale.PNG) no-repeat; padding-top:20px; padding-bottom:13px; position:absolute; margin-top:-20px;}
#menu_wrapper li.active_contact{ background:url(../images/bg_menu_active_contact.png) no-repeat; padding-top:20px; padding-bottom:13px; position:absolute; margin-top:-20px;}
#menu_wrapper a{ text-decoration:none; color:#FFFFFF;}
#menu_wrapper a.active_menu{ color:#048eca; font-weight:bold;}
#menu_wrapper li#li_relative_achiev{ margin-left:141px;}
#menu_wrapper li#li_relative_testi{ margin-left:165px;}
#menu_wrapper li#li_relative_news{ margin-left:151px;}
#menu_wrapper li#li_relative_sale{ margin-left:187px;}
#menu_wrapper li#li_relative_contact{ margin-left:101px;}

/*CONTENT*/
#content_wrapper{
	width:900px;
	height:auto;
	background:#f8f7e6;
	float:left;
}
#content_wrapper p.start_paragraph{ float:left; width:800px; margin-top:13px;}
#inner_content{
	width:800px;
	height:auto;
	margin:auto;
}
#inner_content h1.general_heading{ 
	text-transform:uppercase; color:#d2ac67; font-size:19pt; font-weight:bold; margin-bottom:0; margin-top:10px; width:400px; float:left;
}
#content_about{
	width:800px;
	float:left;
	height:auto;
	margin-top:7px;
	padding-bottom:10px;
	border-bottom:1px solid #bcbec0;
	line-height:25px;
}
#content_general_wrapper{
	width:800px;
	float:left;
	height:auto;
	border-bottom:1px solid #bcbec0;
	background:url(../images/bg_product_CAD.gif) no-repeat 100% 100%;
}
#content_general_wrapper h1{ text-transform:uppercase; font-size:18pt; color:#048eca; font-weight:normal; margin:15px 0 0 0;}
#product_left{
	width:600px;
	float:left;
	height:auto;
	font-size:12px;
	padding-bottom:25px;
}
#product_left img{ border:none;}
.num_product{
	width:45px;	height:31px;
	float:left; margin-top:10px;
	color:#048eca;
	font-size:15px;
}
.image_product{
	width:90px;
	height:31px;
	float:left;
	margin-top:10px;
}
.desc_product{
	width:465px;
	float:left;
	height:auto;
	margin-top:10px;
}
.desc_product p{ margin:0; text-align:justify;}
.desc_product p.link_info{ font-style:italic; color:#048eca;}
.desc_product p.link_info a{ color:#048eca; text-decoration:none;}
.desc_product p.link_info a:hover{ text-decoration:underline;}
.desc_product a{ color:#58595b; text-decoration:none;}
.desc_product a:hover{ color:#048eca; text-decoration:underline;}

#product_right{
	width:200px;
	float:right;
	z-index:99;
}
#warning_banner{
	width:175px;
	position:absolute;
	padding-left:20px;
	margin-top:-20px;
}
#warning_banner img, #download_banner img{ border:none;}
#download_banner{ float:right; width:192px; height:auto; margin-top:100px; position:absolute; margin-left:10px;}
/************************achievement****************************************/
#achiev_up{
	width:800px;
	float:left;
	height:auto;
	margin-top:20px;
	padding-bottom:20px;
	line-height:25px;
	text-align:justify;
	font-size:14px;
}
#achiev_up a.link_info{ color:#048eca; text-decoration:none;}
#achiev_up a.link_info:hover{ text-decoration:underline;}
#achiev_down{
	width:800px;
	float:left;
	height:auto;
	padding-bottom:50px;
	border-bottom:1px solid #bcbec0;
	background:url(../images/bg_product_CAD.gif) no-repeat 100% 100%;
}
#award_wrapper{
	width:610px;
	height:auto;
	margin:auto;
}
#image {
	position:relative; 
	width:600px; height:400px; 
	padding:2px; 
	border:1px solid #666; 
	background:#FFFFFF url(../images/loading.gif) center center no-repeat;
}
#image img {position:absolute; top:2px; left:2px}
#thumbwrapper {padding-top:10px; width:620px; height:98px;}
#thumbwrapper ul{ padding:0; margin:0; margin-left:1px;}
#thumbs {/*position:absolute; */list-style:none; margin-left:5px; height:98px; width:620px;}
#thumbs li {
	float:left; 
	margin-right:9px; 
	cursor:pointer; padding:1px; 
	background:#FFFFFF; 
	border:1px solid #666666; 
	height:94px;
}
.imgnav {position:absolute; height:400px; width:20%; z-index:100; height:400px; width:20%; z-index:100; outline:none; cursor:pointer;}
#previmg {
	left:0; 
	background:url(../images/left.gif) left center no-repeat; 
	border-left:2px solid #FFF
}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {
	right:0; 
	background:url(../images/right.gif) right center no-repeat; 
	border-right:2px solid #FFF
}
#nextimg:hover {opacity:1; filter:alpha(opacity=100);}
/*************************************** testimonial*****************************************************/
.testimonial_wrapper{
	width:800px; height:auto;
	float:left; margin-bottom:25px; margin-top:20px; padding-bottom:20px;
	border-bottom:1px solid #048eca;font-size:11px;
}
.img_wrapper{ width:152px; height:auto; float:left;}
.img_wrapper img{ border:1px solid #666666;}
.testi_content{ float:right; width:628px; height:auto; text-align:justify; padding-left:20px; font-size:12px;}
.signature_content{ float:right; width:628px; height:auto; padding-left:20px;}
.signature_content p{ padding:0; margin:0;}
/********************************contact us******************************/
#form_contact{ width:800px; height:auto; float:left;font-size:13px; margin-top:20px; margin-bottom:25px;}
#form_contact div label{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding-right:5px;
}
.optional{ width:800px; height:auto; float:left; margin-bottom:10px;}
#sprytextfield1, #sprytextfield2, #sprytextfield3, #sprytextfield4{ float:left; width:430px;}
#form_contact div input{ float:left;}
#form_contact div.button_space{ float:left; width:151px;}
#contact_up_info{ 
	width:800px; height:250px; 
	background:#e7e6d7; /*url(../images/bg_up_contact.png) no-repeat; */
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/bg_up_contact.png');*/
	float:left;
}
#contact_up_info_left{ width:450px; height:auto; float:left; padding-left:20px; padding-right:25px;}
#contact_up_info_right{ width:280px; height:auto; float:left; padding-left:25px;}
#contact_up_info_right img{ border:none;}
/******************************download****************************************/
#download_up{
	width:800px; height:auto;
	float:left; margin-top:20px;
	border-bottom:2px solid #d5b16f;
}
#download_up_left{ 
	width:190px; height:135px; float:left;
	background:url(../images/kitz_catalog.gif) no-repeat 0% 2%;
}
#download_up_right{ width:610px; height:auto; float:left; font-size:13px; text-align:justify;}
#download_up_right p{ margin-top:0;}
#download_up_right p.download_all_kitz_catalog{ color:#000000; font-weight:bold; font-size:12px; margin-bottom:18px;}
#download_up_right p.download_all_kitz_catalog a{ color:#000000; padding-bottom:1px; text-decoration:none; border-bottom:1px solid #000000;}
#download_up_right p.download_all_kitz_catalog a:hover{ color:#048eca;border-bottom:1px solid #048eca;}
#download_bottom_wrapper{
	width:800px; height:auto;
	float:left;
}
.item_download_wrapper{ width:800px; height:auto; float:left;}
.item_download_section{ width:800px; height:auto; float:left; border-bottom:2px solid #d5b16f; margin-top:18px;}
.item_download{
	width:400px; height:auto;
	float:left;
}
.item_download2{ width:400px; height:auto; float:left;/*margin-left:17px; */padding-bottom:20px;}
.item_download img, .item_download2 img{ border:none;}
.left_item_download{ width:95px; height:auto; float:left;}
.right_download{ width:305px; height:auto; float:left; font-size:12px;}
.right_download h2{ color:#000000; font-size:12px; font-weight:bold;}
.right_download a{ color:#d5b16f;}
.right_download a:hover{color:#048eca;}
#download_bottom_wrapper h1{ font-size:14px; margin-top:0; margin-bottom:15px;}
/********************************* news and event ******************************************/
.news_event_wrapper{
	width:800px; height:auto;
	float:left; margin-bottom:15px; margin-top:10px;
	border-top:1px solid #048eca;font-size:11px;
	color:#505050;
}
.news_header{ color:#0098d6; text-transform:capitalize; margin-top:15px; padding-top:0; font-size:18px;}
.img_wrapper_news{ width:210px; height:auto;}
.imitation_info{ width:800px; height:auto; float:left;}
.imitation_info p{ width:800px; height:auto; margin-top:15px; margin-bottom:13px;}
.images_imitation_info{ width:800px; height:auto; float:left; margin-top:10px;}
/********************************* sale *************************************************/
#sale_wrapper_info{ 
	width:780px; height:auto;
	float:left;
	padding-left:20px;
	background:#e7e6d7;
	margin-bottom:20px;
}
#sale_wrapper_info p{ margin-top:15px;}
#sale_info_left{ width:550px; height:auto; float:left;}
#sale_info_right{ width:200px; height:auto; float:left; padding-left:10px; padding-right:20px;}
#sale_content_wrapper{ width:800px; height:auto;float:left; margin-bottom:15px;}
#sale_content_wrapper h2{ color:#d2ac67; font-size:18px; width:800px; border-bottom:1px solid #666666;text-transform:uppercase; padding-bottom:5px;}
#sale_content_wrapper table{
	width:610px;border-spacing: 1px;background-color: #999999; font-size:11px; color:#333333;
}
#sale_content_wrapper table th{
	text-align:center;
	font-weight:bold;
	height:25px;
	background: #333333; /*#f0f0f0;*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #f8f7e6;
	font-size:12px; color:#FFFFFF;
}
#sale_content_wrapper table tr{background-color: #f8f7e6; height:22px;}
#sale_content_wrapper table td{ padding-left:3px; padding-right:3px; height:22px;}
#sale_content_wrapper a{ color:#048eca; text-decoration:underline; font-size:12px;}
#sale_term_wrapper{ width:800px; height:auto; float:left; font-size:12px;}
#sale_term_wrapper h2{ text-transform:uppercase; font-size:15px; margin-top:0; padding-top:10px;}
#sale_term_content{ margin:auto; width:570px;padding-left:20px; padding-right:20px; height:190px; 
	background:url(../images/bg_term_sale.png) no-repeat; margin-bottom:20px;}

/*FOOTER*/
#footer_wrapper{
	width:800px;height:auto;
	float:left;
	margin-top:18px; padding-bottom:20px;
	color:#58595b;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer_left{
	width:350px;
	height:62px;
	float:left;
}
#footer_left a{ color:#048eca; text-decoration:none;}
#footer_left a:hover{ text-decoration:underline;}
#footer_left p{ margin-top:3px; margin-bottom:0;}
#footer_right{
	width:450px;
	height:62px;
	float:right; margin-left:-3px;
}
#footer_right img{ border:none;}
#footer_right p{ margin-top:14px; margin-bottom:0;}

/*OTHERS*/
#contact_up_info_left a{color:#0098d6;}
#news_info_wrapper{ width:800px; height:auto; float:left; text-align:justify;margin:0; padding-top:10px;}
#news_info_wrapper a{color:#0098d6;}
.link_announce{ width:800px; height:auto; float:left;}
.link_announce a{color:#0098d6; text-decoration:none;}
.link_announce a:hover{ text-decoration:underline;}
.images_imitation_info a{color:#0098d6;}
.home_wrapper{
	margin-bottom:0; margin-top:16px; width:400px; float:right; height:20px;
}
.home_wrapper img{ border:none;}
.par_abal a{color:#0098d6;}
/*#holiday_wrapper{
	width:500px;
}*/
