/* Colors */

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: #000;
    }
    
   
    .BrandSelect a,
    .UserLinks li a,
    a.AdvancedSearchButton {
       color: #989898;
        /* color: #23292C; 2016 08 30 */  /*** gray text cover, over black 20160922 ***/ 
    }
    
    

    .nav-tabs > li > a {
        border-top: 1px solid #D2D3D5;
        border-right: 1px solid #D2D3D5;
        border-left: 1px solid #D2D3D5;
        color: #969799;
    }
    .StaticMenuBar, .navbar-header {
        background: #507e70;
        /*background: #23292C;  2016 10 10 */
        /*background: #F5F5F5; 2016 08 30  20160922*/
    }
        
    .BrandSelectBar {
        /*background: #eaeaec; 2106 08 30 */
        background: #fff;
    }
    .BrandSelect li.active a,
    .BrandSelect li:hover a,
    .UserLinks li:hover a.dropdown-toggle {
        color: #5f5f5f;
    }
    @media (max-width: 767px) {
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        /*** color: #ddd;**/
        color: #fff; /*** 2016 10 10 **/
        background-color: transparent;
      }
    }    
    .BrandSelect li:hover, .UserLinks li:hover,
    .nav > li.LogIn > a:hover,
    .nav > li.LogIn > a:focus {
       /* background: #fff; 2016 08 30/* /*** text color over light gray (while hovering) ***/
        background: none;
    }
    
    .UserLinks li.BeginOrdering:hover {
        background: none;
    }
    
    .UserLinks li.BeginOrdering .btn-green {
        color: #fff;
    }
    
    li.Cart:hover, li.UserPortal:hover, li.AdvancedSearch:hover {
        background: none;
    }

    /*** Shades of Teal ***/
    .UserLinks li#SignIn_ListItem a,
    .UserLinks li#SignIn_ListItem a:hover,
    .FooterContainer,
    .btn-green, .nav .open > a#myCart_Button,
    .nav > li > a#myCart_Button:hover,
    .nav > li > a#myCart_Button:focus,
    .nav-tabs .badge {
        background-color: #507E70; /*** Dark Teal ***/
    }
    
    div.IconButton {
        background-color: #23292C; /** Charcoal **/
    }
    
    div.IconDashboard p,
    div.IconDashboard a {
        color: #23292c;
    }
    
    
    .btn-green:hover,
    .UserLinks li.BeginOrdering .btn-green:hover,
    .btn-green:active,
    .UserLinks li.BeginOrdering .btn-green:active,
    .btn-green:focus
    {
        background: #356856; /*** Darker teal for hover ***/
    }
    
  
    
    .UserLinks li.SignIn a,
    .btn-green,
    .btn-green:hover,
    .btn-green:active,
    .btn-green:focus {
        color: #fff; /*** white text color over dark teal ***/
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:active,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus{
       /***  color: #000; black text color over teal 2016 10 10***/
        color: #fff;
    }
    
    .navbar-default .navbar-toggle {
        border-color: #fff; /*** 2016 10 10 ***/
    }
    
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff; /*** 2016 10 10 ***/
    }
    
    .green {
        color: #507E70; /*** Dark Teal text color ***/
    }
    
    li.CartItemComplete {
        border: 1px solid #7BAC9D; /*** Medium Teal text color ***/ 
    }
    .color-block-green {
        background:#7BAC9D;
    }
    .ColorBlocks a.teal {
        background: rgba(123,172,157,0.7); /*** Medium Teal ***/
    }
    .nav-tabs > li > a:hover {
        border: 1px solid #7BAC9D;
        background: #7BAC9D;
        color: #fff;
    } 
    .RightSideBar, .EmphasisWell {
        background: #C8D7D0; /*** Medium-Light Teal ***/
    }
    .MainContent,
    .top-position,
    .StaticPage,
    .SmallerStaticPage,
    .SearchResultsContainer,
    .SearchResultsTabs li.active a,
    .SearchResultsTabs li.active a:hover {
        background: #E6EDEA; /*** Light Teal ***/
    }
    
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:active,
    .navbar-default .navbar-nav > .open > a:focus {
        background: #7BAC9D; /** Medium Teal Hover 2016 10 10 **/
       
    }
    
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .nav-tabs > li > a:hover {
        color: #fff /** black text color 2016 10 10 **/ 
    }
    

    
    .SearchResultsTabs > li.active > a:hover,
    .SearchResultsTabs > li.active > a:focus {
        
    }
    
    .PhotoGalleryTile p a,
    .ArticlesList h4 a {
        color: #356856;
    }
    .PhotoGalleryTile {
        background: #E6EDEA; /*** Light Teal ***/
    }
    .PhotoGalleryTileFooter {
        background: #7BAC9D; /*** Light Teal ***/
    }

    
    table.tablesorter thead tr .headerSortDown,
    table.tablesorter thead tr .headerSortUp {
        background-color: #E6EDEA; /*** Light Teal ***/
    }
    #availability_graph rect.CurrentWeek {
        fill: #E6EDEA; /*** Light Teal ***/
        stroke: #E6EDEA; /*** Light Teal ***/
    }
    
    div.RelatedArticles {
        background: #C29C4C; /*** Dark  Mustard ***/
    }
    .ColorBlocks a.mustard {
        background: rgba(194,156,76,0.7);   /*** Med. Mustard ***/
    } 
    .CartItemComplete {
        background: #E3D2AE; /** Tan **/
    }
    span#UnsubmittedOrdersFlag, span#AddtoCartFlag {
        color: #f0ad4e; /** brighter Tan **/
        text-shadow: 0 0 1px #000;
    }
    tr.PeriodBreak,
    .CartList li.PeriodBreak,
    .jumbotron,
    .mini-jumbotron {
        background: #F2EBDB; /** Light Tan **/
    }
    .well {
        background-image: linear-gradient(to bottom, #e8dabd 0px, #ede2cb 100%);
        border-color: #E3D2AE;
    }

    .UserLinks li.UserPortal a, .UserLinks li.UserPortal a:hover {
        background-color: #745782; /*** Purple ***/
    }
    
    .UserLinks li.WebTools a, .UserLinks li.WebTools a:hover {
        background-color: #94AB3C; /*** bright green ***/
    }
    
    .UserLinks li.AdminWebTools a, .UserLinks li.AdminWebTools a:hover {
        background-color: #323B3F; /*** teal ***/
    }
    
    .UserLinks li.SalesRepWebTools a, .UserLinks li.SalesRepWebTools a:hover {
        background-color: #507E70; /*** teal ***/
    }
    
    .UserLinks li.UserPortal a, .UserLinks li.WebTools a, .UserLinks li.AdminWebTools a, .UserLinks li.SalesRepWebTools a {
        color: #fff; /*** White (letters on Dark Purple) ***/
    }

    .SearchForm .btn-primary,
    .SearchForm .btn-primary:hover,
    .SearchForm .btn-primary:active,
    .UserLinks li a.btn-primary,
    .btn-primary
    {
        background: #7D5F8C; /*** Med Purple ***/
    }
    .btn-primary,
    .UserLinks li a.btn-primary,
    .panel-primary,
    .btn-primary:hover,
    .btn-primary:active{
        border-color: #745782;
    }
    .UserLinks li a.btn-primary {
        color: #fff;
    }
    .UserLinks li a.btn-primary:hover,    
    .btn-primary:hover,
    #ActiveIconButton div.IconButton,
    .color-block-purple {
        background: #745782;
    }
    #ActiveIconButton p,
    #ActiveIconButton a,
    .text-primary
    {
        color: #745782;
    }
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary.focus {
        background: #674E74;
    }
    .SearchForm .btn-primary,
    .SearchForm .btn-primary:hover,
    .SearchForm .btn-primary:active,
    .color-block-purple {
        color: #fff; /*** White (letters on Med Purple) ***/
    }
    .ColorBlocks a.purple {
        background: rgba(125,95,140,0.7);  /*** Light Purple ***/ 
    }

    
    .GC_MainHeadline, a.white {
        color: #fff; /** (White) Headline over Banner Video **/
    }
    
    .SR_Label_New {
        background-color: #B74230;
    }
    
    /** hr {
        border-color: #7F9D3C; /** Bright Green removed 2016 10 10
    } **/ 
       
    .PhotoGalleryTile, hr {
        border-color: #6d7376;
    }
   
    .NewsfeedContainer {
        background: #acbb7e; /** Softer Green **/
    }
    .SR_Label_PW {
        background: #51763D; /** Proven Winners dark green **/
    }
    
    .SR_Label_WGI {
        background: #819F3D; /** WGI Introduction light green **/
    }
    
    /** Shades of Gray **/
    .FeaturedPerennialsContainer,
    div.TabContent,
    .VarietiesMentioned,
    .InputBox,
    .CartList .ItemDetails,
    .CartList .shaded,
    .UserPortalContainer,
    #tabs .nav-tabs > li.active > a,
    #tabs .nav-tabs > li.active > a:hover,
    #tabs .nav-tabs > li.active > a:focus {
        background: #D2D3D5; /** Medium Gray **/
    }    
    #availability_graph rect.Avail,
    .Loading, svg#availability_graph text.Loading {
        fill: #D2D3D5; /** Medium Gray **/
    }
    #availability_graph line,
    #availability_graph rect.Avail,{
        stroke: #D2D3D5; /** Medium Gray **/
    }
    .Loading, svg#availability_graph text.Loading {
        color: #D2D3D5; /** Medium Gray **/
    }
    p.footer,
    .gray {
        color: #D2D3D5; /** Medium Gray **/
    }
    .ArticleContent hr, .PageContent hr {
        border: 1px solid #D2D3D5;  /** Medium Gray **/
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #000; /** black text color, over medium gray **/
    }
    #myCart .modal-content {
        background-color: rgba(105, 105, 105, 0.9); /** Darker Gray, Includes Transparency **/
    }
    .ArticleContent p.date,
    .PageContent p.date,
    #myCart .btn-primary,
    #myCart a.btn-primary:hover {
        color: #808285; /** Darker Gray **/
    }
    
    #myCart .btn-primary:hover {
        background: #eff0f1;
    }
    
    #myCart .btn-primary {
        background: #fff;
        border: 1px solid #fff;
    }
    #myCart .btn-default {
        background: #808285; /** Darker Gray **/
        border: 1px solid #fff;
        color: #fff;
    }
    #myCart .btn-default:hover {
        background: #76787a; /** Darker than Darker Gray **/
    }
    .VarietyName small,
    h1#ArticleTitle {
        color: #333;
    }

    .ArticleMenu h3 {
        border-bottom: 1px solid #a6a6a6;
        color: #a6a6a6; /** Light to Medium Gray **/
    }
    .InputBox {
        border: 1px solid #BABBBE;
    }
    div.SearchResults {
        border: 1px solid #BABBBE;
    }
    
    a.SearchImage img {
        border-right: 1px solid #babbbe;
    }
    
    .ArticleList p.byline {
        color: #BABBBE;
    }
    .CartList .ItemDetailFigures,
    .TotalLine,
    .color-block-gray,
    .ArticleMenu,
    .breadcrumb,
    div.ArticleImage {
        background: #E8E9EA; /** Light Gray **/
    }

    #availability_graph line.CurrentWeek {
        stroke: #222222;
    }
    tr.PeriodBreak {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    /** Red **/
    #availability_graph rect.Short {
        fill: #f2dede;
        stroke: #f2dede;
    }
    #availability_graph rect.Zero {
        fill: #AF1A12;
        stroke: #AF1A12;
    }


    /** Link Colors **/
    figcaption a {
        color: #337ab7;
    }
    figcaption a:hover {
        color: #23527c;
    }
    .footer a {
        color: #fff;
    }
    #myCart a {
        color: #fff;
    }    
    #myCart a:hover {
        color: #fff;
    }
    #myCart .modal-body img {
        border: 1px solid #fff;
    }
    .ArticleMenu a {
        color: #777;
    }
    a p.outside-caption  {
        color: #000;
    }
    .ColorBlockCollapsible h3 a {
        color: #000;
    }
    .ColorBlockCollapsible .color-block-purple h3 a {
        color: #fff;
    }


    /** White **/
    .NewsfeedContentContainer {
        background: #fff;
    }
    #myCart .modal-content {
        color: #fff;
    }
    div.cover {
        color: #fff;
    }
    .img-bg-fixed-height div.headline {
        color: #fff;
    }
    @media (max-width: 450px) {
        h1#CartTitle{
            color: #fff;
        }
    }
    .RelatedArticles h4 {
        color: #fff;
    }
    .ImageDownload img {
        border: 4px solid #fff;
    }
    div.IconButton {
        border: 5px solid #fff;
        color: #fff;
    }
    div.SearchResults {
        background: #fff;
    }
