.swatchOff {
    border: solid 1px #ffffff;
    cursor: pointer;
    padding: 1px;
}
.swatchOn {
    border: solid 1px #C7C6AE;
    cursor: pointer;
    padding: 1px;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/

/* Anchors used as titles */
A.title, .title:Visited, .title:Active {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}
A.title:Hover {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

/* Anchors used in NavigationSectionA */
A.navA, .navA:Visited, .navA:Active {
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
A.navA:Hover {
    color: #ffff99;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

/* Anchors used in NavigationSectionB */
A.navB, .navB:Visited, .navB:Active {
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
A.navB:Hover {
    color: #990000;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

/* Anchors used in the CategoryNavigation Controls */
A.categoryNav, .categoryNav:Visited, .categoryNav:Active {
    color: #333333;
    text-decoration: none;
}
A.categoryNav:Hover {
    color: #BC0D0D;
    text-decoration: none;
}

/* Anchors used in a DataGrid's Header when a title can be sorted by */
A.sortHeader, .sortHeader:Visited, .sortHeader:Active {
    color: #333333;
    text-decoration: underline;
}
A.sortHeader:Hover {
    color: #990000;
    text-decoration: underline;
}

/* Anchors used in a DataGrid's Footer for page links */
A.pagination, .pagination:Visited, .pagination:Active {
    color: #333333;
    text-decoration: underline;
}
A.pagination:Hover {
    color: #990000;
    text-decoration: underline;
}


/* Links from Lead-In content title */
A.contentLink, .contentLink:Visited, .contentLink:Active {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
A.contentLink:Hover {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

/* Links from Event List title */
A.eventLink, .eventLink:Visited, .eventLink:Active {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
A.eventLink:Hover {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

/* Links from Lead-In category title */
A.categoryLink, .categoryLink:Visited, .categoryLink:Active {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
A.categoryLink:Hover {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

/* Links from Lead-In product title */
A.productLink, .productLink:Visited, .productLink:Active {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
A.productLink:Hover {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

/* Style from edit links */
A.editLink, .editLink:Visited, .editLink:Active {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
A.editLink:Hover {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

/* Anchors used as breadcrumbs */
A.breadcrumbs, .breadcrumbs:Visited, .breadcrumbs:Active {
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}
A.breadcrumbs:Hover {
    color: #000000;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

/* Paginated DataSource Link */
A.pageCurrent, .pageCurrent:Visited, .pageCurrent:Active {
    color: #ffffff;
    text-decoration: underline;
}
A.pageCurrent:Hover {
    color: #ffff00;
    text-decoration: underline;
}

A.pageNextLink, .pageNextLink:Visited, .pageNextLink:Active {
    color: #ffffff;
    text-decoration: underline;
}
A.pageNextLink:Hover {
    color: #ffff00;
    text-decoration: underline;
}

A.pagePrevLink, .pagePrevLink:Visited, .pagePrevLink:Active {
    color: #ffffff;
    text-decoration: underline;
}
A.pagePrevLink:Hover {
    color: #ffff00;
    text-decoration: underline;
}

A.searchResults, .searchResults:Visited, .searchResults:Active {
    color: #ffffff;
    text-decoration: underline;
}
A.searchResults:Hover {
    color: #ffff00;
    text-decoration: underline;
}




/*--------------------------------------------------------------*/
/* Class Tags */
/*--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
/* Navigation Sections */
.navigationSectionA {
    color: #FFFFFF;
    font-size: 11px;
}
.navigationSeperatorA {
    background-color: #DCDCDC;
}

.navigationSectionB {
    background-color: #F1F1E1;
    color: #333333;
    font-size: 11px;
}
.navigationSeperatorB {
    background-color: #333333;
}


/*--------------------------------------------------------------*/
/* Search Results */
.searchResultsHeader {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.searchResultsFooter {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}


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

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

.textTitle_reverse {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
.textSubTitle_reverse {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}


.textPageTitle {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
}
.textTitle {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}
.textSubTitle {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}
.textFooter {
    color: #ffffff;
    font-size: 9px;
}

.textHighlight_Light {
    color: #B0C4DE;
    font-size: 11px;
    font-weight: bold;
}
.textHighlight_Dark {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

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

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

.textHidden {
    color: #FFFFFF;
    font-size: 10px;
}

.textNew {
    color: #990000;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}

/*--------------------------------------------------------------*/
/* 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 ExtendedGrid control (in WGA.ClassLibrary.Controls)
*/
.gridMain {
    border-collapse: collapse;
}
.gridMain TABLE {
    border: solid 1px #000000;
}
.gridMain TH {
    border: solid 1px #000000;
    padding: 2px 5px 2px 5px;
}
.gridMain TD {
    border: solid 1px #000000;
    padding: 2px 5px 2px 5px;
}
.gridHeader {
    background-color: #F0F0F0;
    background-image: url(/siteSpecific/images/evenRowBG.gif);
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.gridRow1 {
    background-color: #F5F8EF;
    background-image: url(/siteSpecific/images/altRowBG.gif);
    color: #333333;
    font-size: 11px;
}
.gridRow2 {
    background-color: #F9F9F9;
    background-image: url(/siteSpecific/images/evenRowBG.gif);
    color: #333333;
    font-size: 11px;
}
.gridLineError {
    background-color: #B22222;
    color: #999999;
    font-size: 11px;
}
.gridLineWarning {
    background-color: #FFFEAA;
    color: #000000;
    font-size: 12px;
}
.gridFooter {
    background-color: #F0F0F0;
    background-image: url(/siteSpecific/images/evenRowBG.gif);
    color: #333333;
    font-size: 11px;
    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: 11px;
}

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


/*--------------------------------------------------------------*/
/* 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%;
}
.productTablePriceHeader1 {
    background-color: #ffffff;
    border: solid 1px #999999;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}
.productTablePriceHeader2 {
    background-color: #ffffff;
    border: solid 1px #999999;
    color: #990000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.productTablePriceDetail1 {
    border: solid 1px #999999;
    color: #000000;
    font-size: 10px;
    text-align: center;
}
.productTablePriceDetail2 {
    border: solid 1px #999999;
    color: #FF4500;
    font-size: 10px;
    text-align: center;
}


/*--------------------------------------------------------------*/
/* Data Display Settings
   Used by the DataSection and DataNameValue controls (in WGA.ClassLibrary.Controls)
*/
.dataBoxBorder {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    padding: 4px;
}
.dataBoxBody {
    background-color: #FFFFFF;
}
.dataBoxHeader {
    color: #333333;
    font-size: 12px;
}
.dataBoxRowTitle {
    font-size: 11px;
    text-align: right;
    color: #283c45;
    font-weight: bold;
}
.dataBoxRowValue {
    color: #666666;
    font-size: 11px;
}
.dataBoxFooter {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}

/*--------------------------------------------------------------*/
/* Box Display for general content on the site */
.contentBoxTable {
    width: 160px;
}

.contentBoxHeader {
    background-image: url(/siteSpecific/images/boxHeader.gif);
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 40px;
    vertical-align: top;
    width: 160px;
    height: 23px;
}

.contentBoxBody {
    background-color: #f8f8f8;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    color: #333333;
    font-size: 11px;
    padding: 5px;
}

/*--------------------------------------------------------------*/
/* 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;
    background-image: url(/siteSpecific/images/buttonBG.gif);
    border: 1px;
    color: #000000;
    cursor: hand;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    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: hand;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    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: hand;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    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: hand;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    margin: 0px;
    padding: 1px;
    text-align: center;
    width: 200px;
}

/* Used for formatting text box and list controls */
.formControl {
    border: solid 1px #7f9db9;
    color: #333333;
    font-size: 11px;
    height: 19px;
    padding-top: 2px;
}

/* Used for default formatting of the HTML editor control */
.RadEContent, BODY.RadEContent, .RadEContentBordered, BODY.RadEContentBordered {
    background-color: #ffffff;
    color: #333333;
    font-size: 11px;
}

/*--------------------------------------------------------------*/
/* Calendar Formatting Control
   Used by WGA.ClassLibrary.Controls.BaseCalendar 
*/
.calendar {
    border: solid 1px #333333;
}
.calendarTitle, .calendarNextPrev {
    background-color: #cccccc;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.calendarDayHeader {
    background-color: #F4F8FB;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.calendarDay {
    background-color: #ffffff;
    color: #333333;
    font-size: 11px;
}
.calendarDayWeekend {
    background-color: #ffffff;
    color: #333333;
    font-size: 11px;
}
.calendarDayOtherMonth {
    background-color: #F4F8FB;
    color: #aaaaaa;
    font-size: 11px;
}
.calendarDayToday {
    background-color: #ffffff;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}
.calendarDaySelected {
    background-color: #000000;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}
.calendarSelector {
    background-color: #ffcc66;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}


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


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

/*--------------------------------------------------------------*/
/* Step Text Settings
   Used by ProcessSteps User controls (/_coreModules/common/controls) 
*/
.stepActive {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}
.stepInactive {
    color: #999999;
    font-size: 11px;
    font-weight: bold;
}
.stepComplete {
    color: #999999;
    font-size: 11px;
    font-weight: bold;
}

.cartLoading {
    color: #990000;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
}

.searchBoxHeader {
    background-image: url(/siteSpecific/images/searchBox_topBG.gif);
    background-repeat: repeat-x;
    color: #283c45;
    font-family: Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 99%;
}

.tip {
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
}