/* ######################### origanlly from tools.css ############################*/
/* clearing */
    .stretch,
    .clear {
        clear:both; 
        height:1px; 
        margin:0; 
        padding:0; 
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    * html>body .clearfix {
        display: inline-block; 
        width: 100%;
    }
    
    * html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
    }
/* end clearing */


/* replace */
    .replace {
        display:block;
        
        background-repeat: no-repeat;
        background-position: left top;
        background-color:transparent;
    }
    /* tidy these up */
    .replace * {
        text-indent: -10000px;
        display:block;
        
        background-repeat: no-repeat;
        background-position: left top;
        background-color:transparent;
    }
    .replace a {
        text-indent:0;
    }
    .replace a span {
        text-indent:-10000px;
    }
/* end replace */


/* accessibility */
     span.accesskey {
         text-decoration:none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
/* end accessibility */
/* ######################### end tools.css ############################*/
/* ######################### END from TYPO.css ############################
     Color pallete:
             #444        - dark gray (text)
             #3e9ade - medium blue (title)
             #b4c24b - lime (header 1)
             #ebf5fc - light cyan (hover text, footer)
             #d7e9f5    - medium cyan (tab)
             #0080e8 replacing 1465b7 - dark blue (tab text, hyperlink)
             #ccc         - medium gray (line)
             #f7f7f7 - light gray (form background)
             #f90        - orange (required *)
*/

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 76%;
        line-height: 1em;
        color: #444;
    }

    div {
        font-size: 1em;
    }

    img {
        border: 0;
    }

    /* LINKS */
        a,a:link
            a:active {
            color: #0080e8;
            text-decoration: none;
        }

        a:visited {
            color: #0080e8;
            background-color: transparent;
        }

        a:hover {
            color: #cc0000;
            text-decoration: none;
        }

