/* BEGIN RESET MIN */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* END RESET MIN */

/* BEGIN GLOBAL STYLES */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    background-color: #dae5e5;
}

body {
    border-right: 2px solid #cfd9d9;
    color: #1b2d2e;
    font: normal 100% Arial, Helvetica, 'Lucida Grande', Verdana, sans-serif;
    min-width: 970px;
    width: 75%;
}

body#home {
    border: 0;
}

p, h3, li, h5 {
    font-size: 0.875em;
    line-height: 1.4em;
}

p { margin-bottom: 25px; }

h2 {
    color: #18130f;
    font-size: 1.6875em;
    font-family: 'Times New Roman', Times, Georgia, serif;
    font-style: italic;
    line-height: 1.3em;
    margin-bottom: 20px;
}

h3 {
    font-weight: bold;
    margin-top: 24px;
}

h4 {
    font-size: 1.25em;
    font-weight: bold;
    padding: 0 0 20px 0;
}

a, a:link, a:visited {
    color: #1983a1;    
    text-decoration: none;
}

a:hover {
    color: #42a8c5;
    text-decoration: underline;
}

.ics div.line {
    border-top: 2px solid #ccc;
}

.small-in-top {
    font-size: 0.84615em;
    clear: both;
}

.no-border {
    border-bottom: 0px; 
}

.date, .superceded {
    font-size: 0.84615em;
    font-weight: normal;
    line-height: 1.4em;
}

.disabled {
    color: #7c8286;
}

.intro {
    color: #7a7a7a;
    float: left;
    font-size: 0.95em;
    font-style: italic;
    margin-right: 3%;
    width: 72%;
}

.uppercase { text-transform: uppercase; }

.superceded {
    color: #7e919a;
}

a.quote {
    background: transparent url('../images/icon-contact.png') center left no-repeat;
    color: #e62028;
    padding-left: 23px;
}

.label {
    font-size: 0.7em;
    font-weight: bold;
    line-height: 1.0em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.nobold {
    font-weight: normal;
}

.clear {
    clear: both;
}

.light-grey {
    color: #a1a1a1;
    font-weight: normal;
}

.blue {
    color: #1983a1;
}

.more {
    font: 1.3125em 'Times New Roman', 'Times', Georgia, serif;
    font-style: italic;
    text-align: right;
}

.tk-comenia-sans-web {
    font-family: "comenia-sans-web-1","comenia-sans-web-2";
    font-style: normal;
}

.red { color: #d62018; }

p.tk-comenia-sans-web { font-size: 1.0em; }

h2 .tk-comenia-sans-web { font-size: 0.925em; }
h2.tk-comenia-sans-web { font-size: 1.55em; }

.nobdr { border: 0; }

.form-error {
    font-size: 1.25em;
}
/* END GLOBAL STYLES */
    
/* BEGIN HEADER */
div.header {
    background-color: #ffffff;
    border-bottom: 1px solid #b61b14;
    float: left;
    height: 116px;
    padding: 15px 2.47% 0 2.47%;
    /*width: 95.18%;*/
    width: 95%;
}

div.header h1 {
    background: transparent url('../images/document-center-logo.png') top left no-repeat;
    float: left;
    height: 103px;
    text-indent: -9999px;
    line-height: 999px;
    overflow: hidden;
    font-size: 0;
    width: 500px;
}

h1 a {
    display: block;
    height: 103px;
    width: 580px;
}


/* BEGIN NEW CODE */

.utility-search, .identifier {
    width: 38.45%;
    float: right;
    text-align: right;
}

.identifier p {
    font: 0.85em Arial, Helvetica, Verdana, sans-serif;
    color: #7e919a;
    line-height: 1.8em;
    text-align: right;
    margin: 0;
}

.identifier .welcome {
    font: 0.75em Arial, Helvetica, Verdana, sans-serif;
    color: #1b2d2e;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.identifier a, .identifier a:link, .identifier a:visited {
    color: #e62028;
    text-decoration: none;
}

.identifier a:hover {
    color: #ee3b33;
    text-decoration: underline;
}

.tertiary-nav {
    clear: both;
    width: 100%;
    font-weight: bold;
    background: transparent url('../images/bg-subnav-shadow.png') bottom center no-repeat;
}

.tertiary-nav .holder {
    width: 923px;
    text-align: center;
    margin: 0 auto;
}

.tertiary-nav li {
    display: inline-block;
    border-right: 1px solid #e3ebee;
    margin-left: -4px;
}

.tertiary-nav li.first {
    border-width: 0 1px;
    border-style: solid;
    border-color: #e3ebee;
    margin-left: -4px;
}

.tertiary-nav a, .tertiary-nav a:link, .tertiary-nav a:visited  {
    display: block;
    padding: 18px 22px;
}

.tertiary-nav a:hover  {
    background-color: #f2f6f6;
    text-decoration: none;
}

.tertiary-nav a.on  {
    background-color: #ffffff;
    text-decoration: none;
    color: #1b2d2e;
/*    box-shadow: 0 0 6px 10px rgba(0,0,0,0.05); */
}

a.alert {
    font-weight: bold;
    color: #e62028;
    line-height: 1.8em;
}

a.alert:hover {
    text-decoration: none;
}

.main-head.zero {
    margin-bottom: 0;
}

.revision {
    padding: 1px 0 0 23px;
    background: transparent url('../images/pdf.png') center left no-repeat;
}

.disabled {
    color: #c5c6c6;
}

.disabled .revision {
    padding-left: 23px;
    background: none;
}

.column-75 {
    clear: both;
    margin: 0 auto;
    padding-top: 40px;
    width: 75%;
    min-width: 760px;
}

.column-75 form {
    margin-bottom: 40px;
}

.account {
    float: left;
    width: auto;
    border: 1px solid #e3ebee;
    padding: 25px 10px 15px 25px;
}

.no-border {
    border: none;
}

.column-75 h4 {
    clear: both;
    margin-top: 20px;
}

.column-75 .half {
    float: left;
    width: 49%;
}

.column-75 .half h4 {
    float: left;
}

.new-buttons {
    margin: 0 -7px 0 0;
}

.new-buttons input {
    float: right;
    margin: 0 0 0 15px;
    padding: 7px 12px;
}


#thirds {
    width: 700px;
}

#thirds div {
    float: left;
    margin-right: 10px;
}

