/*
http://www.ardhosting.com/
Description: Custom Website for the Ardhosting site.
Version: 1.0
Author: Danu Andoko
Author URI: http://www.ardhosting.com/
*/

/*** Resets ***/

css_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: 0px; padding:0px; font-size: 100%;vertical-align: baseline;	border: 0px; outline:0;	background: transparent;
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;}

ol, ul {list-style: none;}

blockquote, q {	quotes: none;}

:focus{outline: 0;}

table{border-collapse: collapse; border-spacing: 0;}

.hide{display: none;}

body, div, p, input,
select, textarea, label{color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;	border:none !important;}

h1{font-size:18px; margin:0px;}
h2{font-size:18px; margin:0px;}
h3{font-size:16px; margin:0px;}
h4{font-size:14px; margin:0px;}
h5{font-size:12px; margin:0px;}

hr{border:none; border-top: 1px solid #333333; margin:0px;}

a, a:link{ color:#3399CC; outline:none; text-decoration:none;}
a:visited, a:active, a:hover{color:#205F7D;}

img{border:none;}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

p.clear, .clear { background:none; clear:both; margin:0; padding:0;}

* {margin:0px;	padding:0px;}

.red_text{color:#990000; font-size:14px;}

.red_text01{color:#990000;}

.black_text{font-size:14px;	color:#333333;}

/**************************************************** Layout CSS ********************************************************/

body{ background-color:#141414; width:100%;	margin:0px;	padding:0px;}

.wrapper{width:980px; margin:0px auto; background-color:#7E0000;}

/*** HEADER ***/
#header{
	background:url(../images/bg_header.jpg) repeat-x;
}
#header_top{
	background:url(../images/bg_header_top.jpg) no-repeat top;
	height:119px;
}
#header_top #submenu_top{
	float:right;
}
#header_top #submenu_top ul{
	margin:5px 0px 0px 0px;
	padding:0px;
}
#header_top #submenu_top ul li{
	float:left;
	margin:0px 0px 0px 10px;
}
#header_top #submenu_top ul li a{
	font-size:10px;
	color:#CCCCCC;
}
#header_top #submenu_top ul li a:hover{
	color:#D81E09;
}
#header_top .logo{
	float:left;
	padding:30px 0px 0px 40px;
}
#header_top .phone_support{
	float:right;
	width:276px;
	height:75px;
	margin:15px 0px 0px 0px;
	position:relative;
	right:-10px;
	background:url(../images/bg_phone.jpg) no-repeat bottom;
}
#header_top .phone_support h4{
	font-size:12px;
	font-weight:normal;
	margin-left:30px;
	color:#CCCCCC;
}
#header_top .phone_support h4 span{
	font-size:30px;
	font-weight:bold;
	line-height:30px;
}
#header_top .phone_support h5{
	font-size:24px;
	font-weight:bold;
	margin:9px 0px 0px 80px;
	color:#FFFFFF;
}

/* headmenu */
#headmenu{
	clear:both;
	width:960px;
	height:60px;
	margin:0px auto;
	background:url(../images/bg_headmenu.jpg) repeat-x;
}

/* header images */
.header_img{
	width:960px;
	margin:0px auto;
	padding:0px !important;
	position:relative;
}

.header_img .teks_img{
	position:absolute;
	top:50px;
	margin-left:50px;
	padding:0px;
}

.header_img .teks_img h3{
	font-size:24px;
	color:#F7C403;
}

.header_img .teks_img h4{
	font-size:24px;
	color:#FFFFFF;
	margin:5px 0px 0px 70px;
}

.header_img .teks_img .sub_teks{
	font-size:16px;
	color:#FFFFFF;
	display:block;
	padding:20px 0px 0px 20px;
	font-style:italic;
}

/*** CONTENT ***/
#content{
	background-color:#666666;
}

* html #content{
	margin-top:-3px;
}

#content .content_container{
	width:960px;
	margin:0px auto;
	background-color:#F0F0F0;
}

.title_content{
	font-size:20px;
	font-weight:normal;
	color:#222222;
	margin-bottom:10px;
	padding-left:30px;
	padding-bottom:10px;
	background:url(../images/bullet02.gif) no-repeat 0px 0px;
}

.wrapper_content{
	width:940px;
	margin:0px auto;
	padding-top:20px;
}

.content01{
	background:#FFFFFF;
}

.content_left{
	float:left;
}

.content_right{
	float:right;
}


/* slider promo */
.slide_promo{
	float:left;
	width:680px;
	margin:10px 0px 10px 10px;
	padding:0px;
}
* html .slide_promo{
	margin:10px 0px 10px 5px;
}

.slide_promo #headline_promo{
	margin:0px;
	padding:5px;
	height:190px;
	width:680px;
	border:#CCCCCC solid 1px !important;
	overflow:hidden !important;
}
	#headline_promo .on_promo{
		padding:5px;
		height:190px;
		width:680px;
		overflow:hidden !important;
	}	
	#headline_promo p a{
		color:#8D0000;
	}
	#headline_promo p a:hover{
		color:#FF6600;
	}
	#headline_promo .on_promo .img_promo{
		float:left;
		margin-right:10px !important;
	}	
	#headline_promo .on_promo .teks_promo{
		padding-top:10px;
	}	
	#headline_promo .on_promo span{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:30px;
		font-weight:bold;
		line-height:30px;
		color:#8D0000;
	}		
	#headline_promo .on_promo .bold_teks01{
		font-size:14px;
		font-weight:bold;
		color:#8D0000;
	}
	#headline_promo .on_promo h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:30px;
		font-weight:bold;
		color:#333333;
		line-height:30px;
		margin-bottom:10px;
	}
	#headline_promo .on_promo .teks_promo h3{
		font-size:16px;
		font-weight:normal;
		color:#666666;
		line-height:18px;
	}	
	#headline_promo .on_promo .teks_promo p{
		line-height:20px;
		margin-top:10px;
	}

.teks_promo01 h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:bold;
	color:#333333;
	line-height:30px;
}
.teks_promo01 h3{
	font-size:16px;
	font-weight:normal;
	color:#666666;
	line-height:18px;
}	
.teks_promo01 p{
	color:#666666;
	line-height:20px;
	margin-top:10px;
}	
		
.slide_promo #headline_page {
	display: inline; 
	float: left; 
	margin: 5px 10px 0px 0px; 
	padding:0px;
	position:absolute;
	height: 20px;
}
	#headline_page a {
		font-weight: normal; 
		font-size: 14px; 
		background:url(../images/btnFeatureHover.gif);
		background-position:0px 0px; 
		float: left; 
		width: 22px; 
		color:#999999; 
		padding-top: 3px;
		margin-right:5px; 
		height: 19px !important; 
		text-align: center;
		overflow:hidden;
	}
	#headline_page a.activeSlide {
		background-position:0px -22px; 
		color: #FFFFFF;
	}
	#headline_page a:hover {
		background-position: 0px -22px; 
		color: #FFFFFF;
	}	
	

.slide_promo02{
	width:245px;
	height:325px !important;
	overflow:hidden !important;
	background-color:#333333;
	margin:0px;
	padding:0px;
}	
.slide_promo02 #headline_product{
	width:245px;
}
#headline_product .bg01{
	background:url(../images/bg_barpromo.jpg) no-repeat top left;
}
#headline_product .bg02{
	background:url(../images/bg_barpromo02.jpg) no-repeat top left;
}
#headline_product .bg03{
	background:url(../images/bg_barpromo03.jpg) no-repeat top left;
}
#headline_product .bg04{
	background:url(../images/bg_barpromo04.jpg) no-repeat top left;
}
#headline_product .bg05{
	background:url(../images/bg_barpromo05.jpg) no-repeat top left;
}