/* footer links */
        div#Links a,a:link
            a:active {
            color: #444;
            text-decoration: none;
        }

        div#Links a:visited {
            color: #444;
            background-color: transparent;
        }

        div#Links a:hover {
            color: #0080e8;
            text-decoration: underline;
        }
    /* END LINKS */

    /* HEADINGS */
        h1, h2, h3, h4, h5, h6 {
            font-family: tahoma, arial, helvetica, sans-serif;
            font-weight: normal;
        }

        h1 {
            font-size: 2.2em;
            letter-spacing: -1px;
            line-height: 1.3em;

            margin: 0 0 0.5em 0;
            padding: 0;
            color: #b4c24b;
        }

        div#branding h1 {
            font-size: 2.6em;
            letter-spacing: -1px;

            margin: 0;
            line-height: 1.5em;
            color: #3e9ade;
        }

        div#branding p {
            margin: 0;
            line-height: 1em;
        }

        h2 {
            font-size: 1.4em;
            line-height: 1.5em;
            margin: 0 0 0.5em 0;
            padding: 0;
        }

        h3 {
            font-size: 1.3em;
            line-height: 1.3em;
            margin: 0 0 0.5em 0;
            padding: 0;
            color: black;
        }

        h4 {
            font-size: 1.2em;
            line-height: 1.3em;
            margin: 0 0 0.25em 0;
            padding: 0;
            color: black;
        }

        h5 {
            font-size: 1.1em;
            line-height: 1.3em;
            margin: 0 0 0.25em 0;
            padding: 0;
            color: black;
        }

        h6 {
            font-size: 1em;
            line-height: 1.3em;
            margin: 0 0 0.25em 0;
            padding: 0;
            color: black;
        }
    /* END HEADINGS */

    /* TEXT */
        p {
            font-size: 1em;
            margin: 0 0 1.5em 0;
            padding: 0;
            line-height: 1.4em;
        }

        blockquote {
            border-left: 10px solid #ddd;
            margin-left: 10px;
        }

        pre {
            font-family: monospace;
            font-size: 12px;
        }

        strong,b {
            font-weight: bold;
        }

        em,i {
            font-style: italic;
        }

        code {
            font-family: "courier new", courier, monospace;
            font-size: 12px;
            white-space: pre;
        }
    /* END TEXT */

    /* LISTS */
        .glassList ul,
        .glassList a,
        .glassList a:link,
        .glassList a:active,
        .glassList a:visited {
            color: #000000;
            vertical-align: top;
            line-height: 1.5em;
        }

        .glassList a:hover {
            color: #0080e8;
            vertical-align: top;
            line-height: 1.5em;
        }
        
        dl {
            margin: 0 0 1.5em 0;
            padding: 0;
            line-height: 1.4em;
        }

        dl dt {
            font-weight: bold;
            margin: 0.25em 0 0.25em 0;
            padding: 0;
        }

        dl dd {
            margin: 0 0 0 30px;
            padding: 0;
        }

    /* END LISTS */

    /* TABLE */
        table {
            font-size: 1em;
            margin: 0 0 1.5em 0;
            padding: 0;
        }

        table caption {
            font-weight: bold;
            margin: 0 0 0 0;
            padding: 0 0 1.5em 0;
        }

        th {
            font-weight: bold;
            text-align: left;
        }

        td {
            font-size: 1em;
        }

        /*********************************
           Project: CSS Table Galery
           Title: Like Adwords
           Author: Cleiton Francisco
           URL: http://www.cleiton.net/
           Country: Brazil
           Update: 2005-12-18
         *******************************/

            .table {
                border-collapse: collapse;
                border: 2px solid #74B3DC;
                color: #000;
                background: #fff;
                width: 100%;
            }
                .table caption {
                    padding: 0 0.6em 0.8em;
                    font-size: 1.3em;
                    font-weight: bold;
                    text-align: left;
                    color: #000;
                    background: transparent;
                }
                /* For Tapestry's contribTable */
                .table th table, .table th table td {
                    width: 100%;
                    border: 0px;
                }
                .contribTable th {
                    padding: 0px !important;
                    background: #d7e9f5;
                }
                .contribTable th .tableHeaderTable {
                    margin: 0px !important;
                }
                .table td, .table th, .tableHeaderTable td {
                    border: 1px solid #e0e0e0;
                    padding: 0.5em;
                }
                .table thead th, .tableHeaderTable td {
                    border: 1px solid #e0e0e0;
                    text-align: left;
                    font-size: 1em;
                    font-weight: bold;
                    background: #FFB5B5; /*#d7e9f5;*/
                }
                .tableHeaderTable td a {
                    text-decoration: none !important;
                }
                .table tfoot th, tfoot td {
                    border: 1px solid #e0e0e0;
                    text-align: left;
                    font-size: 1em;
                    background: #e8e8cf;
                }
                .table tfoot th {
                    font-weight: bold;
                }
                .table tbody td a {
                    background: transparent;
                    text-decoration: underline;
                }
                .table tbody td a:hover {
                    background: transparent;
                    text-decoration: underline;
                }
                .table tbody th a {
                    background: transparent;
                    text-decoration: underline;
                    font-weight: bold;
                }
                .table tbody th, .table tbody td {
                    text-align: left;
                }
                .table tfoot td {
                    border: 1px solid #996;
                }
                .table tbody tr:hover, .table tr.over, .contribTable tr:hover {
                    background: #ffffd9 !important; /* important needed for Tapestry, as is .table tr:hover */
                }
                .contribTable tr.even {
                    background: #fff !important;
                }
                .contribTable tr.odd {
                    background: #eee !important;
                }
    /* END TABLE */

    hr {
        display: none;
    }

    div.hr {
        height: 1px;
        margin: 1.5em 10px;
        border-bottom: 1px dotted black;
    }
/* END TYPOGRAPHY */

