@charset "utf-8";
 @import url(reset.css);
@import url(cmxform.css);
/* stylesheet */

html { height: 100%; margin-bottom: 1px; }
body { background: #E4EEFB url(images/bg.png) repeat-x; }
#wrapper { width: 756px; margin: 0 auto; }
#logo { background: url(images/logo.png) no-repeat left top; height: 38px; width: 208px; float: left; }
#logo a { height: 38px; width: 208px; display: block; text-indent: -9999px; }
#tag_line { line-height: 40px; height: 38px; margin-left: 209px; display: block; color: #a5a5bf; font-weight: bold; font-size: 12px; }
#plans_box { background: url(images/main-box.png) no-repeat; height: 256px; width: 756px; text-indent: -9999px; }
#plans_box.bongga { background: url(images/main-box-bongga.png) no-repeat; }
#plans_box.mooora { background: url(images/main-box-mooora.png) no-repeat; }
/*
#plans_box.design.hosting {
	background: url(images/main-box-designhosting.png) no-repeat;
}


#plans_box.wphosting {
	background: url(images/main-box-wordpress.png) no-repeat;
}

#plans_box.joomlahosting {
	background: url(images/main-box-joomla.png) no-repeat;
}

#plans_box.aboutus {
	background: url(images/main-box-aboutus.png) no-repeat;
}
*/

.mainbox { width: 740px; margin: 10px auto; }
.greybox { /*background: #797C70; */
	background: #E6E6E6; margin: 0; padding: 10px; width: 405px; }
.greybox.wide { width: 700px; padding: 20px; }
.greybox_lite { background: #c9ccbc; margin: 0; padding: 10px 10px 0 15px; }
.greybox_dark { background: #333; margin: 0; padding: 10px 10px 0 15px; }
.greybox_stripe { background: #fff repeat-x; margin: 0; padding: 10px; width: 285px; }
#footer { text-align: center; padding: 40px 0; font-size: 11px; color: #95988C; clear: both; }
#footer a { color: #95988C; text-decoration: underline; }
#footer a:hover { color: #3366CC; }
/* columns */

.cols_2 { width: 700px; overflow: hidden; }
.cols_2 .col1 { width: 300px; float: left; }
.cols_2 .col2 { width: 320px; float: left; margin-left: 20px; }
/* nav */

#nav { background: url(images/nav-plain.png) no-repeat; height: 38px; width: 756px; clear: both; }
#nav li { list-style: none; display: inline; font-size: 11px; }
#nav li a { display: block; height: 38px; float: left; line-height: 32px; text-decoration: none; color: #1E1E22; text-transform: uppercase; padding: 0 10px; font-weight: bold; }
#nav1 a { padding: 0 10px 0 30px !important; }
#nav2 a { }
#nav3 a { }
#nav4 a { }
#nav5 a { }
#login a { margin-left:120px; color: #3366CC !important; font-size: 95%; font-weight: bold; }
#nav li a:hover, #nav li a.active { color: #3366CC; }
#buttons_box { margin-top: -30px; height: 39px; position: relative; z-index: 10000; }
#mooora_nav { background: url(images/bongga-nav-off.png) no-repeat; height: 39px; width: 150px; margin-left: 120px; float: left; }
#mooora_nav li { list-style: none; display: inline; }
#mooora_nav li a { display: block; height: 39px; width: 150px; float: left; text-indent: -9999px; }
#mooora_nav1 a:hover, #mooora_nav1 a.active { background: url(images/bongga-nav-on.png) no-repeat 0 0; }
#mooora_nav2 a:hover, #mooora_nav2 a.active { background: url(images/bongga-nav-on.png) no-repeat -75px 0; }
#bongga_nav { background: url(images/bongga-nav-off.png) no-repeat; height: 39px; width: 150px; margin-right: 120px; float: right; }
#bongga_nav li { list-style: none; display: inline; }
#bongga_nav li a { display: block; height: 39px; width: 150px; float: left; text-indent: -9999px; }
#bongga_nav1 a:hover, #bongga_nav1 a.active { background: url(images/bongga-nav-on.png) no-repeat 0 0; }
#bongga_nav2 a:hover, #bongga_nav2 a.active { background: url(images/bongga-nav-on.png) no-repeat -75px 0; }
/* floats */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* table */

.table_signup { width: 100%; margin: 20px 0; }
.table_signup td { padding: 5px 10px; font-size: 12px; vertical-align: top; }
.table_signup td small { font-size: 11px; }
.table_signup td.label { width: 280px; text-align: right; }
.mooora .table_signup td.label { /*color: #a3adc8;*/
	color: #c9c9c9; }
.bongga .table_signup td.label { color: #c9c9c9; }
.totalPrice { width: 200px; height: 35px; font-size: 18px; line-height: 35px; text-align: center; margin: 20px auto; background: #EFEFEF; color: #333333; }
.table_products { margin: 20px 0; width: 100%; }
.table_products th { padding: 5px 10px; vertical-align: top; background: #000000; font-size: 11px; font-weight: bold; border-bottom: 1px solid #242424; text-align: right; width: 120px; white-space: nowrap; }
.table_products td { padding: 5px 10px; width: 120px; vertical-align: top; border-bottom: 1px solid #949baf; font-size: 12px; }
.table_products.auto_width td { width: auto; padding: 10px 20px 10px 0; }
.compare_products { margin: 20px 0; width: 100%; }
.compare_products th { padding: 5px 10px; vertical-align: top; background: #9ba7cd; font-size: 11px; font-weight: bold; border-bottom: 1px solid #dedede; text-align: right; width: 260px; color: #fff; }
.compare_products td { padding: 5px 10px; vertical-align: top; border-bottom: 1px solid #949baf; font-size: 12px; color: #40434A; }
.compare_products colgroup .col_hilite { background: #DCDEE4; color: #d6d6d6; }
/* packages */

.packagebox { margin: 0 0 20px 0; }
ul.packageslist { margin-bottom: 20px !important; }
ul.packageslist li { list-style: url(images/check-green.png) none outside !important; margin: 0 40px 10px 40px!important; }
/* text */

body { font: 12px Arial, Helvetica, sans-serif; color: #24262B; }
p { padding-bottom: 10px; line-height: 16px; font-size: 13px; }
.mainbox h3 { font-weight: normal; font-size: 18px; letter-spacing: -1px; color: #668CFF; border-bottom: 1px dotted #666; margin-bottom: 10px; padding: 0 0 5px; }
.greybox.bongga h3, .mainbox h3.h_title.sfr { text-align: left !important; color: #3366CC; padding: 5px 0 0 0; margin-top: 10px; }
td span.h_title.sfr, td .sfr { color: #3366CC; font-size: 18px; }
.greybox .table_products ul, .greybox .table_products li { margin: 0; padding: 0; list-style: circle; }
.info_box p { font-size: 11px; }
#h_title { font-weight: normal; font-size: 14px; letter-spacing: -1px; color: #E6E9EE; border-bottom: 1px solid #94968B; margin-bottom: 10px; padding: 0 0 10px; text-align: left; }
.greybox a { color: #3366CC; background: transparent url(images/link-icon.png) no-repeat right center; text-decoration: none; line-height: 17px; padding: 0 10px 0 0; }
.greybox a:hover { background: #FF4C29 url(images/link-icon.png) no-repeat right center; color: #fff; }
.greybox a.none { padding: 0; background: transparent url(none); }
.greybox ul { margin: 10px 0 10px 20px; }
.greybox ul li { list-style: disc outside; padding: 5px 0; }
h2.sfr { font-size: 18px; margin-bottom: 10px; color: #6B91F1; text-align: left; }
h2.sfr.sifr { font-size: 20px; }
input.no_border { border: none; }
sup { font-weight: bold; background: #3366CC; padding: 2px; color: #fff; }
.hilite { font-size: 12px; color: #CCFFCC; }
ul.checklist { padding-left: 10px; }
ul.checklist li { list-style: url(images/icon-check.png) none outside !important; }
ul.checklist li a { color: #333; }
#siteseal { text-align: center; background: #999 url(images/bg-lighter.png) repeat-x; font-size: 14px; color: #ccc; }
.forex_box { text-align: center; font-size: 16px; background: #e9e9e9; }
.forex_box strong { color: #3366CC; }
.pricebox { margin: 10px 0; color: #3366CC; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font: 12px "Klavika Regular", Arial, Helvetica, sans-serif; }
.bigfont { font-weight: normal; font-size: 150%; text-transform: uppercase; }
.hilite { color: #DB5920; }
/* home browser */

#home_browser { height: 330px; width: 400px; position: relative; overflow: hidden; }
#browser_container { background: url(images/browser.png) no-repeat left top; height: 330px; width: 400px; position: absolute; left: 0; top: 0; z-index: 10; }