/* CSS Document */
.selnext {
	margin-left: 100px;
}
.goback {
	margin-top:  5px;
}
.goback a {
	text-decoration: underline; color: #999999;
}
.goback a:hover { color: #990000;}
#package {
	width: 160px; float: left; height: auto; margin-top: 5px; 
}
.kage {
	margin-top: 15px; font: bold 12px arial; color: #666666; 
}
.billing {
	margin-top: 8px; font: bold 12px arial; color: #666666; height: 240px;
}

.adon {
	margin-top: 14px; font: bold 12px arial; color: #666666;
}

.base {
	text-align: center; font: italic 10px arial; width: 100px; margin: 0 auto; height: 260px;
}
* html .base { height: 308px;}
*+html .base { height: 308px;}
#orderform {
	width: 400px;  float: right; font: 11px arial;
}
#orderform input, #orderform select {
	 border: 1px solid #999999; margin-top: 8px; font: 11px arial;
}
.pack{
	background: #eeedea; width: 300px;
}
.ip {
	margin-left: 121px;
}
.ram {
	width: 100px; margin-left: 151px;
}
.hd {
	width: 120px; margin-left: 84px;
}
.controller {
	width: 200px; margin-left: 72px;
}
.hd2 {
	width: 120px; margin-left: 67px;
}
.partition {
	width: 190px; margin-left: 84px;
}
.os {
	width: 190px; margin-left: 62px;
}
.panel {
	width: 190px; margin-left: 111px;
}
.band {
	width: 130px; margin-left: 122px;
}


.uplink {
	width: 130px; margin-left: 90px;
}
.cert {
	width: 200px; margin-left: 12px
}
.hn {
	width: 130px; margin-left: 73px;
}


.ps {
	width: 90px; margin-left: 104px;
}
.pv {
	width: 150px; margin-left: 109px
}

.uplink {
	width: 130px; margin-left: 90px;
}
.cert {
	width: 200px; margin-left: 12px
}
.hn {
	width: 130px; margin-left: 73px;
}

