* { margin:0; padding:0; font:12px Tahoma, sans-serif; line-height:125%; color:#7E3970; outline-style:none }

.arial,
.arial *,
#agenda .content p,
#agenda .content p *,
#polling p,
#body_detail p,
#body_detail p *,
#body_detail li,
#body_detail li *,
#polling form *,
#latest_news .description ,
.paging a,
#login .left,
#login p,
#login a,
#produk_carusel .title a,
#footer *,
#imageData #imageDetails *,
#profile td,
#profile td a,
#agenda_detail .content .description,
.button_more a,
.href a,
#product .title a ,
#form_pembelian p,
#form_pembelian li,
.block  * { font-family:Arial, sans-serif }

body { background:#f5f5f5 center top repeat }
 
a { text-decoration:none }
img,
a img { border:none }
h1 { font-size:2em }
h2 { font-size:1.3em }
strong { font-weight:bold; color:inherit }

textarea,
input { background-color:#fff; border:1px solid #ccc; padding:2px }

input[type="button"],
.button { color:#fff; background-color:#C35386; border:2px solid #AB4890!important; border-top-color:#F7C1D9!important; border-left-color:#F7C1D9!important; padding:1px 10px; cursor:pointer }
input[type="button"],
input[type="text"],
input[type="password"],
input[type="button"],
.paging a,
#latest_news .image,
#latest_news .image .cut ,
#produk_carusel .item,
#merchant .merchant {
	-moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px; 
	-moz-border-radius-topright:7px; -webkit-border-top-right-radius:7px;
	-moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px
}

.object-left,
.left { float:left!important }
.object-center { text-align:center; clear:both }
.middle { float:left!important }
.object-right,
.right { float:right!important }
.break,
.labelbreak,
.clear { clear:both!important }
.object-left { margin:0 10px 10px 0 }
.object-right { margin:0 0 10px 10px }

.flat { list-style:none }
.flat li { float:left }

.wrapper { width:1000px; margin:0 auto }

.common_block { margin:0 0 20px; background-color:#fff }
.common_block .shadow { padding:0 0 10px }
.common_block_banner { margin:0 0 10px; padding:0 0 15px; background:url(../images/banner_bottom.gif) 0 bottom no-repeat }
.common_block h1 { color:#fff; font-size:1.15em; padding:6px 0 20px 5px; text-shadow:#333 1px 1px 3px }
.left .common_block { background:url(../images/title_left.gif) 0 0 no-repeat }
.left .common_block .shadow { background:url(../images/title_left_shadow.jpg) right 0 no-repeat; padding:0 0 10px 10px }
.middle .common_block { background:url(../images/title_left.gif) right 0 no-repeat }
.middle .common_block .shadow { background:url(../images/title_left_shadow_right.jpg) 0 0 no-repeat!important; padding:0 0 10px }
.middle .common_block h1 { margin-left:15px }
.right .common_block { background:url(../images/title_right.gif) 0 0 no-repeat; padding:0 10px 10px 0; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px }
.right .common_block h1 { margin-left:15px }

.banner_big { padding:0 0 10px 0; margin:0 0 20px; width:670px; height:200px; overflow:hidden; background:url(../images/title_banner.gif) left bottom no-repeat; position:relative }
.banner_big .picture { position:absolute }
.banner_big .button_more { position:absolute; margin:165px 0 0 510px; background:url(../images/buttonmore.png) no-repeat; _background:url(../images/buttonmore.gif) no-repeat }
.banner_big .button_more  .bleft { background:none; text-indent:-9999px; width:150px }
.banner_big .button_more  a { background:none }

.button_more { float:right; background:#E92897 url(../images/buttonright.gif) right 0; overflow:hidden; margin:20px 0 30px; _width:135px }
.button_more .bleft { padding:0 5px; height:27px; background:url(../images/buttonleft.gif) left 0 no-repeat }
.button_more a { color:#fff; padding:5px 25px 3px 10px; display:block; margin:0 10px 0 5px; background:url(../images/arrow.gif) no-repeat right 6px; text-shadow:#300 1px 1px 2px }

.paging { padding:20px 0 20px 10px; clear:both }
.paging li { margin:0 5px 0 0 }
.paging a { border:1px solid #F7C1D9; color:#C35386; padding:3px 7px; font-size:0.8em }
.paging a.now { background-color:#C35386; color:#fff }

.warning { font-size:1.15em; color:#f00!important; text-align:left }
.polling { padding:0 10px; margin:0 }
.polling a { color:#030; display:block; text-align:center; font-weight:bold }
.polling li { list-style:none; float:left; margin:10px 5px }
.polling .label { width:250px; color:#333; margin-left:0 }
.polling .graph { width:175px }
.polling .result { width:50px }
.polling .voted { width:75px }
.polling .total { display:block; text-align:center; font-weight:bold }
.polling .question { margin:20px 0; font-size:1.15em; color:#000000; font-style:italic }
.polling .graph_container { width:175px; background:#fff; border:solid 1px #eee }
.polling .graph_result { background-color:#F90; height:20px }
.polling p { padding:10px 0!important }
.polling hr { margin:20px 0; border:none; border-top:1px solid #ccc }

.block { margin:10px 0; clear:both }
.block label { float:left; width:150px; text-align:right; margin-right:10px }
.block input[type="text"],
.block textarea { float:left; width:250px }
input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"],
input[type="reset"] { width:auto!important }
.block .element { clear:both; height:25px; margin:10px 0 }
.block .button-disabled { margin-left:160px }

#head { margin:0 0 20px; position:relative; z-index:25 }
#identity { margin:0 10px }

#logo { background-image:url(../images/logo.gif); margin:30px 0 0!important }
#logo a { text-indent:-9999px; display:block; width:210px; height:98px }

#banner { width:728px; height:90px; overflow:hidden; margin:20px 0 0 }

#menu { background:#EA0486 url(../images/menu_back.gif) 0 bottom repeat-x; padding:2px 15px; z-index:51; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;  -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px }
#menu a { color:#F5CEE3; font-weight:bold; font-size:0.9em }
#menu a:hover { background-color:#E92897 }

#main_menu { background:#AB4890 url(../images/menu_bottom.gif) 0 bottom no-repeat; padding:3px 25px 13px 15px; z-index:50 }
#main_menu a { color:#fff; font-size:1.2em }
#main_menu a:hover { background-color:#8982B5; text-shadow:#333 1px 1px 3px;
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; 
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }

#menu ul,
#main_menu ul { position:relative }
#menu ul ul,
#main_menu ul ul { position:absolute; float:left; display:none }
#menu ul ul li,
#main_menu ul ul li { list-style:none; display:block; padding:5px 0; clear:both; width:100% }
#menu ul li:hover ul,
#menu ul li.hover ul,
#main_menu ul li:hover ul,
#main_menu ul li.hover ul { display:block }

#head .left ,
#head .flat li { margin:0 }
#head .flat li a { padding:5px 10px; display:block }

#static_menu { z-index:49 }
#static_menu li { position:relative }
#static_menu li a { text-transform:uppercase }
#static_menu .back { background-color:#fff; z-index:0; position:absolute; height:23px; opacity:0.15; filter:alpha(opacity=15) }
#static_menu ul { background-color:#CF0378; padding:3px 5px 0; margin-left:-5px; width:140px }
#static_menu ul li { padding:5px 0; border-top:1px solid #EA0486 }
#static_menu ul li a { font-size:0.8em }

#dynamic_menu { width:675px; margin:0; _margin:0 0 0 -95px; padding:0; z-index:48 }
#dynamic_menu li { position:relative }
#dynamic_menu .back { background-color:#fff; z-index:0; position:absolute; height:33px; opacity:0.15; filter:alpha(opacity=15) }
#dynamic_menu ul { background-color:#767EB9; padding:5px 5px 0; margin-left:-5px; width:140px; 
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; 
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
#dynamic_menu ul li { padding:5px 0; border-top:1px solid #8982B5 }
#dynamic_menu ul li a { font-size:1.2em }

#search { margin:2px 0 0; width:265px; position:relative }
#search_box { padding:0 10px; overflow:hidden; height:25px; background:url(../images/searchbar.gif) }
#search_here { border:none; color:#999; background-color:#fff; width:225px; margin:3px 0 0; float:left }
#search_button { border:none!important; background-image:url(../images/btn_search.gif); margin:6px 0 0; padding:0; width:12px!important; height:12px!important; text-indent:-9999px; float:left; cursor:pointer }

#body { z-index:23 }
#body .left { width:330px; margin:0 10px 0 0 }
#body .middle { width:340px }
#body .right { width:310px }

#body_detail_register .left,
#body_detail .left { width:660px; min-height:500px }
#body_detail .left .left { min-height:0px }
#body_detail .right .left { min-height:0px }
#body_detail .right { width:310px }
#body_detail #blok11 { width:330px; margin:20px 10px 0 0; padding:0 0 10px 0; _margin:20px 0 0 0 }
#body_detail #blok12 { width:320px; margin:20px 0 0 0; padding:0 0 10px 0 }
#body_detail #blok11 .common_block { margin:0 10px 0 0 }

#agenda { width:330px }
#agenda .item { width:300px }
#agenda .item * { color:#fff }
#agenda .item .left { width:96px; height:119px; margin:0 0 0 10px; _margin:0 0 0 5px }
#agenda .item .left div { margin:0 0 5px }
#agenda .item .right { width:170px; margin:0 10px 0 0 }
#agenda .date { text-align:center }
#agenda .day { font-size:5em; line-height:1.15em }
#agenda .month_year { font-size:1em }
#agenda .content h2 { font-size:1.4em; margin:0 0 5px; color:#792877; max-height:40px; overflow:hidden }
#agenda .content p,
#agenda .content p * { font-size:1em; color:#AB4890; text-transform:capitalize }
#agenda .href { width:140px; background:url(../images/buttonright2.gif) right 0; overflow:hidden; margin:3px 0 0 }
#agenda .href .bleft { padding:0 5px; height:27px; background:url(../images/buttonleft2.gif) left 0 no-repeat }
#agenda .href a { color:#fff; padding:4px 15px; display:block; background:url(../images/arrow.gif) no-repeat 100px 6px }

#agenda_container { width:320px; height:180px; background:url(../images/agenda_bg.gif) }
#agenda_carusel { position:relative; overflow:hidden; width:320px; height:145px } 
#agenda_carusel .items { width:20000em; position:absolute } 
#agenda_carusel .items .item { float:left; padding:25px 10px }
#agenda_carusel .date { background:url(../images/buble_agenda.png); _background:url(../images/buble_agenda.jpg) }

#agenda .paging { margin:5px 0 0 125px; padding:0 }
#agenda .paging a { margin:0 5px 0 0; padding:0; border:none; background:#fff url(../images/page.gif); width:10px; height:10px; display:block; float:left; line-height:10px; font-size:1px }
#agenda .paging a.active { background:#C35386 url(../images/page_now.gif) }

#agenda_detail { margin:0 5px }
#agenda_detail .item { width:320px; margin:0; padding:10px 0 0 0 }
#agenda_detail .item .left { width:96px; height:119px; margin:0 0 0 10px; background:url(../images/buble_agenda.png) }
#agenda_detail .item .left div { margin:0 0 5px; color:#fff }
#agenda_detail .item .right { width:190px; margin:0 10px 0 0 }
#agenda_detail .date { text-align:center }
#agenda_detail .day { font-size:5em; line-height:1.15em }
#agenda_detail .month_year { font-size:1em }
#agenda_detail .content .title { margin:0 0 5px }
#agenda_detail .content .title a { font-size:1.3em; color:#E92897 }
#agenda_detail .content .description { font-size:1em; color:#666 }

#video_list { margin:0 5px }
#video_list .item { width:320px; margin:0; padding:10px 0 0 0 }
#video_list .item .video { width:120px; height:90px; overflow:hidden; margin:0 0 0 10px; background-color:#000; position:relative }
#video_list .item .video .play { width:120px; height:90px; background:url(../images/play.png) 45px 30px no-repeat; position:absolute }
#video_list .item .left div { margin:0 0 10px; color:#fff }
#video_list .item .right { width:160px; margin:0 10px 0 0 }
#video_list .content .title { margin:0 0 10px }
#video_list .content .title a { font-size:1.3em; color:#E92897 }
#video_list .content .description { font-size:1em; color:#666 }

#usaha_list { margin:0 5px }
#usaha_list .item { width:320px; margin:0; padding:10px 0 0 0; border-bottom:1px dashed #ccc }
#usaha_list .content .title { margin:0 0 5px }
#usaha_list .content .title a { font-size:1.3em; color:#E92897 }
#usaha_list .content .description { font-size:1em; color:#666 }
#usaha_list .button_more { margin:10px 0 }

#polling p { color:#C35386; font-size:1.2em; font-style:italic; margin:5px 10px 15px }
#polling .clear { margin:7px 0 0; margin:5px 20px }
#polling input { margin:0 5px 0 0 }

#latest_news { margin:0 10px }
#latest_news .news { padding:0 0 15px; position:relative }
#latest_news .image { margin:0 0 5px; padding:9px; background-color:#fff; border:1px solid #ddd }
#latest_news .image .cut { width:300px; height:120px; overflow:hidden }
#latest_news .href { position:absolute; width:50px; background:url(../images/buttonright.gif) right 0; overflow:hidden; margin:140px 0 0 270px }
#latest_news .href .bleft { padding:0 5px; height:27px; background:url(../images/buttonleft.gif) left 0 no-repeat }
#latest_news .href a { color:#fff; padding:3px 10px; display:block; text-indent:-9999px; background:url(../images/arrow.gif) no-repeat 10px 6px }
#latest_news .title  { margin:0 10px 5px; width:265px }
#latest_news .title a { color:#C35386; font-size:1.125em; font-weight:bold }
#latest_news .description { color:#7E3970; margin:2px 0 0; padding:0 10px; font-size:0.95em }

#product { margin:0 10px; _margin:0 0 0 10px }
#product .news { float:left; width:150px; height:190px; margin:5px; border-bottom:1px dashed #666 }
#product .image { width:150px; height:112px; overflow:hidden; margin:0 0 5px }
#product .href { position:absolute; width:130px; background:url(../images/buttonright.gif) right 0; overflow:hidden; margin:157px 0 0 7px }
#product .href .bleft { padding:0 5px; height:27px; background:url(../images/buttonleft.gif) left 0 no-repeat }
#product .href a { color:#fff; padding:4px 15px; display:block; background:url(../images/arrow.gif) no-repeat 85px 6px }
#product .title { height:30px; overflow:hidden }
#product .title a { color:#333; font-size:0.9em; text-align:center }

#loginplace { width:300px; margin:0 10px 0 0; -margin:0 5px 0 0; z-index:24 }
#loginplace .common_block { background-image:none }
#loginplace h1 { color:#000; padding-top:15px; text-shadow:none }

#login { background-color:#F7C1D9; padding-bottom:10px }
#login h1,
#login h2 { padding-bottom:10px; color:#C35386 }
#login .left { width:90px; text-align:right; color:#333; font-size:0.9em; margin:0 0 10px; border:none }
#login .right { width:190px; margin:0 0 10px}
#login .right input[type='text'],
#login .right input[type='password']{ border:1px solid #DDABC2; background-color:#fff; width:140px }
#login hr { border:none; border-top:1px solid #DDABC2; margin:5px 0 10px; height:1px }
#login p,
#login a { font-size:0.9em }
#login p { padding:0 10px; color:#666 }
#login a { color:#E92897; font-weight:bold }

#loged { background-color:#F7C1D9; padding-bottom:20px }
#loged .body { padding:20px 15px 0 }
#loged .body .left img { padding:5px; border:1px solid #ccc; background-color:#fff }
#loged .body .left { width:75px; overflow:hidden }
#loged .body .right { width:185px; overflow:hidden }
#loged .body h1 { margin:0; padding:0; color:#792877 }
#loged .body a { color:#E92897 }
#loged .menu_lainnya a { color:#792877 }
#menuicon li { margin:5px 15px 5px 0 }

#produk { position:relative }
#produk_navigation { position:absolute; margin:8px 0 0 265px }

#produk_carusel { position:relative; overflow:hidden; width:300px; height:250px } 
#produk_carusel .image { margin:0 10px; text-align:center; width:270px; height:202px; overflow:hidden; }
#produk_carusel .title { margin:10px 10px 0; text-align:center }
#produk_carusel .title a { color:#AB4890; font-weight:bold }
#produk_carusel .items { width:20000em; position:absolute } 
#produk_carusel .items .item { float:left; padding:5px 4px 10px; background-color:#fff; border:1px solid #ddd }

#galeri_navigation .disabled,
#produk_navigation .disabled { opacity:0.25; filter:alpha(opacity=25) }

#footer { margin:20px 0 30px; z-index:22 }
#footer .border_blue { border-top:10px solid #C35386 }
#footer .border_red { border-top:5px solid #AB4890; padding:10px 10px 0; background:url(../images/footer_bottom.gif) 0 0 no-repeat }
#footer * { color:#333 }
#footer_menu { margin:15px 0 1px 0 }
#footer_menu li { margin:0 5px 0 0; font-weight:bold; font-size:0.9em }
#footer_menu a { color:#903; font-weight:bold; font-size:1em }

#detail_content { margin:0 10px 0 0 }
#detail_content .title { overflow:hidden; height:30px; margin:0 0 30px 0 }
#detail_content p { margin:10px 0; line-height:150% }
#detail_content .description { margin:0 10px }
#detail_content .contributor { margin:10px 10px 20px; color:#666 }
#detail_content h2 { margin:30px 0 20px }
#detail_content ul,
#detail_content ol { margin:0 0 0 10px; padding:0 0 0 10px } 
#detail_content li { margin:4px 0 }
#detail_content a { color:#E92897 }
#detail_content .warning h2 { color:#fff; margin:0; padding: 10px 0 0 }

#product_content { margin:0 10px 0 0 }
#product_content .title { overflow:hidden; height:30px; margin:0 0 30px 0 }
#product_content p { margin:10px 0; line-height:150% }
#product_content .description { margin:10px; float:right; width:345px }
#product_content .product-image { margin:10px; text-align:center; float:left; width:255px }
#product_content .product-image img { padding:5px; border:1px solid #ccc }
#product_content .contributor { margin:10px 10px 20px; color:#666 }
#product_content h2 { margin:30px 0 20px }
#product_content ul,
#product_content ol { margin:0 0 0 10px; padding:0 0 0 10px } 
#product_content li { margin:4px 0 }
#product_content a { color:#E92897 }
#product_content .even { background-color:#efefef }
#product_content .item .left { width:95px; margin:10px; color:#366ED1 }
#product_content .item .right { width:210px; margin:10px 0; line-height:150%; color:#333 }
#product_content .href { width:150px; background:url(../images/buttonright.gif) right 0; overflow:hidden; margin:20px auto }
#product_content .href .bleft { padding:0 5px; height:27px; background:url(../images/buttonleft.gif) left 0 no-repeat }
#product_content .href a { color:#fff; padding:4px 15px; display:block; background:url(../images/arrow.gif) no-repeat 105px 6px }

#usaha_anda_content { margin:0 10px 0 0 }
#usaha_anda_content .title { overflow:hidden; height:30px; margin:0 0 30px 0 }
#usaha_anda_content p { margin:10px 0; line-height:150% }
#usaha_anda_content .description { margin:10px; float:right; width:345px }
#usaha_anda_content .contributor { margin:10px 10px 20px; color:#666 }
#usaha_anda_content h2 { margin:30px 0 20px }
#usaha_anda_content ul,
#usaha_anda_content ol { margin:0 0 0 10px; padding:0 0 0 10px } 
#usaha_anda_content li { margin:4px 0 }
#usaha_anda_content a { color:#E92897 }
#usaha_anda_content .even { background-color:#efefef }
#usaha_anda_content .item .left { width:95px; margin:10px; color:#366ED1 }
#usaha_anda_content .item .right { width:510px; margin:10px 0; line-height:150%; color:#333 }

.attribute-image img { border:1px solid #ccc; padding:5px }

.galeri { border:1px dashed #ccc; background-color:#f5f5f5; border-left:none; border-right:none; padding:10px; position:relative; margin:20px 0 }
.galeri #galeri_navigation { text-align:right;}
.galeri h2 { margin:0 10px 10px!important }
.galeri .carusel { width:645px; height:150px; overflow:hidden; position:relative }
.galeri .items { width:20000em; position:absolute }
.galeri .item { float:left; width:150px; margin:0 5px }
.galeri .image { margin:0 0 5px 0; border:1px solid #ccc; padding:5px; background-color:#fff }
.galeri .image a { width:138px; height:105px; overflow:hidden; display:block }
.galeri .title { padding:0 5px }
.galeri .title a { color:#903; font-size:0.9em }

.socnet { padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px solid #ccc }
.socnet li { list-style:none; margin:0 0 0 5px; float:left; height:16px }
.socnet li img { width:16px; height:16px }
#det .socnet h1 { font-size:0.8em; color:#999; margin:0 0 5px; text-align:right }

#kom { padding:10px 0 20px; margin:0 10px 0 0; background:none }
#kom .shadow { background:none }
#kom #komstatss,
#kom .paging,
#kom #bbbukakomen,
#kom #bbbukakomen,
#kom #bukakomen,
#kom .daftar,
#kom .isi { border-top:1px solid #ddd; padding:10px 0 }
#kom .odd,
#kom .even { border-top:1px dashed #ccc; padding:10px }
#kom .even { background-color:#f5f5f5 }
#kom .left { width:auto; border:none }
#kom .right { width:auto }
#kom .daftar .first { border:none }
#kom .daftar .left { width:50px }
#kom .daftar .right { width:555px }
#kom .statistik * { font-size:1em }
#kom .statistik { padding:10px }
#kom .pic img { padding:3px ; background:#fff; border:1px solid #ccc }

#kom .paging ul,
#isikomen form{ margin:0 10px }

#isikomen { display:none }
#isikomen strong { margin:0 0 10px; display:block }
#isikomen label,
#isikomen input { font-size:0.9em }
#isikomen li { margin:0 0 3px; clear:both }

#kom #bbbukakomen,
#kom #bukakomen { padding:10px 5px 10px 35px; background:url(../images/bulmoar.gif) no-repeat 10px 7px; font-size:0.9em }

#kom #komcount,
#kom #bukakomslide { padding:10px }
#kom #bukakomslide { padding:10px 5px 10px 25px; background:url(../images/bulmoar.gif) no-repeat 0 7px }

#komentar li { list-style:none; clear:both; padding:2px 0 }
#komentar label { width:100px; float:left }
#komentar textarea,
#komentar input { width:350px; float:left; margin-right:5px }
#komentar .button { width:auto }

.emoticons { display:none; background-color:#f30; position:absolute; padding:5px; margin:-3px 0 0 2px }
.emoticons li { list-style:none; clear:both!important }
.emoticons li li { float:left!important; clear:none!important; padding:3px!important }
.emoticons img { cursor:pointer }

.statistik li { list-style:none; float:left }

.artbut li img { border:none!important; padding:0!important; margin:0 0 0 5px; width:16px; height:16px }

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background:transparent url(../images/star.gif) repeat-x scroll left -1000px }
.star-rating { background-position:left center; height:12px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; overflow:hidden; padding:0; position:relative; width:60px }
.star-rating li { display:inline; margin:0 !important; padding:0 !important }
.star-rating a, .star-rating .current-rating { border:medium none; height:12px; left:0; line-height:12px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; overflow:hidden; position:absolute; text-indent:-1000em; top:0 }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position:left bottom }
.star-rating a.stars-1 { width:20%; z-index:6 }
.star-rating a.stars-2 { width:40%; z-index:5 }
.star-rating a.stars-3 { width:60%; z-index:4 }
.star-rating a.stars-4 { width:80%; z-index:3 }
.star-rating a.stars-5 { width:100%; z-index:2 }
.star-rating .current-rating { background-image:url(../images/star.gif) !important; background-position:left top; z-index:1 }
.inline-rating { display:inline-block; vertical-align:middle }
.small-star { height:10px; width:60px }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image:url(../images/star.gif); height:12px; line-height:12px }
.small-star .current-rating { background-image:url(../images/star.gif) !important; background-position:left top; z-index:1 }

.buttonblock { margin:20px 0 }

#profile .content { margin:20px 0 }
#profile .content li{ margin:1px 10px; background-color:#FEF2F9; list-style:none; padding:10px; color:#666 }
#profile .content li.even { margin-bottom:15px; padding-left:50px; background-color:#EBF0FA; color:#366ED1 }
#profile .buttonblock { margin:10px 10px 0 }
#profile td { padding:5px 10px; vertical-align:top; color:#333; font-size:0.9em }
#profile td.label { width:200px!important }
#profile table { width:645px; margin:20px 0 0 }
#profile table table { margin:20px 0; width:auto }
#profile table .list { clear:both }
#profile td label { display:block }
#profile td input { margin-bottom:10px; width:200px }
#profile td input.button { width:auto }
#profile .items { margin:20px 0 }
#profile .item,
#profile tr{ background-color:#FEF2F9; border-top:3px solid #fff }
#profile tr.first{ background-color:#E92897 }
#profile .editor tr.first { background:#FEF2F9 }
#profile tr.first,
#profile tr.first * { color:#fff; font-weight:bold; font-size:1em }
#profile td a { color:#E92897 }
#profile .even { background-color:#fff }
#profile .item { margin:0 10px; padding:10px }
#profile .item .left { border:none }
#profile .item label { margin:0 0 3px 0; display:block; color:#E92897 }
#profile .item input { width:300px; border:1px solid #ccc!important }
#profile .editor textarea,
#profile .editor input[type="text"] { width:400px }
#profile .editor .first input,
#profile .editor .first label { color:#333 }

#important { background:#f5f5f5 url(../images/bg.gif) center top repeat; width:660px; overflow:hidden }
#important tr { background:none }
#important tr.first label,
#important tr.first input { color:#333; font-weight:normal; font-size:0.9em }

.tabbing { padding:3px 10px }
.tabbing a { padding:3px 10px; margin:0 3px 0 0; background-color:#366ED1; color:#fff }

#bookmark { width:auto!important; margin:0 10px 0 0 }

.sendemail { margin:20px; background-color:#fff }
.sendemail form { padding:20px }
.sendemail label { display:block }
.sendemail input[type='text'],
.sendemail .text,
.sendemail textarea{ display:block; margin-bottom:10px; width:400px }
.sendemail h2 { display:block; padding:20px 20px 10px }

#form_pembelian { width:480px }
#form_pembelian h1 { color:#65A2C1; margin:5px 0; padding:0 0 5px 0; border-bottom:1px dashed #ccc }
#form_pembelian label,
#form_pembelian input,
#form_pembelian textarea { float:left }
#form_pembelian label { display:block; width:150px }
#form_pembelian input,
#form_pembelian textarea { width:300px }
#form_pembelian textarea { height:150px }
#form_pembelian input.button { width:auto }
#form_pembelian .item { clear:both; padding:5px 10px }
#form_pembelian .even { background-color:#E4EFF4 }
#form_pembelian .info { margin:5px 0 0; padding:5px 0 0; border-top:1px dashed #ccc }
#form_pembelian p { margin:10px 0 }
#form_pembelian ul { margin:0 0 0 20px }
#form_pembelian p,
#form_pembelian li { font-size:0.9em }
#form_pembelian b { font-size:1.1em }

#merchant  .merchant { border:1px solid #eee; background-color:#fff; padding:9px }
#merchant .items { margin:10px auto; padding:5px 0 0 50px }
#merchant .merchant .items { border-top:1px solid #eee }
#merchant .item { float:left; margin:0 5px }
#merchant .card .items { float:right }
#merchant .card .item { margin:0 3px }
#merchant .disc20 { background:url(../images/merchants/disc20.jpg) no-repeat 0px 5px; border:none!important; padding-top:0 }
#merchant .disc10 { background:url(../images/merchants/disc10.jpg) no-repeat 0px 5px; border:none!important; padding-top:0 }
#merchant .disc15 { background:url(../images/merchants/disc15.jpg) no-repeat 0px 15px }
#merchant .disc25 { background:url(../images/merchants/disc25.jpg) no-repeat 0px 15px }
#merchant .disc5010 { background:url(../images/merchants/disc5010.jpg) no-repeat 0px 15px ; padding-left:65px;}
#merchant .disckhus { background:url(../images/merchants/disckhusus.jpg) no-repeat 0px 15px }

#debug { overflow:hidden; width:1000px; margin:0 auto }

/* Start Style for LiteBox */

#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0 }
#lightbox a img{ border:none }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto }
#imageContainer{ padding:10px}

#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0 }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10 }
#imageContainer>#hoverNav{ left:0 }
#hoverNav a{ outline:none }

#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block }
#prevLink { left:0; float:left }
#nextLink { right:0; float:right }
#prevLink:hover, #prevLink:visited:hover { background:url(../images/lbprev.gif) left 50% no-repeat }
#nextLink:hover, #nextLink:visited:hover { background:url(../images/lbnext.gif) right 50% no-repeat }

/*** START :next / previous text links ***/
#nextLinkText, #prevLinkText{ color:#FF9834; font-weight:bold; text-decoration:none }
#nextLinkText{ padding-left:10px }
#prevLinkText{ padding-right:10px }
/*** END :next / previous text links ***/

/*** START :added padding when navbar is on top ***/
.ontop #imageData { padding-top:5px }
/*** END :added padding when navbar is on top ***/

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em }

#imageData{ padding:0 10px }
#imageData #imageDetails{ width:70%; float:left; text-align:left }
#imageData #imageDetails * { font-size:0.9em }
#imageData #caption{ font-weight:bold }
#imageData #numberDisplay{ display:block; clear:left; padding-top:0.5em }
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em }
#imageData #helpDisplay {clear:left; float:left; display:block }

#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
* html>body .clearfix { display:inline-block; width:100% }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

/* End Style for LiteBox */


/* Start Style for IPrompt */

.jqifade{ position:absolute; background-color:#000 }
div.jqi{ width:400px; position:absolute; background-color:#fff; font-size:0.9em; text-align:left; border:solid 1px #eee; -moz-border-radius:10px; -webkit-border-radius:10px; padding:7px }
div.jqi .jqicontainer{ font-weight:bold }
div.jqi .jqiclose{ position:absolute; top:4px; right:-2px; width:18px; cursor:pointer; color:#bbb; font-weight:bold }
div.jqi .jqimessage{ padding:10px; line-height:20px; color:#444 }
div.jqi .jqibuttons{ text-align:right; padding:5px 0 5px 0 }
div.jqi button{ padding:3px 10px; margin:0 10px; background-color:#f60; border:solid 1px #f4f4f4; color:#fff; font-weight:bold; font-size:1em; cursor:pointer }
div.jqi button:hover{ background-color:#f30 }
div.jqi button.jqidefaultbutton{ background-color:#390 }
div.jqi button:hover.jqidefaultbutton{ background-color:#370 }
.jqiwarning .jqi .jqibuttons{ background-color:#ff9 }

/* End Style for IPrompt */

/* Start style for facebox */

#facebox .b { background:url(../images/b.png) }
#facebox .tl { background:url(../images/tl.png) }
#facebox .tr { background:url(../images/tr.png) }
#facebox .bl { background:url(../images/bl.png) }
#facebox .br { background:url(../images/br.png) }
#facebox { position:absolute; top:0; left:0; z-index:100; text-align:left }
#facebox .popup { position:relative }
#facebox table { border-collapse:collapse }
#facebox td { border-bottom:0; padding:0 }
#facebox .body { padding:10px; background:#F0F6F9; width:370px }
#facebox .loading { text-align:center }
#facebox .image { text-align:center }
#facebox img { border:0; margin:0 }
#facebox .footer { border-top:1px solid #DDDDDD; padding-top:5px; margin-top:10px; text-align:right }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height:10px; width:10px; overflow:hidden; padding:0 }
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100% }
.facebox_hide { z-index:-100 }
.facebox_overlayBG { background-color:#000; z-index:99 }
/* ie6 hack */ 
* html #facebox_overlay { position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px') }

/* End style for facebox */


#print { margin:20px }
#print * { line-height:150%; margin:0 0 10px 0 }

.dontprint { margin:0 0 20px }

iframe { margin:0 auto; padding:0; border:none; overflow:hidden }

@media print {
	.dontprint { display:none }
}