@media (max-width:768px) {
    div.IconButton {
        border: 3px solid #fff;
    }
}
@media (max-width:450px) {
    div.IconButton {
        border: 3px solid #fff;
    }
}
    #availability_graph rect {
        fill: #fff;
    }
    #availability_graph line.Marker {
        stroke: #fff;
    }
    li.PeriodBreak .PricingYear {
        color: #fff;
    }
    .ProductSlider .ProductSlider-caption {
        background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    }
    
    /** Black **/
    div#availability_pb {
        border: 1px solid #000;
    }
    svg#availability_graph text {
        fill: #000;
        color: #000;
    }
    li.Cart a:hover, li.Search a:hover {
        color: #000;
        background: none;
    }
    
    li.Search:hover {
        background: none;
    }
    .TopStory h2 a {
        color: #000;
    }


    
    /** Social Media Buttons **/
    .SocialButton, .MobileSocialButtons .SocialButton {
        color: #fff;
    }
    .MobileSocialButtons .Facebook, .SocialButtons .Facebook, .btn-fb  {
        background: #3E5C9A;
    }
    .btn-fb {
        border-color: #3E5C9A;
    }
    .MobileSocialButtons .Facebook:hover, .SocialButtons .Facebook:hover {
        background: #354E82;
    }
    .MobileSocialButtons .Twitter, .SocialButtons .Twitter {
        background: #55B0E2;
    }    
    .MobileSocialButtons .Twitter:hover, .SocialButtons .Twitter:hover {
        background: #39A4DD;
    }
    .MobileSocialButtons .Pinterest, .SocialButtons .Pinterest {
        background: #D01D15;
    }
    .MobileSocialButtons .Pinterest:hover, .SocialButtons .Pinterest:hover {
        background: #AF1A12;
    }
    .MobileSocialButtons .Email, .SocialButtons .Email {
        background: #2c79a3;
    }    
    .MobileSocialButtons .Email:hover, .SocialButtons .Email:hover {
        background: #42685B;
    }
    
    /** Cart Add Colors **/
    .CartTable tr.ConfirmDelete div.ConfirmDeleteInner, .CartContainer div.ConfirmDeleteInner {
        background: #f2dede;
    }
    .CartItemIncomplete {
        background: #fff;
    }
    .CartList div.ConfirmDelete {
        background: #f2dede;
    }
    
    .SalesRep {
        color: #333;
    }
    
    div.tier1 {
    
    }
    
    .tier1 div.SearchAction {
        background-color: #F2EBDB;
    }
    

    .color-block-one {
        background: #E6EDEA;
        color: #000;
    }
    .color-block-two {
        background: #B6CBC2;
        color: #000;
    }
    .color-block-three {
        background: #7BAC9D;
        color: #000;
    }
        .color-block-three p a, .color-block-three p a:hover, .color-block-three p a:active {
            color: #fff;
        }
    .color-block-four {
        background: #507E6F;
        color: #000;
    }
        .color-block-four p a, .color-block-four p a:hover, .color-block-four p a:active,
        .color-block-four li a, .color-block-four li a:hover, .color-block-four li a:active {
            color: #fff;
        }
    .color-block-five {
        background: #F2EBDB;
        color: #000;
    }
    .color-block-six {
        background: #E3D2AE;
        color: #000;
    }
    .color-block-seven {
        background: #D5BA84;
        color: #000;
    }
    .color-block-eight {
        background: #C29C4C;
        color: #000;
    }
        .color-block-eight p a, .color-block-eight p a:hover, .color-block-eight p a:active {
            color: #fff;
        }
    .color-block-nine {
        background: #AD96B8;
        color: #000;
    }
    .color-block-ten {
        background: #9375A2;
        color: #000;
    }
    .color-block-eleven {
        background: #7D5F8C;
        color: #000;
    }
    .color-block-twelve {
        background: #674E74;
        color: #000;
    }


    .UserLinks li:hover,
    .UserLinks li:active {
        background: none;
    }
    
    tr.SM_SizeRow {
        background: #d2d3d5;
        border-color: #ddd;
        border-style: solid;
        border-width: 1px;
    }
    
    tr.SM_AvailabilityRow {
        background: #f5f5f5;
        border-color: #ddd;
        border-style: solid;
        border-width: 1px;
    }
    
    tr.SM_QuantityRow {
        border-color: #ddd;
        border-style: solid;
        border-width: 1px;        
    }
    
    .SM_DateRow {
        background: #E8DABD;
        border-color: #ddd;
        border-style: solid;
        border-width: 1px;
    }
    .SM_WeekRow {
        background: #F2EBDB;
        border-color: #ddd;
        border-style: solid;
        border-width: 1px;
    }
    
    th.SM_WeekOne {
        background: #507E6F;
    }
    th.SM_WeekTwo {
        background: #5F9684;
    }
    th.SM_WeekThree {
        background: #7BAC9D;
    }
    th.SM_WeekFour {
        background: #93BBAF;
    }
    th.SM_WeekFive {
        background: #ADCBC1;
    }
    th.SM_WeekSix {
        background: #C5DAD3;
    }
    th.SM_WeekSeven {
        background: #E6EDEA;
    }

