/* CSS Document */
body, td {margin-left: 0px;margin-top: 0px;font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px;font-size:11px;/*line-height:1.5em;*/color:#555;}
table, td {}

/*input, select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#F3FDD7; border: solid 1px  #C2C886; padding:2px 0px 2px 2px; } */


 
a { font-family:Verdana, Arial, Helvetica, sans-serif; color:#0695ce; text-decoration:none;}
a:visited { color:#006699;}
a:hover { color:#ff8400; text-decoration:none;}
/*a { color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a:visited { color:#008800; }
a:hover { color:#009900; background-color:#FFFF99}
*/
h1 {padding:25px 0px 0px 0px; background: url(/images/bg_content_title.jpg) bottom ;color:#FF6600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px 0px 0px 10px; margin:10px 0px 5px 0px;}
h2 {color:#0484b4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0px 0px 0px 10px; margin:10px 0px 5px 0px;}
h3 {color:#0484b4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0px 0px 10px; margin:10px 0px 5px 0px;}
h4 {color:#FF6600}
h5 {color:#FF6600}
#pagewrap { background-color:#fff;width:760px; margin:auto;text-align:left;}
#topmenu {height:25px; background:url(/images/background_page.jpg); background-position:0px -30px; color:#FFFFFF; padding-right:15px;padding-top:10px }
#topmenu_left {width:300px; height:25px; float:left; text-align:left; margin-left:10px; }
#topmenu_right {width:300px; height:25px; float:right; text-align:right;}
#header { background-color:#fff; margin:0px 0px 0px 0px;}
#gap_header{background:url(../images/gap_header.gif) no-repeat;height:61px;font-size:1px;}
#brandlogo {}
#brandtitle { margin:0px 0px 0px 0px; font-size:24px; line-height:30px; font-weight:bold; color:#fff; }
#wrap_logo{width:760px;}
#info{width:170px;float:right;}
#brandsubtitle { color:#33CCFF;}
#globalsubnav{ float:right; position:relative; top:-30px; }
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container { clear:both; margin:0px 0px 0px 0px; height:32px;}
#pagecontentfull{float:left;width:760px; margin-top:0px; }
#breadcrumb { font-size:10px; color:#666; margin:10px 0px 20px 10px;}
#pagecontent{float:left;width:550px; margin-top:0px; }
#breadcrumb {}
#maindetail {width:548px; height:auto; margin-bottom:10px;border-color: #33CC33; border-style:dotted; border-width:1px;}
#mainprop {width:760px; height:auto; margin-bottom:0px;border-color: #fff; border-style:none; border-width:1px;}
#prop div {width:174px; height:120px; margin:0px 0px 10px 11px; float:left;border-color: #33CC33; border-style:dotted; border-width:1px;}
 #prop #prop1 {margin-left:0px}
#subprop div {width:361px; margin:0px 0px 10px 0px; float:left;border-color: #33CC33; border-style:dotted; border-width:1px;}
#subprop #subprop1 {height:120px; overflow:auto;}
#subprop #subprop2 {width:174px; height:120px; margin-left:11px;}
#sidebar{background:url(../images/bg_sidebar_.jpg) repeat-y; width:208px; float:left; height:750px;}
.sb_box_head { width:200px; height:24px; line-height:24px; background-color:#09A400; margin:0px; text-align:center; font-weight:bold; color:#CCFFCC;}
.sb_box { width:190px; padding: 0px 5px 0px 5px; margin:0px; }
.sb_list li { margin-bottom:5px; margin-left:-20px; list-style-image:url(/images/green_bulet.gif); list-style-position:outside;}
/*#vguide_selector a, #vguide_selector a.visited {width:208px;text-align:right;border-bottom:solid 1px #0482b4; display:block; color:#FFFFFF; background:#0099FF; }
#vguide_selector a.vg_selected{color:#000; background:#FFF; }
 */
#vguide_selector a:hover {/*background-color:#CC99FF; background:url(../images/bg_selector.jpg);*/ color:#193669;}
#vguide_display { background-color:#ffffff;float:left; width:550px; }
#bv_1{height:550px;}
/*content utama*/
#cntn_utama_left{width:320px;height:auto;float:left;margin:10px 0px 0px 5px;}
#cntn_utama_left2{width:510px; height:auto; float:left; margin-left:5px; padding-left:10px;}
#cntn_full_width{width:740px; height:auto; float:left; padding:10px;}
#gap_cntn{width:1px;height:200px;float:left;margin:10px 10px 0px 10px;}
#cntn_utama_right{width:191px;height:400px;float:left;margin-top:10px;}
#product_home{width:320px;height:auto;margin-bottom:20px;}
#product_home2{width:520px;height:auto;margin-bottom:20px;}
#title_product_home {height:38px;background:url(/images/bg_title_product.jpg) no-repeat;color:#165093;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;padding:10px 0px 0px 15px;}
#title_product_home2 {height:38px;width:500px;background:url(/images/bg_title_product.jpg) no-repeat;color:#165093;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;padding:10px 0px 0px 15px;}
#cntn_product_home{padding:0px 5px 5px 13px;}
#button{width:160px;height:20px;padding-left:10px;margin:10px 0px 10px 0px;}
.button_arrow a{background :url(/images/btn_arrow.gif) no-repeat;width :21px;height :21px;text-indent :-9999px;font-size :0px;display :block;}
.button__arrow_active{background :url(/images/btn_arrow.gif) no-repeat 0 -21px;width :21px;height :21px;text-indent :-9999px;font-size :0px;display :block;}
.button_arrow a:hover{background-position :0 -21px;}
.button_ulasan1 a{background :url(/images/btn_ulasan.jpg) no-repeat;width :60px;height :20px;text-indent :-9999px;font-size :0px;display :block;}
.button_ulasan1_active{background :url(/images/btn_ulasan.jpg) no-repeat 0 -20px;width :60px;height :20px;text-indent :-9999px;font-size :0px;display :block;}
.button_ulasan1 a:hover{background-position :0 -20px;}
.button_ulasan a{background :url(/images/btn_ulasan.jpg) no-repeat;width :60px;height :20px;float :right;text-indent :-9999px;font-size :0px;display :block;}
.button_ulasan_active{background :url(/images/btn_ulasan.jpg) no-repeat 0 -20px;width :60px;height :20px;float :right;text-indent :-9999px;font-size :0px;display :block;}
.button_ulasan a:hover{background-position :0 -20px;}
.button_pesan a{background :url(/images/btn_pesan.jpg) no-repeat;width :80px;height :20px;float :right;margin-left :10px;text-indent :-9999px;font-size :0px;display :block;}
.button_pesan_active{background :url(/images/btn_pesan.jpg) no-repeat 0 -20px;width :80px;height :20px;float :right;margin-left :10px;text-indent :-9999px;font-size :0px;display :block;}
.button_pesan a:hover{background-position :0 -20px;}
#artikel{color:#0695ce;}
.dotline{width:191px;height:1px;background:url(/images/bg_dot.gif) repeat-x;margin:3px 0px 0px 0px;}
#blue_box{width:187px;height:auto; padding-top:8px;}
.title_bluebox{font-size:12px;color:#14407e;font-weight:bold;margin-bottom:5px;}
.list_blue{width:165px;height:1px;background:url(/images/list_blue.gif) repeat-x;margin:0px;}
.list_blue2{width:190px;height:1px;background:url(/images/list_blue.gif) repeat-x;}
/*sidebar_customer services*/
#cs{width:180px;margin:0px 0px 0px 15px;}
.list_top_cs{width:180px;height:20px;padding:5px 0px 0px 10px;color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;}
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#nav {z-index:100;clear:both; background:url(/images/bg_main_menu.jpg) repeat-x;}
#nav h2 {font-family: "trebuchet ms", arial, sans-serif; font-weight:bold; color:#090;}
#nav h3 {font-family: "trebuchet ms", arial, sans-serif; font-weight:bold;}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {padding:0; margin:0 auto; list-style-type: none; display:block;z-index:100;}
#pmenu ul {padding:0; margin:0; list-style-type: none; display:block;}
/* Hide the sub levels */
#pmenu li ul {display:none;}
/* Set up the link size, color and borders */
#pmenu li a, #pmenu li a:visited {display:block; width:152px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; height:auto; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #55f; border-width:0px 0 0px 0px; text-align:left; }
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited { color:#55a; background:#ddf; border-color:#ccf;border-width:0 1px 1px 1px;}
#pmenu li ul li a:hover{ color:#ddf; background:#55a;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
/* Set up the list items */
#pmenu li {float:left; background:#ddd; }
#pmenu li.tc {display:table-cell; background:url(/images/bg_main_menu.jpg); }
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#55a; color:#ddf;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(/images/transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}
/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */* html #pmenu li a:hover {position:relative; background:#8EDEFD; color:#c00;}
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#8EDEFD; color:#c00;}
/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#0099FF url(/images/fly.png) no-repeat right center;}
#pmenu li.drop {background: url(/images/drop.png) no-repeat right center;}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear *//* change the drop down levels from display:none; to visibility:hidden; */* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(/images/transparent.gif);}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{visibility:hidden;}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ visibility:visible; top:-11px; left:80px;}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { visibility:visible;}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

.f_label { width:120px; float:left}
.f_field { }
.f_field2 { text-align:right;}

table.order_tform td.box_left { padding:2px; border:#eee solid; border-width:1px 1px 0px 0px; text-align:left; }
table.order_tform td.box_right { padding:2px; border:#eee solid; border-width:1px 1px 0px 0px; text-align:right;}
table.order_tform td.box_center { background:#99CC33; padding:2px; border:#eee solid; border-width:1px 1px 0px 0px; text-align:center;}
table.order_tform td.box_left_no_border { padding:2px; border:#eee solid; border-width:0px 0px 0px 0px; text-align:left;}

.tab_on { font-weight:bold; background-color:#fff; display:block; float:left;padding:5px 10px 5px 10px; text-align:center; border:#aaa 1px; border-style:solid solid none solid}
.tab_of { font-weight:bold; background-color:#99CC00; color:#FFFFFF;display:block; float:left;padding:5px 10px 5px 10px; text-align:center; border-color: #eee #eee #aaa #eee; border-width: 1px; border-style:solid}
.tab_of:hover { background-color:#fff;}
.tab_none { width:1em; background-color:#fff;display:block; float:left;padding:5px 10px 5px 10px; text-align:center; border-color: #fff #fff #aaa #fff; border-width: 1px; border-style:solid}
.tab_lnav { height:20px; font-weight:bold; background:url(/images/btn_bg_green.png) top; color:#FFFF66;display:block; float:left;padding:0px 10px 0px 10px; text-align:center; border-color:#C5FA74; border-width: 1px; border-style:solid}
.tab_lnav:visited { color:#FFFF99}
.price {font-weight:normal; color:#FF0000;}
.txt_light{color:#999999;}
.txt_strong{ font-weight:bold;}
.txt_strong_ident{ font-weight:bold; margin-left:20px;}
.txt_box_green{ text-align:center; color:#008800; background:#CCFF99; display:block; padding:2px 5px 2px 5px; font-weight:bold; border:#CCFF66 dotted 1px;}
.ordered_product { margin-top:20px; border:#00CC00 solid; border-width:0 0 1px 0;}
.cek_order_flabel_title { font-weight:bold;}
.small_text{ font-size:9px; line-height:normal;}
.dbg_link, .dbg_link:visited { color:#99FF00;}