#cartSpecialHeading {
    font-size: 1.5em;
    letter-spacing: -1px;
    line-height: 1.3em;

    margin: 0 0 0.5em 0;
    padding: 0;
    color: #b4c24b;
}
/* ######################### END from TYPO.css ############################*/
/* ######################### origanlly from nav-horizontal.css ############################*/
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* NAV */
    div#nav {
        font-size: 0.8em;
        border-bottom: 5px solid #E60202;
    }
    * html div#nav {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#nav div.wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    div#nav ul {
        width: auto;

        margin: 0;
        padding: 0;

        line-height: 1em;
        list-style: none;
    }
    div#nav li {
        float: left;
        display: inline;

        list-style: none;

        margin: 0;
        padding: 0;

        font-size: 1.2em;
        line-height: 1em;
    }
    div#nav li.last {
        border-right: none;
    }
    div#nav a,
    div#nav a:link,
    div#nav a:active,
    div#nav a:visited {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */
        font-weight: bold;
        text-decoration: none;

        margin: 0;
        padding: 5px 15px 5px 15px;

        color: #E60202;
    }
    div#nav a:hover {
        text-decoration: none;
        background-color: #E60202;
    }
    div#nav a.current {
        display: inline-block;
        /* hide from ie/mac \*/
        display: block;
        /* end hide */

        color: #FFF;
        background: #E60202;

        font-size: 1.1em !important;
    }
    div#nav a.current,
    div#nav a.current:link,
    div#nav a.current:active,
    div#nav a.current:visited,
    div#nav a.current:hover {
       color: #FFF;
       background-color: #E60202;
    }

    div#nav .pad {
       padding-left: 10px;
    }
/* END NAV */

/* DROP DOWN MENUS */
    ul#primary-nav, ul#primary-nav ul {
        margin: 0;
        padding: 0;
        width: 150px; /* Width of Menu Items */
        background: #fff; /* IE6 Bug */
        font-size: 100%;
    }

        ul#primary-nav li {
            position: relative;
            list-style: none;
        }

            ul#primary-nav li a {
                display: block;
                text-decoration: none;
                color: #777;
                width: 90px;
                text-align: center;
                white-space: nowrap;
            }

        /* Fix IE. Hide from IE Mac \*/
        * html ul#primary-nav li { float: left; height: 1%; }
            * html ul#primary-nav li a { height: 1%; }
        /* End */

            ul#primary-nav ul {
                position: absolute;
                display: none;
                left: 0px; /* Set 1px less than menu width */
                width: 149px;
                top: 22px;
            }

                ul#primary-nav ul li {
                    border: 1px solid silver;
                    border-bottom: 0;
                    width: 149px;
                    font-size: 1em;
                }

                    ul#primary-nav ul li.last {
                        border-bottom: 1px solid silver;
                        border-right: 1px solid silver;
                    }

                        ul#primary-nav li ul li a { padding: 3px 5px; text-align: left; width: 119px } /* Sub Menu Styles */

                        ul#primary-nav li:hover ul ul,
                        ul#primary-nav li:hover ul ul ul,
                        ul#primary-nav li.over ul ul,
                        ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

                        ul#primary-nav li:hover ul,
                        ul#primary-nav li li:hover ul,
                        ul#primary-nav li li li:hover ul,
                        ul#primary-nav li.over ul,
                        ul#primary-nav li li.over ul,
                        ul#primary-nav li li li.over ul { display: block; } /* The magic */

                        ul#primary-nav li.menubar { background: transparent url(../../images/arrow.gif) right center no-repeat; }

                        ul#primary-nav li:hover,
                        ul#primary-nav li.over { background-color: #fff }

                        ul#primary-nav li a:hover { color: #FFFFFF; }
/* END DROP DOWN MENUS */
/* ######################### origanlly from layout-navtop-subright.css ############################*/
/* NAV BAR AT THE TOP AND TWO COLUMNS OF CONTENT */
    div#content {
        position: relative;
        width: 1001px;
        
        margin: 0 auto 20px auto;
        padding: 0;
        
        text-align: left;
    }
    div#main {
        float: left;
        width: 830px;
        display: inline;
    }
    div#sub {
        float: right;
        width: 120px;
        display: inline;
    }
        div#sub ul#local li a {
            margin-left: 40px;
        }
        div#sub ul#local>li a {
            margin-left: -5px !important;
        }
    div#nav {
        position: absolute;
        top: -25px;
        left: 0px;
        width: 100%;

        text-align: left;
    }
