/* fonts */
@font-face {
    font-family: LobsterTwo;
    src: url("../fonts/lobstertwo.otf");
}

.LobsterTwo {
    font-family: LobsterTwo;
}


@font-face {
    font-family: LaurenScript;
    src: url("../fonts/laurenscript.TTF");
}

.LaurenScript {
    font-family: LaurenScript;
}

@font-face {
    font-family: CenturyGothicBold;
    src: url("../fonts/GOTHICB.TTF");
}

.CenturyGothicBold {
    font-family: CenturyGothicBold;
}

@font-face {
    font-family: CenturyGothic;
    src: url("../fonts/GOTHIC.TTF");
}

.CenturyGothic {
    font-family: CenturyGothic;
}

h1 {
    font-family: LobsterTwo;
    font-size: 50px;
    margin-top: 40px;
}

h2 {
    font-family: CenturyGothicBold;
    font-size: 28px;
    margin-top: 0px;
    
}

h3 {
    font-family: CenturyGothicBold;
    font-size: 22px;
    margin-bottom: 15px;
}


h4 {
    font-family: CenturyGothicBold;
    font-size: 20px;
    margin-bottom: 0;
}

h5 {
    font-family: CenturyGothic;
    font-size: 18px;
    margin-bottom: 10px;
}
    
p, .PageContent ul, .PageContent label, .StaticPage .PageContent p, .StaticPage .PageContent ul,
.StaticPage .PageContent label, p.system, .UserLinks li, #myFullCart figure p,
p.CharacteristicTitle, p.CharacteristicContent, .ArticleCopy li, div.IconDashboard p, div.IconDashboard a,
.ImageDownloadList p 
  {
    font-size: 14px;
}

.form-horizontal p.form-control-p {
    margin: 0px;
    padding-top: 7px;
}

.no-margin {
    margin: 0px; 
}

.top-margin-40 {
    margin-top: 40px;
}

.top-margin-20 {
    margin-top: 20px;
}

.top-margin-10 {
    margin-top: 10px;
}

.bottom-margin-10 {
    margin-bottom: 10px;
}

.no-bottom-margin {
    margin-bottom: 0px;
}

.blockquote {
    padding-left: 30px;
}

/* Body */
body {
    padding-top: 70px;
    }


/* Brand Select */
.TopNav {
    border: none;
    min-width: 345px;
    line-height: 0;
}

.TopNav .container-fluid {
    padding-left: 7px;
    padding-right: 15px;
}

.BrandSelect {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.BrandSelect a {
    font-family: CenturyGothic, sans-serif;
    font-size: 12px;
}

.BrandSelect li {
    display: inline-block;
    text-align: center;
    padding:14px;
}

.BrandSelect li.active {
   /*** background-image: url("../images/BrandSelectActiveBackground.png"); *** 2016 10 10 ***/
    background-position: 1px center;
    background-size: 225px;
}

@media (max-width: 992px) {
    .BrandSelect li.active {
        background: #fff;
    }
}

.BrandSelect a:hover {
    text-decoration: none;
}

.BrandSelect li:hover {
    cursor: pointer;
}

ul.UserLinks {
    padding: 0px;
    margin: 0px;
}

.UserLinks li {
    display: inline-block;
    list-style: outside none none;
    padding: 0px;
}

.UserLinks li.Search:hover {
    background: none;
}

.UserLinks li.SignIn a {
    text-align: center;
    margin: 5px 10px;
    padding: 10px 5px;
}

.UserLinks li.UserPortal a,
.UserLinks li.WebTools a,
.UserLinks li.AdminWebTools a,
.UserLinks li.SalesRepWebTools a {
    text-align: center;
    margin: 5px 10px;
    padding: 10px 5px;
}

@media (max-width: 500px) {
    .nav > li.LogIn > a {
        padding: 10px 5px;
    }
}
li.Cart {
    font-size: 30px;
    margin: 0px 15px;
}

li.Cart a {
    padding: 0;
    position: relative;
    top: -2px;
}

li.Cart:hover {
    background: inherit;
}

li.Search {
    font-size: 30px;
    margin: 0px 15px;
}

li.Search a {
    padding: 10px 0;
    position: relative;
    top: -2px;
}

li.AdvancedSearch a {
    top: 0px;
    padding: 0px;
}

.SearchForm #search {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

li.Cart:hover {
    background: none;
}

li.DesktopSearchField .navbar-form {
    margin: 5px 0 -5px 0;
    padding: 0px;
}

.DesktopSearchField .form-control, .DesktopSearchField .btn {
    font-size: 12px;
    height: 33px;
}

.DesktopSearchField .btn {
    border-radius: 0 4px 4px 0;
    margin-left: -3px;
}

.DesktopSearchField .form-control {
    border-radius: 4px 0 0 4px;
}

.UserLinks li .dropdown-menu li {
    display: inherit;
    padding: 0px;    
}

.UserLinks li.SearchForm .dropdown-menu li {
}

.UserLinks ul.SearchForm {
    left: 61px;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 47px;
    width: 240px;
}



.UserLinks ul.LogInForm {
    left: inherit;
    right: 0;
}

ul.SearchForm a.btn {
    padding: 6px 9px;
    border-radius: 0px;
    float: left;
    margin: 3px 0 0 3px;
}

.SearchForm .form-group {
    margin-bottom: 0px;
}

ul.SearchForm a.link {
    display:inline-block;
}

.SearchForm .form-group {
    float: left;
    width: 170px;
}

@media (min-width: 530px) {
    .UserLinks ul.SearchForm {
        width: 98%;
        margin-left: 1%;
        left: 0px;
    }
    ul.SearchForm input#look_for_plants_field {
        width: 100%;
    }
    .SearchForm .form-group {
        width: 90%;
    }
    .SearchForm .form-group .input-group {
        width: 100%;
        display: list-item;
    }
}



.UserLinks ul.dropdown-menu li.AdvancedSearch a:hover {
    background: none;
    text-decoration: underline;
}

.UserLinks ul.dropdown-menu {
    margin-top: -1px;
    text-align: center;
    /*left: -200px;*/
}

.UserLinks li a:hover {
    text-decoration: none;
}

.navbar-left {
    float: left;
}

.navbar-right {
    float: right;
}

@media (min-width:768px) {
    .StaticMenuBar .navbar-right {
        float: none;
    }
    .StaticMenuBar .container-fluid {
        float: right;
        padding-right: 100px;
    }
    .navbar-center {
        display: table-cell;
    }
    
}


@media (min-width:1450px) {
    .StaticMenuBar .container-fluid {
    display: table;
    text-align: center;
    float: none;
    padding: 0px;
    }
}

li.sub-links {
    font-size: 85%;
}

li.sub-links > a {
    padding-left: 20px;
}

.BrandSelect li {
    padding: 11px 4px;
}

@media (max-width:450px) {
    .BrandSelect li {
        padding: 11px 0px;
    }
}

.BrandSelect img {
    height: 25px;
}
.UserLinks li {
    font-size: 10px;
}
li.Cart, li.Search {
    font-size: 20px;
    margin: 0px 5px;
}

.nav > li.LogIn > a {
    padding: 13px 6px;
}

span.DisplayBlockDropdown {
    margin-top: 7px;
    display: block;
}

li.BeginOrdering {
    top: -7px;
}

li.BeginOrdering a {
    padding: 6px 12px;
    margin-right: 4px;
    height: 33px;
}

li.BeginOrdering a span.glyphicon {
    font-size: 14px;
    padding-right: 3px;
    top: 2px;
}

div.MobileDisplayBlock {
    display: inline;
}

@media (max-width:767px) {
    li.BeginOrdering a {
        padding: 3px 6px;
        top: 1px;
        margin-right: 0px;
        font-size: 12px;
        height: auto;
        margin-left: 3px;
    }
    .TopNav .container-fluid {
        padding-right: 7px;
    }
    li.LogIn a {
        position: relative;
        top: -2px;
    }
    .UserLinks li.LogIn {
        font-size: 20px;
    }
    ul.UserLinks {
        top: 2px;
        position: relative;
    }
    li.LogIn ul.dropdown-menu {
        left: -128px;
    }
    li.BeginOrdering a span.glyphicon {
        font-size: 12px;
        padding-right: 0px;
        top: 1;
    }

}

/*Font Awesome Shopping Basket */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.fa-shopping-basket:before {
  content: "\f291";
}

li.BeginOrdering a i {
    left: -2px;
    position: relative;
    top: -1px;
}
/* Static Menu Bar */

.StaticMenuBar, .navbar-header {
    font-family: Century Gothic, CenturyGothicBold;
    font-weight: bold;
    font-size: 16px;
   /* -webkit-box-shadow: 0px 10px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 9px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 9px -7px rgba(0,0,0,0.75); 20160922 */
}

.navbar-nav > li > a.MobileLandingLink {
    width: 90%;
}

.navbar-nav > li > a.MobileDropdownLink {
    width: 12%;
    text-align: right;
    padding-right: 20px;
}


@media (max-width:1300px) {
    .navbar-nav li a {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .navbar-nav ul.dropdown-menu li a, li.dropdown-header {
        padding-right: 15px;
        padding-left: 10px;
    }
    
    .navbar-nav ul.dropdown-menu li.sub-links a {
        padding-left: 20px;
    }
}

@media (max-width:1200px) {
    .navbar-nav li a {
        font-size: 10.5px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        font-size: 8px;
    }
}

@media (max-width: 768px) {
  .navbar-nav .open .dropdown-menu {
    padding-top: 0;
    margin-left: 0;
  }
  .StaticMenuBar .container-fluid {
    padding: 0px;
  }
}

@media (max-width: 768px) {
    .navbar-nav li a {
        padding-left: 3%;
    }
    .navbar-nav > li > a.MobileLandingLink {
        width: 88%;
    }
    .navbar-nav {
        margin: 0px;
    }
}

li.HoverLink > .dropdown-menu > li > a:hover  {
    text-decoration: underline;
}

span.underline-hover:hover {
    text-decoration: underline;
}

.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

.nav > li > a.MobileLandingLink, .nav > li > a.MobileDropdownLink {
    display: inline-block;
}

/* Brand Logo */

img#Logo {
    z-index: 1;
/*  width: 150px;
    -webkit-box-shadow: 0px 10px 9px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 9px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 9px -7px rgba(0,0,0,0.75);
    border-bottom: #C19B4C solid 14px; */
    left: -77px;
    position: fixed;
    top: 47px;
    width: 338px;
    z-index: 1;
}