#headline_product .product_ard{
	width:245px;
	height:325px !important;
	overflow:hidden !important;
	background-color:#333333 !important;
}	
#headline_product .product_ard p{
	width:200px;
	padding-top:15px;
	margin:0px auto;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #222222;
}	
#headline_product .product_ard h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px 5px;
	font-size:22px;
	color:#FFFFFF;
	text-align:center;
	padding-top:20px;
	line-height:30px;
	text-shadow: 1px 1px 1px #222222;
}	
#headline_product .product_ard h5{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin-bottom:2px;
}	
#headline_product .product_ard .produc_space{
	width:230px;
	margin:0px auto;
	padding-top:10px;
}	
.tipe_hosting{
	padding-left:50px;
	height:38px;
	position:relative;
	left:-14px;
	margin-top:10px;
}
.tipe_hosting h5{
	font-size:16px !important;
	font-weight:bold !important;
	color:#FFFFFF !important;
	padding-top:8px;
	text-shadow: 1px 1px 1px #222222;
}
.tipe_hosting h5 a{
	font-size:16px !important;
	font-weight:bold !important;
	color:#FFFFFF !important;
	padding-top:8px;
	text-shadow: 1px 1px 1px #222222;
}
.tipe_hosting h5 a:hover{
	color:#FFCC00 !important;
}
ul.list_product_promo{
	position:relative;
	margin:0px 0px 0px 40px;
	top:-10px;
}
ul.list_product_promo li{
	padding:3px 0px;
	background:url(../images/arrow04.gif) no-repeat;
	background-position:0px 7px;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #222222;
}
ul.list_product_promo li a{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF !important;
	text-shadow: 1px 1px 1px #222222;
}
ul.list_product_promo li a:hover{
	color:#FFCC00 !important;
}

/* search order */
.short_order{
	float:left;
	width:715px;
	height:55px;
	background:url(../images/bar_order.jpg) no-repeat;
	margin-top:30px;
	position:relative;
	left:-22px;
}

.short_order .form_short_order{
	float:left;
	padding:10px 0px 0px 150px !important;
	height:30px;
}

* html .short_order .form_short_order{
	padding:12px 0px 0px 150px !important;
}
	.form_short_order .srcText0{
		font-size:16px;
		font-weight:bold;
		color:#CCCCCC !important;
		float:left;
		width:50px;
		background:none;
	}

	* html .form_short_order .srcText0{
		color:#CCCCCC !important;
	}

	.form_short_order .srcText{
		font-size:16px;
		font-weight:bold;
		color:#999999;
		float:left;
		width:315px;
		background:none;
	}

	select:focus{
		border:none !important;
		border-color:#FFFFFF !important;
	}

	.form_short_order select.option_search{
		float:left;
		color:#999999;
		font-size:14px;
		line-height:10px;
		width:80px;
	}

	* html .form_short_order select.option_search{
	}

	.srcbtn{
		width:39px;
		height:23px;
		float:left;
		cursor:pointer;
		margin:0px 0px 0px 50px;
	}

.short_order p{
	font-size:10px;
	color:#A9A9A9;
	text-align:right;
	margin:5px 0px 10px 0px;
}

/* breadchumb */
.breadchumb{
	clear:both;
	padding:5px 0px 5px 10px;
	background:#CECECE;
	border-top:#C0C0C0 solid 1px !important;
	border-bottom:#C0C0C0 solid 1px !important;
}
.breadchumb p{
	font-size:10px;
	color:#333333 !important;
}
.breadchumb a{
	color:#333333 !important;
}
.breadchumb a:hover{
	color:#990000 !important;
}

/* CONTENT 02 */
.content02{
	padding:10px;
	background:url(../images/bg_content02.jpg) repeat-y top;
}
.content_container h1{
	font-size:30px;
	font-weight:normal;
	color:#222222;
	margin-bottom:10px;
	padding-left:40px;
	padding-bottom:10px;
	line-height:24px;
	background:url(../images/bullet01.jpg) no-repeat 0px 0px;
}
.content02 .wrapper_content .wrap_left01{
	float:left;
	width:630px;
	padding-right:10px;
}
.img_content{padding:3px;border:#cccccc solid 1px;float:left;margin-right:10px;}
.img_content2{padding:4px;border:#cccccc solid 1px;}
	.wrapper_content .wrap_left01 p{
		font-size:12px;
		color:#333333;
		line-height:20px;
		margin-bottom:10px;
		text-align:justify;
	}
	.wrapper_content .wrap_left01 a{
		color:#3399CC;
	}
	.wrapper_content .wrap_left01 a:hover{
		color:#205F7D;
	}

.content02 .wrapper_content .wrap_right01{
	float:right;
	width:285px;
}
.wrap_right01 .col_news{
}
	.wrap_right01 .col_news .scrollnews{
		padding-top:10px;
	}
		.scrollnews ul li{
			margin-bottom:10px;		
		}
		.scrollnews ul li h6{
			font-size:11px;
			color:#999999;	
			font-weight:normal;
		}
		.scrollnews ul li h5{
			font-size:14px;
			font-weight:bold;
			color:#333333;	
		}
		.scrollnews ul li p{
			font-size:12px;
			color:#333333;
			line-height:20px;
			text-align:justify;
		}
		.scrollnews a{
			color:#3399CC;
		}
		.scrollnews a:hover{
			color:#205F7D;
		}
	
.news_list{
	margin-top:10px;
}

.news_list h5{
	font-size:14px;
	color:#666666;
	font-weight:bold;
}

.news_list ul{
	padding-top:5px;
}

.news_list ul li{
	margin:0px;
}

.news_list ul li .date_newslist{
	float:left;
	width:70px;
	font-size:11px;
	color:#666666;
}

.news_list ul li .title_newslist{
	float:right;
	width:200px;
	font-size:12px;
	font-weight:bold;
}

.news_list ul li .title_newslist a{
	color:#3399CC;
}

.news_list ul li .title_newslist a:hover{
	color:#205F7D;
}


/* content03 */
.content03{
	background-color:#DFE0E1;
	padding:10px;
	border-bottom:1px #cccccc solid;
	padding-bottom:20px;
}

.list_why{
	margin-left:20px;
}

.list_why li{
	float:left;
	width:300px;
	margin-top:10px;
}

.list_why li .ico_why{
	float:left;
	width:50px;
	padding-bottom:10px;
}

.list_why li h4{
	font-size:14px;
	color:#333333;
	margin-top:6px;
}

.bt_detail01{
	width:90px;
	float:right;
}
	
.bt_detail01 a{
	display:block;
	height:20px;
	text-indent:-9999px;
	background:url(../images/bt_detail.gif) top no-repeat;
}
	
.bt_detail01 a:hover{
	background:url(../images/bt_detail.gif) bottom no-repeat;
}

/* content04 */
.content04{
	background:url(../images/bg_content04.jpg) repeat-y;
	padding:10px;
}

.box_testi{float:left;width:280px;}
	.box_testi #testimonial{}
	.box_testi #testimonial li{display:none;}
	.box_testi .comment_slide{background:url(../images/kutip.jpg) top left no-repeat;padding-left:35px;}	
	.box_testi .comment_slide p{line-height:18px;color:#333333;}	
	.box_testi .bt_testimonial{width:130px;height:20px;margin:20px 0px 0px 35px;}	
	.box_testi .bt_testimonial a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_testimonial.gif) top no-repeat;}	
	.box_testi .bt_testimonial a:hover{background:url(../images/bt_testimonial.gif) bottom no-repeat;}


.box_middle{float:left;width:330px;margin-left:30px;}
.box_middle .box_klien{margin-bottom:30px;}	
	.box_middle .box_klien ul{margin-left:32px;font-size:12px;color:#333333;}	
	.box_middle .box_klien ul li{float:left;width:125px;margin:0px 0px 5px 0px;padding-left:15px;background:url(../images/arrow01.gif) no-repeat;}	
	.box_middle .box_klien .bt_klien{clear:both;width:90px;height:20px;padding:10px 0px 0px 30px;}	
	.box_middle .box_klien .bt_klien a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_klien.gif) top no-repeat;}	
	.box_middle .box_klien .bt_klien a:hover{background:url(../images/bt_klien.gif) bottom no-repeat;}
	
	.box-popular{}
	.box-popular ul li{width:100px;height:70px;margin:0px 5px;float:left;}	
	.box-popular .bt_klien{clear:both;width:90px;height:20px;padding:20px 0px 0px 5px;}	
	.box-popular .bt_klien a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_klien.gif) top no-repeat;}	
	.box-popular .bt_klien a:hover{background:url(../images/bt_klien.gif) bottom no-repeat;}

