html{font-size:11px; font-family:tahoma,sans-serif,arial}
body{margin:0 0 10px 0; background-image:url(../image/bg.gif); background-repeat:repeat; background-position:left top; padding:0}
a, a:link, a:visited, a:hover, a:active, a:focus{text-decoration:none; color:#992749}
a:hover, a:focus{text-decoration:none; color:#0d555e}
fieldset{background:#f4f4f4; padding:10px; margin:0 0 15px 0; width:auto; border:1px solid #ccc}
input, textarea, select{padding:3px; background:#f4f4f4 url(../image/bg_input.gif) repeat left top; border:1px solid #ccc; font-size:11px; width:188px; -moz-border-radius:3px; -webkit-border-radius:3px}
select{width:auto}
select, input, textarea, button{outline:none}
.radio{width:auto; background:none; margin:auto; padding:0; border:0}
.input{width:235px; height:18px; margin:5px 10px 0 0; padding:4px 0 0 5px; float:left; font-size:10px; -moz-border-radius:3px; -webkit-border-radius:3px}
.inputform{width:auto; padding:4px 5px; font-size:10px; -moz-border-radius:3px; -webkit-border-radius:3px; height:auto}
.inputbutton{background:#B00; color:white}
.biasa{width:auto; background:#992749; margin:auto; padding:5px 7px; border:0; color:white; font-size:12px; text-transform:uppercase}
.input_search{background:transparent url(../image/search_icon.png) no-repeat top left; border:0; width:30px; height:32px}
.radius{-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px}
fieldset.action{background:#9da2a6; margin-top:-20px}
legend{background:#f2f2e6; color:#555; font:17px/21px Arial,Helvetica,sans-serif; padding:0 10px; margin:-26px 0 0 -11px; border:1px solid #fff}
label{font-size:11px; font-weight:bold; color:#111}
label.opt{font-weight:normal}
dl{clear:both}
dt{float:left; width:100px; margin:0 10px 10px 0; padding:5px}
dd{float:left; width:80%; margin:0 0 10px 0; padding:5px; vertical-align:top}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
* html .clearfix{height:1%}
*:first-child+html .clearfix{min-height:1px}
#container{width:1000px; margin:auto}
ul, ul li{margin:0; padding:0; list-style:none}
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt{font-weight:bold; padding:0; margin:5px auto}
h1, h2, h3, h4, h5, h6{ font-family:Georgia,"Times New Roman",Times,serif}
h1{ font-size:24px; font-weight:normal}
cite, em, dfn{font-style:italic}
small, sup, sub{font-size:85%}
big{font-size:135%; line-height:100%; color:#121212; font-weight:bold}
form{margin:0; padding:0}
a img{border:0}
.grey{background:#f1f1f1; color:#333}
.grey a:link, .grey a:visited{color:#0d555e}
.grey a:hover{color:#992749}
.grey h3 a:link, .grey h3 a:visited{color:#992749}
.grey h4{font-size:12px; font-style:italic; color:#992749}
.clear{clear:both}
.thumb{border:1px solid #ccc; padding:2px; float:left; margin:0 15px 10px 0}
.image{border:1px solid #ccc; padding:2px; margin-bottom:10px}
.date{font-size:10px}
.date_hl{ color:#4b2929; font-size:10px}
.fLeft{float:left}
.fRight{float:right}
.alignC{text-align:center}
.alignR{text-align:right}
.alignL{text-align:left}
.batas{ margin:0; padding:2px; background-color:#974e62}
.batas2{background-image:url(../image/bg_recomended.gif); background-repeat:repeat-x; background-position:center top; margin:0px 0 0 0; padding:10px 0}
.batas3{ background-repeat:repeat-x; background-position:center top; margin:0px 0 0 0; padding:1px 0; background-color:#eee}
.title{margin:0 0 10px 0; height:20px; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 14px 0 0}
button, a button{border:0; background:#992749; color:#fff; padding:5px; cursor:default; margin:5px; -moz-border-radius:3px; -webkit-border-radius:3px}
.header_wrap{width:100%; background-image:url(../image/bg_header.png); background-repeat:repeat-x; background-position:left top; padding:10px 0 0 0}
#header{width:990px; margin:0 auto; padding:0; height:142px}
#header .logo{float:left; margin:0}
#header .bannerA{float:right; margin:0 0 10px 10px}
#header .mainmenu{background-image:url(../image/bg_nav.png); background-repeat:repeat-x; background-position:left bottom; padding:1px 0 0 0; font-weight:bold; border-bottom:0px solid #000; text-transform:uppercase; height:40px; margin:5px auto 0 auto; width:990px}
#header .mainmenu ul{margin:0; padding:0; display:block}
#header .mainmenu ul li{margin:0; padding:0; list-style:none; float:left; display:block}
#header .mainmenu ul li a, .mainmenu ul li a:visited{margin:0; padding:7px 10px 7px 30px; text-decoration:none; width:auto; color:#fff6f7; font-size:13px; border-right:1px solid #eee; border-left:0px solid #ab1f3f; float:left; letter-spacing:-1px; white-space:nowrap; background-image:url(../image/arrow_nav.gif); background-repeat:no-repeat; background-position:10px center; height:23px}
#header .mainmenu ul li a:hover{background-image:url(../image/arrow_nav_hover.png); background-repeat:no-repeat; background-position:10px center; color:#ff0}
#header .mainmenu .current{background-image:url(../image/bg_current.gif); background-repeat:repeat; background-position:left top; position:relative; top:-5px; padding-top:10px}
#header .mainmenu big{color:#FFF; text-transform:none}
#header .mainmenu .detik{padding:8px 12px 0px 12px; border:0}
#header .mainmenu ul li .home, #header .mainmenu ul li .home:visited, #header .mainmenu ul li .home:hover{position:relative; top:0px; border:0; padding:0 7px; background:none}
.shadow{background-color:#FFF; background-image:url(../image/bg_shadow.png); background-repeat:repeat-y; background-position:center top; width:100%; margin:0; padding:0}
.content{ background-color:#fff; color:#474747; width:990px; margin:0 auto; padding:0}
.ads{margin:0 0 10px 0}
#searchon{margin:0; border-bottom:5px solid #9E0A34; height:20px; padding:15px 0 0 0}
#searchon .pencarian{width:640px; margin:0; padding:0 0 0 10px; float:left; position:relative; top:-10px}
#searchon .dateon{float:left; height:20px; margin:0; padding:0; position:relative; top:-5px}
#searchon .rss{width:150px; margin:0; padding:0; float:right; height:1px; position:relative; top:-5px}
#searchon .rss .text{width:85px; margin:0; padding:0; float:left; top:0px; font-size:11px; color:#000; font-weight:bold; position:relative}
#searchon .rss .icon{width:auto; margin:0; padding:0 10px 0 0; float:right; position:absolute; top:-30px; right:0px}
#searchon .rss .iconfb{ width:auto; margin:0; padding:0 10px 0 0; float:right; position:absolute; top:-30px; right:110px}
#searchon .rss .icontw{ width:auto; margin:0; padding:0 10px 0 0; float:right; position:absolute; top:-30px; right:55px}
#block_atas{ padding:10px 15px 0 15px; clear:both; width:960px}
#block_atas .block_atas_kiri{ float:left; width:310px; padding:0; top:0px}
#block_atas #fever{ padding:0px; margin:0 0 15px 0; border:0; width:309px; position:relative}
#block_atas #fever .sum{ margin:10px; padding:5px; font-size:11px; color:#333; width:276px; height:90px; background-color:transparent; position:absolute; top:353px; -moz-border-radius:3px; overflow:hidden; background-image:url(../image/white_png.png); background-repeat:repeat; border:1px solid #ccc; left:0}
#block_atas #fever h1{ line-height:100%; font-weight:normal; letter-spacing:-1px; font-size:25px}
#block_atas #fever h2{font-size:13px; line-height:normal; font-weight:bold; letter-spacing:normal}
#block_atas #fever img{margin:0; padding:0}
#block_atas #fever a{ color:#9E0A34}
#block_atas #fever a:hover{ color:#000}
#block_atas .gallery{background:#fff}
#block_atas .scroll{ background-color:#fff; margin:9px 0; padding:10px 24px 0 24px; background-image:url(../image/II_bg_gal.png); background-repeat:repeat-x; background-position:left top}
#block_atas .gal_list{ background-image:url(../image/bg_gal.jpg); background-repeat:repeat-x; width:140px; padding:5px; border:1px solid #e4e4e4}
#block_atas .gal_list h1{margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ccc}
#block_atas .gal_list ul{ width:auto; height:174px; overflow:auto}
#block_atas .gal_list ul li{padding:0 0 5px 0}
#block_atas .gal_list a:hover{text-decoration:underline}
#block_atas .gal_list .inputform{ font-size:12px; background:none; border:0}
.stepcarousel{ overflow:hidden; position:relative; width:259px; margin:0; height:150px}
.stepcarousel .belt{ position:absolute; left:0px; top:0px}
.stepcarousel .panel{ float:left; overflow:hidden; margin:1px; width:auto; font-size:10px; height:145px; padding:0px; color:#fff}
#block_atas_tengah{ float:left; margin:0 0 0 15px; width:318px}
#block_atas .hl_block{margin:0; padding:0; height:390px; overflow:hidden}
.hl_blockwp{ padding:0; height:460px; overflow:hidden; background-color:#ffedf2; color:#4b2929; width:318px; float:left; background-image:url(../image/II_bg_headline.jpg); background-repeat:repeat-x; background-position:left top}
.hl_blockwp .headline{margin:0; padding:0; clear:both}
.hl_blockwp .headline a:link, .hl_blockwp .headline a:visited{ color:#96002d}
.hl_blockwp .headline a:hover{ color:#000}
.hl_blockwp .headline h1{ margin:0 0 5px 0 !important; padding:0 !important; line-height:115%}
.hl_blockwp .headline h2{ color:#0d555e; margin:3px 0 1px 0; padding:0; font-size:11px; line-height:120%}
.hl_blockwp .headline h3{margin:0 !important; padding:0 !important; font-size:13px !important; line-height:120% !important; border:0 !important; letter-spacing:normal !important}
.hl_blockwp .headline h4{ color:#FF6; margin:0; padding:0; font-size:12px; line-height:120%}
.hl_blockwp .headline .thumb{ margin:3px 8px 5px 0 !important; float:left; border:0}
.hl_blockwp .headline p{font-size:11px !important; font-weight:normal !important; margin:0 !important; line-height:140%}
.hl_blockwp .headline ul{ padding:0 !important; margin:0 !important; clear:both}
.hl_blockwp .headline ul li{ padding:10px !important; margin:0 !important; list-style:none; background-color:#ffdfe9}
.hl_blockwp .headline .none{background-color:transparent}
.hl_blockwp .headline .none2{ background-color:#fff2f6}
.morewp{ background-color:#fff2f6; color:#4b2929; margin:0 0 20px 0; padding:0 10px 10px 0; border-top:0; width:308px; font-weight:bold}
.morewp a, .morewp a:visited{color:#96002d}
.morewp a:hover{color:#000}
#block_atas .hl_fashion{margin:0; padding:0; clear:both; height:580px; overflow:hidden}
#block_atas .hl_beauty{margin:0; padding:0; clear:both; height:280px; overflow:hidden}
#block_atas .hl{margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dashed #ccc}
#block_atas .jdl{margin:0 0 5px 0; padding:0 0 5px 0}
#block_atas .hl_beauty .hl{margin:0 0 10px 0; padding:0 0 20px 0; border-bottom:1px dashed #ccc}
#block_atas .hl a, #block_atas .hl a:link, #block_atas .hl a:visited, #block_atas .hl a:hover, #block_atas .hl a:active, #block_atas .hl a:focus{text-decoration:none; color:#992749}
#block_atas .hl a:hover, #block_atas .hl a:focus{text-decoration:none; color:#0d555e}
#block_atas big{font-size:14px; margin:0}
#block_atas .thumb{ float:left; margin:10px 10px 0 0}
#block_atas .sum{float:left; margin:10px 0 0 0; padding:0; width:200px; display:block; height:60px; overflow:hidden; line-height:120%}
#block_atas .date{font-size:10px; color:#666}
#block_atas .clear{margin:0; display:block; width:100%}
#block_atas h3{font-size:140%; letter-spacing:0.3em; font-weight:bold; border-top:5px solid #a7cdd1; border-bottom:1px solid #ccc; padding:5px 0; margin:0; color:#000}
.hotproduct{ margin:0; background-color:white; height:178px; padding:10px; background-image:url(../image/bg_gal.jpg); background-repeat:repeat-x; background-position:left top; border:1px solid #e4e4e4; overflow:hidden}
.hotproduct .thumb11{ float:left; margin:0 20px 5px 0; margin-top:0px}
.hotproduct h2{ font-weight:normal; font-size:18px}
.hotproduct p{ margin:0; clear:both; float:none; width:100%; padding:10px 0 0 0}
.hotproduct a, #block_atas .hotupdate a:visited{color:#0D555E}
.hotproduct a:hover{color:#992749}
.qatemp {padding:10px 10px 3px 10px;background:#ffebf1;margin-top:1px;min-height:200px;height:200px;}
.qatemp h2 {font-weight:normal;}
.qatemp p {height:120px; min-height:105px;overflow:hidden; margin:0; padding:0;}
.qatemp .thumb {margin:3px 10px 5px 0;}
.qatemp .tittle {font-family:"Lucida Grande",tahoma,sans-serif,arial; font-size:20px; color:#000; padding:3px 0;border-bottom:3px solid #ccc;margin:0 0 10px 0;}
.qatemp .tittle span {color:#c03;}
.featuredarticletemp {padding:5px 10px 3px 10px;margin-top:20px; border: 1px solid #e4e4e4;min-height:181px;height:181px; overflow:hidden;}
.featuredarticletemp h3 { border:0 !important; letter-spacing:normal !important; font-size:13px !important;margin:1px 0; padding:0;line-height:120%;}
.featuredarticletemp ul { padding:0 !important; margin:0 0 0 16px !important; clear:both;}
.featuredarticletemp ul li {padding:4px 0 !important;margin:0 !important;list-style-image: none;list-style-type: circle;color:#96002d;}
.featuredarticletemp .tittle {font-family:"Lucida Grande",tahoma,sans-serif,arial; font-size:20px; color:#000; padding:3px 0;border-bottom:3px solid #ccc;margin:0 0 10px 0;}
.featuredarticletemp .tittle span {color:#c03;}
#farah{ margin:0 0 20px 0; padding:0; height:185px}
#farah h2, #farah h2 a{font-weight:normal; font-size:16px; color:white}
#farah .title{margin:0; padding:0; text-align:right}
#farah .sum{ margin:10px 0 0 0; padding:0; float:right; width:80%; color:white; font-size:12px; height:auto}
#farah blockquote{margin:5px 0 5px 45px; padding:0 0 0 10px; background-image:url(../image/quoleft.png); background-repeat:no-repeat; background-position:left top}
#farah blockquote div{padding:10px; background-image:url(../image/quoright.png); background-repeat:no-repeat; background-position:right bottom; margin:0 10px 0 0}
.farah{background:url(../image/farah_fashion.jpg) no-repeat left bottom}
.farah_beautriks{background-image:url(../image/farah_beauty.jpg); background-repeat:no-repeat; background-position:left bottom}
.farah_hotguide{background-image:url(../image/farah_hotguide.jpg); background-repeat:no-repeat; background-position:left bottom}
.block_atas_kanan{ float:right; width:300px; padding-left:15px}
.sale{ clear:both; height:195px; overflow:hidden; background-image:url(../image/II_bg_sale.jpg); background-repeat:no-repeat; background-position:left bottom; margin:15px 0 20px 0; border:1px solid #ccc; padding:10px}
.sale .title{height:auto; text-align:right}
.sale strong{font-size:125%}
.sale button{margin:10px; clear:both; display:block; position:relative; float:right}
.sale ul{ margin:0 0 5px 0; padding:0; height:140px; overflow:hidden}
.sale ul li{ margin:0 0 2px 0; padding:5px 25px 5px 5px; text-align:right; background-image:url(../image/list_but.gif); background-repeat:no-repeat; background-position:right center}
.sale ul li a{ color:#0D555E}
.sale ul li a:hover{color:#671F37}
.mix_match{ margin:0 0 10px 0; padding:0; height:auto}
.mix_match .title{ height:auto; padding:0 0 5px 0; margin:0}
.mix_match .start{height:auto; padding:3px; margin:0; text-align:center}
.mix_match .shop{ background:black; padding:15px 10px}
.mix_match .mid{padding:0 10px}
/*========#block_tengah=========*/
#block_tengah{ margin:0; padding:20px 0; clear:both; background-image:url(../image/II_bg_fashrec.gif); background-repeat:repeat-x; background-position:left top}
#block_tengah h1 a, #block_tengah h1 a:visited{color:#0D555E}
#block_tengah h1 a:hover{ text-decoration:none; color:#992749}
#block_tengah .fashion_recomended{ float:left; padding:15px; width:300px; padding-top:0px}
#block_tengah .fashion_recomended h1{font-size:22px}
#block_tengah .fashion_recomended .thumb{ margin-right:10px}
#block_tengah .fashion_recomended .sum{ width:133px; margin:0}
.ket_rate{margin:5px 0}
#block_tengah .fashionsnap{ padding:14px; width:300px; border-left:1px solid #d38ca8; border-right:1px solid #d38ca8; padding-top:0px}
#block_tengah .fashionsnap .thumb{ margin:0; color:black; border:0; padding:1px; position:relative}
#block_tengah .fashionsnap .caption{ margin:0; padding:5px 10px; position:absolute; top:186px; left:1px; background:#fff; width:124px; opacity:0.8}
#block_tengah .fashionsnap .rate{ margin:0; padding:0}
#block_tengah .wedding_foto{ width:300px; padding:15px; padding-top:0px}
#block_tengah .wedding_foto .sum{ width:140px; padding:0}
#block_tengah .wedding_foto h1{font-size:20px}
#block_artikel{ margin:0; padding:0 20px 20px 20px; clear:both}
#block_artikel h1{ min-height:85px; height:85px; height:auto; !important ; overflow:hidden}
#block_artikel h1 a, #block_artikel h1 a:visited{ color:#0D555E}
#block_artikel h1 a:hover{ text-decoration:none; color:#992749}
#block_artikel .block{ width:300px; padding:0; float:left}
#block_artikel .block .sum{ line-height:18px; height:130px; overflow:hidden}
#block_artikel .block_mid{ width:300px; padding:0; margin:0 24px}
#block_artikel .block .tittle{ padding:0 0 10px 0; border-bottom:3px solid #992749; margin:0 0 5px 0}
#block_artikel .block ul{ padding:0 0 5px 0; margin:0}
#block_artikel .block ul li{ padding:5px; margin:0 0 5px 0; border-bottom:1px solid #eee; height:50px; overflow:hidden}
#block_artikel .block .qa{ padding:10px; -moz-border-radius:3px; background:#fdeff3; margin-top:15px; min-height:185px; height:210px}
#block_artikel .block .qa h2{ font-weight:normal}
#block_artikel .block .qa p{ height:120px; min-height:120px; overflow:hidden; margin:0; padding:0}
#block_antara{ padding:0 15px 15px 15px; color:#474747; background-color:#FFF}
#block_antara .block{ width:300px; padding:0; float:left}
#block_antara .block{ width:300px; padding:0; float:left}
#block_antara .block ul{ padding:0 0 5px 0; margin:0}
#block_antara .block ul li{ padding:5px; margin:0 0 5px 0; border-bottom:1px solid #eee}
#block_antara .block_mid{ width:300px; padding:0 10px; margin:0 19px; border-left:0px solid #eee; border-right:0px solid #eee}
#block_antara .milis{ background-image:url(../image/II_newsletter.png); background-repeat:no-repeat; background-position:left top; height:35px; padding:30px 10px 0 10px; margin:0 0 15px 0}
#block_antara .submit_milis{padding:0; margin:0}
#block_antara .milis input{ width:190px; padding:5px 5px 0 10px; background:none; border:0; color:black}
#block_antara .milis .go{ width:50px; color:white; font-weight:bold}
#block_antara .milis_adv{ background-image:url(../image/II_milis.png); background-repeat:no-repeat; background-position:left top; height:45px; padding:73px 10px 0 10px; margin:0 0 15px 0}
#block_antara .submit_milis_adv{padding:0; margin:0}
#block_antara .milis_adv input{ width:190px; padding:5px 5px 0 10px; background:none; border:0; color:black}
#block_antara .milis_adv .go{ width:50px; color:white; font-weight:bold}
#block_antara h1{color:#992749}
#block_bawah{ padding:10px; color:#474747; background-color:#F0F0F0; margin:0 5px}
#block_bawah h2{font-weight:normal; padding:0; margin:0; line-height:16px}
#block_bawah h2 a{ color:white}
#block_bawah h2 a:hover{text-decoration:underline}
#block_bawah h3{color:#f00; padding:0}
#block_bawah h3 a{ color:#FF6}
#block_bawah .artikel_rec{float:left; width:290px; padding:10px; border:#eee 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:white}
#block_bawah .hot{ background-color:#ff0054}
#block_bawah .health{background:#006500}
#block_bawah .food{background:#ff3c00}
#block_bawah .artikel_rec ul{ padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; opacity:0.7; height:70px; overflow:hidden; background-color:#FFF}
#block_bawah .artikel_rec ul li{padding:5px 0; list-style-type:square; list-style-position:outside; margin-left:13px; border-bottom:1px dashed #111; color:#111}
#block_bawah .artikel_rec ul li a{color:#111}
#block_bawah .artikel_rec ul li a:hover{text-decoration:underline}
#block_bawah .sum{float:left; width:100%; padding:0; display:block}
#block_bawah .thumb{float:left; width:auto; margin-right:10px; border:1px solid #fff}
#block_bawah .bannerc{ padding:5px; background:white; margin-top:15px}
.more{ font-family:Georgia; font-size:10px; font-weight:bold; color:#71152e}
a.more, a:visited.more{ color:#71152e; padding:3px}
a:hover.more{ color:white; background:#71152e; padding:3px; -moz-border-radius:3px}
#connect{ margin:5px 0 0 0}
#connect div.tip{ position:relative; z-index:24; font-weight:bold; font-size:11px; cursor:default}
#connect div.tip:hover{z-index:25}
#connect div.tip span{display:none}
#connect div.tip:hover span{ display:block; position:absolute; top:-36px; width:155px; text-align:center; height:auto; -moz-border-radius:3px; border:1px solid #ccc; padding:10px; right:-60px; background-color:#0d555e; opacity:0.9}
#connect a{ color:#fff; text-decoration:none; padding-right:10px; float:left}
#connect a:hover{ color:#ff0; text-decoration:none; padding-right:10px}
#footer{ width:990px; padding:10px 0; margin:0 auto}
#footer a{color:#000}
#footer a:hover{color:#f00; text-decoration:underline}
#footer .menu01{padding:10px 0}
#footer .menu04{font-size:10px}
/* details*/
#details{padding:20px}
#details h1{margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #e4e4e4}
#details .paging{margin:15px 0}
#details .paging a, #details .paging a:visited{ padding:7px 10px; border:1px solid #e4e4e4; background:#f4f4f4; margin:2px; font-weight:bold; color:black}
#details .paging a:hover{ padding:10px; border:1px solid #992749; background:#992749 !important; font-weight:bold; color:white}
#details a.on{ padding:10px; border:1px solid #992749; background:#992749 !important; font-weight:bold; color:white}
#block660{ width:630px}
#block660 .lfash{ margin:0; padding:0}
#block660 .lfash .fleft{ width:120px}
#block660 .lfash h2{ font-weight:bold; font-size:11px}
#block660 .lfash .thumb{ margin-right:5px; float:left}
#block660 .lfash ul{ margin:0; padding:0}
#block660 .lfash ul li{ margin:0 10px 10px 10px; padding:0; display:block; float:left; width:86px; margin:10px}
#block660 .lfash .limid{ margin-right:0px}
#connect1{ margin:5px 0 0 0}
#connect1 a.tip{ position:relative; z-index:24; font-weight:bold; font-size:11px; cursor:default}
#connect1 a.tip:hover{z-index:25}
#connect1 a.tip span{display:none}
#connect1 a.tip:hover span{ display:block; position:absolute; width:auto; text-align:center; height:auto; -moz-border-radius:3px; border:1px solid #ccc; padding:5px; background-color:#000; opacity:0.95; font-size:12px; font-weight:normal; bottom:20px; right:5px; color:white; letter-spacing:0px}
#block300{ width:300px}
#details .gallery{background:#fff}
.twitterlist{ padding:0 5px 5px 5px; margin:0; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f4ffff}
.twitterlist img{vertical-align:middle}
.twitterlist ul li{ padding-bottom:3px; margin:0 0 5px; border:0}
.gotobtn{margin:0; float:right}
.gotobtn a:visited, .lunchbondan .gotobtn a:link{padding:2px 5px 2px 24px; text-transform:none; border-color:#75c6c9; color:#357eb3; text-shadow:#adebed 0 1px}
.lunchbondan .gotobtn a:hover{background-color:#0e878b; border-color:#0d989c; color:#ff0; text-shadow:#219a9e 0 1px}
.foto{ margin-bottom:9px; padding:0px; position:relative; background-image:url(../image/bg_gal111.png); background-repeat:repeat-x; background-position:left bottom; position:relative}
.foto .tittle{margin:0 0 20px 0}
.foto ul{ list-style:none none outside}
.foto .columncontent{padding:0}
.foto .roundabout-holder{ margin-top:-190px; padding:0; height:600px; overflow:hidden}
.foto .roundabout-moveable-item{ height:380px; width:280px; overflow:hidden; cursor:pointer}
.foto .roundabout-in-focus{cursor:auto}
.foto .consult{ padding:0px; margin:0 30px; position:relative; width:280px}
.foto .consult img{margin-bottom:10px}
.foto .roundaboutnext{ float:right; top:320px; right:10px; position:absolute; z-index:999}
.foto .roundaboutprevious{ float:left; top:320px; left:10px; position:absolute; z-index:999}
.foto .consult a:hover{color:#e00}
.foto .consult .sum{ width:240px; height:65px; padding:5px; position:absolute; top:320px; left:0px; opacity:0.9; background-image:url(../image/white_png.png); background-repeat:repeat}
.foto .consult h2{ padding:0px; margin:0; font-weight:bold; font-size:11px}
#details .gal_list{ background-image:url(../image/bg_gal.jpg); background-repeat:repeat-x; padding:5px; border:1px solid #e4e4e4; margin:20px 0}
#details .gal_list .inputform{ font-size:12px; background:none; border:0; width:280px; height:170px}
#details .gal_list h1{padding:0 0 5px 0; border-bottom:1px solid #aaa; margin-bottom:10px}
#details .gal_list ul{ width:auto; height:174px; overflow:auto; margin:10px}
#details .gal_list ul li{padding:0 0 5px 0}
#details .gal_list .inputform{ font-size:12px; background:none; border:0}
#details .gal_list a:hover{text-decoration:underline}
#fotodetails{}
.block470{ width:460px; float:left}
.block440{width:440px; float:left}
.sliderwrapper{ position:relative; border-bottom-width:6px; height:600px; width:460px; margin:0; overflow:visible; padding-top:0px}
.sliderwrapper .contentdiv{ visibility:hidden; position:absolute; padding:0px; width:100%; height:100%; color:#000; margin:0; text-align:center; left:0px}
.sliderwrapper .contentdiv .img_wrp{ background:#f4f4f4; margin:0 auto; padding:20px 0}
.sliderwrapper .contentdiv img{margin:0 auto; padding:0}
.sliderwrapper .contentdiv .sum{ margin:0; padding:4px; text-align:center; font-size:11px; color:#000; clear:both}
.pagination{ padding:5px 0 10px 0; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; width:auto; margin:auto; height:auto}
.pagination a{ padding:3px; text-decoration:none; color:#000; -moz-border-radius:3px; width:30px; margin:0 5px; border:1px solid #ccc; height:45px; display:inline-block}
.pagination a:link, .pagination a:hover{color:#000}
.pagination a:hover{ color:#FF6}
.pagination a.selected{color:#fff; border:1px solid #000}
.pagination a.prev, .pagination a.next{ margin-top:0; height:auto; width:auto; padding:5px; background:#992749; color:white; border:0}
.pagination a.prev{float:left}
.pagination a.next{}
@media print{}
.giverating{ padding:5px; background:#fff; margin:0; height:auto; border:1px solid #ccc}
.giverating h3{font-size:12px; text-transform:none; font-weight:bold; margin:0 0 5px; padding:5px 0 0 0}
.giverating p{margin:0}
.giverating .coderating{margin:5px 0 0}
.star-rate{ margin:0 0 5px; padding:0}
.star-rate .radio{ margin:0px 5px}
.star-rate .biasa{margin:3px 5px}
.star-rate img{vertical-align:middle; margin-bottom:5px; background:#fff}
#comment-status{clear:both; border:1px solid #ccc; border-top:3px solid #ccc; padding:5px 0; margin:20px 0; background:#f4f4f4}
#comment-status .comment{background:url(../image/icon_comment.gif) 0 0 no-repeat}
#comment-status .disclaimer{background:url(../image/icon_disclaimer.gif) 0 0 no-repeat}
#comment-status ul, #comment-status li{list-style:none none outside; margin:0; padding:0}
#comment-status li{display:inline}
#comment-status a{padding:3px 15px 2px 20px; height:18px; line-height:18px; font-weight:bold}
#cloud{ padding:5px; line-height:3em; text-align:center; background-image:url(../image/II_bg_gal.png); background-repeat:repeat-x; background-position:left top; margin:0 0 20px 0; border:1px solid #e1e1e1; font-family:Georgia,"Times New Roman",Times,serif; float:left; width:290px; height:170px; overflow:hidden}
#cloud a{ padding:0px; color:#A90052; margin:0}
#cloud ul li{ display:inline; border-bottom:0; margin:0}
#cloud a.tag1{ font-size:14px; font-weight:normal}
#cloud a.tag2{ font-size:16px; font-weight:100}
#cloud a.tag3{ font-size:18px; font-weight:normal}
#cloud a.tag4{ font-size:20px; font-weight:200}
#cloud a.tag5{ font-size:22px; font-weight:300}
#cloud a.tag6{ font-size:20px; font-weight:400}
#cloud a.tag7{ font-size:18px; font-weight:500}
#cloud a.tag8{ font-size:16px; font-weight:600}
#cloud a.tag9{ font-size:14px; font-weight:700}
#cloud a.tag10{ font-size:12px; font-weight:900}
#cloud a:hover{ font-size:28px; font-weight:normal; text-decoration:underline; color:#000}
/*compress share*/
#detikshare{width:460px}
.sharemenu{margin-top:-2px; background:#fff; bottom:1px; position:relative}
.sharemenu h3{margin:0; float:left; clear:none; width:50px; margin:2px 5px 0; padding:4px 0 4px 24px; height:19px; background-image:url(../image/bg_detiksharesprites.gif); background-repeat:no-repeat; background-position:-19px 0}
.sharemenu ul, .sharemenu ul li{margin:0; padding:0; clear:none; float:left; list-style:none none outside}
.sharemenu ul{display:block}
.sharemenu ul li{display:block; clear:none; width:19px; height:19px; padding:3px; background:#fff; border:1px solid #ccc}
.sharemenu ul li.selected{background:#eee; padding-bottom:6px}
.sharemenu a:link, .sharemenu a:hover{text-decoration:none}
.sharemenu .class-0{}
.sharemenu a.sharefacebook, a.sharetwitter, a.sharelintas, a.shareblogdetik, a.sharewordpress, a.shareblogger, a.sharegmail, a.shareymail, a.shareemail, a.sharegtalk, a.shareym, a.sharelivem{height:19px; width:19px; display:block}
.sharecontent a.sharefacebook, .sharemenu a.sharefacebook{background-image:url(../image/bg_detiksharesprites.gif); background-repeat:no-repeat; background-position:0 0}
.sharecontent a.sharetwitter, .sharemenu a.sharetwitter{background:url(../image/bg_detiksharesprites.gif) 0 -19px no-repeat}
.sharecontent a.sharelintas, .sharemenu a.sharelintas{background:url(../image/bg_detiksharesprites.gif) 0 -38px no-repeat}
.sharecontent a.shareblogdetik, .sharemenu a.shareblogdetik{background:url(../image/bg_detiksharesprites.gif) 0 -57px no-repeat}
.sharecontent a.sharewordpress, .sharemenu a.sharewordpress{background:url(../image/bg_detiksharesprites.gif) 0 -76px no-repeat}
.sharecontent a.shareblogger, .sharemenu a.shareblogger{background:url(../image/bg_detiksharesprites.gif) 0 -95px no-repeat}
.sharecontent a.sharegmail, .sharemenu a.sharegmail{background:url(../image/bg_detiksharesprites.gif) 0 -114px no-repeat}
.sharecontent a.shareymail, .sharemenu a.shareymail{background:url(../image/bg_detiksharesprites.gif) 0 -133px no-repeat}
.sharecontent a.shareemail, .sharemenu a.shareemail{background:url(../image/bg_detiksharesprites.gif) 0 -152px no-repeat}
.sharecontent a.sharegtalk, .sharemenu a.sharegtalk{background:url(../image/bg_detiksharesprites.gif) 0 -171px no-repeat}
.sharecontent a.shareym, .sharemenu a.shareym{background:url(../image/bg_detiksharesprites.gif) 0 -190px no-repeat}
.sharecontent a.sharelivem, .sharemenu a.sharelivem{background:url(../image/bg_detiksharesprites.gif) 0 -209px no-repeat}
.sharecontents *{margin:0; padding:0; font-size:12px; line-height:normal; font-family:Arial,Helvetica,sans-serif}
.sharecontents{background:#eee 0 0 repeat-x; border:1px solid #ccc; padding:10px; display:block; width:auto; top:-1px; position:relative; color:#009; font:bold 12px Arial,Helvetica,sans-serif}
.sharecontents label, .sharecontents input, .sharecontents p, .sharecontents small{position:relative}
.sharecontents small{font:normal 11px Arial,Helvetica,sans-serif; color:#666}
.sharecontents .sharecontent{border:1px solid #ccc; padding:10px; background:#fff}
.sharecontents .sharecontent:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
* html .sharecontents .sharecontent{height:1%}
:first-child+html .sharecontents ..sharecontent{min-height:1px}
.sharecontents #closeshare{width:40px; padding:2px 0 0 20px; height:20px; float:right; top:5px; right:5px; background:url(../image/bg_detiksharesprites.gif) no-repeat -19px -26px; font-size:12px; position:absolute; z-index:99}
.sharecontents #closeshare:hover{text-decoration:none}
.sharecontents h3{text-transform:none; border:none; border-bottom:1px solid #ccc; text-align:left; padding:0 0 5px 0; margin:0 0 10px; position:relative; font:bold 12px Georgia,"Times New Roman",Times,serif}
.sharecontents h4{text-transform:none; border:none; border-top:1px solid #ccc; text-align:right; margin:10px 0 0; position:relative; font:bold 12px Arial,Helvetica,sans-serif}
.sharecontents h4 a{font-size:11px}
.sharecontents br{clear:both}
.sharecontents img{margin:0 5px 0 0}
.sharecontents a:link, .sharecontents a:visited{color:#009; float:left}
.sharecontents a:hover{text-decoration:none; color:#f00}
.sharecontents .error, .sharecontents .notice, .sharecontents .success{padding:10px; margin:5px 0}
.sharecontents .floatleft{float:left; width:100px; margin:0 0 10px}
.sharecontents .shareleft{float:left; width:auto; margin:0 0 10px}
.sharecontents .shareinput{float:left; width:200px; height:20px; border:1px solid #ccc; margin:0 5px 10px 0; padding:3px}
.sharecontents .shareselect{float:left; width:200px; height:28px; border:1px solid #ccc; margin:0 5px 10px 0; padding:3px}
.sharecontents .sharemsg{float:left; width:350px; height:150px; border:1px solid #ccc; margin:0 0 10px; padding:3px}
.sharecontents .sharesubmit{float:left; width:auto; height:24px; border:1px solid #ccc; margin:0 0 10px; background:#006; color:#fff; padding:2px 5px}
.sharecontents .importcontacts{float:left; width:350px; height:200px; border:1px solid #ccc; margin:0 0 10px; padding:0; overflow:auto}
.sharecontents .importcontacts ul{margin:0}
.sharecontents .importcontacts ul li{padding:3px 5px; background:#eee; margin:0; list-style:none none outside}
.sharecontents .importcontacts ul li.alt{background:#fff}
#dhtmltooltip{ position:absolute; left:-100px; width:auto; padding:5px; background-color:#992749; visibility:hidden; z-index:100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); font-size:12px; -moz-border-radius:3px; font-family:Georgia,"Times New Roman",Times,serif; color:white}
#dhtmlpointer{ position:absolute; left:0px; z-index:101; visibility:hidden}
img, .input_search, #header .mainmenu ul li a, #header .mainmenu ul li a:hover, #header .mainmenu .current, .shadow, .logo, .icon, .header_wrap, #header .mainmenu, .details, #catalogue .clear, #farah blockquote, #farah blockquote div, #block_atas #fever .sum{behavior:url(js/iepngfix.htc)}
.love_calc{background:url(../image/lovecalc.jpg) no-repeat top left; width:300px; height:213px}
.male, .female{background:none; border:0; margin-top:85px; width:100px; float:left; color:#aa215c}
.male{margin-left:37px}
.female{margin-left:39px}
.submit_calc{text-align:center; margin:40px 0 0 0}
.love_result{background:url(../image/therm.gif) no-repeat top left; width:281px; padding:0; height:91px}
.number{font-size:20px; font-weight:bold; color:white; padding:35px 0 0 10px; margin:0; width:60px}
.loverate{padding:40px 0 0 10px; margin:0}