img#Logo_bottom {
    left: -77px;
    position: fixed;
    top: 100px;
    width: 338px;
    z-index: 1;
    pointer-events: none;
}

@media (max-width: 955px) {
    .LogoContainer img.hidden-xs {
        display: none;
    }
    .LogoContainer img.hidden-sm {
        display: block !important;
    }
    img#Logo {
        left: 0;
        top: 50px;
        width: 58px;
    }
}
@media (min-width: 956px) {
    .LogoContainer img.hidden-xs {
        display: block !important;
    }
    .LogoContainer img.hidden-sm {
        display: none;
    }
}

/* Background Video */

#BackgroundVideo {
    position: fixed;
    top: 453px;
    left: 50%;
    min-width: 101%;
    min-height: 585px;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
}

.MainMedia, .MainMediaImage {
    height: 585px;
}

.MainMediaSlideshow {
    height: 585px;
}

.MainMediaSlideshow .carousel-inner {
    z-index: -200;
}

.MainMediaSlideshow .item img{
    min-width: 768px;
  /*   min-height: 585px; */
    width: auto;
    height: auto;
  /*  max-width: none; */
    position: relative;
}


a.MobileVideoPlayButton {
    font-size: 50px;
    display: block;
    z-index: 4;
}

/* Main Headline */

.MainHeadline {
    color: #fff;
    left: 0;
    position: absolute;
    text-align: center;
    top: 112px;
    width: 100%;
    z-index: 3;
}

#MainHeadlineImg {
    width: 400px;
}

@media (max-width: 850px) {
    .MainHeadline {
    top: 21%;
    }
}

@media (max-width: 500px) {
    #MainHeadlineImg {
    width: 85%;
    }
}

@media (max-width: 500px) {
    div.MainMediaSlideshow {
        height: 400px;
        display: inline-block !important;
        overflow: hidden;
        width: 100%;
    }
    .MainMediaSlideshow .carousel-inner, .MainMediaImage {
        height: 400px;
    }
    .MainMediaSlideshow .item img {
        min-height: auto;
        width: 100%;
    }
    #GC_MainHeadlineImg {
        width: 230px;
    }
    .MainMediaSlideshow .item img {
        left: -50%;
    }
    .GC_MainHeadline {
        top: 20%;
    }
}

/* Grower's Corner Main Headline */

.GC_MainHeadline {
    left: 0;
    position: absolute;
    text-align: center;
    top: 162px;
    width: 100%;
    z-index: 3;
}

#GC_MainHeadlineImg {
    width: 400px;
}

@media (max-width: 768px) {
    .GC_MainHeadline {
    top: 20%;
    }
    .MainMediaSlideshow .carousel-inner, div.MainMediaSlideshow, div.MainMediaImage {
        height: 400px;
    }
}

@media (max-width: 768px) {
    #GC_MainHeadlineImg {
    width: 230px;
    }
    .MainMediaSlideshow .item img {
      /*  left: -50%;*/
    }
}
@media (max-width: 400px) {
    #GC_MainHeadlineImg {
        width: 63%;
    }
}

/* Main Content */

.MainContent {
    padding-right: 0px;
    padding-left: 0px;
}

.MainContent .row, .FeaturedPerennialsContainer .row, .FooterContainer .row {
    margin-right: 0px;
    margin-left: 0px;
}

.TopStory, .Story {
    text-align: center;
    font-family: CenturyGothic;
    margin-bottom: 15px;
}

.top-position {
    position: relative;
    top: -30px;
    padding: 20px;
}

.TopStory img, .Story img {
    width: 100%;
}

.Story h4 {
    font-weight: bold;
    font-style: italic;
    text-align: left;
    font-size: 28px;
    margin-bottom: 0px;
}

.TopStory h2 a:hover {
    text-decoration: none;
}

.TopStory p, .Story p {
    text-align: left;
    font-size: 22px;
    line-height: 1.3;
}

hr {
    margin-top: 0px;
}

.HoverZoom {
    width: 100%;
    height: 250px;
    overflow: hidden;
    background-color: #000;
}

@media (max-width:450px) {
    .HoverZoom {
        width: 100%;
        height: 185px;
        overflow: hidden;
        background-color: #000;
    }    
}

.HoverZoom img {
    width: 100%;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
          transition:all 0.5s ease 0s;
    z-index: 1;
    position: relative;
    top: 0%;
    left: 0%;
}
 
.HoverZoom img:hover, h1.HoverZoomTitle:hover ~ .HoverZoom img {
  width: 103%;
  opacity: .8;
  top: -7px;
  left: -6px;

}


@media (max-width:1200px) {
  .HoverZoom img {
    width: 120%;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
          transition:all 0.5s ease 0s;
    z-index: 1;
    }
     
    .HoverZoom img:hover, h1.HoverZoomTitle:hover ~ .HoverZoom img {
      width: 125%;
      opacity: .8;
    }
      
}

@media (max-width:992px) {
  .HoverZoom img {
    width: 100%;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
          transition:all 0.5s ease 0s;
    z-index: 1;
    }
     
    .HoverZoom img:hover, h1.HoverZoomTitle:hover ~ .HoverZoom img {
      width: 105%;
      opacity: .8;
    }
      
}

@media (max-width:450px) {
  .HoverZoom img {
    width: 120%;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
          transition:all 0.5s ease 0s;
    z-index: 1;
    }
     
    .HoverZoom img:hover, h1.HoverZoomTitle:hover ~ .HoverZoom img {
      width: 125%;
      opacity: .8;
    }
      
}


h1.HoverZoomTitle {
    color: #fff;
    text-shadow: 0px 3px 6px #000;
    text-align: center;
    line-height: 50px;
    font-size: 50px;
    position: absolute;
    margin-top: 100px;
    width: 92%;
    opacity: 1;
    z-index: 3;
}

.HoverZoom a:hover {
    text-decoration: none;
    opacity: 1;
}

.col-space {
    margin-bottom: 30px;
    margin-top: 15px;
}

/* Buy Browse Grow */
div.BuyBrowseGrow {
    padding: 0px;
}

.BuyBrowseGrow .row {
    margin-right: 0px;
    margin-left: 0px;
}

.BuyBrowseGrow .ColorBlocks {
    padding: 0px;
    float: left;
    width: 33.3333%;
    box-sizing: border-box;
    background-size: cover;
    height: 300px;
    display: block;
}

.ColorBlocks a {
    display: block;
    vertical-align: middle;
    height: 300px;
    margin: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    text-decoration: none;
}

.ColorBlocks a:hover {
    text-decoration: none;
}

.ColorBlocks a h1 {
    margin: 70px 0 0 0 ;
    color: #fff;
    font-size: 50px;
}

.ColorBlocks hr {
    border: 1px solid #fff;
    margin-top: 14px;
    margin-bottom: 8px;
    width: 80%;
    opacity: .5;
}

.ColorBlocks p {
    text-transform: uppercase;
    color: #fff;
    font-size: 21px;
}

@media (max-width: 500px) {
    .ColorBlocks a h1 {
        font-size: 25px;
        line-height: 25px;
        margin: 27px 0 0 0 ;
    }
    .ColorBlocks p {
        font-size: 11px;
    }
    .ColorBlocks a, .BuyBrowseGrow .ColorBlocks  {
        height: 150px;
    }
}

/* Featured Perrenials */

.FeaturedPerennialsContainer {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 0px;
    padding-left: 0px;
}

.FeaturedPerennialsContainer .col-md-12{
    padding-right: 0px;
    padding-left: 0px;
}

.SlickCarousel {
    width: 95%;
    margin: auto;
}

.SlickCarousel figure.quarter {
    width: 47%;
    margin: 2%;
}

.SlickCarousel figure.quarter img {

}

.SlickCarousel .quarter_right figure {
    float: left;
}

.SlickCarousel .quarter_left figure {
    float: right;
}

.SlickCarousel figure.quarter-left-outside {
    margin-left: 0;
}

.SlickCarousel figure.quarter-right-outside {
    margin-right: 0;
}

.SlickCarousel .slick-prev {
    left: -20px;
}

.SlickCarousel .slick-next {
    right: -20px;
}

.MobileSlickCarousel {
    max-width: 100%;
}

.MobileSlickCarousel .slick-slide {
    text-align: center;
}

.MobileSlickCarousel .slick-prev {
    left: -3px;
    z-index: 100;
}

.MobileSlickCarousel .slick-next {
    right: -3px;
}

.MobileSlickCarousel figure.quarter, .MobileSlickCarousel figure.full {
    width: 29%;
    margin: .3%;
    display: inline-block;
}
div.quarter img, figure.quarter img, .full img {
    width: 100%;
}

figure.full {
    margin: 2% 2% 2% 1%;
    width: 98%;
}

.SlickCarousel {
    margin: 10px;
}

.slick-slider {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
}

.MobileTab {
   width: 90%;
   margin: auto;
}

.MobileTab .slick-slider {
    margin: 10px auto 30px auto;
}

div.quarter_container, div.full_container {
    width: 33%;
    display: table-cell;
}

/* Slick Carousel Captions */