#thirds div.new-buttons {
    width: 118px;
}

#thirds input[type="password"] {
    width: 160px;
    margin-right: 10px;
}


.column-75 .half .checkbox {
    float: left;
    margin: 24px 0 0 18px;
}

.account input {
    font-size: 0.95em;
    height: 28px;
    margin: 0 0 10px 0;
}

/* .account input[type="button"] { */
.account input[type="submit"] {
    height: inherit;
}

.account input.wide {
    width: 100%;
}

.account .checkbox input, .account .checkbox select {
    margin: 10px 0 10px 0;
    width: 15px;
    height: 15px;
}


    /* NEW TABLE CODE */

    table.with-tertiary {
        margin: 40px 0 10px 0;
    }

    table.with-tertiary td {
        padding: 15px 10px 15px 0;
    }

    th {
        font-size: 0.8em;
        font-weight: bold;
        text-transform: uppercase;
    }

    /*th .ss-icon {
        color: #e9e8e8;
        padding: 3px 0 0 3px;
    }*/

    th a.active {
        color: #1b2d2e;
    }

    th .sort {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #e9e8e8 transparent;
    }

    th .sort.desc {
        border-width: 8px 6px 0 6px;
        border-color: #e9e8e8 transparent transparent transparent;
    }

    th .sort.active {
        border-color: transparent transparent #d62018 transparent;
    }

    th .sort.desc.active {
        border-color: #d62018 transparent transparent transparent;
    }

    th a:hover {
        text-decoration: none;
    }

    th.col-10percent {
        padding-top: 0;
        width: 10%;
    }
    th.col-15percent {
        padding-top: 0;
        width: 15%;
    }
    th.col-20percent {
        padding-top: 0;
        width: 20%;
    }
    th.col-25percent {
        padding-top: 0;
        width: 25%;
    }
    th.col-30percent {
        padding-top: 0;
        width: 30%;
    }
    th.col-40percent {
        padding-top: 0;
        width: 40%;
    }
    th.col-55percent {
        padding-top: 0;
        width: 55%;
    }

    th.col-65percent {
        padding-top: 0;
        width: 65%;
    }

    .right {
        text-align: right;
    }
    /* END NEW TABLE CODE */


/* END NEW CODE */

.utility {
    font: 0.6875em Arial, Helvetica, Verdana, sans-serif;
    text-align: right;
    text-transform: uppercase;
    padding: 18px 0 15px 0;
}

.utility a, .utility a:link, .utility a:visited {
    color: #e62028;
    text-decoration: none;
}

.utility a:hover {
    color: #ee3b33;
    text-decoration: underline;
}

.utility a.on, .utility a.on:link, .utility a.on:visited, .utility a.on:hover {
    color: #1b2d2e;
    font-weight: bold;
    text-decoration: none;
}

a.cart-icon {
    background: transparent url('../images/cart.png') top left no-repeat;
    padding: 3px 0 3px 22px;
}

.cart-number {
    background-color: #e62028;
    color: #ffffff;
    font-weight: bold;
    margin-left: 4px;
    padding: 1px 3px;
    border-radius: 2px;
}

.cart-number.on {
    background-color: #d62018;
}

a.cart-number, a.cart-number:link, a.cart-number:visited, a.cart-number:hover, a.cart-number.on, a.cart-number.on:link, a.cart-number.on:visited, a.cart-number.on:hover {
    color: #ffffff;
    text-decoration: none;
}

.form-search {
    text-align: right;
}

form { padding: 0; margin: 0; }