.SM_QuantityOver {
    color: #AF1A12;
}

.multi-qty-error {
    background: #C29C4C;
    color: #fff;
}
 
input.has-error {
    border: 1px solid #AF1A12;
    background: #f2dede;
}

.nav .open > a#SearchMagnifyingGlass,
.nav .open > a#SearchMagnifyingGlass:hover,
.nav .open > a#SearchMagnifyingGlass:focus,
a#SearchMagnifyingGlass:hover,
a#SearchMagnifyingGlass:active,
a#SearchMagnifyingGlass:focus,
.nav .open > a:focus,
.nav .open > a: active {
    background: none;
}

.WhiteMainContent {
    background: #fff;
}

.nav .open > a#SearchMagnifyingGlass,
.nav .open > a#SearchMagnifyingGlass:hover,
.nav .open > a#SearchMagnifyingGlass:focus {
    background: none;
}


#tabs .SearchResultsTabs > li.active > a,
#tabs .SearchResultsTabs > li.active > a:hover,
#tabs .SearchResultsTabs > li.active > a:focus {
    border-left: 1px solid #d2d3d5;
    border-right: 1px solid #d2d3d5;
    border-top: 1px solid #d2d3d5;
    border-bottom: none;
    background: #E6EDEA; /*** Light Teal ***/
}

