/* Main structural elements */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #225E9A;
    width: 830px;
    margin: 10px auto 10px auto;
    padding: 0px;
}

#pagewidth {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}
#pagewidth div.top {
    background-image: url(/images/pagetop.gif);
    background-repeat: no-repeat;
    height: 7px;
    font-size: 1px;
}
#pagewidth div.bottom {
    background-image: url(/images/pagebottom.gif);
    background-repeat: no-repeat;
    height: 7px;
    font-size: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

#header {
    width: 810px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}
#header h1 {
    background-image: url(/images/logo.gif);
    background-repeat: no-repeat;
    height: 170px;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}
#header h1 span {
    display: none;
}
#header h2 {
    background-image: url(/images/subheader.gif);
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 3;
    color: #666666;
    height: 30px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}
#header h2 a {
    color: #225E9A;
    text-decoration: none;
}

#navmenu {
    background-image: url(/images/menu.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 810px;
    height: 40px;
    overflow: hidden;
    padding: 0px 10px 0px 10px;
}
#navmenu ul {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}
#navmenu li {
    list-style: none;
    display: inline;
    float: left;
    width: 110px;
    text-align: center;
}
#navmenu li a {
    display: block;
    background-image: url(/images/buttonx.gif);
    background-repeat: no-repeat;
    color: #225E9A;
    height: 30px;
    width: 110px;
    padding-top: 10px;
    text-decoration: none;
}
#navmenu li.currentlink a {
    background-image: url(/images/button.gif);
    background-repeat: no-repeat;
    color: #FFFFFF;
}

#footer {
    clear: both;
    width: 810px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}
#footer h2 {
    background-image: url(/images/subheader.gif);
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 3;
    color: #666666;
    height: 30px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

#content {
    width: 730px;
    margin: 0px 30px 0px 30px;
    padding: 10px 10px 10px 10px;
    text-align: left;
}
#content ul {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    list-style: none;
    margin: 0px 10px 10px 10px;
    padding: 0px;
}
#content ul li {
    background-image: url(/images/tabline.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    line-height: 1.7;
    margin: 0px;
    padding: 2px 15px 2px 15px;
}
#content ul li.itemhead {
    background-image: none;
    color: #225E9A;
    line-height: 1.7;
    margin: 0px;
    padding: 10px 15px 2px 5px;
}
#content ul li a {
    text-decoration: none;
}

#login form {
    margin: 0px;
    padding: 0px;
}
#login fieldset {
    color: #225E9A;
    margin: 0px;
    padding: 5px;
}
#login legend {
    font-size: 12px;
    font-weight: bold;
    color: #225E9A;
    padding: 5px 5px 5px 5px;
}
#login label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #225E9A;
    float: left;
    clear: left;
    width: 120px;
    padding-right: 10px;
    text-align: right;
    line-height: 1.8;
}
#login input {
    display: block;
    font-size: 11px;
    color: #225E9A;
    width: 320px;
    float: left;
}
#login input.checkbox {
    width: 30px;
}

#contact {
    width: 700px;
    margin: 0px;
    padding: 0px;
}
#contact form, #contact h3, #contact p {
    margin: 0px;
    padding: 0px;
}
#contact p {
    font-size: 11px;
    padding: 10px;
}
#contact fieldset {
    color: #225E9A;
    margin: 0px;
    padding: 5px;
}
#contact legend {
    font-size: 12px;
    font-weight: bold;
    color: #225E9A;
    padding: 5px;
}
#contact label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #225E9A;
    float: left;
    clear: left;
    width: 70px;
    padding-right: 10px;
    text-align: right;
    line-height: 1.8;
}
#contact input, #contact textarea {
    display: block;
    font-size: 11px;
    color: #225E9A;
    float: left;
}
#contact button {
    display: block;
    float: left;
    margin: 10px 0px 10px 0px;
}

#details {
    width: 700px;
    margin: 0px;
    padding: 0px;
}
#details form, #details h3, #details p {
    margin: 0px;
    padding: 0px;
}
#details p {
    font-size: 11px;
    padding: 10px;
}
#details fieldset {
    color: #225E9A;
    margin: 0px;
    padding: 5px;
}
#details legend {
    font-size: 12px;
    font-weight: bold;
    color: #225E9A;
    padding: 5px;
}
#details label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #225E9A;
    float: left;
    clear: left;
    width: 130px;
    padding-right: 10px;
    text-align: right;
    line-height: 1.8;
}
#details span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8;
    color: #225E9A;
    float: left;
}
#details input {
    display: block;
    font-size: 11px;
    color: #225E9A;
    float: left;
}
#details button {
    display: block;
    float: left;
    margin: 10px 0px 10px 0px;
}

#panel {
    width: 220px;
    float: right;
    margin: 0px;
    padding: 0px;
}
#panel div.top {
    background-image: url(/images/paneltop.gif);
    background-repeat: no-repeat;
    height: 20px;
    font-size: 1px;
}
#panel div.bottom {
    background-image: url(/images/panelbottom.gif);
    background-repeat: no-repeat;
    height: 20px;
    font-size: 1px;
}
#panel p {
    background-image: url(/images/panel.gif);
    background-repeat: repeat-y;
    color: #FFFFFF;
    padding: 0px 20px 0px 20px;
    margin: 0px;
}
#panel a {
    color: #FECA03;
}

#recall {
    background-image: url(/images/recall.gif);
    background-repeat: no-repeat;
    width: 320px;
    height: 30px;
    float: right;
}
#recall a {
    display: block;
    padding: 5px 0px 0px 10px;
}


/* General classes */

.narrow {
    width: 500px;
}
.errormss {
    color: red;
    font-size: 12px;
}
.warning {
    color: red;
    font-size: 12px;
}
.paperclip {
    display: inline-block;
    background-image: url(/images/paperclip.gif);
    background-repeat: no-repeat;
    height: 22px;
    padding: 2px 0px 1px 15px;
    cursor: pointer;
}
.arrowed {
    background-image: url(/images/arrow.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 40px;
    cursor: pointer;
}
    

/* supplier entry classes */

.supplier {
    background-image: url(/images/suppheader.gif);
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 2;
    color: #FFFFFF;
    height: 30px;
    margin: 0px;
    padding: 0px 0px 10px 10px;
}
.suppweb {
    float: right;
}
.supplogo {
    float: right;
    padding-right: 40px;
}
.suppaddress {
    line-height: 1.5;
    padding-top: 10px;
}
.suppphone {
    line-height: 1.5;
    padding-top: 10px;
}
.suppnet {
    line-height: 1.5;
    padding-top: 10px;
}
.supptext {
    clear: both;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 20px;
}

/* div-based simple tabulation classes */

.column {
    display: block;
    float: left;
    line-height: 1.3;
    width: 100px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}
.wide { width: 200px; }
.wider { width: 300px; }
.widest { width: 400px; }
.alignright { text-align: right; }
.aligncentre { text-align: center; }
.rowend {
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    clear: both;
}

/* HTML elements */

h3, h4 {
    margin: 0px;
    padding: 0px;
    color: #225E9A;
}
h3 {
    font-size: 15px;
    padding: 2px 0px 10px 0px;
}
h4 {
    font-size: 13px;
    padding: 2px 0px 5px 0px;
}

p {
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
}
p span {
    font-weight: bold;
    color: #225E9A;
}
p br {
    font-size: 5px;
}

a {
    font-weight: bold;
    color: #225E9A;
    text-decoration: none;
}