.ms {
	width: 220px; margin-left: 84px;
}
.er {
	width: 180px; margin-left: 68px
}
.ss {
	width: 180px; margin-left: 98px;
}
.ts {
	width: 200px; margin-left: 58px
}
.rp {
	width: 200px; margin-left: 103px
}
.gc {
	width: 220px; margin-left: 104px;
}
.total {
	margin-left: 140px;
}
.nextover {
 width: 80px; margin-left: 280px;
}
.over {
 width: 80px; margin-left: 345px;
}
.over a, .nextover a{
	text-decoration: none; color: #666666;
}
.over a:hover, .nextover a:hover { color: #990000;}
/*=====================================================================================
				reward css
======================================================================================*/
.earn {
	font: 24px arial; color: #f4c024; margin-top: 15px;
}
.card {
	width: 183px; float: right;
}
#sign-up img, #reedem img {
	border: 0;
}
.reward {
	padding: 0; margin: 0; margin-top: 12px; font: bold 14px arial; color: #f4c024;
}
.advan {
  padding: 0; margin: 0; list-style: none; 
}
.advan li {
	padding-top: 3px; background: url(img/sidearrow.gif) no-repeat left; padding-left: 12px;
}
* html .advan li { padding-top: 0;}
*+html .advan li { padding-top: 0;}
.zipserver {
	float: left; width: 160px; margin-right: 25px; margin-top: 10px; text-align: center;
}
.zipserver a {
	text-decoration: none; color: #990000;
}
.zipserver a:hover { color: #89de5f;}
.term { width: 400px; margin: 20px auto; text-align: center;} 
.term a {
	text-decoration: underline; color: #f4c024; font: bold 12px arial; 
}
.term a:hover { color: #990000;}
/*=============================================================================================================
				Servers comparison

.server-comparison {
	border: 1px solid #CCCCCC; margin-top: 10px; font: 11px Arial; border-bottom: 0;
}
.server-comparison a:hover { color: #669900;}
.server-processor {
	background: #669900; font: bold 12px Arial; color: #333333; padding-left: 20px; padding-top: 3px; padding-bottom: 3px;  
}
* html .server-comparison { height: 1%;}
*+html .server-comparison { height: 1%;}
.du {
	float: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  width: 140px; background: url(img/du.gif) no-repeat center; height: 45px;
}

.du2 {
	float: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  width: 140px; height: 45px;
}

.pri-net {
	 float: left; width: 354px; text-align: center; border-bottom: 1px solid #CCCCCC; height: 45px;
}
.alldc {
	width: 82px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding-top: 5px; float: right; text-align: center; height: 40px;
}
.alldc a, .pri-net a {
	text-decoration: none; color: #666666;
}
.man-vps {
	width: 140px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: center; float: left; background: #ffd57a; font: bold 11px arial; padding-top: 10px; padding-bottom: 10px; line-height: 11px; height: 16px;
}
.man-ram, .man-store, .man-width, .man-ip, .man-price{
	float: left; width: 70px; border-bottom: 1px solid  #CCCCCC; border-right: 1px solid #CCCCCC; text-align: center; background: #ffd57a; font: bold 11px arial; padding-top: 10px; padding-bottom: 10px; line-height: 11px; height: 16px;
}
.man-buy {
	border-bottom: 1px solid #CCCCCC; text-align: center; background: #ffd57a; font: bold 11px arial; padding-top: 10px; padding-bottom: 10px; line-height: 11px; height: 16px;
}

.man-vps2{
	width: 140px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: center; float: left; line-height: 50px; height: 50px;
}
.man-ram2, .man-store2, .man-width2, .man-ip2, .man-price2{
	float: left; width: 70px; border-bottom: 1px solid  #CCCCCC; border-right: 1px solid #CCCCCC; text-align: center; height: 46px; padding-top: 4px; 
}
.man-buy2 {
	border-bottom: 1px solid #CCCCCC; text-align: center;  height: 50px; 
}

.man-buy2 img {
	border: 0; margin-top: 12px;
}
===============================================================================================================*/
.server-comparison {
	border: 1px solid #999;
	border-left: 0;
	font-size: 11px;
}
.server-comparison a {
	text-decoration: none;
	color: #333;
}
.server-comparison a:hover {
	color: #669900;
}
.server-comparison-top {
	background: #669900; font: bold 12px Arial; color: #333; padding-left: 20px; padding-top: 3px; padding-bottom: 3px;  
}
.server-comparison-head {
	background: #FFD57A; font-weight: bold;
	
}
.sever-comparison-content td{
	text-align: center;  padding: 5px; border-left: 1px solid #999;
	border-top: 1px solid #999;
} 
select.select-city {
	border: 1px solid #999;
	font: 10px arial;
	width: 60px;
	height: 18px;
	float: left;
}
select.select-city option {
	margin:0;
	padding: 0;
}
input.city-btn {
	background: url(img/buy.gif) no-repeat left bottom;
	width: 57px;
	height: 22px;
	border: 0;
	cursor: pointer;
 }
/*===================================================================================================
		 vps
===================================================================================================*/

.linux a {
	text-decoration: none; color: #666666;
}
.linux a:hover { color: #990000;}
.os_vps {
	margin-top: 0px;
}
.os_vps li {
	margin-bottom: 15px;
}
#manage-bit {
	margin-top: 30px; font: 11px arial; 
}
#manage-bit a img { border: 0;}
.bit {
	background: #669900; font: bold 12px Arial; color: #333333; padding-left: 20px; padding-top: 3px; padding-bottom: 3px;  
}
.vp-plan {
	border-bottom: 1px solid #CCCCCC;  font: 11px arial; 
}
* html .vp-plan { height: 1%;}
*+html .vp-plan { height: 1%;}
.plan-num {
	text-align: center; color:  #ffd57a; float: left; width: 100px; padding-top: 10px;
}
.plan-ram, .plan-store, .plan-pub, .plan-pri, .plan-user {
	border-left: 1px solid #CCCCCC; float: left; width: 67px; background: #ffd57a; text-align: center; padding-top: 5px; height: 38px; font: bold 11px arial;
}
.noc {
	border-left: 1px solid #CCCCCC; border-right: 1px solid  #CCCCCC; float: left; width:68px; background: #ffd57a; text-align: center; padding-top: 5px; height: 38px; font: bold 11px arial;
}
.nocb {
	 border-right: 1px solid  #CCCCCC; float: left; width:68px; background: #ffd57a; text-align: center; padding-top: 5px; height: 38px; font: bold 11px arial;
}
.plan-num2 {
	text-align: center; float: left; width: 99px; padding-top: 10px; border-left: 1px solid #CCCCCC;  height: 33px
}
.plan-ram2, .plan-store2, .plan-pub2, .plan-pri2, .plan-user2 {
	border-left: 1px solid #CCCCCC; float: left; width: 67px;  text-align: center; padding-top: 5px; height: 38px;
}
.noc2 {
	border-left: 1px solid #CCCCCC; border-right: 1px solid  #CCCCCC; float: left; width: 68px;  text-align: center; padding-top: 5px; height: 38px;
}
.noc2b {
	border-right: 1px solid  #CCCCCC; float: left; width: 68px;  text-align: center; padding-top: 5px; height: 38px;
}
.con-panel {
	border-top: 1px solid  #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: 15px; margin-bottom: 15px;  font: 11px arial; 
}
.con-panel a, .con-panel2 a {
	padding-left: 7px; text-decoration: none; color: #666666;
}
.con-panel a:hover, .con-panel2 a:hover { color: #990000;}
* html .con-panel { height: 1%;}
* html .con-panel2 { height: 1%;}
*+html .con-panel { height: 1%;}
*+html .con-panel2 { height: 1%;}
.plan-num3 {
	text-align: center; float: left; width: 139px; padding-top: 10px; border-left: 1px solid #CCCCCC;  height: 32px;
}
.plan-ram3, .plan-store3, .plan-pub3, .plan-pri3, .plan-user3 {
	border-left: 1px solid #CCCCCC; float: left; width: 72px;  text-align: center; padding-top: 5px; height: 37px;
}
.noc3 {
	border-left: 1px solid #CCCCCC; border-right: 1px solid  #CCCCCC; float: left; width: 73px;  text-align: center; padding-top: 5px; height: 37px;
}
#vps-info {
	border: 1px solid #CCCCCC; font: 11px arial; margin-top: 15px;
}
* html #vps-info { height: 1%;}
*+html #vps-info { height: 1%;}
#vps-info li{
	background: url(img/z.gif) no-repeat left top; padding-left: 30px; margin-top: 10px;
}
#vps-info strong {
	font: bold 12px arial; color: #f4c024;
}
.vps-info1 {
	margin: 0; padding: 0; list-style: none; float: left; width: 270px; padding-bottom: 10px;
}
/*=========================================================================================================
	Special.html
==============================================================================================================*/
.earn2 {
	font: 26px arial; color: #A9CF60; margin-top: 15px;
}
.exp {
	font: bold 11px arial; color: #990000;
}

