/* sections */
.order-form .section { width: 450px; }
.order-form .section-total { width: 270px; }
.order-form .section-total input[type=submit] { display: block; clear: both; }
.order-form-hosting .section { width: auto; }

/*domain name warning*/
.domain-name-warning { padding-bottom: 5px; color: orange; }

/*form hosting*/
.domain-option-additional { padding-left: 20px; }

/*form credit card*/
.form-credit-card input[type=text] { width: 198px; }
.form-credit-card #card_cvv { width: 115px; }
.form-credit-card #card_type { width: 200px; }

/* buyer confidence */
.buyer-confidence { margin-top: 10px; }
.buyer-confidence td { padding: 5px; vertical-align: middle; position: relative; }
.buyer-confidence .verisign { position: relative; }
.buyer-confidence .verisign object { position: absolute; top: -44px; left: 0px; }
.buyer-confidence td:first-child { padding-left: 0px; }

/*server info*/
#location_picker { height: 23px; width: 250px; position:absolute; z-index: 10; background:url('../img/blank.gif'); }

/*coupon*/
#coupon-success { margin-top: 10px; }

/* service agreement */
.section-exclusives { display: block; }
#service-agreement-excerpt { margin-left: 20px; font-size: 12px; }
.section-agreement td:first-child { padding-right: 5px; }
.section-agreement td { vertical-align: top; }
.section-agreement input { display: block; float: left; margin-right: 5px; }
#tos { margin-top: 10px; padding: 5px; height: 400px; background: #fff; overflow: auto; color: #333; }
#tos h3 { font-size: 16px; color: #000; padding: 0; margin: 0; font-weight: bold; }
#tos ul li { list-style-type: circle; }

/* totals */
.section-total .form-order { margin-bottom: 4px; }
.price-table { margin: 10px 0; }
.price-table td { vertical-align: middle; }
.price-table td:first-child { color: #264c60; padding-right: 10px; text-align: right; }
#price-before-savings { text-decoration: line-through; padding-right: 10px; font-size: 14px; color: #b3c5ce; }
#total { font-size: 28px; float: left; display: block; }
#total-savings { font-size: 14px; color: lime; }
#continue { clear: both; display: block; }

/*price*/
.price { color: #00ff00; }

/* controls */
.form .personal-info, #server-name, #coupon { width: 265px; padding-right: 20px;  }
.form .personal-info, #server-name { width: 225px; }
#coupon-apply { text-decoration: none; }
#coupon { width: 100px; }
#slot_price, #select_loc, #location_picker { width: 250px; }
#C_SUBDOMAIN { width: 135px; }

/* special features */
.special-feature input[type="checkbox"] { float: left; margin: 5px; }
.special-feature, .additional-container { position: relative; cursor: pointer; }
.special-feature .additional { padding: 5px 0 10px 18px; }
.special-feature-unchecked .additional, .additional-container .additional, .exclusives li .additional { background: url(../img/additional-info.png) no-repeat left center; color: #fff; font-size: 12px; width: 230px; padding: 8px 5px 8px 15px; line-height: 18px; }
.special-feature-unchecked .additional { display: none; position: absolute; z-index: 200; top: -13px; right: -210px; }
.additional-container { width: 220px; }
.additional-container.additional-container-alt:hover { background: transparent; }
.additional-container.additional-container-alt .additional { right: -290px; top: 11px;  }

.additional-container .additional { display: none; position: absolute; z-index: 200; top: 0px; right: -300px; line-height: 18px; }

.special-feature-unchecked:hover .additional, .additional-container:hover .additional { display: block; }
.special-feature-unchecked .additional-inputs { display: none; }
.special-feature .additional-inputs { margin-top: 10px; }
.additional-container .additional td:first-child { padding-right: 6px; }

.special-feature label { padding: 3px; cursor: pointer; font-size: 16px; text-transform: none; display: inline-block; }
.special-feature div label { text-transform: uppercase; font-size: 10px; padding: 0px; display: block; }

/*billing cycle*/
ul.billing-cycles { padding: 0px; margin-top: 0px; width: auto !important; }
ul.billing-cycles li { cursor: pointer; float: left; display: block; padding: 5px; width: 67px; text-align: center; text-transform: none; position: relative;}
ul.billing-cycles li .billing-cycle-discount { font-size: 14px; font-weight: bold; }
ul.billing-cycles li .no-discount { font-size: 11px; color: #666; }
ul.billing-cycles li:first-child { padding: 5px 0; border-left: 0px; }
ul.billing-cycles li span { display: block; }
ul.billing-cycles li .popular { display: block; height: 13px; width: 77px; position: absolute; bottom: -13px; left: 0px; font-size: 10px; background: #32669a; }
ul.billing-cycles li .strike-through { text-decoration: line-through; color: #666; }
.bcycle-selling .thumbs-up { float: left; width: 30px; }
.bcycle-selling .selling-text { float: left; width: 325px; }


#domain-selector div { font-size: 16px; }

/*coupon*/
#coupon-success { margin-top: 10px; }

/* other curreny */
#alt-currency { display: block; float: left; width: 20px; height: 20px; margin: 12px 0 0 5px; background: url(../img/alt-currency-arrow.png) no-repeat 0 3px; }
.alt-currency-loading { background-image: url(../img/small-loader.gif) !important ; }
#alt-currency:hover { background: transparent; }
#alt-currency:hover ul { display: block; }
#alt-currency ul { display: none; }
#alt-currency ul { float: left; padding: 0; margin: 0 0 5px 0; list-style: none outside none; clear: both; }
#alt-currency ul li { display: block; float: left; padding: 0 10px 0 0; margin: 0; width: auto; clear: none; }
#alt-currency ul li span { font-size: 14px; font-weight: bold; text-decoration: none; cursor: pointer; color: #00FF06;  }
#alt-currency ul li:hover span { color: #fff; }

/* savings */
#pre-savings { display: none; font-size: 14px; }

/*payment*/
.payment-methods .ui-state-default { margin-top: 10px; cursor: pointer; padding: 5px; }
.payment-methods .ui-state-default:first-child { margin-top: 0px; }
.payment-methods .ui-state-default:hover { background-position: top; }
.payment-methods img { margin-left: 15px }
.payment-methods ul { margin: 0px; padding: 0px; list-style-type: none; }
.payment-data table tr th, .payment-data table tr td { padding-top: 10px; }
.payment-data table tr:first-child td { padding-top: 0px; }
.payment-data table tr td { padding-left: 10px; vertical-align: top; }
.payment-data table tr td + td + td { font-weight: bold; }
.payment-data table tr td:first-child { padding-left: 0px; font-weight: bold; white-space: nowrap; }


/* receipt */
.receipt { width: 350px; padding: 10px; margin: 10px auto; }
.receipt table { width: 100%; }
.receipt table th, .receipt table td { padding: 5px; } 
.receipt table tr th { font-weight: bold; text-align: left; }
.receipt table tr td { text-align: right; }
.receipt-loading { text-align: center; padding: 0 0 20px 0; margin: 0 0 10px 0; }

/* group pay */
.group-payment { width: 650px; }
.group-payment th { font-weight: bold; }