/* ==========================================================================
   Layout Related
   ========================================================================== */

.BreadcrumbsWrapper {
	margin-top: 12px;
}

.product-row {
    margin-bottom:28px;
}

.product-row:last-child {
    margin-bottom:0px;
}

div[role="region"][aria-labelledby="results__heading"] {
    position: relative;
    font-size: 13px;
}

div[role="region"][aria-labelledby="filter-by__heading"] {
    position: relative;
    font-size: 13px;
}

.results-list-container.paginated {
    margin-bottom:3em;
}

.paginator.top + .results-list-container.paginated {
    margin-top:3em;
}


#catalogProducts {
	z-index: 0;
}

#catalogProductsWrapper {
    background-color:#ebebeb;
    border-top:4px solid white;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.4);
    margin-top:40px; /* must be tab top offset + 20px */
    padding-top:20px;
}


#catalogProductSidebarWrapper {
    width:209px;
}


#catalogProductsWrapper .header {
    z-index: 1;
}

#catalogProductsSidebar {
	
	/*margin-top: 27px;*/
}

.resultSpotlight {
	
	/*margin-top: 27px;*/
}

#catalogProductsSidebar h5 {
    color:#666;
}

#catalogProductsMain {
    float: left;
    height: auto;
    overflow: hidden;
    width: 720px;
}

#catalogProducts{
	float:left;
	width:100%;
}

/* ==========================================================================
   Bundle/Promo Related
   ========================================================================== */

.row .build-a-bundle {
    text-align:center;
}

.build-a-bundle h5 {
    margin-bottom:10px;
    color:#666;
}

.build-a-bundle p, .redeem-code p {
    margin:0px;
}

.build-a-bundle img, .redeem-code img {
    margin:4px 0px 10px 0px;
}

.redeem-code {
    text-align:left;
    display:block;
}

#promo {
    height:41px;
    border:1px solid #e3e3e3;
    background-color:#f5f5f5;
}

#promoLinks {
    line-height:8px;
}

#promoLinks li {
    margin:5px 22px;
    font-weight:'Arial', sans-serif;
    font-size:14px;
}

/* ==========================================================================
   Filter Related
   ========================================================================== */

#ageSelector, #ageSelector_chzn {
    margin-top:10px;
}

.inline-links .first, .age-filter .inline-links .first {
    margin-left:0px;
}

.age-filter .inline-links {
    width:240px;
    margin-top:30px;
    margin-left:-4px;
}

.age-filter .inline-links li {
    cursor:pointer;
    text-align:center;
    font-size:14px;
    color:#999;
    margin:2px 4px 2px 0px;
    width:20px;
    height:20px;
    line-height:21px;
}

.age-filter .inline-links .active {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-color:#659900;
    color:white;
    z-index:2;
}

.age-filter {
    width:219px;
    height:12px;
    margin-left:20px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#a5d477;
    background-color:rgba(165,212,119,.5);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.55), inset 0 1px 3px rgba(0,0,0,.29), inset 0 0 4px rgba(30,26,26,.05);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.55), inset 0 1px 3px rgba(0,0,0,.29), inset 0 0 4px rgba(30,26,26,.05);
    box-shadow:0 1px 0 rgba(255,255,255,.55), inset 0 1px 3px rgba(0,0,0,.29), inset 0 0 4px rgba(30,26,26,.05);
    z-index:2;
}

.noUi-midBar {
	height:12px;
	z-index:0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.55), inset 0 1px 3px rgba(0,0,0,.29), inset 0 0 4px rgba(30,26,26,.05);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.55), inset 0 1px 3px rgba(0,0,0,.29), inset 0 0 4px rgba(30,26,26,.05);
	box-shadow:0 1px 0 rgba(255,255,255,.55), inset 0 1px 3px rgba(0,0,0,.29), inset 0 0 4px rgba(30,26,26,.05);
	-webkit-touch-callout: none;
}

.noUi-handle > div {
    position:absolute;
    width:18px;
    height:28px;
    top:-5px;
    left:-5px;
    z-index:5;
    background:url(../img/range-grip.png) center no-repeat;
}
.noUi-handle > div:hover,
.noUi-handle > div.noUi-activeHandle {
}

.disabled > .noUi-midBar {
    background:#999;
}

.disabled .noUi-handle > div {
    border-color:#ccc;
    background:#ccc;
}

#filters {
	border:none;
    padding:0px;
    margin-top:18px;
}

.shop-by {
    font-size:18px;
}

.filter {
    font-size:26px;
    color:#006232;
}

#filters > [class*="span"] {
    padding:3px 12px 20px 12px;
}

#filters .row {

}

.filter-wrapper {
	/*position: absolute;*/
    float:left;
    margin:0px;
    padding:0px;
    width:100%;
}
.filter-wrapper p {
    margin:0px;
    float:left;
    z-index: 100;
}

