body {
    background-color: #fff;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    margin: 0px;
    text-align: center;
}

img {
    border: none;
}

td {
    font-size: 12px;
    text-align: left;
}

hr {
    color: #2C8533;
    height: 1px;
}

a, a:visited, a:active {
    color: #000099;
    text-decoration: underline;
}
a:hover {
    color: #BC0D0D;
    text-decoration: underline;
}
.textTitle a, .textTitle a:visited, .textTitle a:active {
    color: #2C8533;
    font-size: 18px;
    text-decoration: none;
}
.textTitle a:hover {
    color: #BC0D0D;
    text-decoration: underline;
}
a.productLink, a.productLink:visited, a.productLink:active {
    color: #2C8533;
    font-size: 14px;
    text-decoration: none;
}
a.productLink:hover {
    color: #000099;
    text-decoration: underline;
}


a.faded, a.faded:visited, a.faded:active {
    color: #999;
    text-decoration: none;
}
a.faded:hover {
    color: #000099;
}
a.homeNews, a.homeNews:visited, a.homeNews:active {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
a.homeNews:hover {
    color: #000099;
}

a.findOutMore, a.findOutMore:visited, a.findOutMore:active {
    color: #666;
    font-weight: bold;
    font-size: 11px;
}
a.findOutMore:hover {
    color: #000099;
}

a.category, a.category:visited, a.category:active {
    color: #009900;
    font-weight: bold;
    font-size: 12px;
}
a.category:hover {
    color: #000099;
}

#container {
    margin: 0 auto;
    padding: 10px 0 0 0;
    text-align: left;
    width: 960px;
}

#header a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
#header a:hover {
    color: #000099;
    text-decoration: underline;
}
.searchBox {
    border: solid 1px #999;
    color: #333;
    width: 150px;
    height: 24px;
    margin: 0;
    padding: 3px 0 0 3px;
}
.searchButton {
    cursor: pointer;
    margin: 0;
}

#navigation {
    background-color: #2C8533;
    margin: 10px 0 10px 0;
    padding: 5px 10px 5px 10px;
}
#navigation table {
    width: 940px;
}
#navigation td {
    text-align: center;
}
#navigation a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
#navigation a:hover {
    text-decoration: underline;
}

#content {
    float: left;
    padding: 0 10px 0 0;
    width: 715px;
}

#rightBar {
    float: right;
    padding: 0 0 0 10px;
    position: relative;
    width: 215px;
}
.signupBox {
    border: none;
    color: #333;
    width: 150px;
    height: 24px;
    margin: 0;
    padding: 3px 0 0 3px;
}

#footer {
    color: #666;
    font-size: 10px;
}

/*--------------------------------------------------------------*/
/* Saving Block */
.savePopup_Table {
    border: solid 1px #000000;
}
.savePopup_Body {
    background-color: #006699;
    color: #FFFFFF;
    font-size: 11px;
}


/*--------------------------------------------------------------*/
/* Common Text Settings */
.textRegular {
    font-size: 12px;
}
.textSmall {
    font-size: 10px;
}
.textTiny {
    font-size: 9px;
}
.textLarge {
    font-size: 14px;
}
.textExtraLarge {
    font-size: 16px;
}

/* Common Text Styles for White (or Reverse) Text */
.textRegular_reverse {
    color: #FFFFFF;
    font-size: 11px;
}
.textSmall_reverse {
    color: #FFFFFF;
    font-size: 9px;
}
.textTiny_reverse {
    color: #FFFFFF;
    font-size: 9px;
}
.textLarge_reverse {
    color: #FFFFFF;
    font-size: 13px;
}
.textExtraLarge_reverse {
    color: #FFFFFF;
    font-size: 15px;
}
.textTitle_reverse {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}
.textSubTitle_reverse {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}


.textPageTitle {
    color: #2C8533;
    font-size: 26px;
}
.textTitle {
    color: #2C8533;
    font-size: 22px;
}
.textSubTitle {
    color: #2C8533;
    font-size: 18px;
}
.textFooter {
    color: #333333;
    font-size: 10px;
}