.box_payment{padding-top:40px;}
.box_payment img{margin-left:10px;}


.box_service{
	float:left;
	margin-left:20px;
	width:275px;
}

.box_service .bt_live_support{
	cursor:pointer;
	margin-left:25px;
}

.box_service .cs_content{
	margin-left:10px;
}

.box_service .cs_content h3{
	font-size:14px;
	color:#333333;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
}

.box_service .cs_content .ym_account{
}

.box_service .cs_content .ym_account .ym01{
	margin:2px;
}

.box_service p{
	margin-top:10px;
	font-size:11px;
}

.box_service p a{
	color:#3399CC;
	text-decoration:underline;
}

.box_service p a:hover{
	color:#205F7D !important;
}


/*** MAIN CONTENT ***/

.main_content{
	padding:0px 0px 0px 10px;
	background:url(../images/bg_maincontent.jpg) repeat-y top;
}
* html .main_content{
	padding:0px 0px 1px 10px;
}

.main_content h1{
	font-size:30px;
	font-weight:normal;
	color:#222222;
	padding-left:40px;
	line-height:30px;
	background:url(../images/bullet01.jpg) no-repeat 0px 0px;
}

.main_content h2{
	font-size:20px;
	font-weight:normal;
	color:#222222;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
	padding-bottom:10px;
	background:url(../images/bullet02.gif) no-repeat 0px 0px;
}

.main_content .isi_content p{
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:20px;
	text-align:justify;
}

.main_content .isi_content h3{
	font-size:18px;
	font-weight:normal;
	color:#222222;
	line-height:18px;
	padding-bottom:10px;
}

.main_content .isi_content h4{
	margin-top:20px;
	font-size:14px;
	font-weight:normal;
	color:#222222;
	line-height:18px;
}
.main_content p{
	font-size:12px;
	color:#333333;
	line-height:20px;
	margin-bottom:10px;
}

.main_content a{
	font-size:12px;
	font-weight:bold;
	color:#990000;
	line-height:18px;
}
.main_content a:hover{
	font-size:12px;
	color:#FF6600;
	line-height:18px;
}
.con_bg01{
	background:url(../images/bg/con_bg01.jpg) no-repeat top left;
}
/* main_content_left */
.main_content .main_content_left{
	width:690px;
	float:left;
	padding-top:20px;
}

.main_content .main_content_left .isi_content{
}

.main_content_left .isi_content .content_box{
	padding-top:0px !important;
	clear:both;
}

.main_content_left .isi_content .tab_nav_wrap{
}

.tab_nav_wrap ul.tab_nav{
	background:#E5E5E5 url(../images/bg_tab.jpg) no-repeat;
	height:40px;
	overflow:hidden;
}

.tab_nav_wrap ul.tab_nav li{
	float: left;
	padding: 3px 0px 20px 0px;
	margin-left:0px;
	list-style: none;
	cursor: pointer;
}

.tab_nav_wrap ul.tab_nav li a{
	padding:5px 10px 10px 10px !important;
	margin:0px;
	color:#FFFFFF;
}

* html .tab_nav_wrap ul.tab_nav li a{
	padding:6px 10px 9px 10px;
}

.tab_nav_wrap ul.tab_nav li a:hover{
	background:url(../images/bg_tab_hover02.jpg) repeat-x top;
	color:#FBC503;
}

.tab_nav_wrap ul.tab_nav li.current{
	padding-bottom:18px;
	color:#FBC503;
	background:url(../images/row_tab.gif) no-repeat center bottom;
}

.tab_nav_wrap ul.tab_nav li.current a{
	background:url(../images/bg_tab_hover.jpg) repeat-x top;
	color:#000000;
}

.tab_nav_wrap ul.tab_nav li.current a:hover{
	background:url(../images/bg_tab_hover.jpg) repeat-x top;
	color:#000000;
}

.tab_nav_wrap .tab_container{
	border-left:#CCCCCC solid 1px !important;
	border-right:#CCCCCC solid 1px !important;
	border-bottom:#CCCCCC solid 3px !important;
	background-color:#E5E5E5;
	padding-top:10px;
}

.tab_nav_wrap .tab_container .tab { 
	display: none; 
}

.tab_nav_wrap .tab_container .current{
	display: block;
}

.tab_nav_wrap .tab_container h2{
	margin-left:10px;
}
.blink{
	text-decoration:blink;
	color:#990000;
	font-weight:bold;
}

.logo2{
	margin-top:20px;
	border:#CCCCCC solid 1px !important;
	width:673px;
	padding-left:15px;
	-webkit-border-radius:10px;
 	-moz-border-radius:10px;
}

.logo3{
	margin-top:20px;
	border:#CCCCCC solid 1px !important;
	width:627px;
	padding-left:5px;
	-webkit-border-radius:10px;
 	-moz-border-radius:10px;
}