input, textarea {
    background-color: #ecefef;
    border-color: #cfd9d9;
    border-style: solid;
    border-width: 1px 0 0 1px;
    color: #04263e;
    font-size: 1em;
    padding: 2px 4px;
}

textarea {
    font-size: 1em;
    height: 100px;
    margin-bottom: 20px;
    width: 350px;
}

input.searchbox {
    font: 1em 'Times New Roman', Georgia, Calibri, Times, serif;
    font-style: italic;
    height: 28px;
    width: 290px;
}

.one-column.checkout input, .shipping-method input, .shipping-method select {
    font-size: 0.95em;
    height: 28px;
}

.one-column.checkout-payment input {
    font-size: 0.95em;
}

.one-column.checkout-payment.text input {
    height: 28px;
} 

.one-column.checkout input.wide, .shipping-method input.wide {
    width: 290px;
}

.one-column.checkout-payment input.wide {
    width: 290px;
}

.one-column.checkout .checkbox input, .one-column.checkout .checkbox select .one-column.checkout-payment {
    margin: 10px 0 10px 0;
    width: 15px;
    height: 15px;
}

input#quantity-box {
    font: .9em Arial, Helvetica, Verdana, sans-serif;
    height: 20px;
    width: 40px;
}

.ie input.search-button {
    background: #0e1219 url('../images/search.png') top center no-repeat;
    cursor: pointer;
    height: 33px;
    margin-top: -1px;
    position: relative;
    bottom: -4px;
    text-indent: -9999px;
    width: 79px;
}

.not-ie input.search-button {
    background: #0e1219 url('../images/search.png') top center no-repeat;
    cursor: pointer;
    height: 33px;
    margin-top: -1px;
    position: relative;
    text-indent: -9999px;
    width: 79px;
}
    
.ie7 input.search-button {
    background: #0e1219 url('../images/search.png') top center no-repeat;
    cursor: pointer;
    height: 33px;
    margin-top: -1px;
    position: relative;
    text-indent: -9999px;
    text-transform: capitalize;
    width: 79px;
}
    
    
/* END HEADER */    

/* BEGIN NEW NAV */    

#top-nav {
    /* optional */
    background-color: #ee3b33;
    clear: both;
    font: 0.86em Helvetica, Arial, Verdana, sans-serif;
    text-align: center;
    text-transform: uppercase;
    /* end optional */

    width: 100%; /* you can set me to px instead of a percent and everything works the same */
    display: table;
    table-layout: fixed;
}

    #top-nav ul {
        display: table-row;
    }

        #top-nav ul li {
            background-color: #d62018;
            border-right: 1px solid #b5160f;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            padding: 0 0;
        }

        #top-nav ul li.lighter {
            background-color: #ee3b33;
            border-right: 1px solid #b5160f;
        }

        #top-nav ul li.darker {
            background-color: #850b06;
            border-right: 1px solid #b5160f;
        }

            #top-nav ul li:hover, #top-nav ul li:active {
                /* optional */
                background-color: #ee3b33;
                color: #ffffff;
                /* end optional */
            }

            #top-nav ul li.lighter:hover, #top-nav ul li.lighter:active {
                /* optional */
                background-color: #fd6760;
                color: #ffffff;
                /* end optional */
            }

            #top-nav ul li a, #top-nav ul li a:visited, #top-nav ul li a:link {
                /* optional */
                color: #f7f0e9;
                text-decoration: none;
                /* end optional */
                padding: 15px 0;
                width: 100%;
                height: 100%;
                display: block;
                float: left;
            }

            #top-nav ul li.selected, #top-nav ul li.selected > a  {
                /* optional */
                background-color: #850b06;
                color: #fff;
                /* end optional */    
            }

    /* set custom percented widths for buttons
       if the width isn't listed here then it will
       auto-compute based on remaining space.
       these are all optional. */
    #top-nav .smaller {
        width: 10%;
    }

    #top-nav #fsb {
        width: 16%;
    }

    #top-nav-nologin #fsb {
        width: 20%;    
    }

    #top-nav #ps {
        width: 18%;
    }

    #top-nav.nologin #ps {
        width: 20%;    
    }

    #top-nav #aas {
        width: 18%;
    }

    #top-nav-nologin #aas {
        width: 20%;    
    }

    #top-nav #adc {
        width: 20%;
    }

    #top-nav-nologin #adc {
        width: 20%;    
    }

    #top-nav #login {
        border-right: 1px solid #d62018;
        width: 8%;
    }

    #top-nav #register {
        width: 10%;
    }

    #top-nav #myaccount {
        width: 11%;
    }

    #top-nav #logout {
        width: 7%;
    }
    .top-nav-shadow {
        background: transparent url('../images/shadow-below-nav.png') top left repeat-x;
        clear: both;
        height: 1px;
        width: 100%;
        position: relative;
        z-index: 2;
    }

/* END NEW NAV */    