/* END CONTENT */
/* ######################### origanlly from layout.css ############################*/
/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
        background: white;
        text-align: center;
    }
    div#page {
        width: 1130px;
        margin:  0 auto;
        padding: 0;
        text-align: center;
    }
    
    /* HEADER */
        div#header {
            margin: 0 0 5em 0;
			height: 60px; /* Fix for IE7 rendering the menu ontop of the branding */
            padding: 6px 0 2px 10px;
            text-align: left;
        }

            div#switchLocale {
                position: absolute;
                right: 10px;
            }
        
        div#branding {
            float: left;
            width: 50%;
            margin: 0;
            padding: 10px 0 10px 30px;
            text-align: left;
        }
        div#search {
            float: right;
            width: 49%;
            margin: 0;
            padding: 40px 40px 0 0;

            text-align: right;
        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
        }
            body#error #content {
                margin-top: 20px;
            }
        /* MAIN */
            div#main {
                padding-left: 15px;
            }

                div#main form ul li {
                    list-style-type: none;
                    margin-left: 0;
                }
        /* END MAIN */
        
        /* SUB */
            div#sub h2 {
                margin-bottom: 5px;
            }

            div#sub ul {
                margin: 0;
            }

            div#sub ul li {
                list-style-type: none;
                margin-left: -30px;
                padding-bottom: 10px;
            }

                div#sub p.line {
                    border-top: 1px dotted #ccc;
                    margin: 15px 0;
                }
            
        /* END SUB */
        
    /* END CONTENT */
    
    /* FOOTER */
        div#footer {
            color: #444;
            padding: 0 39px;
            text-align: left;
            font-size: 0.9em;
        }

            div#footer div#divider {
                    margin: 0 0 4px 0;
                    border-top: 1px solid #ccc;
            }

            div#footer div#divider div {
                    margin: 1px 0 0 0;
                    border-top: 6px solid #ebf5fc;
            }

            div#footer .left {
                    float: left;
            }

            div#footer .right {
                    float: right;
            }
    /* END FOOTER */
/* END LAYOUT */
/* ######################### origanlly from displaytag.css ############################*/
div.exportlinks {
    margin: -5px 0px 10px 10px;
    padding: 2px 4px 2px 0px;
    width: 100%;
}

div.exportlinks a {
    text-decoration: none;
}

div.exportlinks span {
    background-repeat: no-repeat;
}

span.csv {
    background-image: url(../images/ico_file_csv.png);
}

span.excel {
    background-image: url(../images/ico_file_excel.png);
}

span.pdf {
    background-image: url(../images/ico_file_pdf.png);
}

span.xml {
    background-image: url(../images/ico_file_xml.png);
}

span.export {
    cursor: pointer;
    display: inline;
    display: inline-block;
    padding: 0 4px 1px 20px;
}

span.pagebanner {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 2px 4px 2px 0px;
}

span.pagelinks {
    display: block;
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: -18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    width: 80%;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
}

.table th.order1 a {
    background-image: url(../images/arrow_down.png) !important;
}

.table th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

div#main .tableHeaderImage { /* Tapestry */
    position: absolute;
    margin: 2px 0px 0px -5px;
    background: transparent;
    border: 0px;
}

/*.table th.sortable a {
    background-image: url(../images/arrow_off.png);
}*/

    a,a:link
            a:active {
            color: #444;
            text-decoration: none;
        }

        a:visited {
            color: #444;
            background-color: none;
        }

        a:hover {
            color: #444;
            text-decoration: none;
        }
        
.table {
    border: 0px;
    font-size: 11px;
    background-color:#FFFFFF;
}

.table th.sorted {
    background-color: #fff;
    color: #000000;
}

.table th.sorted a, .table th.sortable a {
    
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    
}

.table tr.even {
    background: #f9f9f9;
    border-top: 1px solid #c0c0c0;
    color: #444;
    text-decoration:none;
}
.tableNumbers {
    color: #f78610;
}

.table tr.odd {
    background: #fff;
    border-top: 1px solid #c0c0c0;
    color: #444;
    text-decoration:none;
}

/* highlight .table row onmouseover */
.table tr.over {

    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #f78610;
    cursor: pointer;
}

.detail th {
    text-align: right;
}

