body, a, td, p {
    font-family: Verdana, Geneva, Helvetica;
    font-size: 10pt;
}

a {
    color:            #009966;
    text-decoration:  none;
}

a.nav1, a.nav2, a.nav3, a.nav4 {
    white-space: nowrap;
}

a.nav1 {
    font-weight:      bold;
}

a.nav2, a.nav3, a.nav4 {
    font-size:        10pt;
    margin-left:      15px;
}

a.nav3 {
    margin-left:      25px;
}

a.nav4 {
    margin-left:      35px;
}

a.current {
    color:            #000000;
    font-weight:      bold;
}

a:visited {
    color:            #009966;
}

a:active {
    color:            #00FFCC;
}

a:hover {
    color:            #00CC99;
}

a:hover.nav {
    color:            #00CC99;
}

p {
    font-size:        10pt;
    margin:       0px;
}

p.body {
    margin-bottom:    8px;
}

.bold {
    font-weight:      bold;
}

.indented {
    margin-left:      15px;
}

p.copy {
    font-size:        8pt;
    text-align:       center;
}

p.title {
    font-size:        36pt;
    font-style:       italic;
    font-weight:      bold;
    text-align:       left;
    color:            #009966;
    height: 58px;
    padding: 0px;
    margin: 0px;
}

p.subtitle {
    font-size:        18pt;
    text-align:       left;
    color:            #00BB66;
    height: 24px;
    padding: 0px;
    margin: 0px;
}

td.sidebar {
    background-color: #DDFFCC;
}

td.body {
    margin: 0px;
    padding: 0px;
}

.productCost {
    text-align:       left;
    vertical-align:   top;
    color:            #CC0000;
}

.productCode {
    text-align:       left;
    vertical-align:   top;
    color:            #000080;
}

.productSize {
    text-align:       left;
    vertical-align:   top;
    color:            #000066;
}

.productName {
    padding-top:       25px;
    text-align:       left;
    vertical-align:   top;
    color:            #008000;
}

.productImage {
    padding-top:      25px;
    text-align:       left;
    vertical-align:   middle;
    width:            100px;
    padding-right:    20px;
}

.productClassName {
    padding-top:       25px;
    text-align:       left;
    vertical-align:   top;
    color:            #008000;
}

.productClassImage {
    padding-top:      25px;
    text-align:       left;
    vertical-align:   top;
}

.categoryName {
    padding-top:       25px;
    text-align:       left;
    vertical-align:   top;
    color:            #008000;
}

.categoryImage {
    padding-top:      25px;
    text-align:       left;
    vertical-align:   middle;
    width:            100px;
    padding-right:    20px;
}

img {
    border:           none;
}

img.thumb {
    width:            100px;
}

img.bigThumb {
    width:            100%;
}

table.productTable {
    width:            100%;

}

#productQuery {
    float: right;
    font-size: 8pt;
}

#productQueryInput {
    font-size: 8pt;
}

.smallText, .smallText a {
    font-size: 7pt;
    text-align: center;
    color: #555555;
    margin: auto;
}

#searchQueryDisplay {
    font-size: 9pt;
    display: inline;
    font-weight: bold;
    padding-left: 25px;
}

#searchQuery {
    display: inline;
    font-weight: normal;
}

#categoryList {
    padding-top: 10px;
    font-size: 10pt;
    font-weight: bold;
}

#categoryListHeading {
    padding-left: 25px;
}

.categoryMatch {
    padding-left: 25px;
}


#productList {
    padding-top: 10px;
    font-size: 10pt;
    font-weight: bold;
}

#productListHeading {
    padding-top: 10px;
    padding-left: 25px;
}

.productMatch {
    padding-left: 25px;
}

.noProducts {
    padding-top: 2px;
    padding-left: 50px;
    font-weight: normal;
    font-style: italic;
}

#menu {
    padding: 10px;
}

#rightside {
    width: 10px;
}

#scrollingWindow {
    vertical-align: top;
    width: 100%;
    left: 0px;
    right: 0px;
    height: 500px;
    overflow: auto;
    padding: 0px;
    margin: 0px;
}

#mainContent {
    padding: 20px;
}

#title {
    background-color: #DDFFCC;
    font-size: 13pt;
    font-weight: bold;
    vertical-align: middle;
    padding: 8px;
    margin: 0px;
}

#footer {
    height: 24px;
}

#productDetails {
    padding-left: 5px;
    float: left;
}

#productCategory {
    margin-bottom: 5px;
} 

#productCategory a {
    font-weight: bold;
}

#productName, #productName a {
    font-size: 12pt;
    font-weight: bold;
    padding: 5px;
}

#productImage {
    float: left;
    padding: 5px;
    clear: both;
}

#productImage img {
    border: 1px solid black;
}

#productDescription {
    font-size: 85%;
    padding: 5px;
    float: left;
    clear: both;
}

#productItemCode {
    font-size: 85%;
}

#productItemCodeLabel {
    font-weight: bold;
    font-size: 85%;
    padding-left: 10px;
    padding-right: 3px;
    display: inline;
}

#productPrice {
    font-size: 85%;
}

#productPriceLabel {
    font-weight: bold;
    font-size: 85%;
    padding-left: 10px;
    padding-right: 3px;
    display: inline;
}

#productVarieties {
    padding: 5px;
    float: left;
    clear: both;
}

div.variety {
    float: left;
    clear: both;
}

div.varietyName a {
    font-size: 85%;
}

div.varietyName {
    font-size: 85%;
    width: 150px;
    display: inline;
    float: left;
}

div.varietyItemCode {
    font-size: 85%;
    width: 90px;
    display: inline;
    float: left;
}

div.varietyPrice {
    font-size: 85%;
    display: inline;
    float: left;
}

#productVarietyColumnHeaders div {
    font-weight: bold;
}

#productVarietyColumnHeaders {
    float: left;
    clear: both;
}