/* BEGIN OLD TOP NAVIGATION
* RHB note 20140711: Unsure if this section intended to be a block comment. Making it
*     one for now. If everything is OK, then delete this section.


.top-nav {
    background-color: #ee3b33;
    clear: both;
    display: block;
    overflow: auto;
    min-width: 970px;
    width: 100%;
}

.top-nav ul {
    margin: 0 auto;
    width: 100%;
}

.top-nav ul li {
    list-style: none;
    float: left;
    border-right: 1px solid #b5160f;
    font: 0.8125em Helvetica, Arial, Verdana, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.fsb {     width: 17.6%; }

.ps { width: 20%; }

.aas { width: 20%; }

.adc { width: 23%; }

.login { width: 7.88%;    border-right: 1px solid #d62018; }

.top-nav ul li.register { width: 11%; border: 0; }

.top-nav a, .top-nav a:link, .top-nav a:visited {
    background-color: #d62018;
    color: #f7f0e9;
    text-decoration: none;
    display: block;
    padding: 15px 9%;
}

.top-nav a:hover {
    background-color: #ee3b33;
    display: block;
    color: #ffffff;
}

.top-nav a.on, .top-nav a.on:link, .top-nav a.on:visited, .top-nav a.on:hover {
    background-color: #850b06;
    display: block;
    color: #ffffff;
    padding: 15px 10%;
}

.top-nav li.lighter a, .top-nav li.lighter a:link.top-nav li.lighter a:visited {
    background-color: #ee3b33;
    display: block;
    padding: 15px 10%;
}

.top-nav li.lighter a:hover {
    background-color: #fd6760;
    color: #ffffff;
    display: block;
}

.top-nav-shadow {
    background: transparent url('../images/shadow-below-nav.png') top left repeat-x;
    clear: both;
    height: 1px;
    width: 100%;
    position: relative;
    z-index: 2;
}
END OLD TOP NAVIGATION */


/* BEGIN HOME - MAIN CONTENT AREA */

.featured {
    background: transparent url('../images/white-transparent-bg2.png') top left repeat;
    clear: both;
    float: right;
    margin-top: 0px;
    padding: 24px 2.5%;
    position: relative;
    width: 33.2%; 
    z-index: 1;
}

.featured a, .featured a:link, .featured a:visited {
    color: #d42820;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 3px;
}

.featured a:hover {
    color: #ee3b33;
    text-decoration: underline;
}

#new-strip {
    width: 90%;
    background-color: #0081a6;
    float: left;
    z-index: 1;
    padding: 0 5%;
    border-top: 1px solid #FFFFFF;
}

#new-strip p {
    font-size: 1.000em;
    color: #FFFFFF;
    text-align: center;
    margin: 6px;
}

#new-strip a {
    color:  #6ed8f6;
    font-weight: bold;
    margin-left: 6px;
}

#new-strip strong {
    color: #f1d77b;
    margin-right: 6px;
}

.bottom-content-strip {
    background: transparent url('../images/hp-lighter-grey-strip.png') top left repeat;
    clear: both;
    width: 62%;
    float: left;
    height: 6px;
    margin-top: -6px;
}

.featured-strip {
    background: transparent url('../images/featured-strip.png') top left repeat;
    width: 38.2%;
    float: right;
    height: 6px;
    margin-top: -6px;
    position: relative;
    z-index: 100;
}

.bottom-content {
    background: transparent url('../images/grey-bg-transparent.png') top left repeat;
    clear: both;
    color: #ffffff;
    width: 100%;
    overflow: auto;
}

.bottom-content .date {
    color: #e3ebee;
}

.bottom-content a {
    color: #6ed8f6;
    text-decoration: none;
}

.bottom-content a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.wrapper div {
    float: left;
    padding: 24px 2.5%;
}

.wide-column1 {
    width: 31.5%; 
    border-right: 1px solid #3b494e;
}

.thin-column {
    width: 20.5%;
}

.thin-column li {
    background: transparent url('../images/list-arrow.png') center left no-repeat;
    list-style: none;
    padding-left: 10px;
    margin-bottom: 4px;
}

.thin-column a, .thin-column a:link, .thin-column a:visited {
    font-weight: normal;
}

.wide-column2 {
    width: 31.5%; 
    border-left: 1px solid #3b494e;
}

.image-head {
    text-indent: -9999px;
}

.whats-new {
    background: transparent url('../images/whats-new.png') top left no-repeat;
    height: 19px;
    width: 126px;
}

.standards-topic {
    background: transparent url('../images/standards-by-topic.png') top left no-repeat;
    height: 24px;
    width: 196px;
}

.trending-docs {
    background: transparent url('../images/trending-documents.png') top left no-repeat;
    height: 24px;
    width: 215px;
}    


/* END HOME - MAIN CONTENT AREA */
    
/* BEGIN MAIN CONTENT AREA SUBPAGES */
.main-content {
    background-color: #ffffff;
    clear: both;
    width: 94.88%;
    padding: 40px 2.6%;
    overflow: auto;
}

