@charset "utf-8";
/* CSS Document */

/* body {
	margin: 0;
	background-color: #ffffff;
	font-family: Franklin Gothic Book;
} */

.gothic {
	font-family: Franklin Gothic Book;
}
.gothic a {
	font-family: Franklin Gothic Book;
}

.gothic h1 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 22px;
	color: #17658d;
	font-style: normal;
}
.oldbody {
	margin: 0;
	background-color: #ffffff;
	font-family: Franklin Gothic Book;
	line-height: 1em;
}

.showchat {
	visibility: visible;
}

.oldheader {
	font-size: 22px !important;
	color: #17658d !important;
	font-weight: bold;
	line-height: 1.5em;
}

.oldh2 {
	font-size: 1em !important;
	color: #000000 !important;
}
.oldh3 {
	font-size: 1em;
	font-weight: normal;
	display: inline-block;
	line-height: 1.5em;
}
.oldh3number {
	font-size: 1.2em;
	font-weight: bold;
	color: #186a95;
	display: inline-block;
}

table.invoice_feature {
        border-collapse: collapse;
        line-height: 20px;
        border: 1px solid #000000;
        width: 100%;
}
table.invoice_feature tr {
        border: thin solid #000000;
}
table.invoice_feature td {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
}

#alltop {
	position: fixed;
	width: 100%;
	background: #FFFFFF;
}
#top{
	width: 100%;
	height: 119px;
	background: url(../images/topbg.png);
}
#allcontent {
	padding-top: 179px;
}


#topMid{
	width: 1100px;
	height: 119px;
	margin: 0 auto;
}

#topLogo{
	float: left;
}

#webhosting{
	width: 269px;
	height: 39px;
	float: left;
	padding: 32px 0px 32px 0px;
	font-size: 20px;
	font-style: italic;
	color: #9b9b9b;
	margin: 0px 0px 0px 60px;
}

#livechat a {
	background: url(../images/livechat.png);
	width: 103px;
	height: 33px;
	float: right;
	margin: 48px 0px 0px 0px;
	display:block;
}

#indexright a {
color: #4b85ba;
text-decoration: none;
}

#indexright a:hover {
color: #133554;
}


#contactbox {
	width: 534px;
	float: left;
	margin: 20px 0px 0px 0px;
}

#planstable {
	width:100%;
}
#planstable .resRowTitle {
	height: 24px;
	background: url(../images/tablebg1.png);
	border: thin solid #FFFFFF;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	background-repeat: repeat-x;
	width: 40%;
	background-size: 100% 100%;
	padding: 4px 0px 0px 8px;
}
#planstable .resRowTop {
	height: 24px;
	background: url(../images/tablebg1.png);
	border: thin solid #FFFFFF;
	text-align: center;
	color: #7dbad6;
	background-repeat: repeat-x;
	width: 20%;
	font-weight: bold;
	font-size: 1.1em;
	background-size: 100% 100%;
}
#planstable .resRowPrice {
	height: 24px;
	background: url(../images/tablebg2.png);
	border: thin solid #FFFFFF;
	color: #0e415b;
	font-weight: bold;
	background-repeat: repeat-x;
	width: 20%;
	background-size: 100% 100%;
	font-size: 16px;
	font-weight: bold;
}
#planstable .resRowPriceB {
	height: 24px;
	background: url(../images/tablebg2.png);
	border: thin solid #FFFFFF;
	color: #0e415b;
	font-weight: bold;
	background-repeat: repeat-x;
	width: 20%;
	background-size: 100% 100%;
	font-size: 16px;
}
#planstable .resRowPriceB a {
	color: inherit;
	text-decoration: none;
}
#planstable .resRowList {
	height: 24px;
	background: url(../images/tablebg3.png);
	border: thin solid #FFFFFF;
	padding: 4px 0px 0px 0px;
	text-align: center;
	color: #5c6266;
	font-size: 12px;
	background-repeat: repeat-x;
	background-size: 100% 100%;
}
#planstable .resRowOrder {
	height: 24px;
	background: url(../images/tablebg4.png);
	border: thin solid #FFFFFF;
	padding: 4px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background-repeat: repeat-x;
	background-size: 100% 100%;
}
#planstable .resRowOrder a {
	color: inherit;
	text-decoration: none;
}

