@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:top left url(../images/bg_tgh.png) repeat-x #FFFFFF scroll}
h1{margin:0; padding:0; font-size:9px; color:#333}
h2{margin:0; padding:0; font-size:14px; color:#CCCCCC; font-weight:normal}
h2.sub{margin:0; padding:0; font-size:12px; color:#333333; font-weight:bold}
h2.sub2{margin:0; padding:0; font-size:12px; color:#FFF; font-weight:normal}
h3{font-size:14px; color:#333333; margin:0; padding:0}

h2.judulberita{margin:0; padding:0; font-size:12px; color:#333; font-weight:bold}

.dockclass{
width:205px;
top:0; left:90px;
position:fixed;
}
#floater {
	z-index: 2;
	width: 205px;
	position: absolute;
	visibility: hidden;
	left: 780px;
	top: 0;
}
#floaterkiri {
	z-index: 3;
	width: 205px;
	position: absolute;
	visibility: hidden;
	left: 80px;
	top: 0;
}

/* ---------------------------- Blok Container --------------------------- */
#container{width:840px; margin:0 auto; padding:0;}
#container #flash{width:205px; height:620px; margin:0; padding:0; float:left}
#container #konten{width:620px; margin:0; padding:0; float:right; background-color:#FFFFFF}

#pembersihan{width:840px; height:1px; clear:both}
/* -------------------------HEADER------------------------- */
#header{width:620px; height:236px; margin:0; padding:0; background:url(../images/header.jpg) no-repeat}
#header .search{width:295px; height:35px; margin:0; padding:0; left:30px; top:0; position:relative; background:url(../images/search.png) no-repeat}
#header .title{width:350px; margin:0; padding:0; left:40; top:2px; position:relative; text-align:center}

/* ----------------------- MENU --------------------------- */
#kotakmenu{width:532px; margin:0; padding:5px 0 0 0; background:none}
#cfnavbar{
margin: 0;
padding: 0;
}

#cfnavbar ul{
background: url(../images/bg_menu.png) repeat-x;
padding: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

#cfnavbar ul li{
display: inline;
}


#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color:#CCCCCC;
font-weight: normal;
padding: 7px 13px 10px 6px;
text-decoration: none;
background: url(../images/spacer.png) top right no-repeat;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(../images/l_menu.png) top left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 13px;
background: url(../images/r_menu.png) top right no-repeat;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
}

#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

a.nh,a.nh:visited{padding:2px 4px; border:1px solid #CC0000; background-color:#FF99FF; color:#990000; font-size:12px; text-decoration:none}
a.nh:hover{padding:2px 4px; border:1px solid #990000; background-color:#993300; color:#FFFFFF; font-size:12px; text-decoration:none}
.cur{padding:2px 4px; border:1px solid #996600; background-color:#993300; color:#FFFFFF; font-size:12px; text-decoration:none}

a.vg,a.vg:active,a.vg:visited{width:180px; height:35px; margin:0; padding:0; background:url(../images/vg.png) no-repeat; display:block}
a.vg:hover{width:180px; height:35px; margin:0; padding:0; background:url(../images/vg_h.png) no-repeat; display:block}
a.pg,a.pg:active,a.pg:visited{width:180px; height:35px; margin:0; padding:0; background:url(../images/pg.png) no-repeat; display:block}
a.pg:hover{width:180px; height:35px; margin:0; padding:0; background:url(../images/pg_h.png) no-repeat; display:block}

.subpaket{width:90%; height:36px; background:left center url(../images/sub_paket.png) no-repeat; margin:0; padding:6px 10px 2px 40px;}
/*-------------------JUDUL SUB PAKET-----------------------*/
h2.sub_paket1{font-size:18px; color:#76701f; font-weight:normal; margin:0; padding:7px 0 7px 70px; height:18px; background:center left url(../images/sub_md.jpg) no-repeat; cursor:pointer}
h2.sub_paket2{font-size:18px; color:#76701f; font-weight:normal; margin:0; padding:7px 0 7px 70px; height:18px; background:center left url(../images/sub_pd.jpg) no-repeat; cursor:pointer}
h2.sub_paket3{font-size:18px; color:#76701f; font-weight:normal; margin:0; padding:7px 0 7px 70px; height:18px; background:center left url(../images/sub_hd.jpg) no-repeat; cursor:pointer}
h2.sub_paket4{font-size:18px; color:#76701f; font-weight:normal; margin:0; padding:7px 0 7px 70px; height:18px; background:center left url(../images/sub_beta.jpg) no-repeat; cursor:pointer}
h2.sub_paket5{color:#CC3300; font-weight:bold}

.sch{height:14px; margin:5px; text-align:center; padding:6px 6px 10px 6px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/sch.gif) repeat-x}
.sch a,a:active,a:visited{text-decoration:none; color:#FFFFFF}
.sch a:hover{border-bottom:1px dotted #FFFFFF}

.isi_subpaket{width:90%; margin:5px 5px 10px 20px; padding:0; font-size:10px; color:#666633; clear:left}
.isi_subpaket p{padding:0; margin:0;}
h2.sub_paket a,a:active,a:visited{padding:0; margin:0; text-decoration:none; color:#76701f;}
h2.sub_paket a:hover{border-bottom:1px dotted #76701f}
a.mr{width:120px; height:24px; background:url(../images/more.png) no-repeat; display:block;}
.subkat{width:90%; height:25px; background:left center url(../images/sub_kat.png) no-repeat; margin:0; padding:6px 10px 2px 40px;}

/* --------------- Sub Bagian -------------------- */
#konten_sub{width:547px; margin:0; padding:5px 0 0 0; color:#999999;}
#konten_sub #kont_sub_kiri{width:261px; margin:0; padding:0; float:left}
#konten_sub #kont_sub_kanan{width:261px; margin:0; padding:0; float:right; margin-right:15px}

#konten_sub2{width:547px; margin:0; padding:5px 0 0 0; color:#999999;}

.intro_gallery_p{width:220px; height:199px; margin:auto 20px; float:left}
.intro_gallery_v{width:220px; height:199px; margin:auto 20px; float:right}

.sub_title{width:500px; height:14px; margin:0; padding:5px 0 5px 32px; background:left url(../images/sub_total.png) no-repeat; color:#333333;}
.sub_content{width:510px; margin:5px 0; padding:0 0 0 20px;}
.sub_content2{width:510px; margin:5px 0; padding:0 0 0 20px; font-size:11px; color:#666666}
.sub_judul{width:235px; height:12px; margin:0; padding:4px 0 7px 26px; background:url(../images/sub.png) no-repeat; color:#CCCCCC}
.sub_isi{width:230px; margin:0; padding:5px 0 0 0; background:top right url(../images/ornamen.png) no-repeat; color:#333333; font-size:11px}

/*--------------------------------SUB UTUH---------------------------*/
.contact_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_contact.png) no-repeat #FFFFFF}
.gallery_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_gallery.png) no-repeat #FFFFFF}
.hot_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_hot.png) no-repeat #FFFFFF}
.thanks_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_thanks.png) no-repeat #FFFFFF}
.paket_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_pvideo.png) no-repeat #FFFFFF}
.k_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_k.png) no-repeat #FFFFFF}
.tips_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_tp.png) no-repeat #FFFFFF}
.tips_l_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_tl.png) no-repeat #FFFFFF}
.other_p{width:500px; height:29px; margin:0; padding:0; background:left url(../images/other_p.png) no-repeat #FFFFFF}
.info_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_info.png) no-repeat #FFFFFF}
.order_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_order.png) no-repeat #FFFFFF}
.sat_title{width:500px; height:29px; margin:0; padding:0; background:left url(../images/sub_sat.png) no-repeat #FFFFFF}

p.dp{color:#666666; font-size:10px; margin:0; padding:0}

p.dp2{color:#666666; font-size:10px; margin:0 0 0 30px; padding:0}

.harga{color:#993300; font-size:14px; border-bottom:1px dotted #993300; font-weight:bold}

.sub_tips{height:35px; color:#333333; margin:0; padding:0}

h2.info_t{height:16px; margin:10px 5px 5px 15px; padding:3px 5px 5px 30px; color:#b65b28; background:top left url(../images/info.png) no-repeat; cursor:pointer;}
h3.it{font-size:12px; font-weight:bold; color:#669900; margin:0 0 0 30px; padding:0}

form input,select{font-size:11px; color:#333; border:1px solid #66790b; background:left url(../images/bg_form.png) repeat-x; padding:2px; margin-left:5px; margin-right:5px;}
.submit{font-size:11px; color:#FFF; border:1px solid #FF9900; background:left url(../images/bg_submit.png) repeat-x; padding:2px 5px; margin-left:5px; cursor:pointer; }
a.ganti,a.ganti:visited,a.ganti:hover{padding:4px 5px; background:left url(../images/bg_submit.png) repeat-x; color:#FFFFFF; border:1px solid #FF9900; font-size:11px;}
h2.judul_order{font-size:14px; background:left url(../images/order.png) no-repeat; padding-left:20px;; color:#66790b}
.nt{font-size:11px; color:#66790b; padding:5px; border:1px solid #66790b; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:5px}

form.cek select{font-size:11px; color:#333; border:1px solid #66790b; background:left url(../images/bg_form.png) repeat-x; padding:2px; margin:0;}
.submit2{font-size:11px; color:#FFF; border:1px solid #FF9900; background:left url(../images/bg_submit.png) repeat-x; padding:2px 5px; cursor:pointer; margin-right:0}

a.standard,a.standard:visited,a.standard:active{text-decoration:none; color:#FFFFFF}
a.standard:hover{color:#FFFFFF; border-bottom:1px dotted #FFFFFF}

a.more,a.more:visited,a.more:active{text-decoration:none; color:#3366CC}
a.more:hover{color:#3366CC; border-bottom:1px dotted #3366CC}

.clear{width:100%; margin:0; padding:0; height:1px; clear:both}

.list_or_ats{width:458px; margin:10px auto; padding:0; height:26px; background:center center url(../images/list_ornamen_ats.gif) no-repeat;}

/*----------------HINT FORM-------------------------*/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color:#33CCFF;
width: 150px; /*Default width of hint.*/ 
padding: 5px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
color:#336699;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

/*-------------------------ONLINE ORDER BLOK------------------------*/
.oa{width:500px; height:26px; margin:10px auto auto 0; padding:0; background:center center url(../images/ornamen_atas.gif) no-repeat}
.order_isi{width:460px; margin:0 auto; padding:5px 20px; color:#666600}
.ob{width:500px; height:26px; margin:0 auto 5px auto; padding:0; background:left center url(../images/ornamen_bwh.gif) no-repeat}

h1.order_dt_t{background:bottom left url(../images/shopping_basket.png) no-repeat; height:16px; font-size:16px; color:#748406; margin:0; padding:3px 0 5px 30px;}
h2.order_list{background: left bottom url(../images/arrow_kuning.png) no-repeat; height:16px; margin-top:10px; margin-left:25px; margin-bottom:10px; padding:3px 0 5px 30px; color:#ff813b; font-size:14px;}
p.isi_or{margin-left:30px; padding:0}
a.pilih{width:80px; height:24px; margin:0; padding:0; background:url(../images/pilih.gif) no-repeat; display:block; margin-left:110px}
a.pilih:hover{background:url(../images/pilih_h.gif) no-repeat}

/*---------------------NEWS-----------------------*/
h2.nj{background:left url(../images/news_icon.png) no-repeat; height:14px; font-size:14px; margin-bottom:10px; padding:2px 0 2px 25px; color:#669900; font-weight:bold}
h2.nl{font-size:14px; margin-bottom:10px; padding:2px 0 2px 25px; background:left url(../images/add.png) no-repeat; color:#fe9633; font-weight:bold}
p.ni{color:#71581b; font-size:11px; margin:5px 10px 10px 30px; padding:0;}
ol.lc li{font-size:11px; margin:0; padding:5px; color:#71581B}
a.al,a.al:active,a.al:visited{background:left url(../images/kcl_orange.png) no-repeat;text-decoration:none; font-size:12px; color:#7a3c19; margin:5px 5px 15px 5px; padding:2px 2px 2px 20px; font-weight:bold}
a.al:hover{border-bottom:1px dotted #7a3c19;}
.tg_n{color:#996600; font-size:9px; margin-left:25px}

/* -------------------- Footer Menu ---------------------------- */
#kotakmenufooter{width:620px; margin:0; padding:5px 0 0 0}
#cfnavbarf{
margin: 0;
padding: 0;
}

#cfnavbarf ul{
background: url(../images/bg_footer.png) repeat-x;
padding: 0;
margin: 0;
float: left;
font: bold 60% Verdana;
}

#cfnavbarf ul li{
display: inline;
}


#cfnavbarf ul li a, #cfnavbarf ul li span{
float: left;
color:#CCCCCC;
font-weight: normal;
padding: 45px 13px 25px 6px;
text-decoration: none;
background: url(../images/space.png) top right no-repeat;
}

#cfnavbarf ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbarf ul li a#leftcornerf{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(../images/l_corner.png) top left no-repeat;
}

#cfnavbarf ul li a#rightcornerf{
padding: 45px 155px 35px 0;
background: url(../images/r_corner.png) top right no-repeat;
}

#cfnavbarf ul li a:hover{
text-decoration: underline;
}

#cfnavbarf:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.tulisan{font-size:11px; color:#333333; margin:0}

#footer{width:530px; margin:0; padding:5px 30px 5px 0; color:#333333; text-align:right; font-size:10px;}