.ArticleSearchResults, .VideoSearchResults, .PhotoGallerySearchResults {
    padding: 10px;
    border: 1px solid #d2d3d5;
    background: #fff;
}
div.tint {
    background: #623373;
}

div.CultureSheetSearchResults h4, div.CultureSheetSearchResults h4 a {
    color: #fff;
}

div.CultureSheetSearchResults h4 a {
    text-shadow: 1px 2px 3px #674E74;
}

.panel-free-offer {
    border-color: #41814D;
}

.panel-free-offer > .panel-heading, li.MobileFreeItem {
    background-color: #41814D;
    border-color: #41814D;
    color: #fff;
}

.panel-order-change > .panel-heading, li.MobileOrderChange {
    background-color: #666;
    border-color: #666;
    color: #fff;
}

.panel-order-change {
    border-color: #666;
}

.panel-free-offer > .panel-footer {
    background-color: #41814D;
}

.panel-free-offer > .panel-body {
    background-color: #D0DFAC;
}

.panel-free-offer > .panel-body .CartTable {
    background-color: #fff;
}

tr.FreePeriodBreak td, li.FreePeriodBreak {
    background-color: #D0DFAC;
}

tr.TooLate {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .nav > .open > li > a:hover,
  .nav > .open > li > a:focus,
  .nav > .open > li > a:active {
    background: #7bac9d; 
    }
}


div.FAQ {
    background-color: #E6EDEA;
}


h1.FAQ span {
    color: #E6EDEA;
}

h1.LandingPage span {
    color: #E6EDEA;
}

.FAQ .panel {
    background-color: transparent;
}

.FAQ .panel-default > .panel-heading {
    background-color: transparent;
    color: #fff;
    border: none;
}

.FAQ h4.panel-title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d2860+0,551a57+100 */
    background: rgb(123,172,157); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(123,172,157) 0%, rgba(123,172,157) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(123,172,157) 0%,rgba(123,172,157) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(123,172,157) 0%,rgba(123,172,157) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7BAC9D', endColorstr='#7BAC9D',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border: none;
}

.FAQ .panel-body {
    border-top: none;
    background-color: #CCD9D8;
}

.FAQ .panel-default > .FAQ .panel-heading {
    background-color: none;
}

.FAQ-fluid {
    background: rgba(255,255,255,0.85);
}


.FAQ-fluid .container-fluid {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+52,ffffff+100&0+38,0.44+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 38%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0.44) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 38%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,0.44) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 38%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,0.44) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#70ffffff',GradientType=0 ); /* IE6-9 */

}