.textHighlight_Light {
    color: #3399ff;
    font-weight: bold;
}
.textHighlight_Dark {
    color: #660099;
    font-weight: bold;
}

.textCaption {
    color: #999999;
    font-size: 10px;
}

.textError {
    color: #990000;
    font-size: 12px;
    font-weight: bold;
}

.textHidden {
    color: #333333;
    font-size: 9px;
}

.textNew {
    color: #990000;
    font-size: 12px;
    font-weight: bold;
}

.caption {
    color: #2C8533;
    font-size: 11px;
}


/*--------------------------------------------------------------*/
/* Pricing Text Settings
   Used by ProductItemCollection (_coreModules/eShopping/controls) for formatting Pricing Text 
*/
.textPriceRetail {
    color: #000000;
    font-size: 11px;
    text-decoration: line-through;
}
.textPriceSale {
    color: #990000;
    font-weight: bold;
    font-size: 11px;
}
.textPriceSavings {
    color: #990000;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}


/*--------------------------------------------------------------*/
/* Grid Settings
   For use in any HTML tables and by the BaseGrid control (in WGA.ClassLibrary.Controls)
*/
.gridMain {
    border: solid 1px #000000;
    border-collapse: collapse;
}
.gridHeader {
    background-color: #26991D;
    border: solid 1px #000000;
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.gridSubHeader {
    background-color: #FFE499;
    border: solid 1px #000000;
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.gridRow1 {
    background-color: #FFFFFF;
    border: solid 1px #000000;
    color: #000000;
}
.gridRow2 {
    background-color: #FFE499;
    border: solid 1px #000000;
    color: #000000;
}
.gridLineError {
    background-color: #ffaaaa;
    border: solid 1px #000000;
    color: #000000;
}
.gridLineWarning {
    background-color: #FFFEAA;
    border: solid 1px #000000;
    color: #000000;
}
.gridFooter {
    background-color: #26991D;
    border: solid 1px #000000;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}


/*--------------------------------------------------------------*/
/* Order Table Settings
   Used by Order Display Control (WGA.CoreModules.DataRules.Order_Basic) for formatting order display tables
*/
.orderDetail {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    background-color: #FFFFFF;
    font-size: 10px;
}

.orderHighlight {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    background-color: #F4F8FB;
    font-size: 10px;
}


/*--------------------------------------------------------------*/
/* Product Table Settings
   Used by ProductDisplay and Child Controls (_coreModules/eShopping/controls) for formatting stock item display tables
*/
.productTable {
    border: solid 1px #999999;
    border-collapse: collapse;
    width: 100%;
}
.productTableHeader {
    background-color: #85ADAD;
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.productTableRow1_Detail {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 11px;
    padding: 2px;
}
.productTableRow1_Price {
    background-color: #F1F1E1;
    border: solid 1px #999999;
    color: #000000;
}
.productTableRow2_Detail {
    background-color: #CCCCCC;
    color: #000000;
    padding: 2px;
}
.productTableRow2_Price {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #000000;
}

.productTablePriceHeader1 {
    background-color: #F1F1E1;
    border: solid 1px #999999;
    color: #000000;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}
.productTablePriceHeader2 {
    background-color: #CCCCCC;
    border: solid 1px #999999;
    color: #000000;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}
.productTablePriceDetail1 {
    border: solid 1px #999999;
    color: #000000;
    font-size: 9px;
    text-align: center;
}
.productTablePriceDetail2 {
    border: solid 1px #999999;
    color: #000000;
    font-size: 9px;
    text-align: center;
}
.productTableImage1 {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #000000;
    font-size: 9px;
    text-align: right;
}
.productTableImage2 {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    color: #000000;
    font-size: 9px;
    text-align: right;
}


/*--------------------------------------------------------------*/
/* Data Display Settings
   Used by the DataSection and DataNameValue controls (in WGA.ClassLibrary.Controls)
*/
.dataBoxBorder {
    border: none;
    padding: 4px;
}
.dataBoxBody {
    background-color: #FFFFFF;
}
.dataBoxHeader {
    color: #000000;
    font-weight: bold;
}
.dataBoxRowTitle {
    color: #2C8533;
    font-size: 14px;
    text-align: right;
}
.dataBoxRowValue {
    color: #000000;
}
.dataBoxFooter {
    color: #000000;
    font-weight: bold;
}

/*--------------------------------------------------------------*/
/* Box Display for general content on the site */
.box1Border {
    background-color: #d2b48c;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
}
.box1Header {
    color: #000000;
    font-weight: bold;
}
.box1Body {
    background-color: #d2b48c;
    color: #000000;
}
.box1Footer {
    color: #000000;
    font-weight: bold;
}

.contentBoxHeader {
    color: #2C8533;
    font-size: 20px;
}
.contentBoxBody {
}

/*--------------------------------------------------------------*/
/* Control Formatting
   
   formButton
   To be used by all Button objects - currently used by WebButton (in WGA.ClassLibrary.Controls)
   and by CommonCode.WebButton()
*/
.formButton_float {
    background-color: #7D2A00;
    border: 1px;
    color: #000000;
    cursor: hand;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 17px;
    margin: 0px;
    padding: 1px;
    text-align: center;
}
.formButton_small {
    background-color: transparent;
    background-image: url(/siteSpecific/images/buttonBG_Small.gif);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 17px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 100px;
}
.formButton_medium {
    background-color: transparent;
    background-image: url(/siteSpecific/images/buttonBG_Medium.gif);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 17px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 150px;
}
.formButton_large {
    background-color: transparent;
    background-image: url(/siteSpecific/images/buttonBG_Large.gif);
    background-repeat: no-repeat;
    border: 0px;
    color: #000000;
    cursor: pointer;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    height: 17px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 200px;
}

/* Used for formatting text box and list controls */
.formControl {
    border: solid 1px #009900;
    color: #333333;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}



/*--------------------------------------------------------------*/
/* Calendar Formatting Control
   Used by WGA.ClassLibrary.Controls.BaseCalendar 
*/
.calendar {
    border: solid 1px #000000;
}
.calendarTitle, .calendarNextPrev {
    /*background-color: #C3A66C;*/
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.calendarDayHeader {
    background-color: #eeeeee;
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.calendarDay {
    background-color: #ffffff;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}
.calendarDayWeekend {
    background-color: #ffffff;
    color: #000000;
}
.calendarDayOtherMonth {
    background-color: #eeeeee;
    color: #aaaaaa;
}
.calendarDayToday {
    background-color: #ffffcc;
    color: #000000;
    font-weight: bold;
}
.calendarDaySelected {
    background-color: #ff0000;
    color: #000000;
    font-weight: bold;
}
.calendarSelector {
    background-color: #ffcc66;
    color: #000000;
    font-weight: bold;
}


/*--------------------------------------------------------------*/
/* DHTML Display Class */
.dhtmlDisplay {
    border: #000000 1px solid;
}


/*--------------------------------------------------------------*/
/* used by breadcrumb classes */
.breadcrumbs {
    color: #333333;
    font-size: 10px;
}

/*--------------------------------------------------------------*/
.TreeNode {
    color: #333333;
}
.TreeNodeOver {
    color: #BC0D0D;
    cursor: hand;
}
.TreeNodeSelect {
    color: #333333;
    cursor: hand;
}
.TreeNodeDisabled {
    color: #999999;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.sectionTitle {
    color: #2C8533;
    font-size: 20px;
    margin-bottom: 5px;
}

.boxTitle {
    font-size: 10px;
    font-weight: bold;
}

.articleHighlight {
    background-color: #333;
    border: solid 2px #2C8533;
    color: #fff;
    margin: 0 10px 0 0;
    text-align: center;
    vertical-align: top;
    width: 175px;
}
.articleHighlightTitle {
    color: #00bb00;
    font-size: 13px;
    font-weight: bold;
}
.articleHighlight a, .articleHighlight a:visited, .articleHighlight a:active {
    color: #2C8533;
    text-decoration: none;
}
.articleHighlight a:hover {
    color: #fff;
    text-decoration: underline;
}