#page-title-header {
	padding:3em 0 2.5em;
}

#page-content {
    width:auto;
    margin-bottom:0;
}

#page-intro-content {
	background:#ddeff4;
	
}

#page-intro-content > p {
    font-size:1.2em;
    padding:0 0 2em 0;
}

#page-intro-content > p:first-child {
    padding-top:2em;
    padding-bottom:1em;
}

/*#page-content {
    width:960px;
    margin:0 auto;
    padding:3em 0;
    min-height:300px;
}*/

#plans, #plans-help p, #service, #design-process, #signup, #billing-edit, #upgrade, #downgrade, #design-questionaire, #plans-diy, #purchase-details, #service-details {
    width:960px;
    margin:0 auto;
}
#page-intro-content > p {
    width:960px;
    margin:0 auto;
}

* html #page-intro-content p {
    width:960px;
    margin:0 auto;
}

#plans {
    border-top:solid 3em #ddeff4;
    border-bottom:solid 3em #ddeff4;
	padding:0 0 85px 0;
	position:relative;
	background:transparent url(../images/signup-new/plans-bg.png) repeat-y 0 0;
}

* html #plans {
    background:transparent;
}

#plans:after
{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

* html #plans {
    height:0;
    overflow:visible;
}

#plans a.signup {
    display:block;
    position:absolute;
    bottom:0;
    width:206px;
    height:58px;
    text-indent:-9999em;
    overflow:hidden;
    background:transparent url(../images/signup-new/custom-signup-button.png) no-repeat 0 0;
    margin-left:-3px;
}

#plans a.signup:active {
    background-position:0 -58px;
}

#plans-diy-standard a.signup {
	background-image:url(../images/signup-new/diy-signup-button.png);
}

#plans-diy {
    clear:both;
    font-size:1.1em;
    padding:1.5em 0;
}

#plans-standard a.signup {
    background-image:url(../images/signup-new/diy-signup-button.png);
}

#plans h2 {
    font-size:2.2em;
    background:#ffffff;
    padding:0 0 0.5em 0;
    white-space:nowrap;
    border-bottom:solid 3px #000000;
    font-family:"myriad pro light", helvetica, Arial, Sans-Serif;
}

#plans-custom {
    /*float:left;
    width:648px;*/
}

#plans-custom-premium h3 strong {
    position:absolute;
    height:50px;
    width:63px;
    text-indent:-9999em;
    overflow:hidden;
    background:transparent url(../images/signup-new/best-value.png) no-repeat 0 0;
    margin-top:-8px;
    left:-70px;
}

* html #plans-custom-premium h3 strong {
    display:none;
}

#plans-standard {
    float:right;
    width:312px;
}

#plans-standard h2 {
    padding-left:16px;
    background:transparent;
}

#plans .plan {
    width:290px;
	margin:0 0 0 45px;
}

#plans .plan:first-child {
	margin:0;
}

* html #plans .plan {
    margin:0;
    width:320px;
}

#plans-custom .plan {
    float:left;
}

#plans h3 {
    font-size:3.6em;
    font-family:"myriad pro semibold", helvetica, Arial, Sans-Serif;
}

#plans h4 {
    font-size:1.4em;
    font-weight:bold;
    margin:0 0 0.5em 0;
}

#plans ul, #plans p {
    font-size:1.2em;
    line-height:150%;
}

#plans ul {
    list-style-type: disc;
	list-style-image: url(../images/signup-new/plan-item-bullet.png);
	list-style-position: outside;
	padding:0 0 0 15px;
	margin:0 0 0 0.5em;
}


#plans-help {
    /*background:#fffde2;*/
    padding:0 0 15px 0;
    clear:both;
    font-family:Georgia, Serif;
    font-size:2.8em;
    vertical-align:text-bottom;
}

#plans-help abbr {
    font-weight:bold;
	font-size:1.11em;
	vertical-align: bottom;
    /*font-size:1.01em;*/
}

#plans-help a {
	text-decoration:underline;
}

#page-body-content {
	background:transparent url(../images/signup-new/page-content-gradient.png) repeat-x 0 0;
	padding:3em 0;
}

#design-process {

}

#design-process h2 {
    font-size:1.8em;
    font-weight:bold;
    margin:0 0 1em 0;
}

#design-process ol {
    overflow:hidden;
    background:transparent url(../images/signup-new/design-process-bg.png) repeat-y 0 0;
}

* html #design-process ol {
    background:transparent;
}

#design-process ol > li {
    float:left;
    width:21%;
    padding:0 2% 0 2%;
    background-position:9% 0;
    background-repeat: no-repeat;
}