.con-panel2 {
	border-top: 1px solid  #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: 15px; font: 11px arial; background: #F1F8E8; 
}
.special {
	border-bottom: 1px solid #CCCCCC;  font: 11px arial; background: #f7f6f5; 
}
* html .special { height: 1%;}
*+html .special { height: 1%;}
.per-coupon {
 	border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 42px; float: left; text-align: center; width: 364px; line-height: 40px; background: #F1F8E8;
}
.per-coupon strong, .per-coupon2 strong  {
	font: bold 11px arial;
}
.noc4 {
	 border-right: 1px solid  #CCCCCC; float: left; width: 73px;  text-align: center; line-height: 40px; height: 42px; background: #F1F8E8;
}
.noc4 a, .noc5 a {
	text-decoration: none; color: #666666;
}
.noc4 a:hover, .noc5 a:hover{ color: #990000;}
.bonus {
	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-top: 10px; margin-bottom: 10px; font: 11px arial; background: #F1F8E8;
}
* html .bonus { height: 1%;}
*+html .bonus { height: 1%;}
.life {
 	border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 42px; float: left; text-align: center; width: 433px; background: #F1F8E8; padding-left: 5px;
}
.plan-num4 {
	text-align: center; float: left; width: 140px; padding-top: 10px; border-left: 1px solid #CCCCCC;  height: 32px;
}
.per-coupon2 {
 	border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; height: 42px; float: left; text-align: center; width: 354px;  background: #F1F8E8;
}
.noc5 {
	 border-right: 1px solid  #CCCCCC; float: left; width: 82px;  text-align: center;  height: 42px; background: #F1F8E8;
}
.in-service a { 
	color: #666666; text-decoration: underline;
}
.in-service a:hover { color: #990000;} 
.in-service strong {
	font: bold 12px arial; color: #f4c024;
}
/*===================================================================================================================================
	 datacenter comparison
========================================================================================================================================*/

.earn3 {
	font: bold 14px arial; color: #f4c024; margin-top: 15px;
}
#comparison {
	font: 11px arial;
}
#comparison a {
	text-decoration: none; color: #666666;
}
#comparison a:hover { color: #990000;}
.adcost { 
	width: 142px; text-align: center; float: left; padding-left: 5px;
}
.savvis { 
	width: 143px; text-align: center; float: left; padding-top: 10px; padding-bottom: 10px; background: #FFD57A; font: bold 12px arial;  
	 border: 1px solid #CCCCCC;border-right: 1px solid #FFFFFF;
}
.dbank { 
	width: 143px; text-align: center; float: left; padding-top: 10px; padding-bottom: 10px;  background: #FFD57A; font: bold 12px arial; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;
	border-right: 1px solid #FFFFFF;
}
.duoz { 
	width: 143px; text-align: center; float: left;  padding-top: 10px; padding-bottom: 10px;  background: #FFD57A; font: bold 12px arial;border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;
	border-right: 1px solid #cccccc;
}
.datahead {
	background: #669900; font: bold 12px arial; color: #333333; padding: 5px;
}
.r1{ 
	width: 146px; text-align: center; float: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  padding-top: 5px; padding-bottom: 5px; line-height: 12px; height: 30px; background: #F6F6F6;
}
.r2 { 
	width: 143px; text-align: center; float: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; line-height: 12px;  height: 30px
}
.r3{ 
	width: 143px; text-align: center; float: left; ;border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  padding-top: 5px; padding-bottom: 5px; line-height: 12px;  height: 30px
}
.r4 { 
	width: 143px; text-align: center; float: left; ;border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  padding-top: 5px; padding-bottom: 5px; line-height: 12px;  height: 30px
}
.r1b{ 
	width: 146px; text-align: center; float: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  padding-top: 5px; padding-bottom: 5px; line-height: 12px; height: 90px; background: #F6F6F6;
}
.r2b { 
	width: 143px; text-align: center; float: left; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; line-height: 12px;  height: 90px
}
.r3b{ 
	width: 143px; text-align: center; float: left; ;border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  padding-top: 5px; padding-bottom: 5px; line-height: 12px;  height: 90px
}
.r4b { 
	width: 143px; text-align: center; float: left; ;border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  padding-top: 5px; padding-bottom: 5px; line-height: 12px;  height: 90px
}
.exp2 {
	font: bold 11px arial; color: #990000; margin: 0; padding: 0;
}
/*================================================================================================================
		Upgrade.html
===================================================================================================================*/
.upgrade {
	margin-top: 15px; font: 10px arial;
}
.upblank {
	float: left; width: 204px;
}
.setup {
	float: left; width: 114px; background: #F3D670; border-left: 1px solid #CCCCCC; border-right: 1px solid #FFFFFF; font: bold 11px arial; text-align: center; padding: 5px;
}
.upmonth {
	float: left; width: 114px; background: #F3D670; border-right: 1px solid #FFFFFF; font: bold 11px arial; text-align: center;  padding: 5px;
}
.uptime {
	float: left; width: 114px; background: #F3D670;  border-right: 1px solid #CCCCCC; font: bold 11px arial; text-align: center;  padding: 5px;
}
.uphead {
	background: #669900; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 15px; font: 11px arial; color: #333333; padding-top: 2px; padding-bottom: 2px;
}

