/* ################ FILE CHANGED BY MTI ################ */
@import url(generic_mti.css);

#content {
    font-family: Arial, Helvetica, sans-serif;
}

#content.narrow {
    margin: 0 120px;
}

/* ################ FORM STYLES ################ */


/* ################ SIGN IN PAGE ################ */

#content.signin {
    padding-bottom: 3em;
}

#signinform {
    background: url(../images/bg_signinform.png) no-repeat top left;
    width: 373px;
    height: 168px;
    margin: 0 auto;
}

#signinform {
    margin-top: 2em;
}

#signinform fieldset {
    margin: 10px 0 0 60px !important;
    float: left;
    display: inline;
}

#signinform fieldset li label {
    width: 75px;
}

#signinform fieldset fieldset {
    margin-left: 75px !important;
    margin-top: 0 !important;
}

#signinform fieldset.controls {
    clear: both;
    margin-left: 135px !important;
    float: none;
    margin-top: 0;
}

#signinform fieldset.controls input.button {
    float: none;
}

#page_getclipzone {
    text-align: center;
    margin-top: 2em;
}

/* ################ CREATE ACCOUNT PAGE ################ */

#content.createaccount {
    margin: 0 56px;
}

#body #accountform .header {
    background: url(../images/bg_createacct_top.png) no-repeat top left;
    width: 876px;
    height: 82px; /* BG img 202px height - top padding */
    padding-top: 120px;
    margin-top: -30px;
}

    #accountform .header h2 {
        margin-left: 63px;
        margin-top: 2.5em;
        font: bold 16px/1.0 Arial, Helvetica, sans-serif;
        color: #1F1F1F;
    }

    #accountform .header p {
        margin-left: 410px;
        font-size: 11px;
    }

#body #accountform .body {
    background: url(../images/bg_createacct.png) repeat-y top left;
    width: 876px;

}

#body #accountform .footer {
    background: url(../images/bg_createacct_btm.png) no-repeat bottom left;
    width: 876px;
    height: 124px;
}

#body #accountform fieldset.options label {
    font-weight: normal;
    width: auto;
    float: none;
}

#body #accountform fieldset.options label input.toggle {
    margin-right: 5px;
}

#body #accountform label {
    font-weight: bold;
    margin-right: 8px;
    color: #5F5F5F;
}

#body #accountform li .help.field {
    margin-left: 163px;
}

#body #accountform fieldset li label {
    width: 155px;
    text-align: right;
}

#body #accountform fieldset li input.text {
    padding-left: 5px;
}

#phonezip_box,
#body #accountform fieldset {
    margin-left: 63px;
    margin-right: 63px;
}

#phonezip_box {
    background: url(../images/bg_box_phonezip.png) no-repeat top left;
    width: 752px;
    height: 134px;
    padding-bottom: 8px !important;
    padding-top: 12px;
    margin-bottom: 1em !important;
}

    #phonezip_box .column {
        margin: 1em 0 0 30px;
        width: 330px;
    }

    #phonezip_box .column div {
        margin-bottom: 0.5em;
    }

    #phonezip_box label {
        font-weight: bold;
    }
    
    #phonezip_box #zip { padding-left: 0 !important; }
    
    #phonezip_box p {
        clear: both;
        font-size: 11px;
        color: #5F5F5F;
    }
    
    #phonezip_box > p {
        margin-left: 30px;
    }
    
#captcha_image {
    margin: 0.5em 0 0 163px;
    text-align: right;
    width: 208px;
}

    #captcha_image img { display: block; }
    
    #captcha_image a { font-weight: normal; }

#body #accountform fieldset.controls {
    text-align: center;
    padding-top: 18px;
}


/* ################ WELCOME ################ */

#content.welcome {
}

#content.welcome .column {
    padding-bottom: 3em;
    background: url(../images/bg_box_welcome.png) no-repeat top left;
    width: 355px;
    height: 276px;
    margin-top: 10px;
}

#content.welcome .column h2,
#content.welcome .column ul {
    margin: 1em 15px 0 20px;
}

#content.welcome .column h2 {
    color: #000;
    font-size: 14px;
}

#content.welcome .column ul {
    margin-left: 35px;
    color: #5F5F5F;
    font-size: 12px;
    line-height: 22px;
}

#content.welcome .column li {
}