.thumbnail {
    max-width: 40px;
    max-height: 40px;
}

/* fix IE (doesn't like max-width and max-height)*/
*html .thumbnail
{
width: 40px;
height: 40px;
}
/* ######################### origanlly from forms.css ############################*/
/* A CSS Framework by Mike Stenhouse of Content with Style */

/* FORM ELEMENTS */
/* From http://www.wufoo.com/css/global/dynamic.css */

/* ----- CLASSIC WUFOO FORM ----- */
form {
    font-size: 11px;
    font-weight: normal;
}

form ul {
    position: relative;
    list-style: none;
    width: 400px;
    padding: 0px;
    margin: 0px;
}

/* Fixes for forms around everything in JSF */
form ul.glassList {
    list-style: url(../images/aquadot.jpg) disc outside;
    vertical-align: top;
    line-height: 1.1em;
    margin-left: 40px;
}

form ul.glassList li {
    line-height: 1.1em;
    font-size: 1.1em;
    padding: 2px 0px 3px 0px;
}

form .pagebanner, form .exportlinks, form .table {
    font-size: 1.2em;
}
/* End of JSF fixes */

form li {
    line-height: 2em;
    margin: 0;
    padding: 1px 1px 6px 5px;
}

form li.focused {
    background-color: #fff7c0 !important;
}

form li p {
    font-size: 10px;
    line-height: 13px;
    color: #444;
}

form[id] li {
    display: block;
}

form[id] ul.glassList li {
    display: list-item;
}

form li div {
    display: inline-block;
}

form li div.group {
    display: block !important;
    background-color: #f7f7f7;
    padding: 10px;
    width: 355px;
}

form li div.group p, form div.group p label {
    text-align: left;
}

form li div.group input.large, form li div.group textarea.large, form li fieldset {
    width: 339px;
}

form[id] li div {
    display: inline;
}

form .left{
    float: left !important;
    margin: 0;
}

form .right{
    float: right !important;
    margin: 0;
}

form .clear{
    clear: both;
}

form li div {
    margin-bottom: 0px;
}

form li div p {
    margin: 0 0 5px 0;
}

form div.left{
    margin-right: 2px !important;
}

form div.left[class]{
    margin-right: 4px !important;
}

form div.left img{
    margin: 0 0 -2px 0;
}

/* ----- INFO ----- */
form h2{
    font-size: 1.8em;
    clear: left;
}

form .info{
    display: inline-block;
    margin: 0 0 4px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px dotted #ccc !important;
    text-align: left;
}

form .info[class]{
    display: block;
}

form .info p{
    font-size: 1em;
    line-height: 1.3em;
    margin: 0 0 8px 0;
}

/* ----- SECTIONS ----- */
form .section{
    display: inline-block;
    border-top: 1px dotted #ccc !important;
    margin-top: 15px !important;
    padding-top: 12px !important;
    padding-bottom: 0px !important;
}

form .section[class]{
    display: block;
}

form .first{
    border-top: none !important;
    margin-top: 0px !important;
    padding-top: 1px !important;
}

form .section h3{
    font-size: 1.25em;
}

form .section p{
    font-size: 11px;
    line-height: 13px;
}

/* ----- FIELDS AND LABELS ----- */
label.desc{
    margin: 4px 0 3px 0;
    border: 0;
    color: #444;
    font-size: 1em;
    line-height: 1.3em;
    display: block;
    font-weight: ;
}

p label {
    font-weight: normal;
}

input.text, input.number, input.url, input.email, input.password, input.file,
textarea.textarea, select.select{
    font-size: 1.2em;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    background: #fff url(../images/fieldbg.gif) repeat-x top;
    color: #333;
}

input.text, input.number, input.url, input.email, input.password, input.file{
    padding: 2px;
}

input.currency{
    text-align: right;
}

input.checkbox, input.radio{
    display: block;
    line-height: 1.4em;
    margin: 8px 0 0 3px;
    width: 13px;
    height: 13px;
}

input.focus, textarea.focus {
    background: #ffd;
    color: #000;
}