.main-head {
    border-bottom: 1px solid #c9d2d4;
    clear: both;
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

.main-head.profile {
    border-bottom: 2px solid #c9d2d4;
    clear: both;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

.main-head.checkout-process {
    margin-bottom: 0;
    border: 0;
}

.main-head h2 {
    float: left;
    padding-right: 10%;
    }

.subject-description h5 {
    float: left;
    }

.pagination {
    float:right;
    font-size: .75em;
    font-weight: bold;
    margin-bottom: 25px;
    padding-top: 8px;
    text-transform: uppercase;
}

.pagination a, .pagination a:link, .pagination a:visited {
        text-decoration: none;
}

.steps {
    font-size: .825em;
    font-weight: bold;
    margin: -15px 0 25px 0;
    padding-top: 8px;
    text-transform: uppercase;
}

.steps a, .steps a:link, .steps a:visited {
    font-weight: normal;
    text-decoration: none;
}

.steps a:hover {
        text-decoration: underline;
}

.pagination a.prev {
        margin-right: 10px;
}

.pagination a.next {
        margin-left: 10px;
}

.pagination a.prev:hover, .pagination a.next:hover {
        text-decoration: underline;
}

a.page-number, a.page-number:link, a.page-number:visited {
    background-color: #ecefef;
    border: 1px solid #ecefef;
    padding: 2px 5px;
    margin: 0 -1px;
}

a.page-number.on, a.page-number.on:link, a.page-number.on:visited, a.page-number.on:hover {
    border: 1px solid #ecefef;
    background-color: #ffffff;
    color: #1b2d2e;
    cursor: default;
    padding: 2px 5px;
    margin: 0 -1px;
}

a.page-number:hover {
    background-color: #1983a1;
    border: 1px solid #1983a1;
    color: #ffffff;
    padding: 2px 5px;
    margin: 0 -1px;
}

.bottom {
    margin-top: 10px;
}

.advanced-search {
    border-bottom: 1px solid #c9d2d4;
    padding: 15px 0 17px 0;
    float: left;
    width: 100%;
}

.advanced-search div {
    float: left;
    margin-right: 35px;
}

.advanced-search select {
    width: 200px;
    height: 28px;
}

.nomargin { margin-right: 0; }



/* FORMS */

input.date-box {
    float: left;
    font: 1em 'Times New Roman', Georgia, Calibri, Times, serif;
    font-style: italic;
    height: 28px;
    margin-right: 5px;
    width: 90px;
}

.calendar {
    background: transparent url('../images/icon-calendar.png') top center no-repeat;
    float: left;
    height: 19px;
    margin: 4px 4px 0 0;
    text-indent: -9999px;
    width: 19px;
}

.date-range span {
    float: left;
    padding: 9px 14px 9px 7px;
}

.date-range {
    width: 300px;
}

.checkout {
    border-width: 2px 0;
    border-style: solid;
    border-color: #c9d2d4;
    float: left;
    padding: 10px 0;
    margin-top: 18px;
}

.checkout-payment { /* req'd for different children */
    border-width: 2px 0;
    border-style: solid;
    border-color: #c9d2d4;
    float: left;
    padding: 10px 0;
    margin-top: 18px;
}

.shipping-method {
    clear: both;
    border-bottom: 2px solid #c9d2d4;
    padding-top: 15px;
    margin-top: 15px;
}

div.error {
    background-color: #fedfde;
    border: 2px solid #d62018;
    color: #d62018;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px;
}

div.error p { margin-bottom: 0; }

p.error {
    color: #d62018;
}

ul.errorlist {
    color: #d62018;
}

ul.errorlist strong {
    font-weight: bold;
}

.error input, .error select {
    background-color: #fedfde;
    border: 2px solid #d62018;
    font-weight: bold;
}

.payment-us {
    float: left;
    width: 320px;
    padding-left: 20px;
    margin-right: 30px;
}

.payment-us h4 {
    margin-left: -20px;
}

.payment-nonus h4 {
    padding-bottom: 20px;
}

.payment-us input, .payment-us select, .payment-nonus input, .payment-nonus select, .shipping-method input, .shipping-method select {
    margin-bottom: 20px;
    text-align: left;
}

.payment-nonus {
    float: left;
    width: 320px;
    margin-right: 30px;
}

.wide-field {
    clear: both;
    float: left;
    width: 325px;
}

.detail-buttons {
    float: right;
    text-align: right;
    width: 153px;
}

.center-thinner {
    width: 60%;
    float: left;
}

.details {
    float: right;
    width: 30%;
    margin-left: 5%;
}

.details h3, .center-thinner h3 {
    margin-top: 10px;
}

.one-column.verify-subsection{
    border-bottom: 0;
}

.verify-subsection {
    clear: both;
    width: 100%;
    border-bottom: 2px solid #c9d2d4;
    margin: 0 0 10px 0;
    float: left;
}

.verify-subsection h4 {
    float: left;
    margin-bottom: 15px;
}

.verify-subsection table {
    margin-bottom: 10px;
    margin-top: -20px;
}

.verify-subsection table h3 {
    margin-top: -10px;
}

.verify-subsection .remove {
    margin: 15px 0;
}

.subsection-guts { clear: both; }

.left-float-field {
    float: left;
    margin-right: 15px;
}

.verify-info-half {
    width: 28.5%;
}

.cc-name {
    clear: both;
    float: left;
    width: 325px;
}

.cc-number input {
    clear: both;
    float: left;
    margin-right: 15px;
    width: 190px;
}

.cc-number { width: 170px; }

.cc-csv {
    float: left;
    width: 75px;
}

.cc-csv input { width: 70px; }

.cc-exp {
    clear: both;
    float: left;
    width: 390px;
}

.cc-exp select {
    float: left;
    margin-right: 15px;
    width: 50px;
}

.cc-state {
    clear: both;
    height: 24px;
    width: 20px;    
}

.cc-country {
    clear: both;
    width: 300px;    
}

.cc-country select {
    height: 28px;
}

/*.shipping-state select {
    height: 28px;
    margin-top: 2px;
    width: 192px;
}

.shipping-state input {
    width: 192px;
}
*/

#id_state {
    width: 195px;
}

.shipping-zip input {
    width: 73px;
}

/* LEFT NAV */

.left-nav {
    float: left;
    width: 17%;  /* 134 / 922 */
    padding-right: 3%;
}

.left-nav li {
    list-style: none;
}

.left-nav a, .left-nav a:link, .left-nav a:visited {
    font-size: 0.925em;
    line-height: 1.3em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 0 0 18px 0;
}

.left-nav a:hover {
    text-decoration: underline;
}

.center-column {
    float: right;
    width: 65%;  /* 566 / 922 */
    padding-right: 15%;
}

.double-column {
    float: right;
    width: 77%;  /* 566 / 922 */
}

.double-column h4 {
    margin: -10px 0 20px 0;
}

/* END MAIN CONTENT AREA SUBPAGES */


/* LICENSE AGREEMENT */
iframe {
    background-color: #fbfcfc;
    width: 96.5%;
    height: 530px;
    padding: 10px;
    margin-bottom: 20px;
    -moz-box-shadow: inset 0 0 5px #666666;
    -webkit-box-shadow: inset 0 0 5px #666666;
    box-shadow: inset 0 0 5px #666666;
}


/* BEGIN SHOPPING CART STYLES */

.one-column {
    clear: both;
    width: 100%;
}

.half-column {
    clear: both;
    margin: 0 auto;
    padding-top: 30px;
    width: 50%;
}

.description {
    width: 80%;
    margin-bottom: 0;
}

.lessbottommrgn  {
    margin-bottom: 10px;
}

table {
    border: 0;
    width: 100%;
    padding: 0;
    clear: both;
}

tr {
    border-bottom: 1px dotted #c9d2d4;
}

.thicker-bdr {
    border-bottom: 2px solid #c9d2d4;
}

/* NEW CODE th */
td, th {
    padding: 15px 0;
    text-align: left;
    vertical-align: top;
}

td p { margin-bottom: 0;}

.ie td.col-qty {
    padding-top: 0;
    width: 10%;
}

.not-ie td.col-qty {
    padding-top: 0;
    width: 10%;
}

.ie7 td.col-qty {
    width: 10%;
}

.ie td.col-title {
    padding-top: 0;
    width: 50%;
}

.not-ie td.col-title {
    padding-top: 0;
    width: 50%;
}

.ie7 td.col-title {
    width: 50%;
}

.ie td.col-format {
    padding-top: 0;
    width: 20%;
}

.not-ie td.col-format {
    padding-top: 0;
    width: 20%;
}

.ie7 td.col-format {
    width: 20%;
}

.ie td.col-price {
    padding-top: 0;
    text-align: right;
    width: 20%;
}

.not-ie td.col-price {
    padding-top: 0;
    text-align: right;
    width: 20%;
}

.ie7 td.col-price {
    text-align: right;
    width: 20%;
}

td.col-price-results {
    text-align: right;
    width: 10%;
}

td.col-desc {
    width: 68%;
}

td.col-buttons {
    text-align: right;
    width: 22%;
}

td.nopad {
    padding: 2px 0;
}

td.toppad {
    padding: 15px 0 2px 0;
}

td.bottompad {
    padding: 5px 0 15px 0;
}

.price {
    text-align: right;
}

.total {
    font-size: 1.8em;
    font-weight: bold;
}

.remove, .update {
    font: 0.675em Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.remove {
    margin-top: 25px;
    text-align: right;
    vertical-align: bottom;
}

.update {
    margin-top: 5px;
    text-align: left;
}

.remove a, .remove a:link, .remove a:visited, .update a, .update a:link, .update a:visited {
    color: #e62028;
    text-decoration: none;
}

.remove a:hover, .update a:hover {
    color: #ee3b33;
    text-decoration: underline;
}

#form-buttons {
    /*clear: both;*/
    float: right;
    padding: 15px 0 30px 0;
}

#form-buttons input {
    /* float: right; */
    margin: 0 0 0 15px;
    padding: 7px 12px;
}

