.nav-extra {
    background  : url(nav-extra.gif) top left no-repeat;
    height      : 44px;
    width       : 142px;
    float       : left;
    margin      : 0 0 0 10px;
}

.nav-steps {
    float       : right;
    margin      : 0;
    padding     : 0 20px 0 0;
    list-style  : none;
}

.nav-steps li { 
    float       : left; 
    margin      : 0;
    padding     : 0;
}

.nav-steps li a {
    display     : block;
    height      : 44px;
    background  : url(generate-steps.gif) no-repeat;
    margin      : 0 0 0 20px;
}

.nav-steps a.step-test { width: 80px; background-position : 0 0; }
.nav-steps a.step-test-current { background-position : 0 -44px; }
.nav-steps a.step-logo { width: 93px; background-position : -103px 0; }
.nav-steps a.step-logo-current { background-position : -103px -44px; }
.nav-steps a.step-custom { width: 132px; background-position : -226px 0; }
.nav-steps a.step-custom-current { background-position : -226px -44px; }
.nav-steps a.step-checkout { width: 133px; background-position : -384px 0; }
.nav-steps a.step-checkout-current { background-position : -384px -44px; }

.area-preview {
    float       : left;
    width       : 320px;
}

.area-options {
    width       : 400px;
    float       : right;
    padding     : 0 0 40px 0;
}

.area-options h3 {
    padding     : 5px;
    margin      : 0 0 5px 0;
    background  : #eee url(background-editor.jpg) top left repeat-x;
    border      : 1px solid #ccc;
    cursor      : pointer;
}

.area-options h3 a {
    text-decoration : none;
}

.area-options ul {
    list-style  : none;
    padding     : 0 15px 15px 15px;
    margin      : 0;
}

.area-options ul li {
    padding     : 0 0 10px 0;
}

.area-options input, .area-options textarea {
    font-family : sans-serif;
    padding     : 3px 0;
    font-size   : 1.1em;
}   

.area-options textarea {
    height      : 40px;
    width       : 98%;
}

.area-options ul.input-lines label {
    display     : block;
    font-weight : bold;
    padding     : 0 0 2px 0;
}

.area-options ul.input-lines input {
    width       : 98%;
}

.area-options .input-checkbox input {
    display     : inline;
    width       : 15px;
}

.loader {
    display     : none;
    position    : absolute;
    margin      : -25px 0 0 0;
    height      : 25px;
}

.company-logo-container {
    background  : top right no-repeat;
}

.navigation-options .nav-test-login { background-image : url(button-test-address.gif); }
.navigation-options .nav-skip-test { background-image : url(button-skip-test.gif); }
.navigation-options .nav-confirm-no-test { background-image : url(button-confirm-no-test.gif); }
.navigation-options .nav-back-to-test { background-image : url(button-back-to-test.gif); }
.navigation-options .nav-use-address { background-image : url(button-use-address.gif); }
.navigation-options .nav-try-new-logo { background-image : url(button-try-new-logo.gif); }
.navigation-options .nav-try-new-address { background-image : url(button-try-new-address.gif); }
.navigation-options .nav-finish-customize { background-image : url(button-finish-customize.gif); }
.navigation-options .nav-correct-logo { background-image : url(button-correct-logo.gif); }
.navigation-options .nav-check-out { background-image : url(button-check-out.gif); }
.navigation-options .nav-second-skip { background-image : url(button-second-skip.gif); }

.section-header {
    height      : 60px;
    background  : top left no-repeat;
    margin      : 0;
    padding     : 0;
}
.section-get-started { background-image : url(section-get-started.gif); }
.section-test-login { background-image : url(section-test-login.gif); }
.section-confirm-skip { background-image : url(section-confirm-skip.gif); }
.section-upload-logo { background-image : url(section-upload-logo.gif); }
.section-customize { background-image : url(section-customize.gif); }
.section-check-out { background-image : url(section-check-out.gif); }
.section-download { background-image : url(section-download.gif); }
.section-no-download { background-image : url(section-no-download.gif); }
.section-missing-theme { background-image : url(section-missing-theme.gif); }
.section-restore { background-image : url(section-restore.gif); }

.color-selector-area {
    position    : absolute;
    margin      : -70px 0 0 50px;
    width       : 200px;
    background  : #fff;
    border      : 1px solid #ddd;
    display     : none
}

.color-selector-area h3 {
    border      : none;
    cursor      : default;
}

.color-selection-block {
    height      : 12px;
    width       : 30px;
    border      : 1px solid #444;
    cursor      : pointer;
}

* .color-selection-block {
    position    : relative;
    left        : -10px;
}

.download-button {
    padding     : 0 0 20px 0;
}

.download-button a {
    display     : block;
    height      : 65px;
    width       : 335px;
    float       : right;
    background  : url(button-download.gif) top left no-repeat;
}

.terms-conditions-wrapper {
    padding     : 10px 15px 10px 15px;
}

.terms-conditions {
    padding     : 15px;
    overflow    : auto;
    height      : 150px;
    background  : #fff;
    border      : 1px solid #ccc;
    margin      : 0;
}

.terms-conditions h4 {
    font-size   : 1.4em;
    font-weight : normal;
    margin      : 0;
    padding     : 0 0 10px 0;
}

.terms-conditions ul {
    margin      : 0;
    padding     : 30px;
    font-size   : 1.1em;
    line-height : 150%;
}

.terms-conditions li {
    margin      : 0;
    padding     : 0 0 10px 0;
}