/********************************************************************************************** powered by: Ardhosting Web Developer Team created by: Danu Andoko /********************************************************************************************** 1 Reset 2 Global 3 Structure 4 Header 5 Modules 6 Footer ***********************************************************************************************/ /* 1 Reset -----------------------------------------------------------------------------------------------*/ @import 'https://fonts.googleapis.com/css?family=Open+Sans'; html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;} q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } *{margin:0px; padding:0px; outline: 0;} .clear{ clear:both;margin:0; padding:0;} /* 2 Global -----------------------------------------------------------------------------------------------*/ html {} body {color:#333333; font-family: 'Open Sans', sans-serif; text-align:left;margin:0;width:100%; background:#EAEAEA; font-size:12px} body > #wrap {height: auto; min-height: 100%;} ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } hr {display:none;} strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 12px 'Open Sans', sans-serif;; padding:4px 2px; color:#666666;border:#DEDEDE solid 1px;} p{line-height:20px;margin-bottom:10px;} a { color:#29A9E1; text-decoration: none; outline: none } a:hover {cursor: pointer; color:#666666; } .left { float: left; display: inline; } .right { float: right; display: inline;} h1{font-size:18px; margin:0px;} h2{font-size:18px; margin:0px;} h3{font-size:16px; margin:0px;} h4{font-size:14px; margin:0px;} h5{font-size:12px; margin:0px;} hr{border:none; border-top: 1px solid #333333; margin:0px;} .wrapper{width:980px; margin:0px auto;} .wrap{width:960px; margin:0px auto;} /* 3 Structure -----------------------------------------------------------------------------------------------*/ #header{background:url(../images/header-top.jpg) repeat-x;margin:0px; padding:0px;} #header .wrapper{background:url(../images/bg-content-fix.jpg) repeat-y center top;} #content{width:100%;} #content .wrapper{background:url(../images/bg-content-fix.jpg) repeat-y center top;padding-bottom:20px;} .wrapper_content{width:940px;margin:0px auto !important;padding-top:20px;} /* 4 header -----------------------------------------------------------------------------------------------*/ #header-top{padding-top:10px;} #header-top .left span{background:url(../images/bg-star.gif) no-repeat top left;padding:5px 0px 0px 30px;color:#f0f0f0;} #header-top #submenu_top{float:right;width:500px;} #header-top #submenu_top ul{margin:0px; padding:0px;} #header-top #submenu_top ul li{float:left;margin:0px 0px 0px 5px;color:#f0f0f0;} #header-top #submenu_top ul li a{font-size:11px;color:#f0f0f0;} #header-top #submenu_top ul li a:hover{color:#EEB52B;} #header-top #submenu_top ul li span{font-size:14px; font-weight:bold;} #header-top #submenu_top ul li a.login-top{float:right; background:url(../images/bt-login.gif) no-repeat top left; width:108px; height:28px; display:block;padding-left:10px;position:relative; text-indent:-99999px;margin:-5px 0px 0px 10px;} #header-top #submenu_top ul li a:hover.login-top{ background-position: 0px -27px;} #header-middle{margin-bottom:30px;} #header-middle .logo{float:left;padding:40px 0px 0px 0px;} #header-middle .phone_support{float:right;width:276px;color:#555555;font-weight:bold;margin-top:40px;font-size:14px;} #header-middle .phone_support li{ background:url(../images/icon-contact.gif) no-repeat; padding-left:25px;margin-bottom:2px;} #header-middle .phone_support li.sim-phone{background-position:0px 5px;font-size:20px;} #header-middle .phone_support li.sim-fax{background-position:0px -29px;padding-top:2px;} #header-middle .phone_support li.sim-email{background-position:0px -57px;padding-top:2px;} #header-middle .phone_support li.sim-email a{color:#555555;} #header-middle .phone_support li.sim-email a:hover{color:#F7AD10;} /* headmenu */ #headmenu{clear:both;width:960px;height:50px;margin:0px auto;background:url(../images/bg_headmenu.jpg) repeat-x;} #headmenu .signup-top a { width: 170px; background: url(../images/bt-signup.gif) no-repeat 23px 7px; /* text-indent: -99999px; */ color: transparent; margin-left: -10px; } /* header images */ .header_img{width:960px;margin:0px auto;padding:0px !important;position:relative;} .header_img .teks_img{position:absolute;top:30px;right:40px;padding:0px;z-index:10;} .header_img .teks_img h3{font-size:36px;font-weight:bold;color:#fff;font-style:italic;line-height:30px;} .header_img .teks_img h4{font-size:24px;font-weight:bold;color:#fff;font-style:italic;padding:0px 0px 0px 100px;line-height:20px;} .header_img .teks_img h5{font-size:14px;font-weight:bold;color:#fff;font-style:italic;padding:0px 0px 0px 150px;line-height:14px;} /* 5 content -----------------------------------------------------------------------------------------------*/ #content .breadcrumb{width:920px; padding:5px 20px;background:#F4971D; border-bottom:#C2740A solid 1px; border-top:#F7B153 solid 1px;margin:0px auto;} #content .breadcrumb p{margin:0px; padding:0px; color:#963F05;} #content .breadcrumb a{color:#963F05;padding:0px 5px;} #content .breadcrumb a:hover{color:#751313;} #content .box-content{width:600px;float:left;padding:20px 0px 0px 30px;position:relative;} /* slider promo home */ .slide_promo{width:600px;margin:0px 0px 50px 0px;padding:0px;} .slide_promo #headline_promo{padding:5px;height:185px;width:590px;border:#CCCCCC solid 1px !important;overflow:hidden !important;} #headline_promo .on_promo{padding:5px;height:180px;width:585px;overflow:hidden !important;} #headline_promo p a{color:#8D0000;} #headline_promo p a:hover{color:#FF6600;} #headline_promo .on_promo .img_promo{float:left;margin-right:10px !important;} #headline_promo .on_promo .teks_promo{padding-top:10px;} #headline_promo .on_promo span{font-family:Georgia, "Times New Roman", Times, serif;font-size:30px;font-weight:bold;line-height:30px;color:#8D0000;} #headline_promo .on_promo .bold_teks01{font-size:14px;font-weight:bold;color:#8D0000;} #headline_promo .on_promo h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:30px;font-weight:bold;color:#333333;line-height:30px; margin-bottom:10px;} #headline_promo .on_promo .teks_promo h3{font-size:16px;font-weight:normal;color:#666666;line-height:18px;} #headline_promo .on_promo .teks_promo p{line-height:20px;margin-top:10px;} .teks_promo01 h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:30px;font-weight:bold;color:#333333;line-height:30px;} .teks_promo01 h3{font-size:16px;font-weight:normal;color:#666666;line-height:18px;} .teks_promo01 p{color:#666666;line-height:20px;margin-top:10px;} .slide_promo #headline_page {display: inline; float: left; margin:0px 5px 0px 0px; padding:0px;position:absolute;height: 20px;} .slide_promo #headline_page a {font-weight: normal; font-size: 14px;background:url(../images/btnFeatureHover.gif);background-position:0px 0px; float: left; width: 22px; color:#999999; padding-top: 3px;margin-right:5px; height: 19px !important; text-align: center;overflow:hidden;} .slide_promo #headline_page a.activeSlide {background-position:0px -22px; color: #FFFFFF;} .slide_promo #headline_page a:hover {background-position: 0px -22px; color: #FFFFFF;} #content .box-table1{margin-bottom:30px;} #content .box-table1 .table-promo{width:100%;} #content .box-table1 .table-promo li{padding-left:20px;margin-bottom:5px;} #content .box-table1 .column{width:30%; text-align:center; vertical-align:middle;padding:5px;} #content .box-table1 .column2{text-align:left; vertical-align:top;padding:20px 0px 5px 10px;} #content .box-table1 .column3{text-align:right;padding:0px 20px 20px 0px;} #content .box-table1 th{font-size:16px;color:#FFFFFF;font-weight:bold;} #content .box-table1 .t-green{background:#448844;font-size:16px;color:#FFFFFF;font-weight:bold;} #content .box-table1 .t-orange{background:#EE7D33;} #content .box-table1 .t-blue{background:#4789DA;} #content .box-table1 .c-green{background:#B7DBB7;color:#448844;} #content .box-table1 .c-orange{background:#FCDD96;color:#EE7D33;} #content .box-table1 .c-blue{background:#AAD2E8;color:#4789DA;} #content .box-table1 .c-green li{background:url(../images/check-green.jpg) no-repeat 0px 5px;} #content .box-table1 .c-orange li{background:url(../images/check-orange.jpg) no-repeat 0px 5px;} #content .box-table1 .c-blue li{background:url(../images/check-blue.jpg) no-repeat 0px 5px;} #content .box-table1 .table-promo a{color:#333333;font-weight:bold;} #content .box-table1 .table-promo a:hover{text-decoration:underline;} #content .box-table1 .c-green a{color:#448844;} #content .box-table1 .c-orange a{color:#EE7D33;} #content .box-table1 .c-blue a{color:#4789DA;} #content .mod1{} #content .mod1 .title{background:#cccccc url(../images/bullet-title.jpg) no-repeat 98% 50%;padding:5px 10px;border-bottom:#eaeaea solid 1px;margin-bottom:20px;} #content .mod1 .table-why{width:100%;} #content .mod1 .table-why th{width:30%;font-size:14px;text-align:center;font-weight:bold;padding-bottom:10px;color:#666666;} #content .mod1 .table-why .t-images{text-align:center; vertical-align:middle;padding:10px 0px 20px 0px;} #content .mod1 .table-why .list{padding:0px 10px;color:#666666;} #content .mod1 .table-why .list li{margin-bottom:10px; background:url(../images/bullet-list-why.jpg) no-repeat 0px 5px; padding-left:15px;} #content .mod1 .table-why .t-link{text-align:right;padding-right:20px;} #content .mod1 .table-why .t-link a{color:#0099FF;font-weight:bold;} #content .mod1 .table-why .t-link a:hover{color:#333333;} #content .mod1 .line{height:6px;background:url(../images/line-content.jpg) repeat-x top left;margin:20px 0px;} #content .sub-banner-bottom{background:url(../images/bg-banner-content.jpg) no-repeat top left;height:140px;} #content .sub-banner-bottom .mod-banner{width:400px; float:right;margin-right:30px;padding-top:20px;} #content .sub-banner-bottom .mod-banner h2{font-size:24px; font-weight:bold;color:#0175B5;} #content .sub-banner-bottom .mod-banner h2 a{color:#0175B5;} #content .sub-banner-bottom .mod-banner p{color:#666666;line-height:12px;margin-bottom:5px;} #content .sub-banner-bottom .mod-banner h3{color:#666666;font-size:18px;line-height:20px;} #content .sub-banner-bottom .mod-banner h3 span{color:#666666;font-size:16px;font-weight:bold; text-decoration:blink;} #content .sub-banner-bottom .mod-banner h3 span a{color:#0175B5;font-size:24px;} #content .box-content h1{font-size:30px; background:url(../images/bullet-top.jpg) no-repeat 0px 0px; padding:0px 0px 10px 50px;margin-bottom:10px;} #mod02{} #mod02 .sub-pricing{margin-top:20px;} #mod02 .sub-pricing li{position:relative;width:270px;float:left;background:url(../images/spirte-pricing.jpg) no-repeat;display:block;padding:2px 0px 15px 30px;} #mod02 .sub-pricing li.ic01{background-position:0px -50px;} #mod02 .sub-pricing li.ic02{background-position:0px -102px;} #mod02 .sub-pricing li.ic03{background-position:0px 0px;} #mod02 .sub-pricing li .sale-promo{position:relative;top:3px;margin-left:5px;} #mod02 .sub-pricing li a{font-size:14px; color:#666666;font-weight:bold;} #mod02 .sub-pricing li a:hover{color:#990000;} #mod02 .list-pricing{margin-top:20px;} #mod02 .list-pricing li{position:relative;padding:15px 10px;border:#CCCCCC dotted 1px;border-left:#B30101 solid 5px;margin-bottom:5px;} #mod02 .list-pricing li p{margin:0px; padding:0px;} #mod02 .list-pricing li p a{color:#B30101;font-weight:bold;} #mod02 .list-pricing li p a:hover{color:#FF6600; text-decoration:underline;} #mod02 .list-pricing li h4{font-size:16px;color:#666666;font-weight:bold;} #mod02 .list-pricing li h4 a{color:#666666;font-weight:bold;} #mod02 .list-pricing li h4 a:hover{color:#B30101;} #mod02 .list-pricing li .sale-promo{position:absolute;top:0px;right:10px;} #mod02 .box-features-desc{margin-top:20px;} #mod02 .box-features-desc h3{background:#99C8EA;font-size:15px;display:block;padding:5px 10px;border-bottom:#31AFD5 solid 1px;font-weight:bold;} #mod02 .box-features-desc h3 span{background:#99C8EA;font-size:15px;display:block;padding:5px 10px;border-bottom:#31AFD5 solid 1px;font-weight:bold;} #mod02 .box-features-desc #promo-domain{} #mod02 .box-features-desc #maintable{} table.pricing-table{margin-top:20px;width:100%;} table.pricing-table thead{background:#E8F1F5; color:#333333;font-weight:bold;} table.pricing-table tbody td{padding:10px 5px;} table.pricing-table td{border:1px solid #69B8DE;padding:5px; text-align:center;} table.pricing-table2{margin-top:20px;width:100%;} table.pricing-table2 thead{background:#E8F1F5; color:#333333;font-weight:bold;} table.pricing-table2 tbody td{padding:5px 5px;} table.pricing-table2 td{border:1px solid #69B8DE;padding:5px; text-align:center; vertical-align:middle;} table.pricing-table2 td .sale{} table.pricing-table3{margin-top:20px;width:100%;} table.pricing-table3 thead{background:#E8F1F5; color:#333333;font-weight:bold;} table.pricing-table3 tbody td{padding:10px 5px;} table.pricing-table3 td{border:1px solid #69B8DE;padding:5px; text-align:center; vertical-align:middle;} table.pricing-table3 .col-blue td{background:#E8F1F5; color:#333333;padding:15px 5px;} table.pricing-table3 .col-blue td.note{background:#E8F1F5; color:#333333;padding:15px 10px;text-align:left;} .note strong{background: url(../images/info.gif) no-repeat; padding-left:20px;} .note ul{margin-left:35px;} .note ul li{list-style:disc;margin-top:5px;} table.pricing-table-list{margin-top:20px;} table.pricing-table-list thead td{background:#C2E543; color:#333333;font-weight:bold;text-align:center; vertical-align:middle;} table.pricing-table-list tbody td{padding:10px 5px;} table.pricing-table-list td{border:1px solid #64B10D;padding:5px; vertical-align:middle;} table.pricing-table-list1{margin-top:20px;} table.pricing-table-list1 thead td{background:#F5A73D; color:#333333;font-weight:bold;text-align:center; vertical-align:middle;} table.pricing-table-list1 tbody td{padding:10px 5px;} table.pricing-table-list1 td{border:1px solid #F4971D;padding:5px; vertical-align:middle;} table.pricing-table-list1 td a{color:#333333;} table.pricing-table-list1 td a:hover{color:#F4971D;} table.pricing-table-list1 td.current{background:#F8DF56;} table.pricing-table-list1 td.current a{color:#333333;} table.comparison{color:#333333;width:100%;margin:5px auto;border-collapse:collapse;border:1px solid #31AFD5;} table.comparison th{background:#99C8EA;height:40px;vertical-align: middle;text-align: center;} table.comparison td{background:#EEFFFF;height:30px;color:#333333;text-align:center;vertical-align:middle;width:65px;font-size:12px;border:1px solid #31AFD5;} table.comparison td.rc{height:30px;color:#333;} table.comparison td.name{background:#99C8EA;height:30px;width:150px;text-align:left;padding:0 5px;font-weight:bold;color: #333;} ul.tab_nav li.current{background:#CCCCCC;} .tab-container .tab { display: none; } .tab-container .current{display: block;} .desc-p{} .desc-p .img-float{float:left;margin:5px 10px 0px 0px;padding:4px;border:#cccccc solid 1px;} .desc-p ul.list-bullet{} .desc-p ul.list-bullet li{ list-style:circle;margin:0px 0px 10px 40px;} .desc-p ul.list-line li{margin:5px 0px;padding:5px 0px; border-bottom:#CCCCCC dotted 1px;} .desc-p ul.list-line li h4{font-size:14px; font-weight:bold;} .desc-p ul.list-line2 li{margin:0px 0px;padding:5px 10px 5px 10px; border-bottom:#CCCCCC dotted 1px;} .desc-p ul.list-line2 li h4{font-size:14px; font-weight:bold;margin-top:5px;padding:0px !important;} .desc-p ul.list-line2 li h4 a{color:#BA0100;} .desc-p ul.list-line2 li h4 a:hover{color:#5E0000;} .table-legal{} .table-legal .bt-back-legal{margin-top:20px;} .table-legal .bt-back-legal p{background:url(../images/bt-back-agree.jpg) no-repeat top center;height:28px; text-align:center;} .table-legal .bt-back-legal p a{color:#FFFFFF;padding-top:3px;display:block;} .table-legal .bt-back-legal p a:hover{color:#333333;} /* Accordion */ .block_accordion{width:600px;margin:0px 0px 0px 0px;padding:0px;} .accordion {width: 600px;margin:0px auto;} .accordion h3 { background:#CCCCCC url(../images/arrow-square.gif) no-repeat right 5px;padding: 7px 15px;margin:1px 0px 0px 0px;font-size:14px; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-bottom: none;color:#333333;cursor: pointer !important;} .accordion h3:hover {background-color:#F4971D;color:#FFFFFF;} .accordion h3.active {background:#F4971D url(../images/arrow-square.gif) no-repeat right -50px;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px; color:#ffffff;} .accordion .accor_content {background:#F0F0F0;margin: 0;padding: 10px 15px 20px;display: none;-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;} .accordion .accor_content .accor-desc{margin:10px 0px;} .accordion .accor_content .accor-desc li{margin-bottom:20px;} .accordion .accor_content .accor-desc .ac-left{width:175px;float:left;} .accordion .accor_content .accor-desc .ac-left .img-west{width:150px;} .accordion .accor_content .accor-desc .ac-right{width:360px;float:left;} .accordion .accor_content .accor-desc .ac-right ul li{list-style:disc;margin:5px 0px 10px 40px;} /*contact*/ .wrapper03{ clear:both; margin:0px 0px;padding:10px 0px 10px 0px;background-color:#F0F0F0;-webkit-border-radius: 5px;-moz-border-radius: 5px;} .wrapper03 .block_contact01{margin:0px;padding:10px 0px 10px 10px;float:left;width:300px;} .block_contact01 ul.isi01{list-style-type:none;margin:0px 0px 0px 10px !important;padding:0px;} .block_contact01 .isi01 li.content_contact{margin:0px;margin-bottom:20px;padding:0px;} .content_contact h3{font-size:24px !important;font-weight:bold !important;color:#333333 !important;} .content_contact h3 span{font-size:12px;font-weight:normal !important;color:#333333;} .content_contact h4{font-size:12px;font-weight:bold !important;color:#333333 !important;} .content_contact p{padding-top:10px;font-size:11px;line-height:14px !important;} .content_contact a{color:#333333;font-weight:normal !important;} .content_contact a:hover{color:#990000;} .content_contact .phone{margin-left:20px;padding:0px;} .wrapper03 .block_contact02{margin:0px;padding:10px 10px 10px 10px;float:right;width:260px;} .wrapper03 .block_contact02 .map{margin:0px 0px 0px 5px;border:#cccccc dotted 1px;} .wrapper03 .block_contact02 .map a{color:#333333 !important;display:none;} .wrapper03 .block_contact02 .map a:hover{color:#990000 !important;} .img_contact{float:left;width:60px; margin-right:10px;} #content .datatable .label-form, .datatable .data-form{padding:3px 0 1px;text-align:left;vertical-align:top;} #content .box-form{margin-bottom:20px;} #content .box-form .datatable td{padding-bottom:5px;} #content .box-form .datatable{width:100%;border-collapse:collapse;border-spacing:0; text-align:left;} #content .box-form .label-form{color:#333333;padding:10px 10px 0px 0px;text-align:right;width:130px;font-size:12px;} #content .box-form .label-form2{color:#333333;padding:0px 10px 0px 0px;text-align:right;width:200px;font-size:12px; vertical-align:middle;} #content .box-form .data-form{padding-top:5px;} #content .box-form .data-form .input{ font: 12px Arial, Helvetica, sans-serif; padding:4px 2px; color:#666666;border:#DEDEDE solid 1px;} #content .box-form .data-form select{font-size:12px;} #content .box-form .data-form .select_option{width:305px; padding:4px 2px; color:#666666;border:#DEDEDE solid 1px;} #content .box-form .data-form .width01{width:300px;} #content .box-form .data-form .width02{width:450px;padding-right:5px;} #content .box-form .data-form .width03{width:200px;padding-right:5px;} #content .box-form .data-form .width04{width:350px;padding-right:5px;} #content .box-form .datatable .btn_submit{color:#666666;cursor:pointer;background:#B5B5B5;border:none;} #content .box-form .datatable .yellow{width:213px;color:#ffffff;background:#F4971D;} #contactForm label {width: 250px;display:block;} #contactForm label.error {margin-left: 0px;color:#ff0000;font-size:11px;} #paymentConform label {width: 250px;display:block;} #paymentConform label.error {margin-left: 0px;color:#ff0000;font-size:11px;} #abuseForm label {width: 250px;display:block;} #abuseForm label.error {margin-left: 0px;color:#ff0000;font-size:11px;} /* 6 sidebar -----------------------------------------------------------------------------------------------*/ #content .sidebar{width:270px;float:right;margin:20px 30px 0px 0px;padding:0px 15px;} #content .sidebar h2{font-size:20px;margin-bottom:10px;} #content .sidebar .pack{margin-bottom:30px;} #content .sidebar .pack2{} .newsticker{width:270px;height:280px;overflow:hidden;} .newsticker li{width:244px;margin:10px 0px 0px 10px;padding-bottom:5px;} .newsticker .news-list-front{height:115px;overflow:hidden;cursor:pointer;padding:5px;} .newsticker h6{color:#666666;font-style:italic;} .newsticker h3{font-size:16px;color:#448844;line-height:20px;} .newsticker h3 a{color:#333333;font-weight:bold;} .newsticker h3 a:hover{color:#333333;} .btn_comment{margin:10px 0px 0px 12px;} .btn_comment a.testiBtn{width:100px;background:#666666;text-align:center;color:#CCCCCC;cursor:pointer;padding:5px 10px 5px 10px;} .btn_comment a:hover.testiBtn{background:#333333;} .sidebar .box_testi{float:left;width:270px;position:relative;margin-bottom:10px;} .sidebar .box_testi #testimonial{padding-top:10px;} .sidebar .box_testi .comment_slide{padding-left:15px;} .sidebar .box_testi .comment_slide h6{font-weight:bold;} .sidebar .box_testi .comment_slide p{line-height:18px;color:#333333;} .sidebar .box_testi .bt_testimonial{position:relative;top:-25px;margin-left:35px;} .sidebar .box_testi .bt_testimonial a{display:block;font-size:20px;} .sidebar .box_testi .bt_testimonial a:hover{ background-position:bottom;} .sidebar .form_testi{display:block;} .sidebar .add_comment{display:none;margin-bottom:10px;} .sidebar .add_comment .inputField{color:#666666 !important;} .sidebar .add_comment .teksKom02{width:250px;background-color:#FFFFFF;padding:10px;margin-bottom:10px;} .sidebar .add_comment label{font-size:12px;font-style:italic;color:#666666;} .sidebar .add_comment .input{width:264px;background:#ffffff;margin-bottom:10px;} .submitButton{color:#FFFFFF;font-size:12px;width:115px;border:1px solid #cccccc;background:url(../images/button_bg.gif) repeat-x #CCCCCC;cursor:pointer;} .submitButton:hover{background-position:bottom;border-color:#dddddd;color:#cccccc;} .counter{color:#999999;float:right;font-family:Georgia,serif;font-size:18px;font-weight:bold;height:20px;overflow:hidden;} .inact,.inact:hover{background:#CCCCCC;border:1px solid #999999;color:#666666;cursor:auto;padding:4px;} .box-support{padding:10px 40px;} .box-support p{text-align:center;} .box-social{padding:10px 10px;} .box-social div{margin-right:10px;} .box-payment p{text-align:center;margin-bottom:0px;} .box-freefeature ul{padding:10px 0px;} .box-freefeature ul li{list-style:disc;margin-left:30px;} .box-freefeature ul li a{color:#333333;} .box-freefeature ul li a:hover{color:#990000;} .emboss-middle{width:272px;background:url(../images/embos_middle.jpg) repeat-y;} .emboss-top{height:6px; width:272px;background:url(../images/embos_top.jpg) no-repeat;display:block;} .emboss-bottom{height:6px; width:272px;background:url(../images/embos_bottom.jpg) no-repeat;display:block;} .emboss-bottom2{height:42px;background:url(../images/embos_bottom2.jpg) no-repeat;display:block;} .sidebar2 .pack2{margin:0px 0px 30px 15px;} .sidebar2{width:270px;float:right;margin:0px 60px 0px 0px;padding:0px 0px;} .sidebar2 h2{font-size:20px;margin-bottom:10px;} .sidebar2 #slider{background:#cccccc;width:300px;margin:0px;height:360px !important;overflow:hidden;padding-top:20px;margin-bottom:50px;} /* slider promo right */ .slide_promo_right{width:280px; margin:0px auto;padding:0px 0px 0px 0px;background:#036;} .slide_promo_right #headline_promo_right{height:350px !important;width:280px;} #headline_promo_right .on_promo{height:350px;width:280px;overflow:hidden !important;} #headline_promo_right .on_promo .img_promo{margin-top:0px;} #headline_promo_right .on_promo .teks_promo{width:280px;} #headline_promo_right .on_promo .teks_promo h2{font-family:Georgia, "Times New Roman", Times, serif;background:none;padding:0px;margin:10px 0px 10px 0px;font-size:18px;font-weight:bold;color:#222222;line-height:20px;} #headline_promo_right .on_promo .teks_promo span{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:bold;color:#8D0000;} #headline_promo_right .on_promo .teks_promo h3{font-size:12px;font-weight:bold;color:#8D0000;line-height:20px;} #headline_promo_right .on_promo .teks_promo p{line-height:20px;margin-top:10px;color:#333333;font-size:12px;} #headline_page_right {display: inline; float: left; margin:10px 5px 0px 0px; padding:0px;position:absolute;height: 20px;} #headline_page_right a {font-weight: normal; font-size: 14px;background:url(../images/btnFeatureHover.gif);background-position:0px 0px; float: left; width: 22px; color:#999999; padding-top: 3px;margin-right:5px; height: 19px !important; text-align: center;overflow:hidden;} #headline_page_right a.activeSlide {background-position:0px -22px; color: #FFFFFF;} #headline_page_right a:hover {background-position: 0px -22px; color: #FFFFFF;} /* 7 footer -----------------------------------------------------------------------------------------------*/ #footer{clear:both; width:100%;height:180px;overflow:hidden;margin-bottom:20px;} #footer .wrapper{background:url(../images/footer.jpg) no-repeat;min-height:180px;} #footer .wrapper .pack{padding:45px 40px;} #footer .footer-left{width:450px;float:left; margin-top: -15px;} #footer .footer-left ul{display:block;width:190px;float:left;margin-right:10px;} #footer .footer-left li{background:url(../images/bullet-footer.gif) no-repeat 0px 3px;color:#FFFFFF;padding-left:12px;margin-bottom:3px;} #footer .footer-left li a{color:#D6D6D6;} #footer .footer-left li a:hover{color:#F4971D;} #footer .footer-right{width:400px;float:right;padding-top:10px;} #footer .footer-right .logo-bottom{width:85px;float:left;margin-right:10px;padding-top:5px;} #footer .footer-right .desc{width:300px;float:right;color:#333333;} #footer .footer-right .desc h3{font-size:12px;font-weight:bold;} #footer .footer-right .desc span{font-size:11px;line-height:12px;}