.desc_ssl{margin-top:20px;border:#CCCCCC solid 1px !important;width:612px;padding:5px 10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.desc_ssl .ssl_image{float:left;width:140px;}
.desc_ssl .ssl_con{float:left;width:460px;}
.desc_ssl .ssl_con h3{font-size:24px;margin:20px 0px 2px 0px;}
.desc_ssl .ssl_con span{font-size:11px; font-style:italic;color:#7E0000;margin-bottom:10px;display:block;}

/* tabel */
.tabel_hosting{}
.tabel_hosting th{font-size: 12px;font-weight: bold;padding:15px 2px;background:#3399CC;border-right: 1px solid #51A8D3;border-left:1px solid #51A8D3;color:#FFFFFF;vertical-align:middle;}
.tabel_hosting td.zeb01, .tabel_hosting td.zeb02, .tabel_hosting td.zeb03{font-size: 12px;font-weight: normal;padding:10px 2px;border-right: 1px dashed #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.tabel_hosting td.zeb01{color: #333333;background:#F0F0F0;vertical-align:middle;}
.tabel_hosting td.zeb02{color: #333333;background:#E5E5E5;vertical-align:middle;}
.tabel_hosting td.zeb03{color: #333333;background:#999999;vertical-align:middle;}
.tabel_hosting td.zeb04{color:#ffffff;background:#696969;font-size:16px;font-weight:bold;text-align:left;vertical-align:middle;padding:5px 10px;}
.tabel_hosting td.zeb04 span{margin-right:10px;float:left;}
.tabel_hosting .harga s{color:#666666;font-size:11px;}


.tabel_hosting2{margin-bottom:20px;}
.tabel_hosting2 td{text-align:center;}
.tabel_hosting2 th{font-size: 12px;font-weight: bold;padding:10px 2px;background:#3399CC;border-right: 1px solid #51A8D3;border-left:1px solid #51A8D3;color:#FFFFFF;vertical-align:middle;}
.tabel_hosting2 th.bar01{font-size: 12px;font-weight: bold;padding:10px 2px;background:#3399CC;border-top: 2px solid #27789E;border-right: 1px solid #27789E;border-left: 1px solid #27789E;color: #FFFFFF;vertical-align:middle;}
.tabel_hosting2 th.bar02{font-size: 12px;font-weight: bold;padding:10px 2px;background:#5C8735;border-top: 2px solid #3A5621;border-right: 1px solid #3A5621;border-left: 1px solid #3A5621;color: #FFFFFF;vertical-align:middle;}
.tabel_hosting2 th.bar03{font-size: 12px;font-weight: bold;padding:10px 2px;background:#C14E00;border-top: 2px solid #A64200;border-right: 1px solid #A64200;border-left: 1px solid #A64200;color: #FFFFFF;vertical-align:middle;}
.tabel_hosting2 td.zeb01, .tabel_hosting2 td.zeb02, .tabel_hosting2 td.zeb03{font-size:12px;font-weight: normal;padding:5px 2px;border-right:1px dashed #CCCCCC;border-bottom:1px solid #CCCCCC;}
.tabel_hosting2 td.zeb01{color:#333333;background:#F0F0F0;vertical-align:middle;}
.tabel_hosting2 td.zeb02{color:#333333;background:#E5E5E5;vertical-align:middle;}
.tabel_hosting2 td.zeb03{color:#333333;background:#999999;vertical-align:middle;}
.tabel_hosting2 td.zeb04{color:#ffffff;background:#696969;font-size:16px;font-weight:bold;text-align:left;vertical-align:middle;padding:5px 10px;}
.tabel_hosting2 td.zeb04 span{margin-right:10px;float:left;}
.tabel_hosting2 .harga s{color:#666666;font-size:11px;}
.tabel_hosting2 .tebal{color:#333333 !important;font-size:11px !important;font-weight:bold !important;}

.coret{
	text-decoration:line-through;
}

.tabel_right{
	border-right:none !important;
}

.tabel_left{
	padding-left:10px !important;
	font-weight:bold !important;
}

.harga{font-size:14px !important;font-weight:bold !important;color:#BB0000 !important;}
.harga2{font-size:12px !important;font-weight:bold !important;color:#BB0000 !important;}

.bt_order, .bt_order02, .bt_order03 {
	width:60px;
	margin:0px auto; padding:0px;
	display:block;
}

.disable a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_order_non.gif) top center no-repeat;}
.bt_order a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_order.gif) top center no-repeat;}
.bt_order02 a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_order02.gif) top center no-repeat;}
.bt_order03 a{display:block;height:20px;text-indent:-9999px;background:url(../images/bt_order03.gif) top center no-repeat;}
.bt_order a:hover, .bt_order02 a:hover, .bt_order03 a:hover{background-position:bottom center;}

.soldout{position:absolute;margin:-22px 0px 0px 2px;}
* html .soldout{margin:-22px 0px 0px -2px;}
.grey{color:#999999 !important;}

/*tabelGrey*/
.tabelGrey{
	margin-top:20px;
}

.tabelGrey th{
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	background:#333333;
	border: 1px solid #666666;
	border-top: 2px solid #666666;
	border-bottom: 1px solid #666666;
	color: #FFF;
	vertical-align:middle;
}

.tabelGrey .zeb01{
	font-size: 12px;
	font-weight: normal;
	padding:10px 2px;
	background: #FFFFFF;
	border: 1px solid #C9C9C9;
	color:#333333;
	vertical-align:middle;
}

.tabelGrey .zeb02{
	font-size: 12px;
	font-weight: normal;
	padding:10px 2px;
	background:#E9E9E9;
	border:1px solid #C9C9C9;
	color:#333333;
	vertical-align:middle;
}

.tabelGrey ul{
	list-style:disc;
	margin-left:20px;
}

/*tabel domain*/
.tabel_domain{margin-bottom:40px;border: 1px solid #CCCCCC;}
.tabel_domain th.bar01{font-size: 12px;font-weight: bold;padding:15px 2px;background:#3399CC;border-top: 2px solid #27789E;border-right: 1px solid #27789E;border-left: 1px solid #27789E;color: #FFFFFF;vertical-align:middle;}
.tabel_domain th.bar02{font-size: 12px;font-weight: bold;padding:15px 2px;background:#5C8735;border-top: 2px solid #3A5621;border-right: 1px solid #3A5621;border-left: 1px solid #3A5621;color: #FFFFFF;vertical-align:middle;}
.tabel_domain th.bar03{font-size: 12px;font-weight: bold;padding:15px 2px;background:#C14E00;border-top: 2px solid #A64200;border-right: 1px solid #A64200;border-left: 1px solid #A64200;color: #FFFFFF;vertical-align:middle;}
.tabel_domain td.zeb01, .tabel_domain td.zeb02, .tabel_domain td.zeb03{font-size: 12px;font-weight: normal;padding:5px 2px;border-right: 1px dashed #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.tabel_domain td.zeb01{color: #333333;background:#F0F0F0;vertical-align:middle;}
.tabel_domain td.zeb02{color: #333333;background:#F0F0F0;vertical-align:middle;padding:20px 10px !important;}
.tabel_domain span{font-size: 11px;font-weight: normal;color:#333333;}
.big_font{font-size: 16px !important;color:#333333;}

/* fitur dan fasilitas */
.tab_nav_wrap .tab_container ul{
	margin:20px 0px 0px 40px;
}

.tab_nav_wrap .tab_container li{
	margin-bottom:10px;
	padding-right:10px;
}

.tab_nav_wrap .tab_container li h3{
	padding-bottom:0px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
}

.tab_nav_wrap .tab_container li p{
	color:#333333;
}
.list_bullet{
	list-style:disc;
	padding-bottom:20px !important;
	padding:0px;
}
.list_bullet li{
	margin-bottom:5px;
}

ul.list_bullet_first{
	list-style:disc;
	margin-left:40px;
}

ul.list_bullet_first2{
	list-style:disc;
	margin-left:50px;
}

/* info tambahan */
ul.list_info{
	margin:20px 0px 40px 30px;
	list-style:disc;
}
ul.list_info li{
	margin-bottom:10px;
}

ul.list_info ul{
	margin:5px 0px 0px 30px;
	list-style:circle;
}

ul.list_info ul li{
	margin:0px;
}


.content_box02{
	display:none;
}

ul.list_info02{
	margin:0px 0px 0px 30px;
	list-style:disc;
	font-size:11px;
	color:#000000;
	font-style:italic;
}

ul.list_info li{
	margin-bottom:10px;
}

ul.list_info ul{
	margin:5px 0px 0px 30px;
	list-style:circle;
}

ul.list_info ul li{
	margin:0px;
}

/* main_content_right */
.main_content_right{
	float:right;
	width:248px;
}

.main_content_right .isi_content_right{
}

.main_content_right .isi_content_right #slider{
	background-color:#B6B6B6;
	margin:0px;
	padding:0px;
	height:375px !important;
	overflow:hidden;
}

/* slider promo right */
.slide_promo_right{
	width:230px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
}
.slide_promo_right #headline_promo_right{
	height:340px !important;
	width:230px;
}
	#headline_promo_right .on_promo{
		height:330px;
		width:230px;
		overflow:hidden !important;
	}	
	#headline_promo_right .on_promo .img_promo{
		margin-top:5px;
	}	
	#headline_promo_right .on_promo .teks_promo{
		width:230px;
	}	
	#headline_promo_right .on_promo .teks_promo h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		background:none;
		padding:0px;
		margin:10px 0px 10px 0px;
		font-size:18px;
		font-weight:bold;
		color:#222222;
		line-height:20px;
	}	
	#headline_promo_right .on_promo .teks_promo span{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		font-weight:bold;
		color:#8D0000;
	}
	#headline_promo_right .on_promo .teks_promo h3{
		font-size:12px;
		font-weight:bold;
		color:#8D0000;
		line-height:20px;
	}
	#headline_promo_right .on_promo .teks_promo p{
		line-height:20px;
		margin-top:10px;
		color:#333333;
		font-size:12px;
	}
	
.slide_promo_right #headline_page_right {
	float: left;
	position:relative;
	top:-10px;
	margin: 5px 10px 0px 0px; 
	padding:0px;
	height: 16px;
}
	#headline_page_right a {
		font-weight: normal; 
		font-size: 10px; 
		background:url(../images/btnFeatureHover02.gif);
		background-position:0px 0px;
		line-height:14px;
		float: left; 
		width:16px; 
		color:#999999;
		margin-right:4px; 
		height: 16px !important; 
		text-align: center;
		overflow:hidden;
	}
	#headline_page_right a.activeSlide {
		background-position:0px -16px; 
		color: #FFFFFF;
	}
	#headline_page_right a:hover {
		background-position: 0px -16px; 
		color: #FFFFFF;
	}
	

/* Accordion */
.block_accordion{
	width:248px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
.accordion {
	width: 248px;
	margin:0px auto;
}
.accordion h3 {
	background: #666666 url(../images/arrow-square.gif) no-repeat right 5px;
	padding: 7px 15px;
	margin:1px 0px 0px 0px;
	font-size:14px;
	font-weight:bold; 
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	border-bottom: none;
	color:#FFFFFF;
	cursor: pointer !important;
}
.accordion h3:hover {
	background-color:#5C8735;
}
.accordion h3.active {
	background: #5C8735 url(../images/arrow-square.gif) no-repeat right -50px;
	-webkit-border-radius: 5px 5px 0px 0px;
 	-moz-border-radius: 5px 5px 0px 0px;
}
.accordion .accor_content {
	background:#B6B6B6;
	margin: 0;
	padding: 10px 15px 20px;
	display: none;
	-webkit-border-radius: 0px 0px 5px 5px;
 	-moz-border-radius: 0px 0px 5px 5px;
}

.accordion .accor_bg01 {
	background:#B6B6B6 url(../images/server.jpg) bottom right no-repeat;
}
.accordion .accor_bg02 {
	background:#B6B6B6 url(../images/server02.jpg) bottom right no-repeat;
}
.accordion .accor_bg03 {
	background:#B6B6B6 url(../images/server03.jpg) bottom right no-repeat;
}
.accordion .accor_bg04 {
	background:#B6B6B6 url(../images/server04.jpg) bottom right no-repeat;
}
.accordion .accor_bg05 {
	background:#B6B6B6 url(../images/server05.jpg) bottom right no-repeat;
}
.accordion .accor_bg06{
	background:#B6B6B6 url(../images/server06.jpg) bottom right no-repeat;
}
.accordion .accor_bg07{
	background:#B6B6B6 url(../images/server07.jpg) bottom right no-repeat;
}

.accordion .accor_content h2 {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#666666 dashed 1px;
}

.accordion .accor_content p {
	margin-bottom:10px;
}

.accordion .accor_content ul.list_bullet02 {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}

.accordion .accor_content ul.list_bullet02 li {
	background:url(../images/arrow01.gif) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

.accordion .accor_content ul.list_bullet02 li ul {
	list-style:disc;
	margin-left:15px;
}

.accordion .accor_content ul.list_bullet02 li ul li{
	background:none;
	padding-left:0px;
	margin-bottom:0px;
}

.accordion .accor_content ul.list_bullet02 li ul li a{
	color:#333333;
}

.accordion .accor_content ul.list_bullet02 li ul li a:hover{
	color:#990000;
}


/*related link*/
.related01{
	padding:10px;
}
.related01 .related_link li{
	border-bottom:dashed #999999 1px;
	padding-bottom:5px;
	margin-top:5px;
}
.related01 .related_link li a{
	background:url(../images/arrow02.gif) no-repeat;
	background-position:10px 2px;
	padding-left:40px;
	font-size:12px;
	font-weight:normal !important;
	color:#666666;
}
.related01 .related_link li a:hover{
	color:#990000;
}


/*** pemesanan ***/
.list_number{
	list-style-type:decimal;
	margin-left:30px;
	margin-top:20px;
	color:#222222;
	font-weight:bold;
}
.list_number li{
	padding-bottom:10px;
}
.list_number li p{
	font-size:12px;
	color:#333333;
	font-weight:normal;
}
/*konfirmasi*/
.confirmation {
	margin-top:30px;
	color:#666666;
}

.confirmation li.active{
	background-color:#999999;
}

.confirmation .list_confirmation{
	background-color:#DFE0E1;
	height:78px !important;
	width:690px;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
}
.confirmation .list_confirmation02{
	background-color:#DFE0E1;
	height:120px !important;
	width:690px;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
}
.confirmation .list_confirmation03{
	background-color:#DFE0E1;
	height:50px !important;
	width:690px;
	margin-bottom:10px;
	cursor:pointer;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
}
.confirmation .data_input{
	margin:0px;
	padding:12px 0px 0px 15px !important;
}

.confirmation .data_input h5{
	font-size:12px;
	font-weight:bold;
	margin:0px;
	margin-bottom:6px;
	padding:0px;
}

.confirmation .data_input h6{
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding-top:3px;
}

.confirmation input.data_input_form{
	background-color:#FFFFFF;
	float:left;
	width:330px;
	padding:5px 5px 5px 3px;
	margin-right:20px;
	border:#999999 solid 1px !important;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
}

.confirmation select.data_input_form{
	background-color:#FFFFFF;
	float:left;
	width:330px;
	padding:5px 5px 5px 3px;
	margin-right:25px;
	border:#999999 solid 1px !important;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
}
.data_input_form03{
	background-color:#FFFFFF;
	width:330px;
	height:50px;
	padding:5px 5px 5px 3px;
	margin-right:20px;
	border:#999999 solid 1px !important;
	float:left;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
}
.data_input .button03{
	float:left;
	margin-right:5px;
}

.konfirmasi{
	margin-left:40px;
}

#form01{
}

#form01 .input{
	width:300px !important;
	padding:2px 2px;
}

td.KT_th{
	padding-bottom:10px !important;
	vertical-align:middle !important;
}
label{
	font-size:12px !important;
	width:150px !important;
}
input.button{
	margin-top:20px;
}
div#KT_tngerror{
	font-size:14px !important;
	color:#FF0000 !important;
	font-weight:bold;
	margin-bottom:20px;
}
div#KT_tngerror label{
	font-size:14px !important;
	color:#FF0000 !important;
}
div#KT_tngerror div{
	font-size:14px !important;
	color:#FF0000 !important;
}

/*cpanel*/
.content_list{
	margin-top:20px;
	margin-bottom:20px;
}
.content_list li{
	margin-top:20px;
	margin-left:40px;
}
.content_list li h3{
	font-size:16px !important;
	font-weight:bold !important;
	padding:0px !important;
}
.tabel_demo{
	width:550px;
	margin:0px auto;
	background-color:#CCCCCC;
	text-align:center;
	padding-bottom:1px;
}
.tabel_demo02{
	border-top:#666666 solid 3px;
	width:350px;
	margin:0px auto;
	background-color:#CCCCCC;
	text-align:center;
}
.tabel_demo p, .tabel_demo02 p{
	text-align:center !important;
	margin-top:5px;
	padding-bottom:5px;
}
.tabel_demo .left_demo{
	width:275px;
	float:left;
	border-right: #AAAAAA solid 1px !important;
}
.tabel_demo h4, .tabel_demo02 h4{
	margin:0px !important;
	background-color:#5C8735;
	padding:5px 0px;
}
.tabel_demo h4 a, .tabel_demo02 h4 a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.tabel_demo h4 a:hover, .tabel_demo02 h4 a:hover{
	color:#333333;
	font-size:16px;
	font-weight:bold !important;
}

/*tab content*/
.tab_content{
	padding-bottom:0px;
}
.tab_content .deskription_tab{
	margin-left:40px;
	margin-bottom:20px;
	padding-right:10px;
}
.tab_content h3{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin:0px !important;
	padding:0px !important;
}

.tab_content .deskription_tab02{
	margin-left:0px;
	margin-bottom:20px;
	padding-right:10px;
}
.tab_content .deskription_tab h3{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin:0px !important;
	padding:0px !important;
}
.tab_content .deskription_tab h4{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	margin:0px !important;
	padding:0px !important;
}
.tab_content .deskription_tab02 h6{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin:0px !important;
	padding:0px !important;
}
.sub_deskription_tab{
	font-size:12px;
	color:#333333;
	margin:0px 0px 20px 40px !important;
	padding:0px !important;
	list-style:disc;
}

.sub_deskription_tab li{
	margin:0px !important;
	padding:0px !important;
	margin-left:15px !important;
	margin-top:5px !important;
}

.sub_deskription_tab ul{
	margin:0px !important;
	padding:0px !important;
	padding:0px 0px  0px 15px !important;
	list-style:circle;
}

.sub_deskription_tab02{
	font-size:12px;
	color:#333333;
	margin:0px 0px 20px 20px !important;
	padding:0px !important;
	list-style:disc;
}

.sub_deskription_tab02 li{
	margin:0px !important;
	padding:0px !important;
	margin-left:15px !important;
	margin-top:5px !important;
}

.sub_deskription_tab02 ul{
	margin:0px !important;
	padding:0px !important;
	padding:0px 0px  0px 15px !important;
	list-style:circle;
}

.sub_deskription_number{
	font-size:12px;
	color:#333333;
	margin:0px 0px 20px 40px !important;
	padding:0px 0px  0px 15px !important;
	list-style:decimal !important;
}
ul.sub_deskription_number ul{
	margin:5px 15px 0px 30px !important;
	padding:0px !important;
	list-style:circle;
}
ul.sub_deskription_number li{
}


/*layanan*/
.layanan{
	margin-top:20px;
}
.layanan .list_layanan{
	border-bottom:#CCCCCC dotted 1px;
	padding:20px 10px;
}
.layanan .list_layanan .data_layanan{
}
.layanan .list_layanan .data_layanan h3{
	font-size:18px;
	font-weight:normal;
	color:#333333;
	padding:0px;
}
.layanan .list_layanan .data_layanan h3 a{
	font-size:18px;
	font-weight:normal;
	color:#333333;
	padding:0px;
}
.layanan .list_layanan .data_layanan h3 a:hover{
	color:#990000;
}
.layanan .list_layanan .data_layanan p{
	font-size:12px;
	line-height:16px;
	margin-top:10px;
	color:#333333;
}
.layanan .list_layanan .data_layanan .link{
	margin-top:10px;
	font-size:10px;	
	color:#333333;
}
.layanan .list_layanan .data_layanan .link a{
	font-size:10px;	
	font-weight:normal;
	color:#333333;
}
.layanan .list_layanan .data_layanan .link a:hover{
	color:#990000;
}

/*affiliasi*/
.content_box h3{
	margin-top:20px;
}
.list_affiliasi{
	list-style:decimal;
	margin-left:20px;
}
* html .list_affiliasi{
	margin-left:30px;
}
.list_affiliasi li{
	margin-bottom:5px;
}
.kode{
	background-color:#CCCCCC;
	font-style:italic;
	text-align:center;
	padding:10px 10px;
	margin:5px 0px;
}

.img_aff{
}
.img_aff li{
	background-color:#CCCCCC;
	padding:4px 4px 2px 4px;
	display:block;
	float:left;
	margin:0px 5px;
}

* html .img_aff li{
	margin:0px 4px;
}
.popup{
	display:none;
}
.hide_aff{
	background-color:#FFFFFF;
	padding:10px;
}
.hide_aff h2{
	font-size:20px;
	font-weight:bold;
	background:none;
	padding:0px;
	padding-bottom:10px;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:20px;
}
.hide_aff img{
	margin-left:40px;
	margin-bottom:20px;
}
.hide_aff .kode{
	background-color:#CCCCCC;
	font-style:italic;
	text-align:center;
	padding:10px 10px;
}
.hide_aff h5{
	font-size:14px;
	font-weight:bold;
	background:none;
	padding:0px;
	padding-top:10px;
	border-top:#CCCCCC solid 1px;
	
}

/*mengapa ardhosting*/
ul.why_dj_page{
	margin-bottom:20px;
}

ul.why_dj_page li{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:#CCCCCC dotted 1px;
}

ul.why_dj_page li h5{
	font-size:18px;
	font-weight:normal;
	color:#333333;
	margin-bottom:10px;
}

ul.why_dj_page li img{
	float:left;
	margin-right:20px;
}

ul.why_dj_page li p{
	float:right;
	width:590px;
	margin:0px !important;
	padding:0px;
}

.why_ard{
	list-style:decimal;
	margin-left:50px;
}

.why_ard li{
	margin-bottom:5px;
	color:#666666;
}


/*sub content*/
.sub_content{
	text-align:justify;
	margin-top:10px;
}
.list_type01{
} 
.list_type01 li{
	margin-bottom:20px;
} 
.title{
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
	color:#333333;
} 

.accordion02{
	margin:10px;
}

.accordion02 h3{
	font-size:16px;
	cursor:pointer;
}

.accordion02 h3 span{
	font-size:14px;
	font-weight:bold;
	margin-right:20px;
}

.accordion02 h3:hover{
	color:#990000;
}

.accordion02 h3.active{
	color:#990000;
}

.desc{
	padding-left:20px;
	padding-right:10px;
	margin-bottom:10px;
	display:none;
}  
.desc p{
	font-size:12px;
	margin-bottom:10px;
} 
.desc .bullet01{
	padding-left:20px;
	list-style:disc;
}
.desc .bullet01 li{
	margin-bottom:5px;
}
.desc .bullet01 ul{
	margin-top:5px;
	padding-left:20px;
	list-style:circle;
}

/********** sitemap **********/

.content_sitemap{
	margin:10px 0px;
	padding:0px;
	color:#333333;
}

#navigation li h3 {
	font-size:14px;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 2px;
}

.treeview .hitarea {
	background: url(../images/treeviews/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	color:#333333;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	color:#333333;
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	color:#990000;
}

.treeview a{
	color:#333333 !important;
}

.treeview a:hover{
	color:#990000 !important;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #990000; cursor: pointer; }

.treeview li { background: url(../images/treeviews/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeviews/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeviews/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeviews/treeview-red.gif); } 

.treeview-black li { background-image: url(../images/treeviews/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeviews/treeview-black.gif); }  

.treeview-gray li { background-image: url(../images/treeviews/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeviews/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../images/treeviews/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeviews/treeview-famfamfam.gif); } 

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/treeviews/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/treeviews/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/treeviews/file.gif) 0 0 no-repeat; }

/*contact*/
.wrapper03{
	clear:both;
	margin:0px 0px;
	padding:10px 0px 20px 0px;
}

.wrapper03 .block_contact01{
	margin:0px;
	padding:20px 10px 10px 10px;
	float:left;
	width:380px;
	height:400px;
	overflow:hidden;
	background-color:#CCCCCC;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
}

.block_contact01 ul.isi01{
	list-style-type:none;
	margin:0px 0px 0px 10px !important;
	padding:0px;
}

.block_contact01 .isi01 li.content_contact{
	margin:0px;
	margin-bottom:40px;
	padding:0px;
}

.content_contact h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px !important;
	font-weight:bold !important;
	color:#333333 !important;
}

.content_contact h3 span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal !important;
	color:#333333;
}

.content_contact h4{
	font-size:12px;
	font-weight:bold !important;
	color:#333333 !important;
}

.content_contact p{
	font-size:12px;
	font-weight:normal;
	margin-left:20px;
	line-height:14px !important;
}

.content_contact a{
	color:#333333;
	font-weight:normal !important;
}

.content_contact a:hover{
	color:#990000;
}

.content_contact .phone{
	margin-left:20px;
	padding:0px;
}

.wrapper03 .block_contact02{
	margin:0px;
	padding:20px 10px 10px 10px;
	float:right;
	width:260px;
	height:400px !important;
	overflow:hidden;
	background-color:#CCCCCC;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
}

.wrapper03 .block_contact02 .map{
	margin:0px 0px 0px 5px;
}

.wrapper03 .block_contact02 .map a{
	color:#333333 !important;
}

.wrapper03 .block_contact02 .map a:hover{
	color:#990000 !important;
}
.img_contact{
	float:left;
	width:80px;
	margin-right:10px;
}

/*news page*/
.list_news_page{
}
.list_news_page li{
	border-bottom:#CCCCCC dashed 1px;
	margin-top:20px;
}

/*** kontak ***/

.ardh_form{
	float:left;
	margin-bottom:20px;
	margin-top:20px;
}

.ardh_form li{
	clear:left;
	margin-bottom:0px;
}

.ardh_form_send{
	float:left;
	margin:20px 50px;
}

.ardh_form_send li{
	clear:left;
	margin:0px;
	padding:0px;
}

.ardh_form_send li strong{
	width:500px;
}

.pesanLeft{
	float:left;
	width:150px;
}

.dot{
	float:left;
	width:10px;
}

.input{
	float:left;
	position:relative;
	top:-12px;
	width:200px;
	background-color:#FFFFFF;
	border:#DEDEDE solid 1px !important;
	padding:5px 10px 5px 10px;
	color:#666666;
	margin-top:10px;
}

.input02{
	float:left;
	position:relative;
	top:-12px;
	width:100px;
	background-color:#FFFFFF;
	border:#DEDEDE solid 1px !important;
	padding:5px 5px 5px 5px;
	color:#666666;
	margin-top:10px;
}

.select_option{
	float:left;
	width:295px;
	position:relative;
	top:-12px;
	background-color:#FFFFFF;
	border:#DEDEDE solid 1px !important;
	padding:5px 5px 5px 5px;
	color:#666666;
	margin-top:10px;
}

.teksKom{
	float:left;
	width:275px;
	background-color:#FFFFFF;
	border:#DEDEDE solid 1px !important;
	padding:8px 10px 10px 10px;
	min-height:100px;
	color:#666666;
	margin-bottom:10px;
}

.pesan_bottom{
	margin-left:160px;
}

.kode_authen{
	width:100px;
	padding:5px;
	border:#DEDEDE solid 1px !important;
}


.kontak_bottom{
	border-top:#CCCCCC dashed 1px;
	padding-top:20px;
	margin-top:20px;
}

* html .kontak_bottom{
	margin-top:10px;
}

.buton_form{
	margin-top:10px;
	margin-left:5px;
}

.map_kontak{
	padding:5px;
	border:#CCCCCC solid 1px;
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}

.map_kontak a{
	color:#D81E09 !important;
	font-size:11px;
}

.map_kontak a:hover{
	color:#333333 !important;
}

.alamat_kontak{
	margin-top:135px;
}

.alamat_kontak h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:24px;
	color:#333333;
}

#form_conform, #form_contact {
	margin-left: 30px;
}

#form_conform label.error, 
#form_contact label.error {
	margin-left: 10px;
	padding-top:5px !important;
	width: auto;
	display: inline-block;
	color:#990000;
}



/*testimonial*/

.form_testi{
	display:block;
	margin-top:20px !important;
}

.add_comment{
	margin-top:20px;
	display:none;
}
.teksKom02{
	float:left;
	width:265px;
	height:100px;
	background-color:#FFFFFF;
	border:#DEDEDE solid 1px !important;
	padding:8px 10px 10px 10px;
	min-height:100px;
	color:#666666;
	margin-bottom:10px;
}
* html .teksKom02{
	width:255px;
}

label{
	font-size:14px;
	display:block;
}

.counter{
	color:#999999;
	float:right;
	font-family:Georgia,serif;
	font-size:18px;
	font-weight:bold;
	height:20px;
	overflow:hidden;
}

.submitButton{
	color:#FFFFFF;
	font-size:12px;
	height:24px;
	width:115px;	
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #cccccc;
	background:url(../images/button_bg.gif) repeat-x #CCCCCC;	
	cursor:pointer;
	float:left;
}

.submitButton:hover{
	background-position:bottom;
	border-color:#dddddd;
	color:#cccccc;
}

.inact,.inact:hover{
	background:#CCCCCC;
	border:1px solid #eeeeee;
	color:#aaaaaa;
	cursor:auto;
}

/*tambahan 20101205*/
.p-order{margin-top:0px;border:#CCCCCC solid 1px !important;padding:20px;background:#f0f0f0;}
.p-order ul{list-style:decimal;margin-left:20px;}
.p-order ul li{padding-left:3px;margin-bottom:10px;font-size:12px;line-height:20px;}
.p-order ul li:last-child{margin-bottom:0px;}

.list-gebyar{margin:0px 0px 20px 0px;}
.list-gebyar li{margin-bottom:5px;line-height:18px;list-style:circle;margin-left:15px;}

/* FOOTER */
#footer{
	clear:both;
	width:100%;
	background:#141414 url(../images/bg_footer.jpg) repeat-x;
	height:328px;
	overflow:hidden;
}
#footer .wrapper_footer{
	width:1000px;
	margin:0px auto;
	height:328px;
	background:url(../images/footer.jpg);
	background-repeat:no-repeat;
}
#footer .wrapper_footer .footer_container{
	width:960px;
	margin:0px auto;
	padding-top:30px;
}