label.choice {
    display: block;
    line-height: 1.4em;
    margin: -19px 0 0 25px;
    padding: 4px 0 5px 0;
    color: #444;
    width: 80%;
    font-size: 1.05em;
}

textarea.textarea{
    font-size: 1.1em;
    font-family: Tahoma,"Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    margin-bottom: 1px;
}

textarea.textarea[class]{
    font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;
}

select.select{
    padding: 1px 0 0 0;
    margin: 1px 0 3px 0;
}

select.select[class]{
    margin: 0;
    padding: 1px 0 1px 0;
}

/* ----- SIZES ----- */
form .small{
    width: 70px;
}

form .medium{
    width: 170px;
}

form .large, form textarea.textarea{
    width: 349px;
}

form .tags{
    width: 320px;
}

form textarea.small{
    height: 5.5em;
}

form textarea.medium{
    height: 10em;
}

form textarea.large{
    height: 20em;
}

form .dateInput {
    width: 7em;
}

/* ----- ERRORS ----- */
form li.error{
    background-color: #FFDFDF;
    margin: 3px 0 !important;
}

input.error, textarea.error{
    border: 1px solid #EF5959;
    border-left: 1px solid #FF8F8F;
    border-top: 1px solid #FF8F8F;
    background: #fff;
}

p.error, li.error label.desc{
    color: red !important;
}

p.error{
    font-size: 9px !important;
    margin: 1px 0;
}

/* ----- REQUIRED ----- */
.req {
    font-size: 1em !important;
    color: #f90;
    font-weight: bold;
}

/* ----- Fieldsets ----- */
fieldset {
    margin: 0 0 5px 0;
    padding: 10px 10px 5px 10px;
    color: #444;
}

/* Firefox and others, don't apply to IE or it will put a border under each input element */
li>fieldset, form>fieldset { border: 1px solid silver }

fieldset.choices{
    padding: 10px 5px 10px 10px;
}

fieldset.fieldset{
    padding: 0px 0 10px 0;
}

legend{
    font-weight: bold;
    margin: 0 0 0 0;
    color: #444;
}

#formProperties[id] legend, .choices[class] legend{
    margin: 0 0 0 -5px;
}

.fieldset legend{
    margin: 0;
}

.fieldset[class] legend{
    margin: 0 0 0 5px;
}

#formProperties fieldset div{
    margin-bottom: 7px;
}

fieldset div .number{
    margin: 7px 15px 0 0;
}

fieldset p{
    margin: 10px;
}

/* ----- Choices ----- */
.choices input{
    width: 200px;
    margin-right: 3px;
}

.choices ol{
    margin: 10px 0 0 0;
}

.choices[class] ol{
    margin: 0 !important;
}

.choices img{
    margin: 0 0 1px 0;
}

fieldset ol li {
    display: list-item !important;
    margin: 0 5px 2px 3px !important;
    padding: 0 !important;
    list-style: inside decimal;
}

/* ----- Buttons ----- */
input.button, button {
    margin-top: 10px;
    width: 110px;
    height: 23px;
    padding: 2px 0px 5px 0; /* fix for IE */
    background-color:#EF0202;
    border: 0px;
    font-weight: bold;
    font-size: 11px; 
    color: #fff;
    list-style:none;
    list-style-type:none;
}



/* revert to normal for Firefox */
li>input.button, li>button, input.button>input.button, button>button {
    padding: 2px;
    list-style: none;
}

/* pickList for roles in Spring and WebWork */
table.pickList {
    padding: 0;
    border-spacing: 0;
}

table.pickList th.pickLabel {
    text-align: center;
}

table.pickList td {
    text-align: center;
    vertical-align: middle;
}

table.pickList td label {
    vertical-align: middle;
}

table.pickList td button {
    padding-bottom: 2px;
    font-size: 1em;
}

table.pickList td select {
    width: 130px;
}

/* END FORM ELEMENTS */

/* Specific forms */

#loginForm fieldset {
    width: 300px;
    padding: 10px 30px;
    margin: 0px auto;
}

#loginForm li {
    text-align: left;
    padding: 0px;
}
/* ######################### origanlly from messages.css ############################*/
/* This is the style for the informational messages presented to the user */