#indexright{
	width: 376px;
	float: left;
	margin: 20px 0px 0px 20px;
}

.righttop {
	width: 346px;
	height: 15px;
	background: url(../images/righttop.png);
}

.rightmid {
	width: 346px;
	background: url(../images/rightbg.png);
	padding: 0px 15px 0px 15px;
	color: #686868;
}


.rightbot {
	width: 346px;
	height: 15px;
	background: url(../images/rightbot.png);
}

#botlogos{
margin: 20px 0px 20px 0px;
	width: 100%;
	height: 47px;
	clear: both;
}

#botlogosMid{
	width: 900px;
	height: 47px;
	margin: 0 auto;
	background: url(../images/botlogos.png);
}

.clear {
	clear: both;
	}
	
#blogsocial a {
	color: #4b85ba;
	text-decoration: underline;
}

#ams_push_left {
	margin-left: 14%;
}

#ams_main_left {
	width: 80%;
	float: left;
}

#ams_main_left p, .mainp {
	color: #696969;
}
#ams_main_left a {
	color: #4b85ba;
	text-decoration: none;
}

#ams_main_right {
	margin-left: 57%;
}

#ams_main_right a {
	color: #4b85ba;
	text-decoration: none;
}

.ams_input_form_start {
	background: url(../images/form_field_start_42.png);
	width: 4px;
	height: 42px;
	display:inline-block;
	float:left;
}

.ams_input_form_middle {
	background: url(../images/form_field_middle_42.png);
	float: left;
	height: 42px;
}

.ams_input_form_middle input {
	height: 42px;
	border: none;
	background-color: transparent;
	width: 150px;
}

.ams_input_form_end {
	background: url(../images/form_field_end_42.png);
	width: 5px;
	height: 42px;
	display:inline-block;
	float:left;
}

.ams_form input, .ams_form textarea {
	width: 150px;
	border: thin solid #ececec;
	height: 32px;
	border-left-width: medium;
	border-right-width: medium;
}

.ams_form .fkey {
	width: 40%;
}

.ams_form .fvalue {
	width: 60%;
}

.planstable {
        width:534px;
}
.planstable .resRowTitle {
        height: 24px;
        background: url(../images/tablebg1.png);
        border: thin solid #FFFFFF;
        color: #FFFFFF;
        font-size: 12px;
        background-repeat: repeat-x;
        width: 40%;
        background-size: 100% 100%;
        padding: 4px 0px 0px 8px;
}
.planstable .resRowTop {
        height: 24px;
        background: url(../images/tablebg1.png);
        border: thin solid #FFFFFF;
        text-align: center;
        color: #7dbad6;
        background-repeat: repeat-x;
        width: 20%;
        background-size: 100% 100%;
}
.planstable .resRowPrice {
        height: 24px;
        background: url(../images/tablebg2.png);
        border: thin solid #FFFFFF;
        color: #0e415b;
        font-weight: bold;
        background-repeat: repeat-x;
        width: 20%;
        background-size: 100% 100%;
        font-size: 14px;
}
.planstable .resRowPriceB {
        height: 24px;
        background: url(../images/tablebg2.png);
        border: thin solid #FFFFFF;
        color: #0e415b;
        font-weight: bold;
        background-repeat: repeat-x;
        width: 20%;
        background-size: 100% 100%;
        font-size: 12px;
}
.planstable .resRowPriceB a {
        color: inherit;
        text-decoration: none;
}
.planstable .resRowList {
        height: 24px;
        background: url(../images/tablebg3.png);
        border: thin solid #FFFFFF;
        padding: 4px 0px 0px 0px;
        text-align: center;
        color: #5c6266;
        font-size: 12px;
        background-repeat: repeat-x;
        background-size: 100% 100%;
}
.planstable .resRowOrder {
        height: 24px;
        background: url(../images/tablebg4.png);
        border: thin solid #FFFFFF;
        padding: 4px 0px 0px 0px;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        background-repeat: repeat-x;
        background-size: 100% 100%;
}
.planstable .resRowOrder a {
        color: #FF0000;
        text-decoration: none;
}