figure {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 0;
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: auto;
    width: 100%;
    bottom: -50px;
    background: rgba(255,255,255,.75);
    color: #000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: transform all .5s ease;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}


figcaption p {
    font-family: CenturyGothicBold;
    padding: 5px 0 5px 0;
    margin-bottom: 0;
    margin-top: 0px;
    position: relative;
   /* left: 100%; */
    font-size: .8em;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

@media (max-width: 400px) {
    figcaption p {
        font-size: .5em;
        padding: 5px 0;
    }
}

figcaption h3 {
    font-family: CenturyGothicBold;
    font-size: 1em;
    text-align: center;
    padding: 3px;
    margin: 0px;
    position: relative;
/*    left: 100%; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

@media (max-width:450px) {
    figcaption h3 {
        font-size: .8em;
        padding-bottom: 0px;
    }
}

figcaption a {
    padding: 4px 10px;
    text-decoration: none;
}

figcaption a:hover {
    text-decoration: none;
}

figure:hover p, figure:hover h3 {
    left: 0;
}


/* Footer */

.FooterContainer {
    padding: 0px;
}

.footer {
    font-size: 16px;
}

p.footer {
    margin-top: 40px;
    margin-bottom: 32px;
}

.row-space {
    margin: 30px 0;
}

.row-bottom-space {
    margin-bottom: 30px;
}

.row-top-space {
    margin-top: 30px;
}
@media (min-width: 950px) {
    .row-top-space-desktop {
        margin-top: 30px;
    }
}

.no-space-top {
    padding-top: 0px;
    margin-top: 0px;
}

/* Newsfeed */

.NewsfeedContainer h3 {
    margin: 0px;
}

.NewsfeedContentContainer {
    padding: 0px;
}

.NewsFeed img {
    width: 100%;
    padding: 10px;
}

/* Plant Record or Variety.php Content */

.PageContent {
    padding-top: 30px;
    min-height: 552px;
}

.SlickSlideshow {
    margin-bottom: 0px;
 }

/*.SlickSlideshow div {
    height: 400px;
    width: 100%;
    display: block;
    text-align: center;
    vertical-align: center;
    background: #eaeaea;
    line-height: 400px;
}

.SlickSlideshow div img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    background-size: cover;
    min-height: 85%;
}*/


.PageContent .col-md-6 {
    position: unset; 
}

.PageContent .row {
    margin-left: 0;
    margin-right: 0;
}

.SlickSlideshow div img {
    width: 100%;
}

@media (max-width: 500px) {
    .SlickSlideshow div img {
        min-height: 50%;
    }
}

.slider-nav figure img {
   height: 50px;
   width: auto;
}

.SlickSlideshow .slick-slide img {
    display: inline-block;
}


.SlideshowContainer {
    margin: 10px;
}

ul.no_pgwslider {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.no_pgwslider img {
    width: 100%;
}

div.PlantDescription {
    margin: 10px 0 0 0;
}
@media (min-width:1200px) {
    .Social-md-1 {
        width: 5.333333%;
        padding-right: 0px;
    }
    
    .Social-md-5 {
        padding-left: 10px;
    }
    
    .Social-md-6 {
        width: 53%;
    }
}
.SocialButton {
    padding: 5px;
    border-radius: 4px;
    margin: 5px;
    display: block;
    font-size: 21px;
    text-align: center;
    width: 42px;
    cursor: pointer;
}

.MobileSocialButtons .SocialButton {
    float: left;
    padding: 5px;
    border-radius: 4px;
    margin: 3px;
    font-size: 14px;
    text-align: center;
    width: 33px;
    cursor: pointer;
    height: 30px;
}

.footer .SocialButton {
    display: inline;
    font-size: 14px;
    cursor: pointer;
}

.SocialButtons {
    margin: 6px 0;
}

.MobileSocialButtons {
    margin: 10px 0px;
}

.MobileSocialButtons .Pronunciation, .SocialButtons .Pronunciation
.OtherPerennials {
    margin: 0 0 20px 0;
}

.OtherPerennials h5 {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .OtherPerennials .NoSlider div {
        float: left;
    }
}
div.AvailableSizes {
    margin-bottom: 0px;
}

.AvailableSizes h5 {
    margin: 3px 0 2px 10px;
    font-size: 15px;
}

.AvailableSizes .btn-green {
    margin-top: 0px;
}

.AvailableSizes h3.panel-title {
    margin-top: 1px;
}

#AudioModal .modal-dialog {
    width: 350px;
}

@media (max-width:1000px) {
    .OtherPerennials {
        margin: 20px 0px 40px 0px;
    }
}

div.PhotoCredit {
    display: inline-block;
    width: 100%;
}

.PhotoCredit p {
    font-size: 11px;
    color: #666;
    margin-bottom: 0px;
}

div.BrandBadgeContainer {
    width: 100%;
    margin-left: 3%;
    display: table;
}

img.BrandBadge {
    width: 15%;
    margin: 0% 2%;
    float: left;
}

@media (max-width: 1000px) {
    img.BrandBadge {
      width: 75px;
      margin: 5px;
    }
}

@media (max-width: 500px) {
    img.BrandBadge {
      width: 15%;
      margin: 2%;
    }
}

img#ProvenWinnersBadge {
    width: 90px;
    float: right;
    margin: 15px;
}

.tab-content {
    display:none;
}

#tabs-1 {
    display: block;
}


/* My Cart */

body {
padding-right:0px !important;
margin-right:0px !important;
}

#myCart .modal-content {
    border: none;
}
        
#myCart .modal-header, #myCart .modal-body, #myCart .modal-footer {
    border: none;
}

#myCart .modal-body img {
    max-width: 60px;
    margin: 5px;
    float: left;
}

#myCart .modal-body figure {
    margin: 5px;
    border: none;
    font-size: 11px;
    width: 100%;
}

#myCart div.CartItemDescription {
    max-width: 75%;
    float: left;
    margin-top: 10px;
}

#myCart div.CartItemDescription p {
    margin: 0;
    font-size: 12px;
}

.CartItemGraph {
    min-height: 300px;
    margin-bottom: 10px;
}

.modal-open {
     overflow: auto;
 }
 
 body.modal-open {
     overflow:inherit;
     padding-right:inherit !important;
    }

.modal-backdrop.in {
        opacity: 0;
    }

#myCart .modal-body {
        padding: 0 15px 15px;
    }

@media (min-width: 1200px) {
    .modal-open {
        overflow: auto;
    }
    
    body.modal-open {
        overflow:inherit;
        padding-right:inherit !important;
    }
    
    #myCart .modal-dialog {
      position: fixed;
      left: auto; 
      right: -1px;
      top: 97px;
      width: 500px;
      padding-left: 15px;
      padding-right: 15px;
    }
    
    #myCart .modal-dialog {
        margin-top: 0px;
        width: 470px;
    }
    
    #myCart .modal-content {
        border-radius: 0px;
        -webkit-box-shadow: inset 0px 7px 6px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 7px 6px -5px rgba(0,0,0,0.75);   
        box-shadow: 0 7px 6px -5px rgba(0, 0, 0, 0.75) inset;

    }
    
    #myCart {
        z-index: 1050;
    }
    
}

@media (max-width:1199px) {
    #myCart .modal-body img, #myCart .modal-body a{
        float: left;
    }
    #myCart .modal-body p{
        margin-top: 10px;
    }
}

@media (max-width:550px) {
    #myCart .modal-body img {
        width: 100%;
    }
    #myCart .modal-body img, #myCart .modal-body a{
        float: left;
        padding: 0px;
    }
    #myCart div.CartItemDescription {
        max-width: 75%;
    }
}

#myFullCart figure img {
    width: 75px;
    float: left;
    margin: 5px;
}

#myFullCart figure p {
    margin: 5px;
}

#myFullCart .modal-dialog {
    width: 90%;
    margin: 20px auto;
}

.SalesRep {
    margin-top: 7px;
    margin-bottom: 0px;
}

.CartCustomHeadingHeight {
    height: 40px;
}

.CartCustomBodyHeight {
    height: 70px;
}

h4#myCartLabel {
    display: inline;
}

h4#myCartLabel + p {
    display: inline;
    font-style: italic;
    margin: 15px;
    position: relative;
    top: -1px;
}

/* Variety Details */

#tabs .nav-tabs > li.active > a,
#tabs .nav-tabs > li.active > a:hover,
#tabs .nav-tabs > li.active > a:focus {
    border: none;
}

#tabs.nav-tabs {
    border-bottom: none;
}

.nav-tabs {
    position: relative;
    top: 2px;
    font-family: CenturyGothic;
}

div.TabContent {
    min-height: 300px;
    padding: 15px;
}

.TabContentContainer {
    padding-right: 0px;
    padding-left: 0px;
    
}

p.CharacteristicTitle {
    font-weight: bold;
    margin-bottom: 0px;
}

p.CharacteristicContent + p {
    margin-top: px;
}

p.CharacteristicContent {
    margin: 0 0 15px 15px;
}

.CharacteristicContent span {
    display: block;
}

.SubSlider figure img, .CompSlider figure img {
    height: 150px;
    width: auto;
}

.SubSlider figure, .CompSlider figure, .MobileCompSlider figure {
    border: none;
    margin: 0 4px;
}

.SubSlider, .CompSlider {
    height: 150px;
}

.panel-body .col4 {
    padding: 0 10px;
    width: 100%;
    float: none;
}

@media (min-width:500px) {
    .panel-body .col4 {
        padding: 0 10px;
        width: 33.3333%;
        float: left;
    }
}

@media (min-width:400px) {
    .panel-body .col4 {
    padding: 0 10px;
    width: 50%;
    float: left;
    }
}

/* Full Screen Image on Variety */

.image-bg-fluid-height,
.image-bg-fixed-height {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.img-center {
	margin: 0 auto;
}

section {
    padding: 75px 0;
}

.section-heading {
    margin: 30px 0;
    font-size: 4em;
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 30px 0;
}

footer {
    margin: 50px 0;
}

.cover img {
    max-width: 100%;
}
.cover a {
    white-space: nowrap;
}

div.cover {
    position: relative;
    width: 100%;
    z-index: 9;
    text-align: left;
}

.VarietyName {
    margin: 20px 0 10px 0;
}

.VarietyName h3 {
    margin: 0px;
}

h1#CartTitle {
    bottom: -150px;
    position: absolute;
    color: #fff;
    z-index:10;
    font-size: 60px;
    text-align: center;
    width: 100%; 
}

@media (min-width: 1200px) {
    .VarietyName {
        font-size: 30px;
    }
}

div#cover-overlay, .cart-cover div#cover-overlay {
    opacity: .5;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
    backgrousnd: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
    width: 100%;
    height: 200px;
    top: -200px;
    z-index: 999;
    display: block;
}

.article-cover div#cover-overlay {
    height: 300px;
    top: -300px;
}

@media(max-width:768px) {
    div.cover {
    text-align: left;
    }

    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
        font-size: 2em;
    }
}

.container-no-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.image-bg-fixed-height {
    height: 200px;
    background-size: cover;
}

.article-cover .img-bg-fixed-height {
    height: 300px;
    background-size: cover;
}