#design-process ol > li.step-1 {
    background-image:url(../images/signup-new/step-3.png);
}
#design-process ol > li.step-2 {
    background-image:url(../images/signup-new/step-2.png);
}
#design-process ol > li.step-3 {
    background-image:url(../images/signup-new/step-1.png);
}
#design-process ol > li.step-4 h3 {
    margin-left:0 !important;
}

#design-process h3 {
    font-size:2.4em;
    padding:0.25em;
    margin:0 0 0.5em 40px;
    font-family:"Myriad Pro Light", Helvetica, Arial, Sans-Serif;
    font-weight:normal;
}
#design-process ul {
    list-style-type: disc;
	list-style-image: url(../images/signup-new/plan-item-bullet.png);
	list-style-position: outside;
	padding:0 0 0 15px;
}
#design-process ul, #design-process p {
	font-size:1.2em;
	line-height:150%;
}
#design-process ul li {
    margin:0 0 0.5em 0;
}

#design-process ol p {
    font-size:1.1em;
    font-weight:bold;
    margin:0 0 0.5em 0;
}
#design-process ol p + p {
    color:#9e0039;
    font-weight:normal;
}

#service, #design-process, fieldset#account, fieldset#billing, fieldset#title, fieldset#business-info, fieldset#site-style, fieldset#site-content, fieldset#site-additional, #completed {
	width:918px;
    padding:20px;
    overflow:hidden;
    margin:0 auto 2em auto;
    border:solid 1px #cccccc;
    background:#ffffff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}

* html fieldset {
	overflow:visible !important;
}


#service > p {
    clear:both;
    font-size:1.2em;
    line-height:150%;
    padding:1em 0 0 0;
    border-top:solid 1px #CCCCCC;
}

#service p em {
    color:#9e0039;
}

#service h2 {
    font-size:1.8em;
    font-weight:bold;
    margin:0 0 1em 0;
}

#service h3 {
    font-size:1.4em;
    font-weight:bold;
    margin:0 0 0.25em 0;
    color:#007ea3;
}

#service-tools {
    float:left;
    width:32.5%;
    margin-bottom:1.5em;
}

#service-tools p {
    font-size:1.2em;
    line-height:150%;
}

#service-plans {
    float:right;
    width:65%;
    margin-bottom:1.5em;
}
#service-plans h4 {
    font-weight:bold;
    font-size:1.3em;
}
#service-plans > li {
    width:66%;
    float:left;
    margin-right:2%;
}
#service-plans > li:first-child {
    width:32%;
    margin-right:0;
}
#service-plans > li > ul > li {
    float:left;
    width:50%;
}

#service-plans > li:first-child > ul > li {
    width:auto;
    float:none;
}

#service-plans ul ul, #service-plans > li:first-child ul {
    font-size:1.2em;
    line-height:150%;
    list-style-type: disc;
	list-style-image: url(../images/signup-new/plan-item-bullet.png);
	list-style-position: outside;
	padding:0 0 0 15px;
	margin:0 0 0.5em 0.5em;
}


#promo {
    margin-bottom:2em;
}

#purchase-details, #service-details {
    padding:2em 0;
    overflow:hidden;
}
#purchase-details h4,  #service-details h4 {
color:#007EA3;
font-size:1.4em;
font-weight:bold;
margin:0 0 0.25em;
}

#purchase-details > li,  #service-details > li {
    float:left;
    width:23.5%;
    margin:0 0 0 2%;
    display:inline;
}
#service-details > li {
width:32%;
}
#purchase-details > li:first-child,  #service-details > li:first-child {
    margin:0;
}

#purchase-details p, #purchase-details ul, #service-details p, #service-details ul {
    font-size:1.1em;
}

#complete {
    line-height:58px;
	margin-top:2em;
}


form button[type=submit] + p {
font-size:1.2em;
display:inline;
margin:0 0 0 1em;
}

form button[type=submit] {
width:206px;
height:58px;


padding:0;
margin:0;
border:none;
background:transparent url(../images/signup-new/form-buttons.png) no-repeat 0 0;
overflow:hidden;
padding:58px 0 0 0;
vertical-align:middle;

}
form button[type=submit]:active {
background-position:0 -58px;
}
form.working button[disabled][type=submit] {
background:transparent url(../images/signup-new/saving-button.gif) no-repeat 0 0 !important;
}

#signup button[type=submit] {
    display:block;
}

#billing-edit button[type=submit] {
background-position:0 -232px;
}
#billing-edit button[type=submit]:active {
background-position:0 -290px;
}

#design-questionaire button[type=submit] {
background-position:0 -116px;
display:block;
}
#design-questionaire button[type=submit]:active {
background-position:0 -174px;
}

#upgrade button[type=submit] {
background-position:0 -348px;
}
#upgrade button[type=submit]:active {
background-position:0 -406px;
}

