﻿body, html {
    margin      : 0;
    padding     : 0;
    background  : #fff;
    font-size/**/:/**/small;
    font-family : sans-serif;
    color       : #333;
}

form {
    margin      : 0;
    padding     : 0;
}

label { cursor : pointer; }
.clear { clear : both; }
a { color : #1983d5; }
a:visited { color : #724493; }
a:hover { color : #6ea524; }
a img { border : none; }
.alt-text { 
    position    : absolute;
    top         : -9999px;
    height      : 1px;
    overflow    : hidden;
}

p {
    margin      : 0px;
    padding     : 0 0 20px 0;
    font-size   : 1.1em;
    line-height : 150%;
}

.document {
    position    : absolute;
    left        : 50%;
    width       : 760px;
    margin      : 0 0 0 -380px;
    padding     : 0;
}

.header {
    padding     : 10px 0;
}

.site-id {
    background  : url(site-id-main.gif) top left no-repeat;
    height      : 69px;
    width       : 407px;
    display     : block;
    float       : left;
}

.site-id-mini {
    background  : url(site-id-mini.gif) top left no-repeat;
    height      : 50px;
    width       : 236px;
    display     : block;
}

.navigation {
    background  : #164780 url(background-nav-bar.gif) top left no-repeat;
    height      : 44px;
}

.content {
    padding     : 15px 10px 30px 10px;
}

.form-container {
    padding     : 10px;
    background  : #eee;
    border      : 1px solid #ddd;
    margin      : 0 0 20px 0;
}

.detail {
    padding     : 15px 20px 15px 55px;
    background  : left no-repeat;
    font-size   : 1.1em;
    border      : 1px solid;
    margin      : 0 0 20px 0;
    line-height : 150%;
}

.detail-success {
    background-image : url(icon-success.gif);
    background-color : #e0ffcf;
    border-color : #b5d5a4;
    color       : #47573e;
}

.detail-warn {
    background-image : url(icon-warning.gif);
    background-color : #fffacf;
    border-color : #cbc697;
    color       : #514e38;
}

.detail-info {
    background-image : url(icon-help.gif);
    background-color : #cff0ff;
    border-color : #9dbfce;
    color       : #41545c;
}

.area-full { padding : 0px 20px 20px 20px; }
.area-half { padding : 0px 380px 20px 20px; }
.area-most { padding : 0px 260px 20px 20px; }
.area-partial { padding : 0px 120px 20px 20px; }
.area-where-to-find {
    padding     : 0 420px 150px 20px;
    background  : url(background-find-url.jpg) top right no-repeat;
}

.input-field, .input-check {
    padding     : 0 15px 15px 15px;
}

.input-check label {
    font-weight : bold;
    font-size   : 1.1em;
}

.input-field label, .input-submit label, .input-file label {
    display     : block;
    font-weight : bold;
    font-size   : 1.1em;
}

.input-file input {
   font-size    : 1em;
   display      : block;
   padding      : 5px 3px;
   background   : #ddd;
   border       : 1px solid #ccc;
}

.input-file label {
    padding     : 0 0 3px 0;
}

.input-field input {
    width       : 98%;
    font-size   : 1.4em;
    border      : 1px solid #ccc;
}

.input-submit {
    padding     : 0 0 15px 0;
}

.input-submit input {
    width       : 97%;
    padding     : 5px 0;
    font-size   : 1.1em;
    position    : relative;
}

.input-half {
    padding     : 0 0 15px 0;
    margin      : 0 4% 0 0;
    width       : 45%;
    float       : left;
}

.input-double {
    padding     : 0 0 15px 0;
    margin      : 0 3% 0 0;
    width       : 60%;
    float       : left;
}

.input-third {
    padding     : 0 0 15px 0;
    margin      : 0 3% 0 0;
    width       : 30%;
    float       : left;
}

.intro-text a {
    display     : block;
    height      : 360px;
    background  : url(intro-steps.jpg) no-repeat;
}

.get-started {
    border-top  : 1px solid #ddd;
    padding     : 30px 0 75px 0;
}

.get-started a {
    display     : block;
    width       : 335px;
    height      : 65px;
    float       : right;
    background  : url(button-get-started.gif);
}

.intro-block {
    padding     : 45px 410px 50px 30px;
    font-size   : 1.1em;
    line-height : 160%;
    background  : top left no-repeat;
    text-align  : justify;
}

.intro-what-brand { background-image : url(intro-what-brand.gif); }
.intro-make-yours { background-image : url(intro-make-yours.gif); }

.tabs {
    list-style  : none;
    margin      : 0;
    padding     : 0;
    float       : right;
}

.tabs li {
    margin      : 0;
    padding     : 0;
    float       : left;
    border-right : 1px solid #ccc;
}

.tabs li.last { border : none; }

.tabs a {
    display     : block;
    float       : left;
    padding     : 15px 25px;
    margin      : 0;
    text-decoration : none;
    font-size   : 1.3em;
    font-weight : bold;
    background  : #fff;
}

.tabs a:hover {
    background  : #1f5a9c url(background-tab.jpg) left repeat-x;
    color       : #fff;
}

.navigation-options-container {
    background  : #fff url(background-navigation-buttons.gif) top left repeat-x;
    padding     : 25px 30px;
    margin      : 0 15px;
    border-top  : 1px solid #ddd;
}

.navigation-options {
    list-style  : none;
    margin      : 0;
    padding     : 0;
    float       : right;
}

.navigation-options li {
    margin      : 0;
    padding     : 0 0 15px 0;
}

.navigation-options a {
    display     : block;
    height      : 42px;
    width       : 335px;
    background  : top left no-repeat;
}

.navigation-options form {
    margin      : 0;
    padding     : 0;
}

.twitter {
    padding     : 0 0 75px 0;
}