﻿body { margin: 0px 0px 0px 75px; font-family: arial, veranda; font-size: 10pt; }

p { }

table { border-width: 1px solid Black; border-spacing: 1px; }

td { vertical-align: top; }

a:link { }

a:visited { }

a:hover { }

a:active { }

#topMenu { position: absolute; left: 975px; top: 2px; font-weight: bold; }

#topMenu a { color: Green; text-decoration: none; }

#topMenu a:hover { color: Orange; text-decoration: none; }

.topMenuItem1 { border-left: 2px solid #ebb725; padding: 3px 5px 0px 5px; }

.topMenuItem2 { padding: 3px 5px 0px 5px; }

.links { position: absolute; top: 302px; color: purple; font-size: 12pt; font-weight: bold; }

.links a { color: purple; text-decoration: none; }

.links a:hover { color: Black; text-decoration: none; }

#link1 { left: 115px; }

#link2 { left: 215px; }

#link3 { left: 315px; }

#link4 { left: 860px; }

#link5 { left: 960px; }

#link6 { left: 1060px; }

#header1 { background-image: url(Images/header1.jpg); width: 1100px; height: 527px; margin-bottom: -1px; border-right: 1px solid Black; }

#header2 { background-image: url(Images/header2.jpg); width: 1100px; height: 527px; margin-bottom: -1px; border-right: 1px solid Black; }

#welcome { position: absolute; top: 225px; left: 10px; width: 250px; font-weight: bold; }

.leftColumnColored { border-top: 1px dashed Gray; background-color: #fffde3; width: 262px; padding: 10px 10px 10px 10px; }

#leftColumnCategories { border-collapse: separate; text-align: center; font-size: 9pt; width: 100%; border: 1px solid Black; }

.leftColumnCategories { background-color: #dedede; padding: 2px 2px 2px 2px; vertical-align: middle; }

.leftColumnWhite { border-top: 1px dashed Gray; width: 366px; padding: 10px 10px 10px 10px; }

.leftColumnMenu { background-color: #fffde3; border-top: 1px dashed Gray; border-right: 1px dashed Gray; width: 200px; padding: 10px 10px 10px 10px; }

.mainContent { border-top: 1px dashed Gray; width: 900px; border-right: 1px solid Black; padding: 10px 10px 10px 10px;  }

.centerColumnColored { background-color: #eae9dd; vertical-align: top; border-top: 1px solid #eae9dd; width: 366px; }

.centerBottom { border-left: 1px dashed Gray; background-color: #eae9dd; border-top: 1px dashed Gray; border-right: 1px dashed Gray; padding: 10px 10px 10px 10px; }

.rightColumnColored { border-top: 1px dashed Gray; background-color: #fffde3; padding: 10px 10px 10px 10px; width: 264px; border-right: 1px solid Black; }

.rightColumnWhite { border-top: 1px dashed Gray; padding: 10px 10px 10px 10px; border-right: 1px solid Black; }

#footer { width: 1100px; border-right: 1px solid Black; border-bottom: 1px solid Black; border-top: 1px solid Black; }

.footerGreen { background-color: #78b62f; width: 10px; }

.footerContent { background-color: Gray; color: White; text-align: center; }

.footerContent a { color: white; text-decoration: none; }

.footerContent a:hover { color: Orange; text-decoration: none; }

#copyright { text-align: center; width: 1100px; padding: 10px 0px 10px 0px; }

#itemDisplay { width: 100%; }

.itemHeader { background-color: Gray; border: 1px solid Black; padding: 2px 2px 2px 2px; color: white; font-weight: bold; }

.itemInfo { padding: 10px 10px 10px 10px; }

.textHighlightRed { color: Maroon; }

.textHighlightGreen { color: Green; }

.smallFont { font-size: 8pt; }

.icon { width: 50px; text-align: center; }

.tableBorder { border: 1px solid Black; }

.categoryTitle { background-color: blue; color: white; font-weight: bold; font-size: 12pt; }

.productTitle { width: 125px; background-color: Gray; color: White; font-weight: bold; }

.productWeight { width: 75px; background-color: Gray; color: white; font-weight: bold; }

.productPrice { border-bottom: 1px dotted Black; width: 75px; }

.productDescription { width: auto; }

.productImage { width: 104px; }

.fullWidthTable { width: 100%; }