.img-bg-fixed-height div.headline {
    font-size: 69px;
    margin: auto;
    position: relative;
    text-align: center;
    top: 38%;
    width: 100%;
}


@media (max-width: 768px) {
    .article-cover .img-bg-fixed-height {
        height: 150px;
    }
    
    .img-bg-fixed-height div.headline img {
        max-width: 75%;
        margin-top: -50px;
    }
}

/* Cart */

.CartContainer {
    padding-right: 0px;
    padding-left: 0px;
}

.min-height {
    min-height: 450px;
}

.min-height-525 {
    min-height: 525px;
}

@media (max-width: 450px) {
    h1#CartTitle{
    bottom: -91px;
    position: absolute;
    z-index:10;
    font-size: 40px;
    text-align: center;
    width: 100%;
    }
    .cart-cover div#cover-overlay {
    opacity: .5;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
    width: 100%;
    height: 100px;
    top: -100px;
    z-index: 999;
    display: block;
    }
    

}

p.CartLoading {
    padding: 15px;
}


/* Article */

.ArticleContainer {
    padding-right: 0px;
    padding-left: 0px;
}

h1#ArticleTitle {
    z-index:10;
    font-size: 50px;
    text-align: center;
    width: 100%;
    margin-top: 15px;
    }

h2.ArticleSubtitle {
    font-style: normal;
    text-align: center;
    margin: 15px 10px 10px 10px;
}


@media (max-width: 768px) {
    h1#ArticleTitle{
        font-size: 30px;
        margin-bottom: 0px;
    }
    h2.ArticleSubtitle {
        font-size: 18px;
        margin-top: 5px;
    }
}

.ArticleContent hr, .PageContent hr {
    margin-bottom: 0px;
    opacity: .5;
}

div.ArticleCopy {
    margin: 30px 0;
}

@media (max-width: 600px) {
    div.ArticleCopy {
        margin: 15px 0;
    }
}

.ArticleCopy a {
    font-weight: bold;
}

.ArticleCopy a.btn {
    font-weight: normal;
}

.ArticleCopy ul {
    padding-left: 18px;
}

.ArticleCopy li {
    margin-bottom: 10px;
}


@media (max-width: 450px) {
    .ArticleCopy img {
        float: none !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        max-width: 100% !important;
    }
}

.ArticleContent p.date, .PageContent p.date {
    font-size: 18px;
    font-style: italic;
    float: right;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .ArticleContent p.date, .PageContent p.date {
        font-size: 14px;
    }

}

div.ArticleImage {
    padding: 10px;
    margin: 10px;
    max-width: 100%;
}

