body {
    margin: 0px
}
img.block {
    display: block
}
.maintable {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 1000px
}
.maintable .maintable {
    width: 100%
}
.maintable > tbody > tr:first-of-type > td:first-of-type {
    width: 100%;
    height: 100%;
    vertical-align: top
}
.maintable .maintable > tbody > tr:first-of-type > td:first-of-type {
    text-align: center
}
.content {
    border-collapse: separate;
    border-spacing: 1px;
    padding: 0;
    width: 650px;
    text-align: left;
    border: 0px solid #C2DAED;
    margin: 0 auto
}
.content input[type = "radio"]{
    margin-top: 8px;
}
.domain-name .tablecontent.error {
    padding-top: 10px;
    padding-bottom: 5px
}
.domain-name .tablecontent.content {
    padding-left: 50px
}
.contact_input,
.listbox {
    width: 280px
}
.warning{
    color: red;
}
.domain-type .tablecontent,
.hostname .tablecontent,
.common-name .tablecontent,
.customer .tablecontent {
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 20px
}
.domain-type .tablecontent.buttons,
.hostname .tablecontent.buttons,
.common-name .tablecontent.buttons,
.customer .tablecontent,
.customer .tablecontent.buttons {
    padding-top: 0;
    padding-bottom: 0
}
.customer tr:first-of-type .tablecontent {
    padding-top: 20px;
}
.domain-review .table_title,
.hosting-review .table_title {
    background-color: #c2daed;
}
.table_title_top15{
	padding-top: 15px;
}
.domain-review .tableheader,
.vps .tableheader,
.vps-review .tableheader,
.ssl .tableheader,
.ssl-review .tableheader,
.hosting .tableheader,
.hosting-review .tableheader,
.domain-period .tableheader,
.dedicated-server .tableheader {
    width: 30%;
}
.domain-review .tableheader,
.hosting-review .tableheader {
    font-weight: bold;
}
table.noborder {
    border-collapse: collapse;
    border: 0 none;
    width: 100%
}
table.noborder .tabletitle.right {
    text-align: right;
    padding-right: 20px
}
.cyan-hr {
    padding: 0;
    height: 1px;
    background-color: #c2daed;
    display: none
}
.cyan-hr-fixed {
    padding: 0;
    height: 1px;
    background-color: #c2daed;
    display: none
}
.payment textarea.contact_input {
    height: 80px
}
table.content.thanks,
.order-online table.content {
    width: 550px
}
.thanks .paypal {
    text-align: center;
    padding: 15px
}
.thanks .invoice {
    text-align: center;
    padding: 5px
}
td.pagetitle {
    text-align: left;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 30px
}
table.autowidth {
    width: auto
}
.order-online .content .button {
    text-align: center;
    width: 125px
}
.current-customer .left {
    padding-left: 50px;
    vertical-align: top
}
.current-customer .right {
    vertical-align: top
}
.current-customer tr:last-of-type > td {
    padding-bottom: 10px
}
.current-customer .contact_input {
    width: 350px
}
.customer .tablecontent
.customer .error {
    padding-left: 50px;
    padding-bottom: 20px
}
#invoice_preview {
    border: 0 none;
    width: 720px;
    height: 600px
}
.top {
    vertical-align: top
}
.page.content {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: auto
}
.page.content > tbody:first-of-type > tr:first-of-type > td {
    text-align: left;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 30px
}
.page.content > tbody:first-of-type > tr:first-of-type > td > p:first-of-type > table {
    border: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0
}
.page.content > tbody:first-of-type > tr:first-of-type > td > p:first-of-type > table th,
.page.content > tbody:first-of-type > tr:first-of-type > td > p:first-of-type > table td {
    border: 0;
    padding: 0
}
.page.content > tbody:first-of-type > tr:first-of-type > td > p:first-of-type > table > tbody:first-of-type > tr:first-of-type > td:first-of-type > img {
    border: 0;
    float: left;
    width: 25px;
    height: 19px
}
.centre {
    text-align: center
}
.maincontent .content {
    width: 650px
}
.hostplan_subtitle {
    width: 100%
}
#googleMap {
    width: 530px;
    height: 300px;
}
.padright {
    padding-right: 10px
}
.vas .col1 {
    vertical-align: top;
    padding-bottom: 2px
}
.vas .col2 {
    padding-top: 1px;
    width: 100%
}
.vas .col3 {
    text-align: right
}
#message {
    width: 450px;
    height: 150px
}
input[type = "radio"],
input[type = "checkbox"] {
    margin: 0 .125em
}
.no-break {
    white-space:nowrap;
}
.mobile {
    display:none
}
.clear-fix {
    display:block;
    height:0;
    clear:both
}
input[readonly],
button[readonly],
textarea[readonly],
select[readonly] {
    color: #999
}
@media screen and (max-width: 1024px) {
    .maintable {
        width: 100%
    }
    .content,
    .maincontent .content {
        width: 100%;
        max-width: 650px
    }
    table.content.thanks,
    .order-online table.content {
        width: 100%;
        max-width: 550px
    }
}
@media screen and (max-width: 768px) {
    * {
        box-sizing: border-box
    }
    table {
        display: block
    }
    tr {
        margin-top: 0.25em;
        margin-bottom: 0.25em
    }
    thead,
    tbody,
    tr,
    td,
    th {
        display: block;
        width: 100%
    }
    .order-online .content .button {
        width: 100%;
        text-align: right
    }
    .current-customer .contact_input {
        width: 100%;
        max-width: 350px
    }
    .hostname .tablecontent,
    .common-name .tablecontent,
    .domain-name .tablecontent.content,
    .domain-type .tablecontent,
    .customer .tablecontent {
        padding-left: 0
    }
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="date"],
    textarea,
    select {
        max-width: 100%
    }
    #invoice_preview {
       width: 100%;
       overflow: auto
    }
    #googleMap {
        width: 100%;
        max-width: 530px
    }
    #message {
        width: 100%;
        max-width: 450px
    }
    .page.content > tbody:first-of-type > tr:first-of-type > td {
	padding:0
    }
    .desktop {
	display:none
    }
    #domainname {
	width:50%
    }
    #domainname_type {
	width:35% ! important;
	padding-left:0;
	padding-right:0
    }
    .cyan-hr {
	display: block
    }
    .domain-review .tableheader,
    .vps .tableheader,
    .vps-review .tableheader,
    .ssl .tableheader,
    .ssl-review .tableheader,
    .hosting .tableheader,
    .hosting-review .tableheader,
    .domain-period .tableheader,
    .dedicated-server .tableheader {
	width: 100%;
    }
    section.mobile, header.mobile, footer.mobile, body.mobile, center.mobile, article.mobile, main.mobile,
    p.mobile, h1.mobile, h2.mobile, h3.mobile, h4.mobile, h5.mobile, h6.mobile, ol.mobile, ul.mobile, pre.mobile, address.mobile, blockquote.mobile, dl.mobile, div.mobile, fieldset.mobile, form.mobile, hr.mobile, noscript.mobile, table.mobile {
	display: block
    }
    u.mobile, input:not([type = "hidden"]).mobile, a:link.mobile, font.mobile, canvas.mobile, svg.mobile, audio.mobile, video.mobile,
    b.mobile, big.mobile, i.mobile, small.mobile, tt.mobile, abbr.mobile, acronym.mobile, cite.mobile, code.mobile, dfn.mobile, em.mobile, kbd.mobile, strong.mobile, samp.mobile, var.mobile, bdo.mobile, br.mobile, img.mobile, map.mobile, object.mobile, q.mobile, script.mobile, span.mobile, sub.mobile, sup.mobile, button.mobile, label.mobile, select.mobile, textarea.mobile {
	display: inline
    }
    tr.mobile {
	display: table-row
    }
    th.mobile,
    td.mobile {
	display: table-cell
    }
    .mobile-inline-block-left {
	display: inline-block;
	width: auto;
	float: left
    }
    .vas .mobile-w90 {
	width: 90%;
	float:left
    }
    .vas .mobile-w80 {
	width: 80%;
	float:left
    }
    .vas .mobile-w70 {
	width: 70%;
	float:left
    }
    .vas .mobile-w60 {
	width: 60%;
	float:left
    }
    .vas .mobile-w50 {
	width: 50%;
	float:left
    }
    .vas td.mobile.clear-fix {
	display:block
    }
}

#checkoutamt {
	font-weight: bold;
	color: blue;
}