.filter-wrapper .current-filters {
    float:left;
    margin:0px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.filter-wrapper .current-filters li {
    margin:0px 25px 0px 5px;
    position:relative;
}

.filter-wrapper .current-filters .reset {
	margin-top: 2px;
	font-size: 13px;
	z-index: 1;
}

.filter-wrapper .current-filters li:last-child {
    margin-right:33px;
}

.filter-wrapper .close {
    top:1px;
    right:-20px;
    background:url(../img/small-close.png) no-repeat center;
    height:15px;
    width:15px;
    z-index: 1;
    padding: 0; /* to remove default padding on .close in the main.css file */
}

.filter-wrapper .reset {
  display: inline-block;
  margin-bottom: 10px;
}

.filter-wrapper {
    float: none;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin: 0 0 10px 0;
}

.filter-wrapper .current-filters {
    float: none;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0;
}

.filter-wrapper #current-filters__heading {
    padding: 4px 0;
    white-space: nowrap;
}

.filter-wrapper .current-filters li {
    margin: 0 8px 8px 0;
}

.filter-wrapper .current-filters li a {
    display: block;
    background-color: #e2e2e2;
    padding: 4px 10px;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    white-space: nowrap;
    color: #333;
    border-radius: 99px;
}

.filter-wrapper .current-filters li i.fa {
    margin-left: 6px;
    color: #888;
}

.filter-wrapper .current-filters li a:hover,
.filter-wrapper .current-filters li a:focus {
    text-decoration: none;
}

.filter-wrapper .current-filters li a:hover i.fa,
.filter-wrapper .current-filters li a:focus i.fa {
    color: #333;
}

.filter-wrapper .current-filters li:last-child {
    margin-right: 0;
}

.filter-wrapper .reset {
    display: block;
    margin: 0 0 0 16px;
    padding: 4px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    white-space: nowrap;
}


.filter-list {
    border-bottom:1px solid #e5e4e4;
}

.filter-list h3 {
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 15px;
}

h2.filter-list-title  {
    font-size:18px;
    /* font-weight: 400; */
    margin-bottom: 0;
}

.filter-list:last-of-type {
    border-bottom: none;
}

.filter-list:last-of-type ul {
    margin-bottom: 0;
}

.filter-list .expanded .expandable {
    font-weight: 600;
}

.filter-list ul ul {
    margin:0px 0px 0px 20px;
    display:none;
}

.filter-list ul {
    margin: 0 0 1em 0;
    padding: 0;
    list-style-type: none;
    overflow: visible;
}

.filter-list ul li {
    line-height: 1.4;
    margin-bottom: 2px;
}

.filter-list ul li a {
  display: block;
  color: inherit;
  font-size: 13px;
  line-height: 1.4em;
}

.filter-list ul li a:hover,
.filter-list ul li a:active {
    color: #333;
    /* color: #ff8000; */
}

.filter-list ul li a .count {
  color: #757575;
}

.filter-list ul li.left-filter-show-all a {
    margin-top: 10px;
    color: #15803d;
}

.filter-list ul .expandable:after {
    color:#690;
    font-size:17px;
    line-height:0px;
    position:relative;
    top:-4px;
    content:"+";
    display:inline-block;
    left:2px;
}

.filter-list ul .expanded > a:after {
    color:#690;
    font-size:17px;
    line-height:0px;
    position:relative;
    top:-4px;
    content:"-";
    display:inline-block;
    left:2px;
}

.filter-list .checkbox_on {
	padding-left: 16px;
    background:url(../img/checkbox_on.png) no-repeat left;
    z-index: 1;
    background-position-y: 3px;
}

.filter-list .checkbox_off {
	padding-left: 16px;
    background:url(../img/checkbox_off.png) no-repeat left;
    z-index: 1;
    background-position-y: 3px;
}

.filter-list .checkbox_off.facet-multiline {
    background:url(../img/checkbox_off.png) no-repeat scroll left 3px rgba(0, 0, 0, 0);    
}

.filter-list .checkbox_on.facet-multiline {
    background:url(../img/checkbox_on.png) no-repeat scroll left 3px rgba(0, 0, 0, 0);    
}

.filter-list .filter-list__items li a {
    display: inline-block;
    font-size: inherit;
}

.filter-list .filter-list__items li a .filter-item-count {
    display: inline-block;
    margin-left: 4px;
    color: #757575;
}

.filter-list .filter-list__items li a .filter-item-count::before {
    content: "(";
}

.filter-list .filter-list__items li a .filter-item-count::after {
    content: ")";
}

.filter-list a[role="button"][aria-controls^="filter-list"] {
    position: relative;
    display: inline-block;
    top: -8px;
    margin: 0 0 4px 16px;
    font-size: inherit;
    font-weight: inherit;
}

.filter-list:last-of-type ul + a[aria-controls^="filter-list"] {
    top: 0;
    margin-top: 4px;
}

#catalogFilters {
    float:right;
    height:180px;
}

#filterByAge {
    width:353px;
    padding:0px 18px;
    border-right:1px solid #e3e3e3;
}

#filterByAge h3 {
    width:70px;
    margin-top:-5px;
}

#filterByProduct {
    width:681px;
    float:right;
    padding:0px;
}

#filterByProduct h3 {
    margin-top:-5px;
    width:100px;
}

.scrollHeader {

}

h3.scrollHeader {
margin:0px 0 0 0;
}

