/* General Layout */

body {
    padding: 0; margin: 0;
    font: 10pt Arial, sans-serif;
    background-color: #576;
}

#container {
    width: 760px;
    margin: 0 auto;
}

#header {
    background: url('header-bg.png') repeat-x bottom;
    padding: 20px 0 0 20px;
    margin: 0 auto;
    width: 100%;
    float: left;
}

/* Tabs */

#header ul {
    padding-right: 40px;
    list-style: none;
    float: right;
}

#header li {
    background: url('tab-leader.png') no-repeat top left;
    float: left;
    margin: 0 2px;
    padding-left: 7px;
}

#header li a {
    background: url('tab.png') no-repeat top right;
    padding: 5px 12px 5px 5px;
    color: black;
    display: block;
}

#content {
    width: 100%;
    padding: 10px;
    background: #fff;
    clear: both;
    float: left;
}

#footer {
    clear: both;
    padding: 10px 0;
}

/* Table layout */

table {
    border-collapse: collapse;
    margin: 1em 0;
}

td {
    border-top: 1px solid #576;
    border-bottom: 1px solid #576;
}

td, th {
    padding: 5px;
}

table.products {
    width: 100%;
}

table.products tr {
    height: 75px;
}

td.image {
    text-align: center;
    vertical-align: top;
    width: 140px;
}

td.description {
    vertical-align: top;
}

td.cart {
    padding-right: 20px;
    text-align: right;
}

/* Product Pages */

.imagebox {
    float: left;
    width: 300px;
    text-align: center;
}

.descriptionbox {
    float: right;
    width: 450px;
}

/* Text formatting */

img { border: 0; -ms-interpolation-mode: bicubic; }
.cartbox { float: right; text-align: center; }
#header a { text-decoration: none; }
#header a:hover, #header a:active { text-decoration: underline; }
h1, h2, h3, h4, p, ul, ol, blockquote { padding: 0; margin: 0; }
#header a { color: black; }
#header p { margin-left: 50px; font-weight: bold; }
#content p, #content ul, #content ol, #content blockquote { margin-bottom: 1em; }
#content h3 { margin-bottom: 0.5em; }
#content ul, #content ol, #content blockquote { margin-left: 3em; }
.products h3 { font-size: 12pt; }
.greeting { margin-top: 1em; text-align: center; font-weight: bold; }
.exportalert { font-weight: bold; color: #f00; }
#footer p { text-align: center; font-weight: bold; }
#footer a { color: black; }