#footer .wrapper_footer .text_footer{padding-top:30px;font-size:10px;color:#333333;text-align:center;}

#footer .boxFooter .contFooter .menu_footer{
	float:left;
	width:175px;
	margin-top:20px;
	margin-left:20px;
}
.menu_footer h2{
	color:#2596CF;
	font-size:14px;
	font-weight:normal;
}
.menu_footer h2 span{
	color:#999999;
	font-size:14px;
	font-weight:normal;
}
.menu_footer ul{
	margin-top:15px;
}
.menu_footer li a{
	color:#666666 !important;
	font-size:11px;
}
.menu_footer li a:hover{
	color:#999999 !important;
}
#footer .boxFooter .contFooter .menu_footer02{
	float:left;
	width:130px;
	margin-left:25px;
	margin-top:20px;
}
* html #footer .boxFooter .contFooter .menu_footer02{
	margin-left:5px;
}
.menu_footer02 h2{
	color:#2596CF;
	font-size:14px;
	font-weight:normal;
}
.menu_footer02 h2 span{
	color:#999999;
	font-size:14px;
	font-weight:normal;
}
.menu_footer02 .media_social{
	margin-top:10px;
}
.menu_footer02 .media_social img{
	margin-right:10px;
}
.menu_footer02 .copyright{
	font-family:tahoma;
	margin-top:15px;
	font-size:10px;
	color:#666666;
	line-height:14px;
}
.menu_footer02 .copyright li{
	margin:0px !important;
}