.row1 {
	float: left; width: 202px; background: #F6F6F6; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  text-align: center; padding: 5px 2px; height: 30px;
}
.row2 {
	float: left; width: 113px;  border-bottom: 1px solid #CCCCCC; border-right: 1px solid #cccccc; text-align: center; padding: 5px; height: 30px; 
}
.row3 {
	float: left; width: 113px; border-right: 1px solid #cccccc; border-bottom: 1px solid #CCCCCC; text-align: center;  padding: 5px; height: 30px;  
}
.row4 {
	float: left; width: 113px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; padding: 5px;  height: 30px;
}
.arin {
	margin-top: 15px; margin-bottom: 25px;
}
.costumer {
	font: italic 11px arial;
}
#why {
	border: 1px solid #CCCCCC; padding-left: 10px; padding-bottom: 10px; font: 10px Arial;
}
.why-info {
	margin: 0; padding: 0; list-style: none; float: left; width: 260px; margin-right: 10px;
}
* html #why { height: 1%;}
*+html #why { height: 1%;}
.why-info strong {
	font: bold 12px arial; color: #F2B600;
}
.why-info li {
	background: url(img/check.gif) no-repeat left top; padding-left: 35px;
}
/*============================================================================================
		os support
==============================================================================================*/
#os-free {
	width: 535px; margin: 0 auto; padding-top: 15px;
}
.compatible {
	font: 10px arial; 
}
.compablank {
	width: 118px; float: left; height: 30px;
}
.rhe2 {
	width: 64px; height: 30px; float: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #FFFFFF; text-align: center; background: #F3D670; 
	 font: bold 11px arial; color: #333333; padding: 2px 0;
}
.rhe{
	width: 64px; height: 30px;float: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #ffffff; border-right: 1px solid #FFFFFF; text-align: center; background: #F3D670; 
	font: bold 11px arial; color: #333333; padding: 2px 0;
}
.rhe3{
	width: 64px; height: 30px; float: left; border-top: 1px solid #CCCCCC; border-left: 1px solid #ffffff; border-right: 1px solid #cccccc; text-align: center; 
	background: #F3D670;  font: bold 11px arial; color: #333333; padding: 2px 0;
}
.compa {
	border: 1px solid #CCCCCC; border-top: 0; width: 116px; float: left; text-align: center; padding-top: 2px; background: #F6F6F6;
}
.compa1 {
	border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; width: 65px; float: left; text-align: center; padding-top: 2px;
}
/*================================================================================================================================================
				ask us
=================================================================================================================================================*/
.fillout {
	font: 10px arial; padding-top: 10px; 
}
#question {
	padding: 0; margin: 0;
}
.as {
	color: #990000;
}
.ask {
	 border: 1px solid #CCCCCC; width: 170px; font: 11px arial; color: #666666; margin-top: 2px;
}
.ask2 {
	border: 1px solid #CCCCCC; font: 11px arial; color: #666666; width: 480px;
}
.ask3 {
	font: bold 12px arial; color: #333333; border: 2px solid #CCCCCC; margin-top: 5px;
}
.que {
	width: 200px; float: left; margin-right: 40px; margin-top: 0; padding: 0;
}
.que2 {
	float: left; margin-top: 0;
}
* html .que2 { margin-top: 8px;}
*+html .que2 { margin-top: 8px;}
/*==================================================================================================================================
	HSPC
===================================================================================================================================*/
.hspcwrapper {
	border: 1px solid #A9CF60; margin-bottom: 10px; padding-bottom: 10px; background: #F0F0F0; font: 10px arial;
}
* html .hspcwrapper { height: 1%;}
*+html .hspcwrapper { height: 1%;}
.hspchead {
	padding: 7px; background: #A9CF60; font: bold 11px arial; color: #FFFFFF;
}
.enterdomain {
	font: 10px arial; padding-left: 15px;
}
.enterdomain strong { 
	font: bold 11px arial; color: #666666;
}
.select_dom { 
	width: 150px;
}
.enterdomain a {
	text-decoration: underline; color: #666666;
}
.enterdomain a:hover { color: #990000;}
.domain {
	border: 1px solid #CCCCCC; margin-top: 5px; font: 11px arial; color: #666666; padding-left: 4px; width: 200px;
}
.radiotxt{
	border: 1px solid #CCCCCC; margin-top: 5px; font: 11px arial; color: #666666; padding-left: 4px; 
}
.hsubmit {
	border: 2px solid #A9CF60; color: #333333; font: bold 12px arial;
}
.virt {
	width: 60%; float: left; margin-top: 7px; padding-left: 10px; margin-right: 10px;  
}
.virt2{
	width: 60%; float: left; margin-top: 7px; padding-left: 20px; margin-right: 1px;
}
.virt a, .virt2 a {
	text-decoration: underline; color: #666666;
}
.virt a:hover, .virt2 a:hover { color: #990000;}
.virt-price {
	width: 20%; float: left; margin-top: 7px; 
}
.virt-buy {
	float: right; margin-top: 7px; margin-right:10px
}
.virt-buy img{
	border: 0;
}
.viewpro {
	font: bold 12px arial;  float: right;
}
.viewpro a{
	color: #669900; text-decoration: none;
}
.viewpro a:hover {color: #990000;} 
/*----------------------------------------domain.html-----------------------------------------------------*/
.skip {
	border: 1px solid #A9CF60; width: 140px; padding: 2px; margin-left: 10px; text-align: center; margin-bottom: 15px;
}
.skip a, .pol a { 
	text-decoration: none; color: #666666;
}
.skip a:hover, .pol a:hover { color: #990000;}

.pol {
	margin-top: 20px; padding: 3px; border: 1px solid #C3CDAF; width: 300px; text-align: center;
}