@media (max-width: 500px) {
    div.ArticleImage {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.ArticleImage img {
    width: 100%;
}

.ArticleContent p.ArticleImageCaption {
    font-size: 11px;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    margin-top: 5px;
    line-height:1;
    font-weight: normal !important;
}

.ArticleContent {
    margin-top: 30px;
}

.ArticleContent p {
    font-size: 14px;
}

div.RelatedArticles {
    padding-right: 0px;
    padding-left: 0px;
}

.RelatedArticles .col-md-6 {
    padding-right: 0px;
    padding-left: 0px;
}

div.RelatedArticle {
    width: 25%;
    float: left;
    padding: 10px 10px 15px 10px;
}

.RelatedArticles h4 {
    margin: 20px;
}

.RelatedArticles h5 {
   margin-bottom: 0px;
   font-family: CenturyGothicBold;
}

.RelatedArticlesThumb {
/*    max-height: 198px; */
    overflow: hidden;
    max-height: 205px;
}


@media (max-width: 900px) {
    p.RelatedArticleExcerpt {
        display: none;
    }
}

@media (max-width: 600px) {
    div.RelatedArticle {
        width: 50%;
    }
}

@media (max-width: 400px) {
    div.RelatedArticle {
  
    }
}


img.scale {
    display: block;
    width: 100%;
    height: auto !important;
    width: auto\9;
    -ms-interpolation-mode: bicubic;
}

.ArticleContent h1 {
    margin-top: 50px;
    font-size: 50px;
    text-align: center;
}

.ArticleMenu {
    padding: 10px;
    margin: 0 25px 15px 0;
    float: left;
}

.ArticleMenu h3 {
    border-bottom: 1px solid #a6a6a6;
    color: #a6a6a6;
}

.ArticleMenu a {
    margin: 10px;
}


@media (max-width: 450px) {
   .ArticleMenu {
    float: none;
    width: 100%;
   }
}

.ArticleMenu a {
    display: block;
}
/* Varieties Mentioned */

.VarietiesMentioned {
    padding-bottom: 28px; 
}

.VarietiesMentioned h5 {
    margin-bottom: 0px;
    margin-top: 24px;
}

.PlantSlider img, .NoSlider img, .MobilePlantSlider img {
    height: 153px;
}

.PlantSlider figure, .NoSlider figure, .MobilePlantSlider figure {
    border: none;
    margin: 3px;
}

.NoSlider div {
    display: inline-table;
}

.NoSlider div.caption-text {
    display: inline-table;
}

div.NoSlider {
    margin-top: 10px;
}

/* Article List */

div.ListThumbContainer {
    margin: 6px 0;
    padding: 10px;
}

div.ArticlesList {
    min-height: 600px;
}

.ArticleList p {
    margin-bottom: 0px;
}

div.ListThumb {
    padding-left: 10px;
}

div.ListContent {
    float: left;
    margin-bottom: 10px;
    margin-left: 2%;
    width: 79%;
}

.ArticlesList h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.ListContent p {
    font-size: 13px;
}

.ListThumb img {
    width: 100%;
}


.ArticleList h5 {
    font-family: CenturyGothicBold;
    margin: 0 0 4px 0;
}

.ArticlesList hr, #ArticleSearchTable hr {
    margin: 20px 0;
}
@media (max-width:1200px) {
    .ArticlesList .col-md-2 {
        width: 25%;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    
    .ArticlesList .col-md-10 {
        width: 75%;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}


@media (max-width:1000px) {
    .ArticlesList .col-md-2 {
        width: 30%;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    
    .ArticlesList .col-md-10 {
        width: 70%;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}

@media (max-width:768px) {
    .ArticlesList .col-md-2 {
        width: 50%;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    
    .ArticlesList .col-md-10 {
        width: 50%;
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
}


@media (max-width:550px) {
    .ArticlesList .col-md-2 {
        width: 100%;
        float: none;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    
    .ArticlesList .col-md-10 {
        width: 100%;
        float: none;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }
    div.ListThumb {
        padding-left: 0px;
    }
    .ArticlesList h4 {
        margin-top: 8px;
    }
}


.InputBox {
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.InputBox h2 {
    margin-top: 10px;
}

.InputBox button {
    margin-left: 5px;
}

.ArticleList p.byline {
    margin: 0px;
    font-style: italic;
    font-size: 12px;
}

.VideoSearchResults .col-md-3, .VideoSearchResults .col-md-8 {
    padding: 0px;
}

img.small-thumb {
    width: 50px;
}

.CartList {
    margin-top: 20px;
}

.CartList .list-group-item {
    padding-bottom: 0px;
    margin: 10px 0px;
    border-radius: 4px;
}

.CartList .small-thumb {
    margin: 0 10px;
}

.CartList .col3 {
    width: 25%;
    float: left;
}

.CartList .col8 {
    width: 66.66666666%;
    float: left;
}

.CartList .col7 {
    width: 58.333333333%;
    float: left;
}

.CartList .col1 {
    width: 8.3333333333%;
    float: left;
}

.CartList .col2 {
    width: 16.666666666%;
    float: left;
}

.CartList .col5 {
    width: 41.666666666%;
    float: left;
}

.CartList .col4 {
    width: 33.333333333%;
    float: left;
}

.CartList .col6 {
    width: 50%;
    float: left;
}

.CartList .col12 {
    width: 100%;
}

.CartList .CartListItem {
    margin-bottom: 10px 
}

.CartList .ItemDetails {
    font-size: 10px;
    line-height: 10px;
}

.CartList .ItemDetailFigures {
    font-size: 10px;
    line-height: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.CartList li.PeriodBreak, .CartList li.FreePeriodBreak {
    padding: 10px;
}

.CartList .PeriodBreak p, .CartList .FreePeriodBreak p {
    font-size: 11px;
    margin-bottom: 0;
}

.ItemDetails .col2, .ItemDetails .col1, .ItemDetails .col3  {
    padding: 5px 8px 5px 8px;
    font-weight: bold;
}

.ItemDetailFigures .col2, .ItemDetailFigures .col1, .ItemDetailFigures .col3, .ItemDetailFigures .col8 {
    padding: 5px 8px;
}

.PeriodBreak .col3, .PeriodBreak .col6, .PeriodBreak .col5, .PeriodBreak .col4, .PeriodBreak .col8, .PeriodBreak .col7,
.FreePeriodBreak .col3, .FreePeriodBreak .col6, .FreePeriodBreak .col5, .FreePeriodBreak .col4, .FreePeriodBreak .col8, .FreePeriodBreak .col7 {
    padding: 5px 8px;
}

.ItemDetailFigures .form-control {
    font-size: 10px;
    padding: 0;
}

.CartTable .ConfirmDelete p, .CartContainer .ConfirmDeleteInner p {
    margin-bottom: 0px;
}

.CartTable tr.ConfirmDelete td {
    border-top: none;
}

.CartTable tr.ConfirmDelete div.ConfirmDeleteInner, .CartContainer div.ConfirmDeleteInner {
    padding: 10px;
    border-radius: 4px;
    float: right;
    margin-top: 0px;
}

table.CartTable {
    margin-bottom: 10px;
}

.CartList .ConfirmDelete p {
    margin-bottom: 0px;
    font-size: 11px;
}

.CartList div.ConfirmDelete {
    padding: 10px;
}

@media (min-width:450px) {
.InputBox .form-inline {
    margin-right: 45px;
}
}

.InputBox .form-group {
    margin-bottom: 0px;
}

.CartContainer .InputBox {
    margin-top: 15px;
}

.CartList li.TotalLine {
    padding-bottom: 10px;
}

.bottom-buttons {
    margin-bottom: 15px;
}

/* Static Page */
.StaticPage {
    padding: 25px 0 0 0;
    min-height: 641px;
}

.SmallerStaticPage {
    padding: 25px 0 0 0;
    min-height: 477px;
}

.RightSideBar, .EmphasisWell {
    padding: 20px;
}

.RightSideBar p {
    font-size: 12px;
}

.RightSideBar h5 {
    margin: 20px 0 0 0;
    font-weight: bold;
    font-size: 16px;
}

form.ContactUs {
    padding-right: 20px;
}

@media (max-width:450px) {
   form.ContactUs {
    padding-right: 0px;
    } 
}

/* Photo Essays */
.PhotoEssay img {
    margin: auto;
    max-width: 100%;
}

@media (min-width: 700px) {
    .PhotoEssay img {
        width: 475px;
    }
}

div.PhotoCopy {
    padding-left: 15px;
}

.PhotoCopy .BrandBadgeContainer, .PhotoListCaption .BrandBadgeContainer {
     width: 200px;
     margin: 15px 0;
}
.PhotoCopy .BrandBadgeContainer img.BrandBadge,
.PhotoListCaption  .BrandBadgeContainer img.BrandBadge {
    width: 20%;
    margin-right: 3%;
    margin-left: 0;
}

ul.PhotoList {
    padding-left: 0px;
}

ul.PhotoList li{
    list-style: none;
    margin-bottom: 25px;
    max-height: 450px;
}

@media (max-width:768px) {
    ul.PhotoList li {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 5px;
        max-height: none;
    }
}

.PhotoList p.PhotoListNumber {
    float: left;
    padding-right: 15px;
    font-size: 18px;
    font-weight: bold;
    width: 3%;
}

.PhotoList div.PhotoListImg {
    width: 40%;
    padding-right: 15px;
    float: left;
}

.PhotoList .PhotoListImg img {
    width: 100%;
}

.PhotoList div.PhotoListCaption {
    float: left;
    width: 52%;
}

@media (max-width: 700px) {
    .PhotoList div.PhotoListImg {
        width: 92%;
        padding-right: 0px;
        padding-bottom: 15px;
    }
    .PhotoList p.PhotoListNumber  {
        width: 8%;
        padding-right: 15px;
    }
    .PhotoList div.PhotoListCaption {
        float: none;
        width: 100%;
        padding: 0 0 0 8%;
    }
}

/* Galleries */
img.Tile {
    max-width: 100%;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.94);
    -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.94);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.94);
    margin: 10px;
    width: 185px;
}

.PhotoGalleriesTiled {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: -10px;
    margin-left: -10px;
}

.PhotoGalleryTile {
    float: left;
    font-size: 12px;
    height: 279px;
    margin: 10px;
    padding: 0;
    text-align: center;
    width: 208px;
    border: 1px solid;
}

.PhotoGalleryTile p {
    font-size: 12px;
    margin: 0px 5px 5px 5px;
    min-height: 35px;
}

.PhotoGalleryTileFooter {
    padding: 5px;
}

@media (max-width: 768px) {
    
    .PageContent {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .PhotoGalleriesTiled {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .PhotoGalleriesTiled div.PhotoGalleryTile {
        float: none;
        width: 100%;
        min-height: 1px;
        padding: 0px;
        height: auto;
        text-align: left;
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .PhotoGalleryTile img.Tile {
        float: left;
        width: 100px;
        margin: 10px;
    }
    
    .PhotoGalleryTile p {
        float: left;
        width: 48%;
        margin: 10px 10px 10px 0;
    }
    
    .PhotoGalleryTile a.btn {
        float: right;
    }
    
    .PhotoGalleryTileFooter {
        padding: 5px;
        margin-top: -25px;
    }
}

@media (max-width: 459px) {
    .PhotoGalleriesTiled p {
       
    }  
}

/* Download Images */

div.ImageDownload {
    float: left;
    width: 25%;
    text-align: center;
    padding: 10px;
}

.StaticPage div.ImageDownload {
    width: 100%;
    text-align: left;
    float: none;
}

.StaticPage .ImageDownload img {
    float: left;
    width: 25%;
    margin-right: 10px;
}

.StaticPage div.DownloadButtons {
    float: left;
    width: 73%;
}

@media (max-width: 1000px) {
    .StaticPage .ImageDownload img {
        width: 48%;
    }
    .StaticPage div.DownloadButtons {
        width: 48%;
    }

}

@media (max-width: 800px) {
    div.ImageDownload {
        float: left;
        width: 50%;
    }
        
    .StaticPage div.ImageDownload {
        margin-bottom: 15px;
        text-align: center;
    }
    
    .StaticPage .ImageDownload img {
        width: 100%;
        float: none;
    }
    .StaticPage div.DownloadButtons {
        width: 100%;
        float: none;
    }

}

@media (max-width: 500px) {
    div.ImageDownload {
        float: none;
        width: 100%;
        
    }

}

.ImageDownload img {
    width: 100%;
}


div.DownloadButtons {
    padding: 5px;
}

.tooltip-inner{
    position:relative;
    top: -1px;
}


.EmphasisWell .checkbox {
    margin: 0px;
}

.EmphasisWell {
    margin: 10px 0 10px 0;
}

/* User Portal */

div.IconButton {
    border-radius: 50px;
    font-size: 48px;
    height: 90px;
    line-height: 64px;
    margin: auto;
    padding: 15px;
    text-align: center;
    width: 90px;
}

div.fa-icon {
    line-height: 50px;
}

div.IconDashboard {
    width: 12.2%;
    text-align: center;
    padding: 2% 1% 0 1%;
    white-space:normal;
    display: table-cell;
}

@media (max-width: 450px) {
    
    div.IconDashboard {
        display: inline-block;
        float: none;
    }
}

div.IconDashboard p, div.IconDashboard a {
    font-weight: bold;
    margin-bottom: 0px;
}

#ActiveIconButton img {
   max-width: 100%;
}

@media (max-width:768px) {
    div.IconButton {
        border-radius: 26px;
        font-size: 24px;
        height: 50px;
        line-height: 24px;
        padding: 9px;
        text-align: center;
        width: 50px;
    }

    div.IconDashboard p, div.IconDashboard a {
        font-size: 10px;
    }
    #ActiveIconButton img {
      margin-bottom: -9px;
    }
}

@media (max-width:450px) {
    div.IconButton {
        border-radius: 26px;
        font-size: 24px;
        height: 50px;
        line-height: 24px;
        padding: 9px;
        text-align: center;
        width: 50px;
    }
    
    div.IconDashboard {
        vertical-align: top;
        width: 23%;
    }
    
    div.IconDashboard p {
        height: 26px;
    }

    div.IconDashboard p, div.IconDashboard a {
        font-size: 10px;
    }
        
    div.IconDashboardContainer {
        height: 105px;
        white-space: nowrap;
        overflow-y: hidden;
    }
    
    div.IconDashboardContainerContainer {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
    
    }
    #ActiveIconButton img {
      margin-bottom: -7px;
    }
}

.UserPortalContainer {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 0px;
    padding-left: 0px;
}

.MarketingSupport a.btn-default {
    width: 100%;
    margin: 10px 0;
}
/* Search Results */
div.SearchResultsContainer {
    padding: 0;
    min-height: 641px;
}

.SearchResultsContainer .row {
    margin-right: 0px;
    margin-left: 0px;
}

.SearchResultsContainer .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.SearchResultsContainer .col-md-12 h3 {
    margin-left: 7px;
}

.row-top-space-desktop h1 {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 38px;
}

.row-top-space-desktop .well {
    margin-left: 7px;
    margin-right: 7px;
}

div.SearchResults {
    height: 260px;
    margin: 7px;
    text-align: center;
    width: 175px;
}

a.SearchImage {
    width: 174px;
    height: 174px;
    display: block;
}

.SearchResults img {
    max-width: 174px;
    max-height: 174px;
}

img.SearchImageThumb {
    width: 173px;
    height: 173px;
    max-width: none;
    max-height: none;
}

#AddCartButton {
    padding: 5px 5px 5px 10px;
}

div.SearchResultBadges {
    width: 175px;
    height: 175px;
    position: absolute;
    margin-top: -175px;
    display: block;
}

.SR_Badges {
  /*  position: absolute;*/
}

img#SR_WGIIntro, img#SR_Exclusive {
    height: 65px;
    margin-left: 111px;
    margin-top: 114px;
}

img#SR_ProvenWinners {
    height: 53px;
    margin-left: -117px;
    margin-top: 122px;
}

img#SR_NewBadge {
    width: 64px;
    margin-left: 0px;
    margin-top: 134px;
}

div.SearchInfo {
    width: 100%;
    height: 50px;
    padding: 5px;
    line-height: 1;
}

.SearchInfo a {
    font-size: 12px;
}

div.SearchAction {
    float: right;
    padding: 0px 7px 7px 7px;
}

p.SearchWeekAvailable {
    float: left;
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 13px;
    padding-left: 9px;
}

p.SearchWeekAvailableMobile {
    font-size: 10px;
    float: left;
    padding: 0 5px 5px;
    min-width: 65px;
    width: 100px;
}

.tier1 p.SearchWeekAvailableMobile {
    padding: 7px;
    margin-top: -43px;
}

div#SearchTable {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 15px;
}

.tier1 p.SearchWeekAvailable {
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 15px;
    padding-left: 0px;
    width: 130px;
    margin-right: 8px;
    margin-left: 8px;
}

.tier1 span.CommonName {
    display: block;
    font-style: italic;
    font-family: CenturyGothic;
    margin-top: 8px;
    font-size: 15px;
}

.tier2 .SearchInfo a {
    font-weight: bold;
}

.tier2 span.CommonName {
    display: block;
    font-style: italic;
    margin-top: 2px;
    font-weight: normal;
}

.tier2 span.tier1Explicit {
    display: none;
}

.tier1 span.tier2Explicit {
    display: none;
}

@media (min-width:768px) {        


    .SR_Label {
        display: none;
    }
    div.SearchResults {
        float: left;
    }
    .MobileClearFix {
        clear: both;
    }
    
    div.tier1 {
        width: 364px;
    }
    
    .tier1 img {
        max-height: 200px;
        max-width: 200px;
        
    }
    
    .tier1 a.SearchImage {
        width: 200px;
        height: 200px;
        margin: 8px 8px 0px 8px;
        float: left;
    }
    
    .tier1 .SearchInfo {
        float: left;
        height: 100px;
        margin: 30px 8px 10px 0;
        width: 136px;
    }
    
    .tier1 .SearchInfo a {
        font-size: 16px;
        font-family: CenturyGothicBold;
    }
    
    .tier1 .SearchInfo a:hover {
        text-decoration: none;
    }
    
    .tier1 .SearchResultBadges {
        height: 200px;
        margin-top: 10px;
        margin-left: 10px;
        width: 200px;
    }
    
    .tier1 img#SR_WGIIntro, .tier1 img#SR_Exclusive {
        margin-left: 135px;
        margin-top: 135px;
    }
    
    .tier1 img#SR_ProvenWinners {
        margin-left: -141px;
        margin-top: 147px;
    }
    
    .tier1 img#SR_NewBadge {
        margin-top: 157px;
    }
    
    .tier1 div.SearchAction {
       width: 100%;
       padding: 6px;
       margin-top: 8px;
    }
    


    
}
@media (max-width: 768px) {
    
    
    .tier1 div.SearchInfo a{
        font-family: CenturyGothicBold;
        font-size: 15px;
    }
    
    .tier1 span.CommonName {
        margin-top: 2px;
    }
    
    div.SearchResults {
        display: block;
        height: auto;
        min-height: 100px;
        padding: 8px;
        text-align: left;
        width: 100%;
        margin: 8px 0;
        min-width: 260px;
        }
    div.SearchResultBadges {
        width: 100%;
        display: none;
        min-height: 55px;
    }
    
    .SR_Badges {
        position: initial;
        margin-top: -10px;
    }
    
    img#SR_WGIIntro, img#SR_Exclusive {
        display: none;
    }
    
    img#SR_ProvenWinners {
        display: none;
    }
    
    img#SR_NewBadge {
        display: none;
    }
    a.SearchImage {
        float: left;
        max-width: 33%;
        margin-right: 7px;
        width: auto;
        height: auto;
    }
    a.SearchImage img {
        width: 82px;
        height: 82px;
    }
    div.SearchInfo {
        float: left;
        width: 43%;
        margin-left: 0px;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    div.SearchAction {
        float: right;
        width: auto;
        max-width: 18%;
        padding: 0px;
    }
    .MobileClearFix {
        clear: both;
    }
    .SearchAction .btn {
        margin-bottom: 4px;
        width: 100%;
    }
    .SR_Label {
        font-size: 9px;
        display: inline-table;
    }
    div.MobleSRLabels {
        display: block;
    }
    .SearchResultsContainer .col-md-12 h3 {
        margin-left: 0px;
    }
    
    .row-top-space-desktop h1 {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .row-top-space-desktop .well {
        margin-left: 0px;
        margin-right: 0px;
    }
       
    div.tier1 {
        padding: 8px 0 0px 0px;
    }
    .tier1 a.SearchImage {
        margin-left: 8px;
    }
    .tier1 .SearchInfo {
        width: 70%;
    }
    .tier1 .SearchAction {
        float: right;
        margin: 8px 0 0 0;
        padding: 8px;
        width: 100%;
        max-width: 100%;
    }
    .tier1 .SearchAction .btn{
        width: auto;
        margin-bottom: 0px;
    }
    .tier1 p.SearchWeekAvailableMobile {
        margin-bottom: 0px;
    }

    
}
@media (max-width: 400px) {
    .tier1 .SearchInfo {
        width: 43%;
    }
}
div.multi-edit-tier1, div.multi-edit-tier2 {
    margin: 7px 0;
}

a.SM_VarietyName  {
    padding-right: 10px;
}

.SM_VarietyInfo .btn-green {
    margin-right: 10px;
}

div.multi-edit-tier1, div.multi-edit-tier2 {
    width:100%;
    height: auto;
}

.multi-edit-tier1 div.SM_VarietyInfo, div.multi-edit-tier2 div.SM_VarietyInfo {
    float: left;
    padding: 10px 0 10px 10px;
    text-align: left;
}

.multi-edit-tier1 div.SM_Table, div.multi-edit-tier2 div.SM_Table {
    float: left;
    padding: 10px;
}

.SM_Table table {
    width: 100%;
}

.SM_Table table td, .SM_Table table th {
    padding: 3px 8px;
}

.SM_Table table .SM_WeekRow th {
    font-weight: normal;
    padding: 0px 8px;
}

tr.SM_SpacerRow td {
    font-size: 10px;
    padding: 0;
}

tr.SM_SizeRow {
    font-weight: bold;
}

.SM_SizeRow select {
    font-weight: normal;
}

a.SM_VarietyName {
    font-family: CenturyGothicBold;
    font-size:18px;
}

.SM_VarietyName .CommonName {
    font-family: CenturyGothic;
    font-style: italic;
    display: block;
}

.SM_VarietyInfo a.SearchImage {
    float: left;
    margin-right: 10px;
}

.SM_VarietyInfo .btn-green{
    float: right;
}


@media (max-width: 450px) {
    .multi-edit-tier1 div.SM_VarietyInfo, div.multi-edit-tier2 div.SM_VarietyInfo {
        width: 100%;
    }
    .multi-edit-tier1 div.SM_Table, div.multi-edit-tier2 div.SM_Table {
        width: 100%;
        overflow-x: scroll;
    }
    .SM_Table table {
        font-size: 10px;
    }
    .SM_Table table td, .SM_Table table th {
        padding: 2px;
    }
    .multi-edit-tier1 div.SM_VarietyInfo, div.multi-edit-tier2 div.SM_VarietyInfo {
        padding: 0px;
    }
    .multi-edit-tier1 div.SM_Table, div.multi-edit-tier2 div.SM_Table {
        padding: 10px 0 0 0;
    }
    tr.SM_SpacerRow td {
        font-size: 5px;
    }
    .SM_VarietyInfo .btn-green{
        float: left;
    }
    .SM_VarietyInfo a.SM_VarietyName {
        font-size: 12px !important;
    }
    .SM_VarietyInfo p.SearchWeekAvailable {
        font-size: 11px !important;
    }
}

@media (max-width: 1000px) {
    div.SM_Table {
        overflow-x: scroll;
        width: 100%;
    }
    .multi-edit-tier1 div.SM_VarietyInfo, div.multi-edit-tier2 div.SM_VarietyInfo {
        width: 100%;
    }
    div.SearchResults a.SM_VarietyName {
        font-size: 16px;
        text-align: left;
    }
    .SM_VarietyInfo p.SearchWeekAvailable {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
        font-size: 14px;
    }
  }
  
@media (max-width:1200px) {
   .SM_VarietyInfo a.SearchImage img {
        width: 82px;
        height: 82px;
    }
    .SM_VarietyInfo a.SearchImage {
        width: 82px;
        height: 82px;
    }
}

@media (min-width: 1000px) {
    .multi-edit-tier1 div.SM_VarietyInfo, div.multi-edit-tier2 div.SM_VarietyInfo {
        width: 100%;
    }
    a.SM_VarietyName {
        float: left;
        margin-left: 10px;
        text-align: left;
    }
    .SM_VarietyInfo img {
        max-width: 100%;
    }

    .SM_VarietyInfo p.SearchWeekAvailable {
        float: right;
        padding-right: 9px;
        font-size: 1em;
        margin-top: 0px;
    }

}

@media (min-width: 1200px) {
    .multi-edit-tier1 div.SM_VarietyInfo, div.multi-edit-tier2 div.SM_VarietyInfo {
        width: 185px;
    }
    
    a.SM_VarietyName {
        font-size: 16px;
        margin-left: 0px;
        text-align: center;
    }

    .multi-edit-tier1 div.SM_Table, div.multi-edit-tier2 div.SM_Table {
        width: 953px;
    }
    a.SM_VarietyName {
        width: 100%;
        margin-top: 6px;
    }
    .SM_VarietyInfo p.SearchWeekAvailable {
        display: inline-block;
        float: none;
        font-size: 1em;
        padding-left: 0;
        width: 100%;
        margin-top: 0;
        padding-right: 10px;
    }
    .SM_VarietyInfo .btn-green{
        float: left;
    }
}



/* Image Download Search Page (hires) */
.ImageDownloadList .list-group-item img {
    float: left;
    width: 75px;
    margin-right: 10px;
}

.ImageDownloadList p {
    margin-bottom: 0px;
}

.ImageDownloadList .col-md-6 {
   padding: 0px;
}

/* Video */
.VideoCarousel figure {
    width: 200px;
}

@media (max-width: 1200px) {
    .VideoCarousel figure {
        width: 170px;
    }
}

@media (max-width: 1000px) {
    .VideoCarousel figure {
        width: 140px;
    }
}

@media (max-width: 950px) {
    .VideoCarousel figure {
        width: 130px;
    }
}

.VideoCarousel figure img, .ModalVideoCarousel figure img {
    width: 100%;
}


.VideoCarousel figure img.video-play-button {
    width: 15%;
    position: absolute;
    margin: 22% 42%;
}

.ModalVideoCarousel figure {
    width: 115px;
}

.modal-body .slick-slider {
    width: 90%;
    margin-bottom: 10px;
}

#myVideoModal .modal-body {
    text-align: center;
}