.ressellertablewhy {
	font-size: 12px;
}

#manage1 {
	padding: 10px;
}
#manage1 a {
	color: #4b85ba;
	text-decoration: none;
}

.preformmat1 {
        font-family: 'Courier New', 'courier 10 pitch', 'Courier', 'Courier New', courier;
}

.packagelist td, .packagelist th {
	text-align: center;
}
.textred {
	color: #FF0000;
}
.textbold {
	font-weight: bold;
}

.packagelist .alignleft {
	text-align: left;
}

.tempimagediv img {
	width: 45%;
	height: 45%;
}

.vpscell {
	width: 35%;
	border: thin solid #000000;
	text-align: left;
	padding: 1em;
	position: relative;
	display: inline-block;
}

.vpsplanprice {
        font-size: 18px;
        color: #186994;
}
.vpsplanorder {
        font-size: 18px;
        color: #186994;
}

.groupblock100 {
	width: 100%;
	display: inline-block;
}

.urgent {
	display: none;
}
.vpsplanheader {
        font-size: 18px;
        color: #186994;
}
.serverbgbottomright {
	background-image: url('../../images/server-left.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.serverbgbottomright128 {
	background-image: url('../../images/server-left128.png');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.forminput13 {
	width: 13% !important;
	display: inline-block !important;
}

.forminput18 {
	width: 18% !important;
	display: inline-block !important;
}

.forminput22 {
	width: 22% !important;
	display: inline-block !important;
}

.forminput28 {
        width: 28% !important;
        display: inline-block !important;
}


.forminput35 {
	width: 35% !important;
	display: inline-block !important;
}

.forminput40 {
	width: 40% !important;
	display: inline-block !important;
}

.forminput60 {
	width: 60% !important;
	display: inline-block !important;
}

.forminput70 {
	width: 70% !important;
	display: inline-block !important;
}

.forminput80 {
	width: 80% !important;
	display: inline-block !important;
}

.forminput100 {
        width: 100% !important;
        display: inline-block !important;
}


@media screen and (max-width: 1280px) {
	.serverbgbottomright {
		background-size: 25% 25%;
	}
	.cardimages {
		width: auto;
		height: 15px;
	}
	.scaleimages {
		transform: scale(.5);
		
	}
}

@media screen and (max-width: 980px) {
	.showchat {
		visibility: hidden;
	}
}



/* #nav{
	width: 100%;
	height: 42px;
	background: url(../images/navbg.png);
}

#navMid{
//	width: 900px;
	width: 92%;
	height: 42px;
	margin: 0 auto;
}

#nav  ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #FFFFFF;
}

#nav li{
	float: left;
	margin: 7px 0px 0px 1.67%;
}


#nav li.home {
	float: left;
	margin: 7px 0px 0px 0px;
}

#nav li a {
	color: #FFFFFF;
	text-decoration: none;
}

#nav li a:hover{
	color: #50caed;
	text-decoration: none;
}

#topboxes {
	width: 100%;
	height: 199px;
	background-color:#181818;
}

#topboxesMid {
//	width: 900px;
	width: 1130px;
	height: 189px;
	margin: 0 auto;
}

#boxShared {
	background: url(../images/topboxbg.png);
	width: 180px;
	height: 122px;
	float: left;
	margin: 19px 0px 0px 0px;
	padding: 13px 15px 15px 15px;
}

#boxReseller {
	background: url(../images/topboxbg.png);
	width: 180px;
	height: 122px;
	float: left;
	margin: 19px 0px 0px 19px;
	padding: 13px 15px 15px 15px;
}

#boxVps {
	background: url(../images/topboxbg.png);
	width: 180px;
	height: 122px;
	float: left;
	margin: 19px 0px 0px 19px;
	padding: 13px 15px 15px 15px;
}

#boxWeb {
	background: url(../images/topboxbg2.png);
	width: 180px;
	height: 122px;
	float: left;
	margin: 19px 0px 0px 19px;
	padding: 13px 15px 15px 15px;
}

.boxTitle {
	font-size: 1.2em;
	color: #17658d;
}

.boxTitle2 {
	font-size: 1em;
	color: #17658d;
}

.boxText2 {
	font-size: 0.8em;
	color: #545454;
	text-align: left; 
	margin: 4px 0px 0px 0px;
	font-size: 14px;
}

.boxText {
	font-size: 14px; 
	color: #545454;
}

.price {
	color: #1b79a5;
	font-style: italic;
	font-size: 1.2em;
	}
	
	
.details a {
	width: 87px;
	height: 29px;
	background: url(../images/details.png);
	display: block;
}

#ams_content {
	width: 900px
	margin: 0 auto;
}
#ams_content a {
	color: #4b85ba;
	text-decoration: none;
}

#ams_left_main {
	width: 504px;
	float: left;
	margin: 20px 0px 0px 0px;
	left: 504px;
	margin-left: 15%;
}
#ams_left_main p {
	color: #696969;
}

#content {
	width: 100%;
	}
	
#contentMid {
	width: 900px;
	margin: 0 auto;
	}
#contentMid a {
	color: #4b85ba;
	text-decoration: none;
}
	
h1 {
        font-size: 22px !important;
        color: #17658d !important;
}

h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 1.35em;
	color: #17658d;
	font-style: normal;
}

h4 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1em;
	color: #228dbe;
	font-style: normal;
}

.red {
color: #a40000;
}

#indexbox p {
	color: #696969;
}

#indexbox {
	width: 504px;
	float: left;
	margin: 20px 0px 0px 0px;
}
.urgent {
	display: none;
}

#aboutbox p {
	color: #696969;
	font-size: 1em;
}

#aboutbox {
	width: 900px;
	float: left;
	margin: 20px 0px 0px 0px;
}

#contactbox p {
	color: #696969;
	font-size: 0.9em;
	margin: 0;
	padding: 0px;
}

.form1 {
width: 219px;
height: 22px;
background: url(../images/formbg.png);
padding: 10px;
margin: 5px 0px 10px 0px;
}

.form2 {
width: 526px;
height: 177px;
background: url(../images/formbg2.png);
padding: 10px;
margin: 5px 0px 10px 0px;
}

/* input {
border: 0px;
	color: #909090;
}

textarea {
border: 0px;
	color: #909090;
}

.row {
	width:534px;
	height: 28px;
}

.rowBottom{
	width:534px;
	height: 28px;
	margin: 0px 0px 40px 0px;
}

.rowTitle {
	height: 24px;
	width: 146px;
	float: left;
	background: url(../images/tablebg1.png);
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 4px 0px 0px 8px;
	color: #fff;
	font-size: 12px;
}
	
.rowTitleB {
	height: 24px;
	width: 146px;
	float: left;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 4px 0px 0px 8px;
	color: #fff;
}

.rowTop{
	height: 24px;
	width: 74px;
	float: left;
	background: url(../images/tablebg1.png);
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #fff;
	color: #7dbad6;
}

.rowPrice{
	height: 24px;
	width: 74px;
	float: left;
	background: url(../images/tablebg2.png);
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #fff;
	color: #0e415b;
	font-weight: bold;
}

.rowList{
	height: 24px;
	width: 74px;
	float: left;
	background: url(../images/tablebg3.png);
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #fff;
	color: #5c6266;
	font-size: 12px;
}

.rowOrder{
	height: 24px;
	width: 74px;
	float: left;
	background: url(../images/tablebg4.png);
	border-right: 1px solid #fff;
	padding: 4px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #fff;
	color: #ffffff;
	font-weight: bold;
}

.rowOrder a {
	color: #ffffff;
	text-decoration: none;
}

.rowOrder a:hover {
color: #37b9e4;

}

#footer{
	width: 100%;
	height: 42px;
	background: url(../images/navbg.png);
	clear: both;
}

#footerMid{
	width: 900px;
	height: 42px;
	margin: 0 auto;
}

#footer  ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #FFFFFF;
}

#footer li{
	float: left;
	margin: 13px 0px 0px 10px;
}


#footer li.home {
	float: left;
	margin: 13px 0px 0px 0px;
}

#footer li.c {
	float: left;
	margin: 13px 0px 0px 180px;
}

#footer li a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer li a:hover{
	color: #50caed;
	text-decoration: none;
} */