/*knowledgebase*/
.list_know{
	font-weight:bold !important;
	color:#333333 !important;
	padding-left:40px !important;
	list-style:decimal !important;
}
.list_know li{
	margin-bottom:10px !important;
}
.list_know a{
	color:#333333 !important;
}
.list_know a:hover{
	color:#333333 !important;
}

.sub_list_know{
	padding-left:20px !important;
	font-weight:normal !important;
	list-style:circle !important;
}

.sub_list_know li{
	margin-bottom:0px !important;
}

.sub_list_know a{
	font-weight:normal !important;
	color:#333333 !important;
}

.sub_list_know a:hover{
	color:#990000 !important;
}

/* Tag cloud */
	.tags ul{
		margin:1em 0;
		padding:.5em 10px;
		text-align:center;
		/*
		background:#71b5e9 url(bg_tags.gif) repeat-x;	
		*/	
		}
	.tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		margin:0px 4px;
		}
	.tags li a{
		font-weight:normal;
		text-decoration:none;
		display:inline-block;
		color:#666666;
		padding:0 2px !important;
		line-height:normal !important;
		}
	.tags li a:hover{	
		color:#0099FF;
		}	
	.tag1 a{font-size:14px !important;}
	.tag2 a{font-size:18px !important;}
	.tag3 a{font-size:22px !important;}
	.tag4 a{font-size:24px !important;}
	.tag5 a{font-size:28px !important;}
	