#content.welcome .column li p {
    font-weight: normal;
    margin-bottom: 0;
}

#customize {
    margin-right: 40px;
}

#customize ul {
    font-weight: bold;
}

#customize .greylink {
    margin: 1em auto;
}

#download h2 {
    background: url(../images/img_cz_skew.png) no-repeat 100% 0;
    height: 61px;
    padding-top: 30px;
    position: relative;
    top: -30px;
    margin: 1em 15px 0 20px !important; /* Fix left and right margins in IE7 */
}

#download h2:first-line {
    font-weight: normal;
    font-style: italic;
}

#download h2+ul {
    margin-top: -12px !important;
}

/*
#download p {
    margin: 2em 20px 0 20px;
}
*/

#download .help {
    display: block;
}

/* ################ POUCH LANDING ################ */

#pouch_landing h1 {
    clear: both;
    margin-left: 15px;
}

#pouch_landing #content .box div > * {
    margin-left: 40px;
    margin-right: 30px;
}

#pouch_landing #content h2 {
    font-size: 17px;
    color: #000;
    padding-top: 1em;
    margin-bottom: 1em;
}

#pouch_landing #content ul {
    margin-left: 55px !important;
    margin-bottom: 18px;
}

#pouch_landing #content li {
    margin-bottom: 0.7em;
}

#pouch_landing #content .morelink {
    font-weight: bold;
}

#pouch_landing #content {
    margin-left: 15px;
}

#pouch_landing #content .box {
    background: url(../images/box_pouch.png) repeat-y top left;
    width: 613px;
}

#pouch_landing #content .box .header {
    background: url(../images/box_pouch_top.png) no-repeat top left;
    width: 613px;
    height: 60px;
}

#pouch_landing #content .box .header h2 { margin-bottom: 0; }

#pouch_landing #content .box .body {
    background: url(../images/box_pouch_btm.png) no-repeat bottom left;
    width: 613px;
    height: 247px;
}

#pouch_landing #sidebar {
    width: 282px;
    margin-left: 20px;
}

/* ################ ABOUT > CONTACT ################ */

#contact {
    padding-top: 15px;
}

#contact #content,
#contact #sidebar {
    font-family: Arial, Helvetica, sans-serif;
}

#contact #content h2,
#contact #sidebar h3 {
    font-size: 12px;
    color: #5F5F5F;
}

#contact .form fieldset { margin-bottom: 0; }

#contact .form li label {
    text-align: right;
    width: 70px;
    margin-right: 8px;
    font-weight: normal;
}

#contact fieldset.options li label { font-weight: normal; }

#contact fieldset.controls {
    margin: 0.5em 133px 1em 77px;
    text-align: right;
}

#contact #sidebar h2 {
    font-size: 16px;
    color: #3F3F3F;
    margin-bottom: 1em;
}

#contact #sidebar address {
    margin-bottom: 1em;
}

/* ################ SITEMAP ################ */

#sitemap {
    padding-bottom: 10em;
}

#sitemap .box {
    background: url(../images/box_sitemap.png) repeat-y top left;
    margin-left: 30px;
    width: 670px;
}

#sitemap .box > div {
    background: url(../images/box_sitemap_top.png) no-repeat top left;
    padding-top: 2em;
}

#sitemap .box > div > div {
    background: url(../images/box_sitemap_btm.png) no-repeat bottom left;
    overflow: auto;
    padding-bottom: 1em;
}

#sitemap .box .column {
    width: 145px;
    margin-left: 70px;
}

#sitemap a:hover {
    text-decoration: none;
    border-bottom: 2px solid #93B41F;
}

#sitemap .box .column li { list-style-type: none; }
#sitemap .box .column li ul { margin-left: 15px; }

#sitemap .box .column > ul > li { margin-bottom: 1em; }
#sitemap .box .column > ul > li > a {
    font-size: 14px;
    font-weight: bold;
    color: #94B421;
}

#sitemap .box .column li ul a { color: #7C7C7C; }
#sitemap .box .column > ul > li > ul > li > a { font-weight: bold; }

/* ################ PRIVACY POLICY ################ */

#privacy #content { font-family: Verdana, Arial, Helvetica, sans-serif; }

#privacy h2 {
    font-size: 12px;
    color: #5F5F5F;
}




/* ################ MTI CHANGES START HERE ################ */