.seo{font-size:11px; font-weight:normal; padding:0 40px; margin:0; color:#ABE35C; line-height:21px;}
.seo a{color:#ABE35C; }
.seo a:hover{color:#fc0; }

.logo{padding: 9px 0 0 13px; width:300px; float:left;}
.twitter {width:300px;float:right; text-align:right; padding-top:9px;}

.cs{width:236px; height:69px; background: url(../images/cs.jpg) no-repeat; position:absolute;}
.cs-c{padding: 35px 10px 20px 70px; display:none; position:absolute; left:0; top:0;}
.cs table{width:150px;}

.horizontal-menu{background:url(../images/bg_2.jpg) repeat-x; height:37px; padding:0 10px;}
#cat-nav, #cat-nav ul {z-index:20; list-style:none; margin:0; padding:0;}
#cat-nav li {float:left;}
#cat-nav li a{display:block; color:#745831; font-weight:bold; line-height:35px; padding:0 7px 1px 7px; margin:1px 4px 0 0;}
#cat-nav li a:hover, #cat-nav li a.active{background:#E9D937; color: #333;}
#cat-nav ul{position:absolute; width:200px; z-index:99; left:-999px;}
#cat-nav li:hover ul, #cat-nav li.hover ul {left: auto; border-left: 1px solid #fff;border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin-left:-1px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
#cat-nav li:hover, #cat-nav li.hover{position:static;}
#cat-nav li:hover a, #cat-nav li.hover a{background:#E9D937; color:#111;}
#cat-nav li li{width:100%; border-right:none;}
#cat-nav li li a{background:#E9D937 !important; display:block; line-height:25px; width:200px; w\idth:190px; margin:0; border-bottom:1px solid #EFC42A; padding:0px 5px;}
#cat-nav li li a:hover{background:#EDB02E!important; text-decoration:none; color:#000; border-left:none; border-top:none}
#cat-nav li.special a{color:#af0000;}

.header-o{background:url(../images/order_bg.jpg) repeat-x; height: 179px; width:310px;}
.header-o-l{ background:url(../images/order_left.jpg); height:179px; width:9px; float: left; font-size:1px;}
.header-o-r{ background:url(../images/order_right.jpg); height:179px; width:9px; float: right; font-size:1px;}
.header-o-c{width: 292px; float:left;}
.header-o-c form{padding: 12px;}
.header-o-c .o-input{position: absolute;}
.header-o-c .o-button{padding: 37px 0 0 0;}
.header-o-c .o-notify{display:none; border:1px solid #ccc; background: url(../images/bg_2.jpg) repeat-x bottom; padding:5px 10px;}
.header-o-c .o-notify p{padding: 4px 0 6px 0 !important;}
.domain-notify{border-bottom: 1px solid #ccc;}
.domain-true{text-align:right;}
.domain-true .btn{background:#7EBD27 !important;;}
.header-o-c h3{font-size:18px; font-weight: normal; margin:0; padding:0; color: #2E590C;}
.header-o-c .txt{background: #FED331; color: #333; border: none; width:180px; padding:8px 4px; font-weight:bold; letter-spacing:2px;text-transform:uppercase; }
.header-o-c .dom-name{background: url(../images/more_domain.jpg) no-repeat #7DBC25; background-position: 55px 10px; letter-spacing:0.5px; width:65px !important; color: #fff; cursor:pointer; cursor:hand;}
.header-o-c .btn{background: #f80; color: #fff; border: none; font-size:13px; padding: 4px 10px;}
.header-o-c #go-btn{float:left; width:60px;}
.header-o-c #o-msg{float:left; display:block; margin-left:7px; padding:4px 0; font-size:11px;}
.ajax-loading{background:url(../images/loading.gif) no-repeat 0 5px; padding-left:22px !important;}

.dom-ext{position:absolute; right:0; top: 31px; background: #7DBC25; width:200px; padding:5px; z-index: 1000;}
.dom-ext ul{padding:0; margin:0; list-style:none; clear:both;}
.dom-ext li{width:64px; float:left; border:1px solid #7DBC25}
.dom-ext li a {display: block; width: 100%; background:#8AC837; padding: 4px 0; text-align: center; color: #fff; font-weight:bold; text-transform:uppercase;}
.dom-ext li a:hover {background:#fa0; color: #fff;}
.dom-link{font-size:11px; padding:4px;}
.dom-link a{color: #fe0; display:block;width:55px;}
.dom-link a:hover{color: #fff;}
#more-ext{float:right; text-align:right;}
#close-ext{float:left;}

.hosting-home h3{padding:0 0 10px 0; text-align: left; margin:0; text-transform:uppercase; font-size:14px;}
.hosting-home .hosting-item{width:290px; height:165px; float:left; }
.hosting-item{background:url(../images/bg_4.jpg) repeat-x top; border:2px solid #ccc; margin-bottom:10px;}
.hosting-item h4{padding: 0 10px; line-height:36px; margin:0; text-transform:uppercase; font-size:14px;}
.hosting-item-img{width: 100px; text-align:center; float: left;}
.hosting-item-desc{width:160px; float:left; margin-left:20px; padding:2px 0 5px 0; font-size:12px;}
.hosting-item-price{width:150px; padding:10px 0 10px 10px; font-size:14px; font-weight:bold; color: #76B323; float:left;}
.hosting-item-detail{width:70px; font-size:11px; float:right; padding-top:10px;}
.hosting-item-detail a{display:block; background:#ccc; color: #333; text-align:center; padding:2px 0;}
.hosting-item-detail a:hover{background:#999; color:#fff;}
.hosting-home .even{float:right !important;}

.hosting-sidebar{border: 1px solid #efefef; padding: 2px; background:#fff;}
.hosting-sidebar-c{background:url(../images/bg_4.jpg) repeat-x bottom #F1F1F1; padding:10px;}
.hosting-sidebar h3{padding:0 0 10px 0; text-align: left; margin:0; text-transform:uppercase; font-size:14px;}
.hosting-sidebar-item{border:2px solid #ccc; margin-bottom:10px; padding:12px 12px 12px 50px; background: #fff;}
.hosting-sidebar-item h4{padding: 0; margin:0; font-size:14px; width:180px; float:left; text-transform:uppercase }
.hosting-sidebar-item .hosting-item-price{width: 80px; float: right; text-align:right; padding:0; font-size:11px; color:#555; font-weight:normal}
.hosting-sidebar-item a{color:#555;}
.hosting-sidebar-item a:hover, .hosting-sidebar-item a:hover span{color:#AF0000 !important;}
.hosting-sidebar #packet-hosting-1{background:url(../images/s_paket_1.jpg) no-repeat #fff; background-position: 8px 8px;}
.hosting-sidebar #packet-hosting-2{background:url(../images/s_paket_2.jpg) no-repeat #fff; background-position: 8px 8px;}
.hosting-sidebar #packet-hosting-3{background:url(../images/s_paket_3.jpg) no-repeat #fff; background-position: 8px 8px;}
.hosting-sidebar #packet-hosting-4{background:url(../images/s_paket_4.jpg) no-repeat #fff; background-position: 8px 8px;}
.hosting-sidebar #packet-hosting-5{background:url(../images/s_paket_5.jpg) no-repeat #fff; background-position: 8px 8px;}
.hosting-sidebar #packet-hosting-6{background:url(../images/s_paket_6.jpg) no-repeat #fff; background-position: 8px 8px;}

#packet-hosting-1 h4 span{color:#f90;}
#packet-hosting-2 h4 span{color:#F71579;}
#packet-hosting-3 h4 span{color:#769100;}
#packet-hosting-4 h4 span{color:#047BFE;}
#packet-hosting-5 h4 span{color:#993399;}
#packet-hosting-6 h4 span{color:#DF3E09;}

.domain-home{padding:10px 0 0 0;}
.domain-home h3{padding:0 0 10px 0; margin:0; text-transform:uppercase; font-size:14px;}
.domain-item{background:url(../images/bg_4.jpg) repeat-x top; border:2px solid #ccc; padding:6px 10px 0 10px;}

.news{}
.news-item{}
.news-item h3{font-size:14px; margin:0; padding: 0 0 2px 0;}
.news-item h3 a{color:#333;}
.news-item h3 a:hover{color:#af0000;}
.news-item-info{font-size:11px; color:#999;}
.news-item-content{padding:10px 0; text-align:justify}
.news-item-content img{float:left; margin:0 10px 4px 0;}
#news_frontpage .news-item h3{text-transform:uppercase;}
.news-more h3{font-size:14px; margin:0; padding: 10px 0;}
.news-more table{width:100%;}
.news-more td{border-bottom:1px solid #fff; border-top:1px solid #FDE9D1;  background: #F5F5D9; padding:8px 6px;}
.news-more a{color: #555;}
.news-more a:hover{color: #af0000;}
.news-more-date{color:#777; font-size:11px; white-space:nowrap}
p.archive{text-align:right !important;}
p.archive a{color:#af0000;}
#news-item-info-detail{padding-bottom:10px;}

.promo-home{padding: 0; height:200px;}
.promo-home h3{padding:0 0 10px 0; margin:0; text-transform:uppercase; font-size:14px;}
#promo-item{position:absolute;}
.promo-item {display:none; position:absolute; left:0; top:0;}
.promo-item img{border:1px solid #ccc; padding: 2px; background:#fff;}
.promo-item-info{font-size:11px; color:#999; padding-bottom: 5px;}
.promo .promo-item{display:block; position:static; margin-bottom:10px;}


.testi-notify{background:#E6FFBF; color: #333; padding: 4px 10px; font-size:11px; margin-bottom:5px; display:none}
.testimonial-swing{padding:10px; color: #fff;}
.testimonial-swing h3{padding:0; margin:0; font-size:14px; text-transform:uppercase;}
.testimonial-item{font-size:12px; font-style:oblique; padding: 10px 8px; background: #6EAA1B; height:100px; overflow:auto;}
.testimonial-swing a{color:#fff;}
.testimonial-swing a:hover{color:#ff0;}
.testimonial-swing table{width: 100%;}
.testimonial-swing .txt{background:#fff; border: 1px solid #66B019; width:100px;}
.testimonial-swing textarea{background:#fff; border: 1px solid #66B019; width:180px; height:85px;}
.testimonial-swing .btn{ background: #66B019;border: none; color: #fff;}
#testiForm form{padding: 10px 8px; background: #A3D552; color:#2E590C}

.testimony{}
.testimony-item{padding: 10px 0;}
.testimony-item h4{padding:0; margin: 0; color: #333;}
.testimony-item p{border: 1px solid #efefef; padding: 4px 6px; background: #f5f5f5; }


.login{padding: 10px;}
.login h3{font-size: 14px; font-weight:bold; padding: 0; margin:0; color:#fff; text-transform:uppercase;}
.login table{width: 95%; color:#fff;}
.login td{padding: 6px 4px;}
.captcha{padding-bottom: 4px;}
.captcha img{padding:2px; border: 1px solid #66B019;}
.login .txt{background:#fff; border: 1px solid #66B019; width:150px;}
.login .btn{background: #66B019;border: none; color: #fff;}
.lupa-passowrd{font-size: 11px; color: #fff;}
#login-alert{padding: 5px; display: none;}
.loading{height: 21px; padding: 0 !important; background: url(../images/loading.gif) no-repeat center 5px;}
#login-btn{width:80px; float:left;}
#login-notify{margin-left:90px;}
.warning-msg{border:1px solid #EFDFB3; background: #FFFBCF; padding:4px 10px; font-weight:normal;}

.demo-cpanel{padding:30px 10px 10px 10px; color: #fff;}
.demo-cpanel h3{padding:0; margin:0 0 20px 0; font-size:14px; text-transform:uppercase;}
.demo-content{width: 253px; margin:auto; background:#6EAA1B;}
.demo-top{background:url(../images/cpanel_top.jpg); height:42px;}
.demo-bottom{background:url(../images/cpanel_bottom.jpg); height:4px;}
.demo-item{padding: 6px 4px; color: #fff;}
.demo-item a{color:#ff0;}
.demo-item a:hover{color:#fff;}

.b_menu_1{text-align:center; padding: 6px 0 2px 0;}
.b_menu_1 ul{margin:0; padding:0; list-style:none;}
.b_menu_1 ul li{display:inline; padding: 0 2px; font-weight:bold;}
.b_menu_1 a{color:#95CF44;}
.b_menu_1 a:hover{color:#ff0;}


.copy{text-align:center; font-size:11px; color:#E3E85F; padding-bottom:6px;}
.copy a{color:#E3E85F;}
.copy a:hover{color:#ff0;}

.page h2{ font-size:24px; font-weight: normal; padding:0 0 6px 20px; margin:0 0 10px 0; border-bottom: 1px solid #efefef; background: url(../images/arrow.jpg) no-repeat; background-position:4px 8px;}
.page p{ line-height:150%;}
.page p img.fl{border:1px solid #ccc; padding:2px;}

.klien-btn{background: #aaa; color: #fff; border: 1px solid #999;}
.klien-list-letter{font-size:11px;}
.klien-list td{border:none; padding:10px 2px 0 0 ;}
.klien-list td a{display:block; padding: 8px; border:1px solid #efefef; background:#f5f5f5; font-weight: bold; color: #333; font-size:14px}
.klien-list td a:hover{ background: #ccc; color: #333; border: 1px solid #bbb;}
.klien-list td a span{display:block; font-size:11px; font-weight:normal;}

.page .news-item{border-bottom: 1px dashed #efefef; margin-bottom: 10px;}
.page .news-item h3{font-size:13px;}

.faq{list-style:none; padding:0; margin:0;}
.faq li{padding: 0 0 10px 13px; background:url(../images/icon_small.jpg) no-repeat; background-position: 0 4px;}
.faq a{ font-weight: bold; color: #666; display:block; margin-bottom:5px;}
.faq a:hover{color: #af0000;}
.faq .answer{}
.faq .answer-content{padding: 10px; background: #FFFBCF; border: 1px solid #EFDFB3; }

.order-notify-domain{border:1px solid #EFDFB3; background: #FFFBCF; padding:4px 10px; display:none;}
.ajax-loading2{background:url(../images/loading.gif) no-repeat 10px 5px #FFFBCF !important; padding-left:32px !important;}

.show-price{text-align:center; background:#ffc !important;}
.show-price table, .show-price td{background:#ffc;}
.harga_hosting{margin:auto}
.harga_hosting td{border:none; padding:2px 0;}
#harga-hosting{font-size:54px; line-height:54px;}
#harga-hosting-zero{font-size:11px; padding:36px 0 0 0;}
#harga-hosting-rp{font-size:11px; text-align:right}
#harga-per-bulan{border-top:1px solid #ccc; color:#749200}
#hemat{color: #af0000; font-weight: bold;}

.order-box{padding: 4px; background: #FFFBCF; border: 1px solid #EFDFB3;}
.order-box table{width:100%; border-collapse:collapse;}
.order-box th{background:#CF8926; border:1px solid #CF8926; color: #fff; padding: 10px; text-align:left; text-transform:uppercase;}
.order-box td{padding: 5px 6px; border:1px solid #FFDC9F;}
.order-box .txt, select, textarea{border: 1px solid #ccc;}
.order-box .btn2{background:#FFDC9F; padding: 2px;  border: none; font-size:11px;}
.order-box .btn{background:#EFB159; border:1px solid #DF9F45; padding: 4px; color: #fff;}

/* product */
.product-item{padding: 15px 0px; margin-right: 4px; margin-bottom: 16px;}
.product-image{width: 136px; float: left; text-align: center; padding: 2px 0; margin: 0 10px 5px 5px;}
.product-image img{padding: 2px; border: 1px solid #fff; background: #fff;}
.product-content{padding: 0 10px;}
.product-price {font-size: 18px; color: #333; font-weight: bold; display: block; padding: 5px 0;}
.buttonLink{padding: 4px 10px; background: #669C19; color: #fff; font-weight: bold;}
.buttonLink:hover{padding: 4px 10px; background: #333; color: #fff; text-decoration: none;}