/* tooltips */
	.iframeTooltip {
		position: absolute;
		z-index: 1010;
		}	
	.tooltipContent {
		background-color: #CCCCCC;
		width:500px;
		padding:10px;
		-webkit-border-radius:10px !important;
		-moz-border-radius:10px !important;
		border:#990000 solid 2px !important;
		}
	.tooltipContent p{
		font-size:10px;
		font-weight:bold;
		color:#333333;
		line-height:14px !important;
		}
	.HTMLPanelLoadingContent, .HTMLPanelErrorContent {
		display: none;
		}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
		
/*content reseller*/
.list-langkah{margin:0px;padding:0px;}
.list-langkah li{margin-bottom:10px;}
.list-langkah .urut{border-bottom:#7E0000 solid 1px !important;}
.list-langkah .urut p{font-weight:bold;margin:0px;color:#7E0000 !important;}
.list-langkah .urut p span{font-size:20px;margin-right:10px;}
.list-langkah .desc-langkah{background:#f0f0f0;padding:10px;}
.list-langkah .img-langkah{float:left; width:167px;margin-right:10px;border:#cccccc solid 1px !important;padding:5px;}
.list-langkah .image-step{margin-bottom:10px;}

table.pricing-table-list{margin-top:20px;}
table.pricing-table-list thead td{background:#C2E543; color:#333333;font-weight:bold;text-align:center; vertical-align:middle;}
table.pricing-table-list tbody td{padding:10px 5px;}
table.pricing-table-list td{border:1px solid #64B10D;padding:5px; vertical-align:middle;}

/*content dedicated*/
.menu-server{padding:10px 0px;display:block;height:50px;}
.menu-server ul{}
.menu-server li{float:left;width:226px;height:50px;margin:0px 2px;}
.menu-server li a{width:226px;height:50px;display:block;text-indent:-99999px;background:url(../images/bt-server.jpg) no-repeat;}
.menu-server li.server1 a{background-position:0px 0px;}
.menu-server li.server2 a{background-position:-232px 0px;}
.menu-server li.server3 a{background-position:-464px 0px;}
.menu-server li.server1 a:hover{background-position:0px -50px;}
.menu-server li.server2 a:hover{background-position:-232px -50px;}
.menu-server li.server3 a:hover{background-position:-464px -50px;}

/*content colocation*/
.menu-server2{clear:both;padding:10px 0px;display:block;height:50px;}
.menu-server2 ul{}
.menu-server2 li{float:left;width:226px;height:50px;margin:0px 2px;}
.menu-server2 li a{width:226px;height:50px;display:block;text-indent:-99999px;background:url(../images/bt-colocation.jpg) no-repeat;}
.menu-server2 li.server1 a{background-position:0px 0px;}
.menu-server2 li.server2 a{background-position:-232px 0px;}
.menu-server2 li.server3 a{background-position:-464px 0px;}
.menu-server2 li.server1 a:hover{background-position:0px -50px;}
.menu-server2 li.server2 a:hover{background-position:-232px -50px;}
.menu-server2 li.server3 a:hover{background-position:-464px -50px;}



/*promo*/
.desc-p .bolding{font-weight:bold;color:#000000;}
.desc-p .list-dc{margin-bottom:40px;}
.desc-p .list-dc li{margin:0px 0px 10px 0px;background:url(../images/shield2.png) no-repeat 0px 1px;padding:0px 0px 0px 18px;}

.box-certificate{}
.box-certificate .ssl-image{}
.box-certificate h3{margin:0px;background:#3D6B12;font-size:15px !important;display:block;padding:5px 10px !important;border-bottom:#6F8F18 solid 1px;font-weight:bold !important;color:#ffffff !important;}

.box-certificate #certificate-tab{}
.box-certificate #certificate-tab .tab-left{float:left;width:186px;}
.box-certificate #certificate-tab .tab-con{float:left;width:500px;border:1px solid #6F8F18 !important;background:url(../images/bg-ssl.gif) #FFFFFF right top repeat-y;height:900px;}

.tab-left{margin:0px !important;padding:0px !important;}
.tab-left .tab-sel{padding:0px !important;margin:0px !important;margin-top:1px !important;}
.tab-left .tab-sel li{height:120px;border:1px solid #6F8F18;margin:-1px -1px 0px 0px;background:#E8F5FF url(../images/bg-ssl2.jpg) top right repeat-y;overflow:hidden;position:relative;padding:5px;}
.tab-left .tab-sel li h4{text-align:center;font-weight:bold;margin-top:25px;font-weight:bold;}
.tab-left .tab-sel li h4 a{font-size:18px !important;color:#3D6B12;}
.tab-left .tab-sel li h4 a:hover{color:#3D6B12;}
.tab-left .tab-sel li p{text-align:center;font-weight:bold;margin-top:0px;font-size:12px;}
.tab-left .tab-sel li .ssl-pay{margin-top:5px;}
.tab-left .tab-sel li .ssl-pay td.payment{padding:5px 0px;font-size:11px;font-weight:bold;color:#3D6B12;border-bottom:#3D6B12 dotted 1px;}
.tab-left .tab-sel li .ssl-pay td.payment2{padding:5px 0px;font-size:11px;font-weight:bold;color:#3D6B12;}
.tab-left .tab-sel li .ssl-pay .bt-buy02 a{padding:1px 4px;background:#3D6B12;color:#FFFFFF; text-align:right;}
.tab-left .tab-sel li .ssl-pay .bt-buy02 a:hover{background:#6F8F18;}
.tab-left .tab-sel li .ssl-pay .arrow{background:url(../images/orange-arrow.gif) no-repeat 0px 12px; padding-left:10px !important;}
.tab-left .tab-sel li .ssl-pay .red{color:#990000 !important;}
.tab-left .tab-sel li a.title-tab{}
.tab-left .tab-sel li a.title-tab:hover{}	
html .tab-left .tab-sel li.active, html .tab-left .tab-sel li.active:hover{cursor:pointer;background:#ffffff;border-right:1px solid #ffffff;}

.tab-con .tab-ssl {padding: 20px;font-size:12px;}
.tab-con .tab-ssl h2{font-size:16px;font-weight:bold;margin:0px;background:#C6EFA0 url(../images/medal2.png) no-repeat 10px 5px !important;padding:5px 10px 5px 34px;color:#3D6B12;border:1px solid #64B10D;}
.tab-con .tab-ssl ul{margin:10px 0px 20px 30px !important;}
.tab-con .tab-ssl ul li{background:url(../images/medal.png) no-repeat 0px 2px;padding-left:20px;margin:5px 0px;}
.tab-con .tab-ssl p{font-size:11px;line-height:16px;}

table.promo-reseller{margin-bottom:20px;}
table.promo-reseller tbody td{padding:4px 5px 4px 70px;background:url(../images/sale01.gif) no-repeat left 1px;}
table.promo-reseller td{border:1px solid #64B10D;vertical-align:middle;cursor:pointer;}
table.promo-reseller td a{color:#3D6B12;}
table.promo-reseller td a:hover{color:#3D6B12;}

table.pricing-table-list{margin:0px !important;}
table.pricing-table-list thead td{background:#C2E543; color:#333333;font-weight:bold;text-align:center; vertical-align:middle;padding:10px 5px;}
table.pricing-table-list tbody td{padding:5px 5px;}
table.pricing-table-list td{border:1px solid #64B10D;padding:5px; vertical-align:middle;}