p.outside-caption {
    text-align: center;
    margin-top: 5px;
}

a p.outside-caption  {
    font-weight: bold;
}

span.video-new-window {
    position: absolute;
    margin-top: 3px;
    margin-left: -50px;
    color: #fff;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

span.video-different-window {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    color: #fff;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}

/* Ordering */

@media (max-width:400px) {
    .MainMediaShorter {
        height: 400px;
    }
}

.ColorBlockCollapsible {
    margin-bottom: 0px;
    border-radius: 0px;
}


.ColorBlockCollapsible .panel {
    border-radius: 0px;
}

.ColorBlockCollapsible .panel + .panel {
    margin-top: 0px;
    border-radius: 0;
}

.ColorBlockCollapsible .panel-heading, .ColorBlockCollapsible .panel-body, .ColorBlockCollapsible .panel-group .panel {
    border-radius: 0px;
    border: none;
}

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

.ColorBlockCollapsible .panel-default, .ColorBlock .panel-default > .panel-heading, .ColorBlockCollapsible .panel-heading + .panel-collapse > .panel-body, .ColorBlockCollapsible .panel-heading + .panel-collapse > .list-group {
    border-color: none;
    border: none;
}

.ColorBlockCollapsible h3 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.ColorBlockCollapsible h3 a:hover, .ColorBlockCollapsible h3 a:active {
    text-decoration: none;
}

.ColorBlockCollapsible .panel-heading {
    padding-bottom: 10px;
}

.ColorBlockCollapsible .panel-body {
    padding-top: 0px;
}

@media (max-width: 767px) {
    .ColorBlockCollapsible .panel .container {
        width: auto;
    }
}

.datepicker{
    z-index:1200 !important;
}

div#availability_pb {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

#availability_graph text.CurrentWeek, .svg_region text {
    font-size: 11px;
    pointer-events: none;
}

.svg_region {
    overflow-x: scroll;
    cursor: pointer;
    margin-bottom: 10px;
}

#availability_graph rect.CurrentWeek {
    z-index: 2000;
}