.scrollHeader span {
    line-height:0px;
}

#filterByProductScroller {
    width:555px;
    padding:0;
    height:auto;
}

#filterByProductScroller .browse {
	z-index: auto;
}

 span.filterByProductScrollerActive {
    height:20px;
    width:20px;

}

.scrollItem {

    height:100px;
}

/* .old-price {
    text-decoration:line-through;
} */

#filterByProductScrollerInner {
    height:120px;
    width:500px;
    margin-left:25px;
}

#filterByProductScrollerInner .items > div {
    width:90px;
    margin:10px 5px;
}

#filterByProductScrollerInner .items  a {
    height:65px;
    width:90px;
    display:block;
    overflow:hidden;
}

#filterByProductScrollerInner a {
    text-decoration:none;
}

#filterByProductScrollerInner .items img {
    margin:0px;
}

#filterByProductScrollerInner p {
    margin:0 0;
    font-weight:500;
}

#filterByProductScrollerInner .items .selected {
    
}

#filterByProductScrollerInner .items .active .selected {
    display:block;
}

#filterByProductScrollerInner .items .active, #filterByProductScrollerInner .items.open div {
    opacity:1;
}

#filterByProductScrollerInner .active p {
    visibility:visible;
}

/* TODO: Remove all CSS/Style references to .primary, .secondary, and .tertiary classes
   across the stack! */
   
#filterByProductScrollerInner .primary {
    color:#659900;
    font-size:15px;
    font-weight: 600;
}

#filterByProductScrollerInner .secondary {
    color:#006132;
    font-size:12px;
    font-weight: 600;
}


#filterByProductScroller .items > div {
  text-align:center;
}

#productCarousel {
    margin:0px 18px;
    width:428px;
}


/* ==========================================================================
   Masthead Related
   ========================================================================== */


#masthead {
    border-bottom:1px solid #e3e3e3;
}

#mastheadOverlayApp {
    background:url(../img/masthead_monkey_prelim.jpg) center no-repeat; /* placeholder */
}

.masthead.full {
    height:242px;
    min-height:242px;
}

.masthead.slim {
    height:79px;
    min-height:79px;
    line-height:79px;
    text-align:left;
    background:url(../img/slim-masthead-bkg.png) center no-repeat;
}

.masthead.slim h1 {
    color:white;
}


/* ==========================================================================
   Special Select Tag
   ========================================================================== */


#catalogProductsMain .sort div {
	margin-right: 5px;
}

#catalogProductsSorter {
    height:auto;
    overflow:hidden;
    line-height:44px;
    font-size:12px;
    color:#656565;
    margin:30px 0;
    position:relative;
}

#catalogProductsDropdown {
    float:left;
    border-right:1px solid #e3e3e3;
    width:190px;
    height:100px;
}

#catalogProductsDropdown h3 {
    margin:0;
    line-height:30px;
}

#catalogProductsDropdown span {
    display:block;
    margin:0;
    line-height:30px;
    color:#006232;
    font-size:28px;
    padding:0px;
}
.space {
    height:60px;
}

/*.select{
    position:relative;
    z-index:10;
    width:143px !important;
    height:26px !important;
    line-height:26px;
}*/


/* ==========================================================================
   Catalog Tabs
   ========================================================================== */


#catalogCategoryTabs {
    top:6px;
    position:relative;
    margin-bottom:-36px;
}

#catalogCategoryTabs a {
    margin-right:6px;
    color:#690;
    text-decoration:none;
    font-size:16px;
    font-weight: normal;
    width:240px;
    height:40px;
    line-height:40px;
    cursor:pointer;
    position:relative;   
    padding:12px 40px;
    border:4px solid #fff;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    background-color:#f5f5f5;
    -moz-box-shadow:1px 2px 5px rgba(0,0,0,.3);
    -webkit-box-shadow:1px 2px 5px rgba(0,0,0,.3);
    box-shadow:1px 2px 5px rgba(0,0,0,.3);
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzMSA0NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmRmZGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMzEiIGhlaWdodD0iNDUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image:-moz-linear-gradient(bottom, #f5f5f5 0%, #fdfdfd 100%);
    background-image:-o-linear-gradient(bottom, #f5f5f5 0%, #fdfdfd 100%);
    background-image:-webkit-linear-gradient(bottom, #f5f5f5 0%, #fdfdfd 100%);
    background-image:linear-gradient(bottom, #f5f5f5 0%, #fdfdfd 100%);
    z-index: 0;
}

#catalogCategoryTabs .active {
    color:black;
    background:#ebebeb !important;	
    border:4px solid white;
    border-bottom:4px solid #ebebeb;
    padding:12px 30px 10px 30px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    position:relative;
    border-radius:9px 9px 0px 0px;
    z-index:3;
    top:-1px;
}

#catalogCategoryTabs span {
  font-size: 16px;
}

.catalog #LeftContent .CQContent .raised {
    margin-bottom: 20px;
}

.catalog #LeftContent .CQContent.row.section {
    padding-bottom: 0;
}

.catalog .container.home h1 {
    margin-top: 0;
}