div.error, div.message, li.error {
    background: #ffffcc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error, li.error {
    border: 2px solid red;
}

/* IE fix, followed by the rest of the world fix */
li.error {
    padding: 3px !important;
}

ul>li.error {
    padding: 0px !important;
}

div.message p, div.message p {
    margin-bottom: 0;
}

img.validationWarning, div.error img.icon, div.message img.icon, li.error img.icon {
    border: 0 !important;
    width: 14px;
    height: 13px;
    vertical-align: middle;
    margin-left: 3px;
    background: transparent !important;
    /* important added because some themes define div#main img */
}

div.message a {
    background: transparent;
    color: #0000FF;
}

div.message a:visited {
    background: transparent;
    color: #0000FF;
}

div.message a:hover {
    background: transparent;
    color: #008000;
}

div.message a:active {
    text-decoration: underline overline;
}

div.message img.icon {
    vertical-align: middle;
}

span.fieldError, .errorMessage {
    color: red;
    font-size: .95em;
    font-weight: bold;
    display: block;
}
/* ######################### origanlly from staticPages.css ############################*/
#Cols2Left
{
float: left;
width: 400px;
}

#Cols2Right
{
float: right;
width: 400px;
}

#Cols2Image
{
max-width: 400px;
max-height: 300px;
}

#RightImage
{
float: right;
max-width: 400px;
max-height: 400px;
margin: 10px 10px 10px 10px;
}

#LeftImage
{
float: left;
max-width: 400px;
max-height: 400px;
margin: 10px 10px 10px 10px;
}

.ProductFormImages
{
max-width: 400px;
max-height: 300px;
}

#CategoryImage, #ProductThumb
{
max-width: 50px;
max-height: 50px;
}


/* fix IE (doesn't like max-width and max-height)*/
*html #RightImage, #LeftImage, #Cols2Image, .ProductFormImages
{
width: 400px;
height: 300px;
}

/* fix IE (doesn't like max-width and max-height)*/
*html #CategoryImage, #ProductThumb
{
width: 50px;
height: 50px;
}

#shortDesc {
    width: 350px;
}

#layoutTypeImage
{
float: right;
margin: 5px 10px 0px 0px;
}

#layoutTypeCombo
{
float: left;
margin: 5px 0px 0px 0px;
}

#layoutType {
    width: 400px;
}

#productFormActiveSpecial {
    color : red;
}

#productFormSpecialList {
    font-size: 9px;
}


#contactUsForm {
    width: 800px;
    float: left;
}

#contactUsFormLeft {
    width: 300px;
    float: left;
}

#contactUsFormRight {
    width: 300px;
    float: right;
    padding: 0px 75px 0px 0px;
}

/* ie seems to display funny so make padding different */
*html #contactUsFormRight {
    padding: 0px 10px 0px 0px;
}


#browseMenu  {
    float: left;
    background-color: #E60202;
    margin: -15px 0px 0px 0px;
    width: 120px;
}

#browseMenu h2 {
    padding: 0px 0px 0px 0px;

    font-size: 1.3em;
    text-align: center;
    color: #FFFFFF; 
}

#browseMenu h3 {
    padding: 0px 0px 0px 5px;
    font-weight: bold;
    font-size: 1em; 
    text-align: left;
}

#browseMenu a, 
#browseMenu a:link,
#browseMenu a:active, 
#browseMenu a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }


#browseMenu a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #E60202
    }

#browseMenuTopLeft {
    float: left;
}

#browseMenuTopRight {
    float: right;
}   
#browseMenuBotLeft {
    float: left;
    padding: 0px 0px 0px 0px;
}

#browseMenuBotRight {
    float: right;
    padding: 0px 0px 0px 0px;
}

* html #browseMenuBotRight, #browseMenuBotLeft {
        margin: 0px 0px -6px 0px;
}

#productLookup {
    width: 350px;   
    margin: 10px 0px 0px 10px;
    text-align: left;
}

#info {
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 4px;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 4px;
    padding-left: 0pt;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;
    text-align: left;
    font-size: 1em;
}

#loginForm {
/*     float: left; */
}