#availability_graph rect.Avail {
    z-index: 3000;
}

#availability_graph line {
    stoke-width: 1;
}

#availability_graph line.Marker {
    stoke-width: 1;
}

#availability_graph line.CurrentWeek {
    stoke-width: 1;
}

.CartContainer table {
    border-collapse: unset;
}

tr.PeriodBreak {
    border-radius: 4px;
}

li.PeriodBreak .PricingYear {
    padding-bottom: 5px;
    font-weight: bold;
}

li.PeriodBreak .ShipWeek p {
    margin-bottom: 0;
}

.PeriodBreak td {
    padding: 4px;
}

.PeriodBreak .col3 p, .PeriodBreak .col2 p, .PeriodBreak .col4 p, .PeriodBreak .col8, .PeriodBreak .col7,
.FreePeriodBreak .col3 p, .FreePeriodBreak .col2 p, .FreePeriodBreak .col4 p, .FreePeriodBreak .col8, .FreePeriodBreak .col7 {
    margin-left: 10px;
}

button.clickable span {
    pointer-events: none;
}

.CartItem h4 {
    margin-bottom: 10px;
    margin-left: 10px; 
    font-family: CenturyGothic;
}

.CartItem img {
    margin-bottom: 10px;
    width: 100%;
    max-width: 300px;
}

p#ExtendedQty_p {
    width: 45%;
    display: inline-block;
}

span#MultipleError_div {
    display: inline;
    width: 50%;
}

@media (max-width: 990px) {
    .CartItem img {
        max-width: 260px;
    }
    .text-center-xs, .text-center-sm {
        text-align: center;
    }
}

.Loading, svg#availability_graph text.Loading {
    font-size: 30px;
}

.margin-right {
    margin-right: 15px;
}

div.mini-jumbotron {
    border-radius: 4px;
    padding: 15px;
    margin: 10px 0 5px 0;
}

.refresh-button-special-case {
    margin-top: 28px;
}

@media (max-width: 1000px) {
    .refresh-button-special-case {
    margin-top: 0px;
    }
}
@media (max-width: 992px) {
    .text-left-md {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .text-left-sm {
        text-align: left;
    }
}

@media (max-width: 450px) {
    .text-left-xs {
        text-align: left;
    }
}

.clickable-row {
    cursor: pointer;
}

span#UnsubmittedOrdersFlag, span#AddtoCartFlag {
   font-size: 14px;
   margin-left: -9px;
   margin-top: -3px;
   position: absolute;
   cursor:pointer;
}

/* Product Slider */
 .ProductSlider .carousel{
        margin-bottom:3px;
      }
      .ProductSlider .nav-carousel {
        padding-bottom: 0%;
        width: 100%;
        z-index: 101;
        -webkit-transition: all 3s ease-in-out;
        transition: all 3s ease-in-out;
        float: left;
        margin: 0;
        height: auto;
        top: 100%;
        list-style: none;
      } 
      .ProductSlider .nav-carousel li > a{
        padding: 0;
      }
      .ProductSlider .nav-carousel li > a:hover{
          background-color: transparent;
          cursor: pointer;
      }
      .ProductSlider .carousel-border{
        opacity: .5;
      }
      .ProductSlider .active {
        opacity: 1;
      }
      .ProductSlider .nav-carousel > .active > a,
      .ProductSlider .nav-carousel > .active > a:hover,
      .ProductSlider .nav-carousel > .active > a:focus,
      .ProductSlider #carousel a:hover,
      .ProductSlider #carousel a:focus {
	outline:none;
	cursor:pointer;
      }
      .ProductSlider .nav-carousel.affix{
	width: 100%;
	position: static;
	z-index:101;
	height:auto;
	padding-bottom:0%;
      }
      .ProductSlider .nav-carousel > li{
	z-index:100;
	padding-bottom:0%;
      }
      .ProductSlider .nav-carousel {
        padding-left: 0px;
      }
      .ProductSlider .slider-div {
        padding-left: 0;
        padding-right: 0;
      } 
      .ProductSlider .slider-div img {
        width: 100%;
      }
      .ProductSlider .ProductCarousel {
        float: right;
        width: 81%;
      }
      .ProductSlider .ProductCarouselNav {
        float: right;
        width: 19%;
        overflow-y: auto;
        overflow-x: hidden;
      }
      @media (min-width:475px) {
        .ProductSlider .ProductCarouselNav li {
          max-height: 60px;
          overflow: hidden;
        }
      }
      @media (min-width:535px) {
        .ProductSlider .ProductCarouselNav li {
          max-height: 130px;
          overflow: hidden;
        }
        .ProductSlider .ProductCarouselNav li{
          margin: 0 7px 5px 0;
        }
      }
      @media (min-width:775px) {
        .ProductSlider .ProductCarouselNav li {
          height: 85px;
          overflow: hidden;
        }
      }
      @media (max-width:530px) {
        .ProductSlider .ProductCarouselNav {
          float: none;
          width: 100%;
        }
        .ProductSlider .ProductCarousel {
          width: 100%;
        }
        .ProductSlider .ProductCarouselNav li {
          max-height: 94px;
          overflow: hidden;
        }
        .ProductSlider ul.nav-carousel li {
          display: inline-block;
          padding: 0 1% 2% 0;
          width: 23%;
          margin: 0px;
        }
        .ProductSlider .nav-carousel {
          text-align: left;
        }
      }
      @media (min-width: 1184px) {
        .ProductSlider .ProductCarouselNav {
            max-height: 450px;
        }
      }
      @media (max-width: 1183px) {
        .ProductSlider .ProductCarouselNav {
            max-height: 368px;
        }
      }
       @media (max-width: 967px) {
        .ProductSlider .ProductCarouselNav {
            max-height: 582px;
        }
      }
      @media (max-width: 568px) {
        .ProductSlider .ProductCarouselNav {
            max-height: 400px;
        }
      }
      @media (max-width: 516px) {
        .ProductSlider .ProductCarouselNav {
            max-width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            max-height: 130px;
        }
        .ProductSlider .nav-carousel {
            display: flex;
        }
        .ProductSlider ul.nav-carousel li {
            width: 118px;
            display: inline;
        }
      }

      .ProductSlider .ProductSlider-caption {
        padding: 12px;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 3;
        margin-bottom: 0;
      }
      p.ProductSlider-caption {
        font-size: 12px;
        opacity: 1;
      }
    .ProductSlider img {
        max-width: 100%;
    }
     
    .ProductSlider .slider-div img.SingleImage, .ProductSlider img.SingleImage {
        width: 90%;
        
    }
      /* !important is needed sometimes */
    ::-webkit-scrollbar {
       width: 12px !important;
    }
   
    /* Track */
   ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
      -webkit-border-radius: 10px !important;
      border-radius: 10px !important;
    }
   
    /* Handle */
    ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px !important;
      border-radius: 10px !important;
      background: #D2D3D5 !important; 
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
   
    }
    ::-webkit-scrollbar-thumb:window-inactive {
      background: #D2D3D5 !important; 
    }
    .nav-tabs > li > a {
        padding: 15px 13px 16px 13px;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .UnsubmittedOrdersCartButton {
        width: 100%;
        display: block;
        padding-bottom: 10px;
    }
    #myCart .UnsubmittedOrdersCartButton a {
        float: none;
    }
/* OrderTrack */
.breadcrumb {
    margin-top: 28px;
    margin-bottom: 10px;
}
@media (max-width: 955px) {
    .breadcrumb {
    margin-top: 0px;
    margin-bottom: 10px;
    }
}

/* Advanced Search */

@media (max-width: 768px) { 
a.AdvancedSearchButton {
    margin-top: 10px;
    display: block;
}
}

@media (min-width: 768px) { 
a.AdvancedSearchButton {
    margin-left: 0px;
    margin-top: 0px;
}
}

.SearchSettings .panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

.SearchSettings .radio {
    margin-top: 0px;
    margin-bottom: 0px;
}

.SearchSettings .radio-inline {
    margin-top: 6px;
    margin-right: 20px;
    margin-left: 0px;
}

.SearchSettings {
    padding-bottom: 0px; 
}

.SearchSettings .panel-heading {
    font-weight: bold;
}

.CartItemPanel .VarietyName {
    margin-top: 0px;
}

.CartItemPanel .AvailableSizes .panel-title {
    font-size: 14px;
}

.CartItemPanel .AvailableSizes  h5 {
    font-size: 14px;
}

.display-block {
    display: block;
}

.opacity-zero {
  opacity: 0;
}

.no-padding {
    padding: 0px;
}

.margin-right-10 {
    margin-right: 10px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
}

/* Advanced Search */

div.ThereIsMoreData {
    width: 100%;
}

.ThereIsMoreData .btn {
    width: 98%;
    margin-left: 1%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px 16px 9px;
}

p.error-check {
    font-size: 10px;
}

span.multi-qty-error {
    display: block;
    padding: 0px 6px;
    border-radius: 3px;
    font-size: 10px;
    text-align: center;
    margin: 2px;
}

.SM_AvailabilityRow p, .SM_QuantityRow p {
    margin-bottom: 0;
}

.SM_QuantityOver {
    font-weight: bold;
}

.FixedSubmitButton {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 100;
}

.GrowersLocator address {
    margin-bottom: 0;
}

.GrowersLocator .panel-body {
    height: 200px;
}

.panel .table th {
    padding-left: 15px;
}