#downgrade button[type=submit] {
background-position:0 -464px;
}
#downgrade button[type=submit]:active {
background-position:0 -522px;
}

/* FORMS */

fieldset
{
margin:0 0 2em 0;
overflow:hidden;
min-height:1px;
position:relative;
}

* html fieldset
{
overflow:visible;
height:1px;
}

fieldset fieldset {
padding:0;
}

form h3, #completed h2
{
font-size:1.8em;
text-align:left;
margin:0 0 0.5em 0;
font-weight:bold;
}

.info
{
float:right;
width:26em;
margin-right:-32em;
position:relative;
color:#444444;
background:#e5f2f6;
padding:1.5em 1.5em 0.3em 1.5em;
}

body.ie6 .info
{
margin-right:0;
position:absolute;
right:0;
}

form h4
{
font-size:1.2em;
}

.info h4, #completed h3
{
font-size:1.3em;
margin-bottom:0.25em;
font-weight:bold;

}



/* headers, paragraphs, and labels */
form p,
.info p,
#completed p
{
font-size:1.2em;
line-height:150%;
margin-bottom:1em;
}

label,
fieldset.complex-input
{
display:block;
font-size:1.2em;
background:transparent;
padding:0;
margin:0 0 0.5em 0;
float:none;
}



label span,
fieldset.complex-input span
{
width:10em;
display:-moz-inline-box;
display:inline-block;
text-align:right;
margin:0 0.5em 0 1em;
font:inherit;
}

fieldset fieldset
{
font-size:1em;
padding:0;
margin-bottom:1em;
background:transparent;
}

label.or
{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.4em;
line-height:150%;
display:block;
}


input
{
padding:0.2em;
}

input, textarea, select
{
font-size:1em;
}

#account-email,
#promo-coupon-code
{
width:16em;
}

#address button
{
float:left;
margin:0 0 1.1em 0;
padding:0;
position:relative;
text-decoration:underline;
font-size:1.2em;
background:transparent;
clear:both;
border:0;
color:#5D5D5D;
}
#address button:hover
{
color:#000000;
}

#address p
{
clear:both;
}

#title input
{
    font-size:1.666em;
    font-weight:bold;
    width:20em;
}


#address label
{
margin-bottom:1em;
}

#billing {
    width:500px !important;
    padding-right:438px !important;
}

#billing-info {
    float:right;
    position:relative;
    margin-right:-418px;
    width:370px;
    background:#fffde2;
    padding:15px;
}

* html #billing-info {
    display:inline;
}

#billing-info h4 {
    font-weight:bold;
}
#billing-info .tel {
    font-size:2.18em;
    font-weight:bold;
    margin:0 0 0.5em 0;
    padding:0.25em 0 0.5em 0;
}
#billing-info p {
font-size:1.1em;
}

#billing-card-types
{
background:transparent url(../images/signup-new/credit-cards.png) no-repeat 0 0;
width:253px;
height:44px;
overflow:hidden;
text-indent:-9999em;
}

#billing-card-number {
    width:19em;
}

#status {
    margin:0 5px;
}

#status p.error {
    color:#b35200;
    font-size:1.3em;
    background:transparent url(../images/icons/warning_32.png) no-repeat 0 0;
    padding:0.5em 0 1em 40px;
    font-weight:bold;
}

/* questionaire */
#design-questionaire label.text
{
margin-bottom:1em;
}
#design-questionaire label.text input
{
display:block;
margin:0.25em 0;
width:40em;
}

#design-questionaire label.text textarea
{
display:block;
margin:0.25em 0;
width:40em;
height:3em;
}

#design-questionaire .option-set ul,
#design-questionaire .option-set ol
{
padding:0.5em 0;
}

#design-questionaire .option-set h4
{
font-weight:bold;
font-size:1.3em;
}

#design-questionaire .option-set p
{
margin:0;
}

#design-questionaire .option-set ol
{
list-style-type:decimal;
list-style-position:outside;
margin:0 0 0 3em;
}

#design-questionaire .option-set li
{
margin-bottom:0.5em;
font-size:1.2em;
}

#design-questionaire .option-set li label,
#design-questionaire .option-set li input
{
margin:0 !important;
font-size:1em;
display:inline;
}

#design-questionaire .option-set li label.check
{
display:inline;
}

#design-questionaire .option-set-check li label.text
{
padding-left:1.5em;
display:block;
}


#design-questionaire .option-set li label.text input
{
width:25em;
}

#design-questionaire .option-set li label.text textarea
{
width:25em;
height:3em;
}

#design-questionaire #site-additional label.text textarea {
    height:8em;
    width:60em;
}

#site-design-previews {
    text-align:center;
}

#site-design-previews img {
    border:solid 1px #666666;
    margin:0 0 3em 0;
}