/* Reset Stylesheet */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
#error_message {
font-size: 16px;
display: none;
}
#please_wait {
font-weight: bold;
font-size: 16px;
display: none;
}
#menu1-bg {
position:absolute;
top: 0px;
left: 920px;
width: 334px;
height: 34px;
z-index: 3;
}
#menu1-help {
position:absolute;
-font-weight: bold;
font-size: 16px;
top: 5px;
left: 1010px;
width: 200px;
height: 14px;
color: #FFFFFF;
text-decoration:underline;
z-index: 6;
}
body {
margin: 0px;
padding: 0px;
-background: #efefef;
-background: #1C6FA7;
background: #3673A8;
}
a {
color: #13315D;
text-decoration: none;
}
.breakfree {
clear:both;
display:block;
}
header.body {
-background: url("../images/header_glow.png") no-repeat scroll 50% 0 transparent;
height: 333px;
-pie-png-fix: true;
behavior: url(/assets/v1/new/js/PIE.htc);
}
header.body .logo {
left: 540px;
width:348px;
height:41px;
position: absolute;
top: 15px;
-pie-png-fix: true;
behavior: url(/assets/v1/new/js/PIE.htc);
}
header.body .section {
right: 165px;
position: absolute;
text-align:right;
}
header.body .section .phone {
color: #FCF9F9;
display: block;
font: 31px/38px Arial,Helvetica,sans-serif;
margin: 0 0 -1px;
text-align: right;
}
header ul {
float: right;
font: 18px/23px Arial,Helvetica,sans-serif;
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 7px 0 0;
}
header ul li {
-background: url("../images/separator1.gif") no-repeat scroll 0 7px transparent;
color: #010101;
float: left;
margin: 0 0 0 -19px;
padding: 0 30px 0 19px;
}
header ul li.inactive_step {
color: #A1BED2;
}
/* Hide BS LiveChat star ratings and other junk */
.lpPoweredBy, .lpEmtStarRating {
display: none;
}
body input.req, .selectArea.req {
background: none repeat scroll 0 0 #FFE7E7 !important;
border: 2px solid #990000 !important;
}
/* Custom form */
.outtaHere {
position:absolute;
left:-3000px;
}
/* checkboxes */
.checkboxArea, .checkboxAreaChecked {
float:left;
width:13px;
height:14px;
overflow:hidden;
background:url(../images/bg-checkbox.gif) no-repeat 0 -19px;
}
.checkboxAreaChecked {background-position:0 0;}
/* select */
.selectArea {
position: relative;
height: 35px;
line-height:15px;
float:left;
color:#585656;
font-size:12px;
display:inline;
}
.selectArea .left {
position: absolute;
top: 0;
left: 0;
width:10px;
height:100%;
background:url(../images/bg-select-left.gif) no-repeat;
display:block;
}
.selectArea .center{
height:35px;
line-height:35px;
display:block;
padding:0 38px 0 9px;
background:url(../images/bg-select-center.gif) repeat-x;
}
.selectArea .center img {
float:left;
}
.selectArea a.selectButton {
background: url("../images/bg-select-button.gif") no-repeat scroll 100% 0 transparent;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.optionsDivInvisible, .optionsDivVisible {
background: none repeat scroll 0 0 #F8FDFE;
display: block;
font-size: 12px;
position: absolute;
width: 100%;
z-index: 30;
}
.optionsDivInvisible {display: none;}
.optionsDivVisible ul {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 0;
}
.optionsDivVisible ul li {
float: left;
width: 100%;
}
.optionsDivVisible a {
color: #585656;
display: block;
height: 1%;
overflow: hidden;
padding: 5px 5px 5px 13px;
text-decoration: none;
}
.optionsDivVisible a img {
border:none;
float:left;
}
.optionsDivVisible a:hover {background:#e9eeef;}
article, aside, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
article {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 8px #666666;
margin: -235px auto 10px;
padding: 6px;
width: 799px;
}
article header {
background: #E4F1F9;
/* background: -moz-radial-gradient(circle , #E4F1F9, #D0F1F8) repeat scroll 0 0 #E4F1F9; */
background-image: linear-gradient(circle, rgb(228,241,249) 4%, rgb(208,241,248) 52%);
background-image: -o-linear-gradient(circle, rgb(228,241,249) 4%, rgb(208,241,248) 52%);
background-image: -moz-linear-gradient(circle, rgb(228,241,249) 4%, rgb(208,241,248) 52%);
background-image: -webkit-linear-gradient(circle, rgb(228,241,249) 4%, rgb(208,241,248) 52%);
background-image: -ms-linear-gradient(circle, rgb(228,241,249) 4%, rgb(208,241,248) 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, rgb(228,241,249)),
color-stop(0.52, rgb(208,241,248))
);
border-bottom: 1px solid #E2E4E1;
padding: 16px 16px 12px 31px;
}
article header.warning{
background: #fff;
padding: 0px;
overflow: hidden;
height: 71px;
margin-bottom: 12px;
border-bottom: 0;
}
article header h1 {
color: #030303;
float: left;
font: 30px/35px Arial,Helvetica,sans-serif;
letter-spacing: -2px;
margin: 0;
word-spacing: 3px;
}
article section {
box-shadow: 0 0 2px 2px #E6E4E5 inset;
height: auto !important;
margin: 2px 0;
min-height: 320px;
padding: 30px;
}
/*
article section h2 {
color: #B7B7B7;
font-family: 'Trebuchet MS',Helvetica,sans-serif;
font-size: 17px;
margin: 0 0 12px 0;
padding: 0;
}
article section h2 em {
color: #010101;
font-style: normal !important;
}
*/
.center_text {
text-align:center;
}
.container {
box-shadow: 0 0 4px #E6E6E6;
margin: 8px 0;
padding: 6px;
}
input, textarea, select {
color: #000000;
font: 100% Arial,Helvetica,sans-serif;
}
.container-alt {
width: 645px;
margin: 8px auto 0;
}
.container h3 {
background-color:#3672A8;
/*
background: -moz-linear-gradient(center top , #3672A8, #5188B3) repeat scroll 0 0 transparent;
*/
background-image: linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -o-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -moz-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -webkit-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -ms-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, rgb(81,136,179)),
color-stop(0.52, rgb(54,115,168))
);
color: #FFFFFF;
font-family: 'Trebuchet MS',Helvetica,sans-serif;
font-size: 18px;
height: 41px;
line-height: 41px;
margin: 0;
overflow: hidden;
padding: 0 20px;
text-shadow: 1px 1px 3px #294963;
}
.container .inner {
/*
background: -moz-radial-gradient(circle , #E4EEF8, #D2F1F8) repeat scroll 0 0 #E4EEF8;
*/
background:#D2F1F8;
background-image: linear-gradient(bottom, rgb(228,238,248) 4%, rgb(210,241,248) 52%);
background-image: -o-linear-gradient(bottom, rgb(228,238,248) 4%, rgb(210,241,248) 52%);
background-image: -moz-linear-gradient(bottom, rgb(228,238,248) 4%, rgb(210,241,248) 52%);
background-image: -webkit-linear-gradient(bottom, rgb(228,238,248) 4%, rgb(210,241,248) 52%);
background-image: -ms-linear-gradient(bottom, rgb(228,238,248) 4%, rgb(210,241,248) 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, rgb(228,238,248)),
color-stop(0.52, rgb(210,241,248))
);
box-shadow: 0 -2px 2px 2px #E6E4E5 inset;
font-family: arial;
font-size: 14px;
padding: 15px;
}
.container ul {
font: 14px/17px Arial,Helvetica,sans-serif;
list-style: none outside none;
margin: 0;
}
/* Signup page domain options */
#transfer_and_new_domain_register .container ul {
padding: 0 0 10px 57px;
}
#transfer_and_new_domain_register strong {
display:block;
width:34px;
}
/* End signup page domain options */
.container .box-holder {
margin: 0 auto;
width: 396px;
}
.container .box-holder .domain-row {
padding-left: 0;
margin:10px 0 10px;
}
.container .domain-row .input-text {
background: url("../images/bg-text.jpg") no-repeat scroll 0 0 transparent;
float: left;
margin: 0 3px 0 0;
width: 174px;
}
.container .domain-row .input-text input {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 14px;
padding: 9px 15px;
width: 144px;
}
.container .box-holder .domain-row strong {
float: left;
margin: 8px 4px 0 0;
}
.container .box-holder .input-text {
background: url("../images/bg-text2.gif") no-repeat scroll 0 0 transparent;
width: 260px;
}
.container .box-holder .input-text input {
width: 226px;
}
.container .box-holder ul {
padding-left: 42px;
}
.btn {
background: url("../images/button_bg.png") no-repeat scroll 100% 0 transparent;
border: 0 none;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
cursor: pointer;
font-family: 'Trebuchet MS',Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 33px 0 22px;
text-align: center;
text-shadow: 0 2px 2px #283B01;
}
.btn:hover {
background-position: 100% 100%;
}
#copyright {
width:811px;
margin:0 auto;
padding-bottom:40px;
text-align:center;
}
#copyright a {
color: #0054A6;
text-decoration: underline;
}
#seals {
min-height:0px;
padding:0;
}
#seals ul {
list-style: none outside none;
margin: 0 auto;
padding: 9px 0;
text-align: center;
}
#seals ul li {
display: inline-block;
margin: 0 13px;
vertical-align: top;
}
#new_domain_register {
padding-bottom:30px;
}
/* Signup Form */
#new_domain_register label {
font-weight:700;
}
#new_domain_register .domain_form li {
margin-bottom:7px;
}
section h4{
color: #000;
font-size: 18px;
font-wieght: bold;
display: block;
margin: 18px auto !important;
}
.narrow{
width: 645px;
margin: 8px auto 0;
}
.center{
display: block;
text-align: center;
margin: 0 auto;
clear: both;
}
/************** FORMS AND FIELDSETS *********************/
fieldset{
border: 0;
margin: 0px;
padding: 10px;
}
fieldset#alternate_tlds legend{
margin: 0px;
padding: 0px;
}
fieldset#alternate_tlds div{
height: 33px;
line-height: 33px;
padding: 0 8px;
}
fieldset#alternate_tlds div.alt, fieldset#alternate_tlds div:nth-child(odd){
background: #b8d4ed;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
fieldset#alternate_tlds label{
font-weight: bold;
font-size: 15px;
}
fieldset#alternate_tlds input{
margin-right: 10px;
}
/* Billing Page Styles */
#billing .column_left, #billing .column_right {
float:left;
width:358px;
}
#billing .column_right {
float:right;
}
.container .domain_form li {
margin-bottom:5px;
}
.timing-block {
background: url("../images/bg-timing-c.gif") repeat-y scroll 0 0 transparent;
margin: 0 auto 3px auto;
width: 720px;
}
.inner .timing-block {
background: url("../images/bg-timing-c2.gif") repeat-y scroll 0 0 transparent;
margin-bottom: 11px;
width: 891px;
}
.timing-block .holder {
background: url("../images/bg-timing-t.gif") no-repeat scroll 0 0 transparent;
width: 720px;
}
.inner .timing-block .holder {
background: url("../images/bg-timing-t2.jpg") no-repeat scroll 0 0 transparent;
font-size: 13px;
text-align: center;
width: 891px;
}
.timing-block .frame {
background: url("../images/bg-timing-b.gif") no-repeat scroll 0 100% transparent;
padding: 13px 10px 8px;
width: 700px;
}
.inner .timing-block .frame {
background: url("../images/bg-timing-b2.gif") no-repeat scroll 0 100% transparent;
padding: 15px 140px 30px;
width: 611px;
}
.timing-block .time {
background: url("../images/bg-time.gif") no-repeat scroll 0 0 transparent;
float: left;
font: bold 20px/24px Arial,Helvetica,sans-serif;
height: 38px;
margin: 0 19px 0 0;
padding: 11px 0 0;
text-align: center;
width: 131px;
}
.inner .timing-block .time {
background: url("../images/bg-time2.gif") no-repeat scroll 0 0 transparent;
float: none;
height: 34px;
margin: 0 auto 18px;
padding-top: 9px;
}
.inner .timing-block h3 {
color: #306EA6;
font: bold 15px/19px Arial,Helvetica,sans-serif;
margin: 0 0 8px;
text-align: center;
}
.timing-block p {
margin: 0;
}
.timing-block p cufon {
margin: 0 !important;
padding: 0 0 5px;
}
.timing-block .timing-holder {
font-size: 13px;
overflow: hidden;
width: 100%;
}
h2#billing_congrats{
color: #13315D;
font: bold 20px/25px Arial,Helvetica,sans-serif;
margin: 0 0 9px;
text-align: center;
}
#billing .total-info {
border-top:2px solid #fff;
color: #13315D;
font-size: 11px;
line-height: 14px;
}
#billing .total-info #total_header {
display:none;
}
body.js_enabled #billing .total-info #total_header {
display:block;
}
#billing .total-info .inner_total {
border-top:1px solid #eee;
padding: 24px 22px 0 13px;
}
#billing .total-info #total_header {
margin: 0 0 0 2px;
padding-bottom:23px;
}
#billing .total-info strong {
color: #010101;
font: bold 17px/21px Arial,Helvetica,sans-serif;
overflow: hidden;
}
#billing .total-info .row {
overflow: hidden;
padding: 7px 0 0;
width: 100%;
}
#billing .total-info .row input {
float:left;
}
#billing .total-info label {
float: right;
width: 280px;
}
#billing .total-info label a {
border-bottom: 1px solid #13315D;
}
#billing .total-label {
float: left;
}
#billing .total-sum {
float: right;
}
#billing .total-info p {
margin: 0 0 6px;
}
#cvv2_code {
position:relative;
}
#cvv2_popup {
background: url("/desktoplightning/assets/images/cvv2.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
display: block;
height: 164px;
position: absolute;
right: -115px;
top: -164px;
width: 494px;
z-index: 999999;
}
#cvv2_popup_click, #cvv2_popup {
display:none;
}
body.js_enabled #cvv2_popup_click {
display:inline;
}
#billing #package_info .inner {
padding:5px 0 15px;
}
#billing .options_block ul, #three_col_billing .options_block ul {
display:block;
padding: 0 8px;
border-bottom:1px solid #eee;
}
#billing .options_block ul strong, #three_col_billing .options_block ul strong {
float: right;
font-size: 13px;
text-transform: uppercase;
}
#billing .options_block ul li, #three_col_billing .options_block ul li {
padding: 7px 14px;
margin-bottom:3px;
display:block;
font-weight:700;
font-size:12px;
}
#billing .options_block ul li label, #three_col_billing .options_block ul li label {
float:left;
}
#billing .options_block ul li label span, #three_col_billing .options_block ul li label span {
font-weight:400;
}
#billing .options_block .pack_info_spacer, #three_col_billing .options_block .pack_info_spacer {
float: left;
width: 23px;
}
#billing .options_block ul .checked, #three_col_billing .options_block ul .checked {
-background: url("../images/ico-checked.png") no-repeat scroll 0 0 transparent;
height: 13px;
margin: 2px 0 0;
overflow: hidden;
text-indent: -9999px;
}
#billing .options_block ul input, #three_col_billing .options_block ul input {
margin:0px;
}
#billing .options_block ul li.alternate_billing_row, #billing .options_block ul li:nth-child(even), #three_col_billing .options_block ul li:nth-child(even) {
background:#b8d4ed;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/assets/v1/new/js/PIE.htc);
}
#billing_info {
min-height:315px;
height: auto !important;
height: 315px;
}
#billing .options_block ul li.alternate_billing_row {
background:#b8d4ed;
}
#billing .addinfo-form .row, #billing .billing-info .row, #three_col_billing .billing-info .row {
margin: 0 0 8px;
overflow: hidden;
width: 100%;
}
#billing .inner_total .row.req {
background:#FFE7E7;
border:2px solid #900;
}
#billing .billing-info #security_row.row,#three_col_billing .billing-info #security_row.row {
overflow:visible;
}
#billing .addinfo-form label, #billing .billing-info label, #three_col_billing .billing-info label {
color: #010101;
float: left;
font-size: 11px;
line-height: 13px;
margin: 3px 16px 0 0;
text-align: right;
width: 95px;
}
#billing .addinfo-form input, #billing .billing-info input, #three_col_billing .billing-info input {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #ADADAF #E1E1E3 #E1E1E3;
border-style: solid;
border-width: 1px;
float: left;
line-height: inherit;
margin: 0;
padding: 3px 5px 2px;
width: 176px;
}
.inner #billing .addinfo-form input, .inner #billing .billing-info input {
height: 15px;
width: 129px;
}
#billing .billing-info input.short, #three_col_billing .billing-info input.short {
margin-right: 10px;
width: 85px;
}
#billing .addinfo-form select {
width: 186px;
}
#billing .billing-info select {
width: 59px;
}
#billing .billing-info a {
font-size: 10px;
}
/* End Billing Page Styles */
/* Traffic Page Styles - Compensate for lack of Cufon */
.traffic_upsell_container div h4 {
font-size:20px !important;
margin:0 !important;
}
.traffic_upsell_container div span {
font-size:19px !important;
}
.traffic_upsell_container div em {
font-size:24px !important;
}
.traffic_upsell_container div.cufonator {
padding-top: 21px !important;
}
.traffic_upsell_container div.hidden {
display:none;
}
p#links_description {
margin: 10px 0 20px;
}
p#links_description strong {
font-weight:bold;
color:#000;
}
#search_engine_logos {
text-align:center;
width:612px;
margin:0 auto;
}
#search_engine_logos div.se_logo {
float:left;
margin:0 5px;
}
#search_engine_logos div.breakfree {
float:none;
clear:both;
}
#heading_links {
background:url('/assets/vfree/images/heading-links.png') left top no-repeat;
display:block;
text-indent:-99999px;
width:747px;
height:105px;
margin-bottom:10px;
}
div.clear {
clear:both;
}
/* End Traffic Page Styles */
/************** Order Confirmation Page - Top box of info (order id, invoice id etc) *********************/
.inner.order_confirmation{
background: #e4f0f8 url('/assets/v1/new/images/checkmark_107x107.png') no-repeat 15px 28px;
color: #111;
padding: 15px 10px 40px 150px;
}
.inner.order_confirmation p{
margin-bottom: 10px;
}
.inner.order_confirmation strong{
font-weight: bold;
}
.inner.order_confirmation h4{
font-size: 25px;
color: #13315d;
margin: 8px 0 15px 0;
}
/************** Order Confirmation Page - order summary box (prices etc)*********************/
div.hr {
background: url(/assets/v1/new/images/hr.png) no-repeat 50% 50%;
height: 5px;
width: 100%;
margin: 18px auto;
}
.inner.order_summary{
padding: 10px 25px 40px 25px;
}
.inner.order_summary dl{
font-weight: bold;
background: url(/assets/v1/new/images/icon_checkmark.png) no-repeat 12px 50%;
padding: 0 15px 0 35px;
clear: both;
display: block;
height: 36px;
line-height: 36px;
text-align: right;
clear: both;
color: #000;
}
.inner.order_summary dl.alt{
background-color: #b8d4ed;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.inner.order_summary dl.credit{
color: #406618;
}
.inner.order_summary dl dt,
.inner.order_summary dl.atl dt{
float: left;
}
.inner.order_summary div.total{
text-align: right;
color: #000;
}
.inner.order_summary div.total strong{
font-size: 18px;
font-weight: bold;
}
.inner.order_summary div.total span{
float: left;
width: 350px;
text-align: left;
}
.checkmark_img{
display: block;
width: 28px;
height: 35px;
background: url(/assets/v1/new/images/checkmark_28x23.png) no-repeat 0 50%;
float: right;
}
/************* LOGIN PAGE **********/
.login_form p {
margin-bottom:15px;
}
#login_form_username, #login_form_password {
float:left;
width:49%;
}
#login_form_username input, #login_form_password input {
display:block;
}
#non_ajax_login_form {
width:440px;
margin:10px auto;
}
#ajax_login_form #login_form_username, #ajax_login_form #login_form_password, #non_ajax_login_form.pass_reset_form #login_form_username {
float:none;
width:auto;
}
#ajax_login_form #login_form_username input, #ajax_login_form #login_form_password input, #reset_email {
width:93%;
}
/*************** UPSELLS A-LA-CARTE *******************/
.offer-block {
background: url("../images/bg-special-block.jpg") no-repeat scroll 0 0 transparent;
height: 270px;
margin: 0 0 12px;
padding: 10px;
width: 709px;
}
.offer-block .heading {
background: url("../images/bg-offer-heading.gif") repeat-x scroll 0 0 #386A98;
margin: 0 0 15px;
overflow: hidden;
padding: 14px 21px 8px;
width: 667px;
}
.offer-block .heading h2 {
color: #FFFFFF;
float: left;
font: 24px/28px Arial,Helvetica,sans-serif;
margin: 0;
}
.offer-block .heading h3 {
color: #FFFFFF;
float: right;
font: 18px/24px Arial,Helvetica,sans-serif;
margin: 4px 0 0;
}
#ala_carte .offer-block .heading cufon {
float: left;
margin: 0 !important;
}
.offer-block .recommended {
background: url("../images/img-recommended.png") no-repeat scroll 0 0 transparent;
height: 67px;
left: -11px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: -17px;
width: 269px;
}
.offer-block .text {
background: url("../images/bg-offer-text.gif") no-repeat scroll 0 0 transparent;
height: 192px;
margin: 0 auto;
padding: 4px 12px 0 37px;
position: relative;
width: 628px;
}
.offer-block .text:after {
clear: both;
content: "";
display: block;
}
.offer-block .save-block {
float: right;
font-size: 18px;
line-height: 22px;
}
.offer-block .save-value {
background: url("../images/bg-save-circle.jpg") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
font: 56px/59px Arial,Helvetica,sans-serif;
height: 152px;
letter-spacing: -2px;
margin: 0 0 -40px;
padding: 26px 0 0;
text-align: center;
text-transform: uppercase;
width: 178px;
}
#ala_carte .offer-block .save-block {
position:relative;
width:178px;
height:178px;
}
#ala_carte .offer-block .save-value {
margin-bottom:0px !important;
text-align:center;
margin:0;
line-height:1em;
}
#ala_carte .offer-block .save-value span {
margin:0;
}
#ala_carte .offer-block .btn-add {
position:absolute;
display:block;
padding:0px;
height:40px;
line-height:40px;
bottom:0px;
width:142px;
text-align:right;
margin: 0 auto;
left:17px;
font-size:0.9em;
font-weight:bold;
cursor:pointer;
}
#ala_carte .offer-block .btn-add span {
padding-right:33px;
display:block;
}
#ala_carte .add_a_la_carte {
background:url('/assets/vfree/images/btn-add2.png') left top no-repeat;
width:97px;
height:21px;
line-height:21px;
font-weight:bold;
padding:3px 0px 3px 6px;
font-size:11px;
text-align:left;
cursor:pointer;
}
#ala_carte .add_a_la_carte input {
margin:0 0 0 3px;
cursor:pointer;
}
#ala_carte .add_a_la_carte label, #ala_carte .add_a_la_carte span {
cursor:pointer;
}
#ala_carte .add_a_la_carte_checked {
background:url('/assets/vfree/images/btn-add2-selected.png') left top no-repeat;
}
.user-cancel-block {
color: #003471;
font: 17px/23px Arial,Helvetica,sans-serif;
letter-spacing: -1px;
margin: -6px 0 0;
text-align: center;
width: 100%;
}
.user-cancel-block a {
border-bottom: 1px solid #003471;
color: #003471;
display: inline-block;
font-weight:bold;
padding: 0;
vertical-align: top;
}
.cufon-active .offer-block .save-value {
font: 68px/68px Arial,Helvetica,sans-serif;
}
.offer-block .save-value span {
display: block;
margin: 0 0 -24px;
overflow: hidden;
}
.cufon-active .offer-block .save-value cufon {
margin: 0 !important;
}
.offer-block .save-block .btn-add {
background: url("../images/btn-add1.png") no-repeat scroll 0 0 transparent;
display: block;
height: 28px;
margin: 0 0 0 16px;
overflow: hidden;
padding: 12px 24px 0 20px;
width: 98px;
}
#ala_carte .offer-block .save-block .btn-add cufon {
float: left;
margin: 0 !important;
}
.offer-block .save-block .btn-add:hover {
text-decoration: none;
}
.offer-block .text-block {
font-size: 14px;
line-height: 17px;
padding: 43px 0 0;
width: 445px;
}
.offer-block .text-block h2 {
font-size: 32px;
letter-spacing: -2px;
line-height: 36px;
margin: 0 0 12px;
overflow: hidden;
width: 100%;
}
.offer-block .text-block h2 cufon {
float: left;
margin: 0 !important;
}
#ala_carte .offer-block .text-block h2 strong {
float: none;
font-size: 24px;
margin: 4px 0 0;
}
#ala_carte .offer-block .text-block h2 strong cufon {
margin-top: 5px !important;
}
.offer-block .text-block p {
height: 1%;
margin: 0;
overflow: hidden;
}
.offer-block .text-block p cufon {
float: left;
margin: 0 !important;
padding: 0 0 3px;
}
#ala_carte .plane-holder {
margin: 0 auto;
width:auto !important;
}
#ala_carte .plane-holder .holder {
width:auto !important;
}
#ala_carte .plane-holder .frame {
padding: 27px 0 16px;
width:auto !important;
padding-top:12px !important;
}
.plane-holder .item-box {
background: url("../images/bg-item-box-c.gif") repeat-y scroll 0 0 transparent;
margin: 0 auto 4px;
width: 677px;
}
.plane-holder .item-box-holder {
background: url("../images/bg-item-box-t.gif") no-repeat scroll 0 0 transparent;
width: 677px;
}
.plane-holder .item-box-frame {
background: url("../images/bg-item-box-b.gif") no-repeat scroll 0 100% transparent;
overflow: hidden;
padding: 12px 9px 10px 26px;
width: 642px;
}
.plane-holder .item-box .section {
float: right;
position: relative;
text-align: center;
width: 103px;
}
.item-box .section img {
vertical-align: top;
}
.item-box .section .btn {
bottom: 2px;
left: 0;
position: absolute;
}
.item-box .section .btn-holder {
background: url("../images/btn-add2.png") no-repeat scroll 0 0 transparent;
font-size: 14px;
height: 22px;
overflow: hidden;
padding: 5px 0 0 5px;
text-align: left;
width: 98px;
word-spacing: -1px;
}
.item-box .section .selected .btn-holder {
background: url("../images/btn-add2-selected.png") no-repeat scroll 0 0 transparent;
}
.item-box .section .btn-holder input {
float: left;
height: 16px;
margin: 2px 2px 0 0;
padding: 0;
width: 16px;
}
.item-box .section .btn-holder label {
float: left;
text-align: center;
width: 74px;
}
.plane-holder .item-box h3 {
font: 16px/19px Arial,Helvetica,sans-serif;
height: 1%;
margin: 0 0 8px;
overflow: hidden;
}
.cufon-active .plane-holder .item-box h3 {
line-height: 18px;
}
.plane-holder .item-box h3 cufon {
float: left;
margin: 0 !important;
}
.plane-holder .item-box .text {
float: left;
padding: 8px 0 0;
width: 539px;
}
.plane-holder .item-box .text p {
margin: 0;
}
#body_tag.js_enabled #alacarte_submit {
display:none;
}
/* NEW SELECT BOX REPLACEMENT */
.awesome_selectbox {
font-weight : bold;
font-size : 1.1em;
border : 0px none transparent;
display : block;
position : static !important;
background:transparent;
}
.awesome_selectbox_container {
background : #fff;
float : left;
padding : 5px;
height : 25px;
box-shadow : 0 0 2px 2px #E6E4E5 inset;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
.container .billing .awesome_selectbox_container {
margin-right:11px;
}
.domain_form .awesome_selectbox_container, .container .billing .awesome_selectbox_container, .container .order_summary .awesome_selectbox_container {
float: right;
}
/* END NEW SELECT BOX REPLACEMENT */
/* Addon Domain Upsells - Step 9 in Free */
.addon_domain_upsell_wrapper {
margin-left:30px;
padding:5px 10px;
background:#ffff99;
background-image: linear-gradient(bottom, rgb(255,255,102) 31%, rgb(255,255,153) 67%);
background-image: -o-linear-gradient(bottom, rgb(255,255,102) 31%, rgb(255,255,153) 67%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,102) 31%, rgb(255,255,153) 67%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,102) 31%, rgb(255,255,153) 67%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,102) 31%, rgb(255,255,153) 67%);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.31, rgb(255,255,102)),color-stop(0.67, rgb(255,255,153)));
border:1px solid #FFDF60;
border-radius:5px;
-moz-border-radius:5px;
margin-bottom:3px;
}
.form-chekdomain .addon_domain_upsell_wrapper label {
padding-left:0px;
font-size:13px;
display:block;
cursor:pointer;
}
.form-chekdomain .addon_domain_upsell_wrapper label em {
font-size:10px;
font-family:tahoma,arial,sans-serif;
float:right;
color:#600;
}
.form-chekdomain .addon_domain_upsell_wrapper label strong {
font-weight:bold;
display:block;
margin-bottom:3px;
}
/* 3 COL BILLING PAGE */
#three_col_billing {
width:910px;
margin:0 auto;
}
.column {
width:290px;
margin-right:20px;
float:left;
}
.columnright {
margin-right:0px;
}
#package_info .inner {
padding:8px 0;
}
#three_col_billing #package_info .options_block ul {
padding:0;
}
#three_col_billing .options_block ul strong {
font-size:12px;
}
#three_col_billing .billing-info label {
width:89px;
font-weight:bold;
}
#three_col_billing .billing-info input {
width: 129px;
}
#three_col_billing .billing-info input.short {
width:65px;
}
body.js_enabled #three_col_billing #cvv2_popup_click {
font-size:0.7em;
}
#timing-block-new {
border:2px solid #949597;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin:0 6px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px 3px #cccccc;
box-shadow: 0px 0px 3px 3px #cccccc;
}
#timing-block-new .holder {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 3px 3px #cfdae4;
-moz-box-shadow: inset 0px 0px 3px 3px #cfdae4;
box-shadow: inset 0px 0px 3px 3px #cfdae4;
height:100%;
padding:10px;
background:#f1f1f1;
}
#timing-block-new .holder h2 {
margin:0px;
color:#000;
font-size:21px;
line-height:25px;
}
#timing-block-new .holder h3 {
color: #306EA6;
font-size:15px;
line-height:19px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
margin: 10px 0 8px;
text-align: center;
}
#timing-block-new .holder p {
font-size: 13px;
line-height:1.6em;
text-align: center;
color:#000;
font-family:Arial,Helvetica,sans-serif;
display:block;
width:611px;
font-weight:bold;
margin:8px auto 0;
}
#timing-block-new #time_remaining {
border:3px solid #457eae;
background:#fff56a;
color:#000;
font-weight:bold;
font-size:1.4em;
text-align:center;
padding:10px 0;
width:125px;
margin:0 auto;
-webkit-box-shadow: inset 0px 0px 5px 5px #fbcf0e;
-moz-box-shadow: inset 0px 0px 5px 5px #fbcf0e;
box-shadow: inset 0px 0px 5px 5px #fbcf0e;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#guarantee .guarantee-block, #package_info .options_block {
min-height: 546px;
height: auto !important;
height: 546px;
}
#package_info .options_block {
min-height: 556px;
height: auto !important;
height: 556px;
}
#three_col_billing #guarantee_heading {
color: #13315D;
font-weight:bold;
font-size:23px;
line-height:30px;
font-family:Arial,Helvetica,sans-serif;
display:block;
margin:0 0 15px;
text-align:center;
}
#three_col_billing #guarantee_seal {
border:4px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#fff;
padding:10px;
-webkit-box-shadow: inset 0px 0px 10px 10px #f4fbb7;
-moz-box-shadow: inset 0px 0px 10px 10px #f4fbb7;
box-shadow: inset 0px 0px 10px 10px #f4fbb7;
}
#three_col_billing #guarantee_seal p {
color: #636363;
font-size: 12px;
line-height: 18px;
display:block;
text-align:center;
}
#three_col_billing .total-info {
padding: 24px 7px 7px 15px;
color: #13315D;
font-size: 11px;
font-weight:bold;
line-height: 14px;
}
#three_col_billing .total-info .row {
padding-top:7px;
}
#three_col_billing .total-info p {
margin-bottom:15px;
}
#three_col_billing .total-info label {
width: 196px;
float:left;
margin-left:9px;
}
#three_col_billing .total-info input {
float:left;
margin:6px 0 0;
}
#threecol_billing_info_container .billing-info {
min-height: 140px;
height: auto !important;
height: 140px;
}
/* Credit Card Icon Split Test on /billing/info */
#threecol_billing_info_container .heading {
background-color: #3672A8;
background-image: linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -o-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -moz-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -webkit-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -ms-linear-gradient(bottom, rgb(81,136,179) 4%, rgb(54,115,168) 52%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.04, rgb(81,136,179)),
color-stop(0.52, rgb(54,115,168))
);
}
#threecol_billing_info_container .heading h3 {
/* background:url('../images/credit-card-icons.gif') no-repeat scroll right center transparent; */
background:url('../images/cc.jpg') no-repeat scroll 165px center transparent;
}