.DownloadList .table th {
    padding-left: 0;
}

.nav-tabs .badge {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
}
.SearchResultsTabs > li {
    margin-bottom: -2px;
}

@media (max-width:1000px) {
    ul.SearchResultsTabs li {
       font-size: 11px; 
    }
    .SearchResultsTabs  > li > a {
        padding: 9px 8px 10px;
    }
}

.tooltip-inner {
    margin-bottom: -1px;
}

.MobileNav .navbar-header {
        float: none;
    }

.MobileNav .navbar-toggle {
        display: block;
    }
.MobileNav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
.MobileNav .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
.MobileNav .navbar-collapse.collapse {
        display: none!important;
    }
.MobileNav .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
.MobileNav .navbar-nav>li {
        float: none;
    }
.MobileNav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.MobileNav .collapse.in{
        display:block !important;
    }
.MobileNav .hidden-sm {
    display: inline-block !important;
}
.MobileNav .hidden-md {
    display: inline-block !important;
}
.MobileNav .hidden-lg {
    display: inline-block !important;
}
.MobileNav .LogoContainer img.hidden-sm {
    display: inline-block !important;
}
.MobileNav .LogoContainer img.hidden-xs {
    display: none !important;
}
.MobileNav .hidden-xs {
    display: none !important;
}
.MobileNav img#Logo {
    left: 0;
    top: 50px;
    width: 58px;
}
.MobileNav .UserLinks li.LogIn {
    font-size: 20px;
}
.MobileNav li.BeginOrdering a {
    padding: 3px 6px;
    top: 1px;
    margin-right: 0px;
    font-size: 12px;
    height: auto;
    margin-left: 3px;
}
.MobileNav .TopNav .container-fluid {
    padding-right: 7px;
}
.MobileNav li.LogIn a {
    position: relative;
    top: -2px;
}
.MobileNav .UserLinks li.LogIn {
    font-size: 20px;
}
.MobileNav ul.UserLinks {
    top: 2px;
    position: relative;
}
.MobileNav li.LogIn ul.dropdown-menu {
    left: -128px;
}
.MobileNav li.BeginOrdering a span.glyphicon {
    font-size: 12px;
    padding-right: 0px;
    top: 1;
}
.MobileNav .StaticMenuBar .container-fluid {
    width: 100%;
    padding-right: 0px;
}
.navbar-center {
    display: list-item;
}

.TabletViewShowInline {
    display: inline !important;
}

.TabletViewShowBlock {
    display: block !important;
}

.TabletViewHide {
    display: none !important;
}

div#ArticleSearchTable {

}

#ArticleSearchTable div.ListThumb,
#VideoSearchTable div.ListThumb,
#ArticleSearchTable div.col-md-2,
#VideoSearchTable div.col-md-2 {
    padding-left: 0px;
    text-align: left;
}

.PhotoGallerySearchResults h4 {
    margin-bottom: 15px;
}

.PhotoGallerySearchResults div.col-md-2 {
    padding-right: 0px;
    text-algin: right;
}


#ArticleSearchTable .col-md-2 {
    width: 16.6667%;
    float: left;
}

#ArticleSearchTable .col-md-10 {
    width: 83.3333%;
    float: left;
}

@media (max-width: 768px) {
    
    #ArticleSearchTable .col-md-2 {
        width: 25%;
        float: left;
    }
    
    #ArticleSearchTable .col-md-10 {
        width: 75%;
        float: left;
    }
    
}

.clearable{
    background: #fff url("../images/clearable.gif") no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
  }
  .clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
  .clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
  .clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

div.CultureSheetSearchResults {
    width:208px;
    float: left;
    height: 208px;
    margin: 10px;
    text-align: center;
    display:block;
}

div.CultureSheetSearchResults h4 {
    font-size: 14px;
    bottom-margin: 0px;
    font-family: CenturyGothic;
    text-shadow: 1px 2px 14px #000;
}

div.CultureSheetSearchResults h4 a {
    font-size: 20px;
    font-family: CenturyGothicBold;
    margin-top: 15px;
    text-shadow: 1px 2px 3px #674E74;
}

div.CultureSheetSearchResults div.ListThumb {
    padding-left: 0px;
    height: 208px;
}

.CultureSheetSearchResults div.ListThumb img {
    filter: grayscale(35%);
}

div.tint {
    width: 208px;
    height: 208px;
    height: 208px;
    opacity: 0.55;
    position: absolute;
    margin-top: -208px;
    width: 208px;
}

div.GenusInfo {
    width: 208px;
    display: block;
    position: absolute;
    margin-top: -166px;
}

a.GenusLinks {
    display: block;
    width: 208px;
    height: 208px;
    position: absolute;
    margin-top: -166px;
}

@media (max-width:768px) {
   
    div.CultureSheetSearchResults, div.tint, a.GenusLinks {
        width: 137px;
        height: 137px;
    }
    div.GenusInfo {
        width: 137px;
    }
    div.CultureSheetSearchResults div.ListThumb {
        height: 137px;
    }
    div.tint {
        margin-top: -137px;
    }
    div.GenusInfo {
        margin-top: -108px;
    }
    a.GenusLinks {
        margin-top: -137px;
    }
    
    div.CultureSheetSearchResults h4 {
        font-size: 10px;
        margin: 0px 0 3px 0;
    }
    div.CultureSheetSearchResults h4 a {
        font-size: 14px;
    }
    
}

.fa-facebook-square:before {
  content: "\f082";
}

p.SearchInstructions {
    margin-left: 7px;
}

.LoadingModalDialog {
    margin-top: 150px
}

.panel-free-offer .panel-title, .panel-order-change .panel-title {
    font-size: 26px;
}

.CartContainer .panel {
    margin-bottom: 10px; 
}

.panel-free-offer {
    margin-bottom: 0px;
}

div.free-offer-terms-conditions {
    padding: 10px 15px 15px 15px;
}

div.FreePlantsListing {
    border: 1px solid #a3a3a3;
    padding: 7px 15px 15px 15px;
    width: 48%;
    float: left;
    margin: 1%;
    
}

.FreePlantsListing h4 {
    top-margin: 0;
}

.FreePlantsListing a.SearchImage {
    height: auto;
    width: 200px;
}

div.free_plants_image_section {
    margin-right: 10px;
}

div.free_plants_field_section {
    float: left;
}

.FreePlantsListing .SM_VarietyInfo a.SearchImage img {
    width: 200px;
    height: auto;
}
@media (min-width: 1000px) {
    div.FreePlantsListing {
        height: 250px; 
    }
}
@media (min-width: 750px) {
    div.FreePlantsListing {
        height: 250px; 
    }
    .FreePlantsListing .SM_VarietyInfo a.SearchImage img, .FreePlantsListing a.SearchImage  {
        width: 100px;
        height: auto;
    }
}

@media (max-width: 750px) {
    div.FreePlantsListing {
        width: 100%;
    }
}


@media (max-width: 700px) {
    .FreePlantsListing .SM_VarietyInfo a.SearchImage img, .FreePlantsListing a.SearchImage  {
        width: 100px;
        height: auto;
    }    
}

.MobileFreeItem h2, .MobileOrderChange h2 {
    font-size: 16px;
}

.MobileOrderChange .row {
    margin-left: 0px;
}

/* FAQ */
div.FAQ {
    min-height: 500px;
}

div.FAQ .panel {
    margin-bottom: 28px;
    box-shadow: none;
}

.FAQ .panel-heading {
    padding-bottom: 0px; 
}

.FAQ h4.panel-title{
    border-radius: 24px;
    padding: 24px;
    position: relative;
    z-index: 10;
}

.FAQ .panel-default {
    border: none;
}


img.FAQbubbleright {
    float: left;
    margin-left: 60px;
    position: relative;
    z-index: 11;
}

img.FAQbubbleleft {
    float: right;
    margin-right: 60px;
    position: relative;
    z-index: 11;
}

img.FAQbubbletop {
    float: left;
    margin-left: 60px;
    position: relative;
    z-index: 20;
    margin-top: -15px;
}

p.FAQbottomarrow {
    position: absolute;
    margin-left: 30px;
    margin-top: -15px;
    z-index: 20;
}

.FAQ .panel-body {
    margin: -14px 30px 10px 30px;
    padding: 30px 30px 15px 30px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    position: relative;
    z-index: 0;
}

.FAQ .collapsing {
  position: relative;
  width: 100%;
  top: -16px;
}

.FAQ a h4,
.FAQ a h4:hover,
.FAQ a h4:active,
.FAQ .panel-heading a,
.FAQ .panel-heading a:hover,
.FAQ .panel-heading a:active {
    text-decoration: none; 
}

.FAQ .panel-heading {
    text-align: center;
}

.FAQ .col-md-4 {
    padding: 0;
}

h1.FAQ {
    margin-bottom: -18px;
    font-size: 60px;
}

h1.FAQ span, h1.LandingPage span {
    font-size: 150%;
}

@media (max-width: 500px) {
    h1.FAQ {
        text-align: center;
        margin-bottom: -20px;
        line-height: 50px;
        margin-top: 50px;
    }

    
    h1.FAQ span, h1.LandingPage span {
        line-height: 54px;
        font-size: 115%;
        display: block;
        padding: 9px 0 30px;
    }

}

.FAQ-fluid {
    padding: 0px;
    margin: 0px; 
}

.FAQContainer {
    padding-right: 0px;
    padding-left: 0px; 
}

.video-newsfeed img {
    padding: 0px; 
}

.video-overlay-container {
    display: block;
    padding-bottom: 56.25%;
    margin: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
    position: relative;
    z-index: 1;
}
.video-newsfeed {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

img.video-play-button {
    position: absolute;
    width: 15%;
    margin: 22% -7.5%;
}

.MobileVideoCarousel img.video-play-button {
    margin: 22% 42.5%;
}

.VideoCarousel {
    width: 98%;
}

.MobileVideoCarousel {
    width: 90%;
}

div.VideoContainer {
    padding: 0px; 
}

#myVideoModal .modal-dialog {
    width: 1000px; 
}

@media (max-width: 1000px) {
    #myVideoModal .modal-dialog {
        width: 95%;
    }
}

.video-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-iframe-container iframe,
.video-iframe-container object,
.video-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}