.checkout-button,
.accept-button {
    background-color: #d62018;
    color: #fff;
    outline: 1px solid #850b06;
    cursor: pointer;
    height: 37px;
    text-transform: capitalize;
}

.decline-button {
    background-color: #7e919a;
    color: #fff;
    outline: 1px solid #495459;
    cursor: pointer;
    height: 37px;
    margin-left: 15px;
    text-transform: capitalize;
}

.ie7 input.continue-button {
    background: #0e1219 url('../images/button-continue.png') top left no-repeat;
    cursor: pointer;
    height: 36px;
    margin-left: 15px;
    width: 97px;
    line-height: 999px;
    overflow: hidden;
    font-size: 0;
    border: none;
}

input.create-printable-button {
    background: #0e1219 url('../images/button-create-printable-order.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 15px;
    text-indent: -9999px;
    width: 217px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.create-printable-button {
    line-height: 999px;
}

.ie input.submit-order {
    background: #0e1219 url('../images/button-submit-order.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 15px;
    text-indent: -9999px;
    width: 132px;
}

.not-ie input.submit-order {
    background: #0e1219 url('../images/button-submit-order.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 15px;
    text-indent: -9999px;
    width: 132px;
}

.ie7 input.submit-order {
    background: #0e1219 url('../images/button-submit-order.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 15px;
    width: 132px;
    line-height: 999px;
    overflow: hidden;
    font-size: 0;
}

input.button-use-shipping-address {
    background: #0e1219 url('../images/button-use-shipping-address.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 5px;
    width: 197px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-use-shipping-address {
    line-height: 999px;
}

input.button-continue-credit-card {
    background: #0e1219 url('../images/button-continue-credit-card.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    text-indent: -9999px;
    width: 214px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-continue-credit-card {
    line-height: 999px;
}

input.button-continue-po-number {
    background: #0e1219 url('../images/button-continue-po-number.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    text-indent: -9999px;
    width: 216px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-continue-po-number {
    line-height: 999px;
}

input.button-paper {
    background: #0e1219 url('../images/button-paper.png') top left no-repeat;
    cursor: pointer;
    height: 33px;
    text-indent: -9999px;
    width: 61px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-paper {
    line-height: 999px;
}

input.button-pdf {
    background: #0e1219 url('../images/button-pdf.png') top left no-repeat;
    cursor: pointer;
    height: 33px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 51px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-pdf {
    line-height: 999px;
}

input.button-login {
    background: #0e1219 url('../images/button-login.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 64px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-login {
    line-height: 999px;
}

input.button-forgot-password {
    background: #0e1219 url('../images/button-forgot-password.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 166px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-forgot-password {
    line-height: 999px;
}

input.button-register {
    background: #0e1219 url('../images/button-register.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 88px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-register{
    line-height: 999px;
}

input.button-change-password {
    background: #0e1219 url('../images/button-change-password.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 164px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-change-password {
    line-height: 999px;
}

input.button-reset-password {
    background: #0e1219 url('../images/button-reset-password.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 149px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-reset-password {
    line-height: 999px;
}

input.button-change-email {
    background: #0e1219 url('../images/button-change-email.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: 1px;
    text-indent: -9999px;
    width: 200px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-change-email {
    line-height: 999px;
}

input.button-contact-for-quote {
    background: #0e1219 url('../images/button-contact-for-quote.png') top left no-repeat;
    cursor: pointer;
    height: 37px;
    margin-left: -50px;
    text-indent: -9999px;
    width: 177px;
    overflow: hidden;
    font-size: 0;
}

.ie7 input.button-contact-for-quote {
    line-height: 999px;
}

input.button-update {
    background: #FFFFFF url('../images/button-update.gif') top left no-repeat;
    cursor: pointer;
    height: 8px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    border: 0;
    padding: 0;
    width: 44px;
}

.ie7 input.button-update {
    line-height: 999px;
}

input.button-remove-item {
    background: #FFFFFF url('../images/button-remove-item.gif') top left no-repeat;
    cursor: pointer;
    height: 8px;
    text-indent: -9999px;
    overflow: hidden;
    font-size: 0;
    border: 0;
    padding: 0;
    width: 77px;
}

.ie7 input.button-remove-item {
    line-height: 999px;
}

select {
    background-color: #ecefef;
    border: 1px solid #afc4cc;
    color: #086782;
    font: 1.0em 'Times New Roman', 'Times', Georgia, serif;
    font-style: italic;
    padding: 2px;
    min-width: 125px;
}


/* END SHOPPING CART STYLES */

    
/* BEGIN HOME - FOOTER */

#footer-hp, #footer {
    clear: both;
    float: left;
    width: 100%;
}

#footer-hp {
    background: transparent url('../images/hp-footer-bg.png') top left repeat;
}

#footer {
    background-color: #3b4343;
    border-top: 6px solid #252b2b;
}

#footer-hp p, #footer p {
    color: #b3c3c3;
    font-size: 0.8125em;
    line-height: 1.6em;
}

#footer-hp b, #footer b {
    color: #ffffff;
    font-weight: bold;
}

.col1, .col2, .col3 {
    float: left;
    padding: 24px 2.5% 0 2.5%;
}

.col1 { width: 31.5%; } /* 299px - 40 */
.col2 { width: 20.5%; } /* 212px - 40 */
.col3 { width: 31.5%; } /* 334px - 40 */

.col3 a, .col3 a:link, .col3 a:visited {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 0.625em;
    line-height: 1.3em;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    width: 100px;
    color: #e3ebee;
}

.col2 a, .col2 a:link, .col2 a:visited, .col3 a:hover {
    color: #6ed8f6;
    text-decoration: underline;
}

.col2 a:hover {
    color: #e3ebee;
}

.twitter, .facebook, .linkedin {
    text-indent: -9999px;
    float: left;
    height: 25px;
    padding: 0;
}

.twitter {
    background: transparent url('../images/icon-twitter.png') center left no-repeat;
    width: 20px;
}

.facebook {
    background: transparent url('../images/icon-facebook.png') center left no-repeat;
    width: 25px;
    margin-left: 40px;
}

.linkedin {
    background: transparent url('../images/icon-linkedin.png') center left no-repeat;
    width: 25px;
}
/* BEGIN FLATPAGE STYLE */

.flatpage h1 {
    color: #18130f;
    font-size: 1.6875em;
    font-family: 'Times New Roman', Times, Georgia, serif;
    font-style: italic;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.flatpage div.foot {
    border-top: 2px solid #ccc;
    padding-top: 8px;
}

.flatpage div.line {
    border-top: 2px solid #ccc;
}

.flatpage div.footnote {
    font-size: .9em;
}

.flatpage th {
    font-size: 1.25em;
    font-weight: bold;
    padding: 0 0 20px 0;
}

.flatpage ol li {
    list-style: decimal inside none;
}

/* BEGIN TINYDROPDOWN STYLE: */
.nav {height:47px; width:100%; clear: both; background:#d62018; color:#fff; text-transform: uppercase; font: 0.86em Helvetica, Arial, Verdana, sans-serif; text-align:center; z-index:1000; vertical-align: center}
.menu a:hover {color:#fff}
.menu {list-style:none; width:100%; margin:0 auto}

/* anchor tags ie top of each */
.menu a {float:left; color:#eee; background:#d62018; text-decoration:none; height:31px; padding-top:15px} 
.menu a.login, 
.menu a.register,
.menu a.logout,
.menu a.myaccount
 {float:left; color:#eee; background:#ee3b33; text-decoration:none; height:32px; padding-top:15px} 

/* spans ie top of each */
.menu span {float:left; color:#eee; background:#d62018; text-decoration:none; height:31px; padding-top:15px} 

/* the li's themselves */
.menu li { position:relative; float:left; z-index:1000; border-right:1px solid #b5160f } 
.menu li.last { position:relative; float:left; z-index:1000 }

/* background color etc for dropdowns */
.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:47px; left:0; background:#ee3b33; display:none; list-style:none}

/* width etc of all dropdowns */
.menu ul li {float:none; border-top:1px solid #ccc}
.menu .fsb {width:172px}
.menu .ps {width:193px}
.menu .aas {width:193px}
.menu .adc {width:214px}
.menu .myaccount {width:118px}
.menu .logout {width:74px}
.menu .login {width:86px}
.menu .register {width:106px}

/* height etc of all dropdowns */
.menu ul li a, 
li.menuhover li a, 
li.menuhover li.menuhover li a 
{float:none; display:block; background:none; height:31px}

li.menuhover li a.adc, 
li.menuhover li.menuhover li a.aas,
li.menuhover li a.myaccount,
li.menuhover li a.aas 
{float:none; display:block; background:none; height:31px; border:0}

/* dropdown while dropdown is rolled over */
.menu ul li a:hover, 
li.menuhover li a:hover, 
li.menuhover li.menuhover li a:hover {background:#ff5b53; color:#fff} 

/* top while top is rolled over */
li.menuhover a.adc, 
li.menuhover span.fsb, 
li.menuhover a.myaccount,
li.menuhover span.ps, 
li.menuhover span.aas {color:#fff; background:#ee3b33}
/* ditto but different color */
li.menuhover a.logout, 
li.menuhover a.register, 
li.menuhover a.login {color:#fff; background:#ff5b53}

/* END TINYDROPDOWN STYLE: */

ul.messages {
    background-color: #FFFFCC;
    border: 1px solid #FFCC99;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
}

ul.messages li {
    font-weight: bold;
    padding: 2px 10px;
    color: #505050;
}

ul.messages li.error {
    color: #A80000;

}

div.order-info {
    margin-top: 24px;
    width: 75%;
}