/* Bootstrap Reset Start */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding-left: .8772%;
	padding-right: .8772%;
}
/* there are more gutter remove classes defined in the break point section */
.col-no-gutter{ padding-left: 0;padding-right: 0; }
.col-no-right-gutter{ padding-right: 0; }
.col-no-left-gutter{ padding-left: 0; }

.modal-header{ border-bottom: none; overflow: hidden; padding:5px 10px;}
.modal-header .close{ opacity: 1; color:#CCC;font-size:26px; width: 50px; text-align: right;height: auto;}
.modal-header button:focus{
  outline: none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance: none;
}
.modal-header .close:hover{ opacity: 1; }
.modal-content{ box-shadow: none;border:none;border-radius:0; }
.modal-body{ overflow: hidden;padding: 0 15px 15px 15px; }
.modal-body .zoom-notation{ text-align: center; }
.modal-body .btn-zoom{ margin: 10px auto 0 auto; display: block; max-width: 300px;}
.modal.shade .modal-dialog{
	box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.5);
  	-webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.5);
}
/* Bootstrap Reset End */

html, body{ color:#4F3310; font-family: 'Arial'; font-size: 12px;}
body{ min-width: 320px;}
button,input,select,textarea{ margin:0 }
input:not([type="radio"]):not([type="checkbox"]):not(.bc-btn), select, button, textarea{ border: 1px solid #CCC; padding:0 10px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	outline-width: 0;
}
input:not([type="radio"]):not([type="checkbox"]), select, button{ height: 44px;vertical-align: top; }
input[type="number"]{ padding-right:0 !important;}
textarea{ padding-top:5px;padding-bottom: 5px; }

ul{ padding-left:0; margin:0;  }
ul li{ list-style: none;}
a,a:hover, a:active, a:visited{ color: inherit;cursor: pointer;}
a:focus{ text-decoration: none; }
.page-content-copy a, .page-content-ml a { color:#6DA2CC;text-decoration:underline; }

select{ text-indent: 0; outline: none; line-height:22px; background-color: #FFFFFF !important;cursor: pointer; text-transform:none;padding-right: 25px;
	background:url('/assets/img/global/dropdown_caret.svg') no-repeat; background-size: 25px 42px;background-position: right;
}

.ui-datepicker select{padding-right: 0; color:#000; line-height: 20px; height:20px;background-position: 60px -11px; }

select::-ms-expand {
    display: none;
}

h1,.g1{ font-size:20px;font-weight:bold;margin:10px 0; }
h2,.g2{ font-size:12px;font-weight:bold; margin:10px 0; }


.clear{ float:none; overflow:hidden; clear:both; }
.bc-content{ max-width: 1200px; margin: auto;}
.bc-btn{ color:#FFF; border:none; cursor:pointer; text-align:center; font-size:14px;  line-height: 44px; padding:0 12px;text-transform: uppercase; display: inline-block;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;}

.bc-btn .fa,.bc-btn .fa-facebook { cursor:pointer; }

.bc-btn .fa-spinner.loading{  
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;  
}

input.bc-btn{ border:none; }
.bc-btn-pink{ background-color: #EC316E; background:#EC316E;}
.bc-btn-brown{ background-color: #4F3310; background:#4F3310;}
.bc-btn-gray{ background-color: #ddd; background:#ddd;}
.bc-btn-dark-gray{ background-color: #666; background:#666;}
.bc-btn-facebook{ background-color:#3b5998; cursor:pointer;  }
.bc-fb-login { cursor:pointer; }

a.bc-btn-grid{ display:block; width:100%; }
.account-modal a.bc-btn-grid, a.bc-btn-grid:hover, a.bc-btn-grid:visited{ color: #FFFFFF;text-decoration:none }

.bc-breadcrumb{ font-size: 11px; margin: 10px 0; }
.bc-breadcrumb a{ color:#6da2cc; }

/* Carousel Start */
.bc-carousel-pages{ text-align: center; }
.bc-carousel-pages li, .bc-carousel-pages div{ color:#CCC; padding: 0 5px;display: inline;cursor: pointer; }
.bc-carousel-pages li.active, .bc-carousel-pages div.active{ color:#FFD11A; }

.btn-left,.btn-right{ font-size: 26px; color:#aaaaaa; margin: 0 10px;}
.btn-left{ float:left;}
.btn-right{ float:right;}
.btn-left.slick-disabled, .btn-right.slick-disabled{ color:#dddddd }

.bc-carousel-nav .btn-left{ position:absolute; left:22px; top:50%; margin-top: -18.5px; cursor: pointer; }
.bc-carousel-nav .btn-right{ position:absolute; right:22px; top:50%; margin-top: -18.5px; cursor: pointer;}
.bc-carousel-pages{ margin-top: 10px; }
.bc-carousel-pages{ bottom: 0; }
.bc-carousel-pages li{ color:#CCC;font-size: 12px }
.bc-carousel-pages li.slick-active{ color:#FFD11A; }
ul.bc-thumbnails.slick-slider{ margin-bottom: 0; }

.bc-hero-dots{ text-align: center; margin-top: 10px; bottom: 0; }
.bc-hero-dots li, .bc-hero-dots div{ color:#CCC; padding: 0 5px;display: inline;cursor: pointer; }
.bc-hero-dots li.active, .bc-hero-dots div.active{ color:#FFD11A; }
.bc-hero-dots li{ color:#CCC;font-size: 12px }
.bc-hero-dots li.slick-active{ color:#FFD11A; }

.bc-image-responsive{ border:1px solid #DDDDDD;display:block;  }
/* Carousel End  */


.pp-review ul{ display: inline; color:#FFD11A; }

.dropdown-wrap{ background-color: #FFFFFF;}

.bc-font-title{ font-family: 'Sanchez', 'Arial' }

.bc-text-brown{ color:#4F3310; }
.bc-text-pink{ color: #EC316E; }
.bc-text-light-pink{ color:#ff9fa7; }
.bc-text-yellow{ color:#FFD11A; }

.bc-text-teal{color:#24A6B2; }
.bc-text-orange{color:#FF9C00 ;}
.bc-text-green{color:#9DCD23; }
.bc-text-purple{color:#9F1f63; }
.bc-text-gray {color:#CCCCCC;  }
.bc-text-red { color:#d90000; }
.bc-text-blue{ color:#6DA2CC; }

.bc-bg-wedding{ background-color:#24A6B2; }
.bc-bg-baby{ background-color:#FF9C00; }
.bc-bg-birthday{ background-color:#9DCD23; }
.bc-bg-party{ background-color: #9F1f63;}

.bc-text-wedding{ color:#24A6B2; }
.bc-text-baby{ color:#FF9C00; }
.bc-text-birthday{ color:#9DCD23; }
.bc-text-party{ color: #9F1f63;}

.bc-text-read-only{ background-color: #eee; }


.bc-img-placeholder{ background-color: #ccc; }
.no-gutter{ padding-left:0; padding-right:0 }

/* WELCOME POPUP START */
.modal-welcome-message .modal-dialog{ position:absolute; left:50%; top:50%; width: 770px; margin-left:-385px; margin-top: -210px;  padding-right: 0 !important; overflow: hidden; background-color: #FFFFFF;}
.modal-welcome-message div{ line-height: normal; }
.modal-welcome-message .modal-body{ padding-bottom: 36px; }
.modal-welcome-message .bc-welcome-wrapper{ position: relative; overflow: hidden; }
.modal-welcome-message .wm-left{ position: absolute; margin-top: -76px; top:50%; font-size: 22px; }
.modal-welcome-message .wm-left .bc-font-title{ font-size:45px; line-height: 40px; }
.modal-welcome-message .wm-right{ border-left: 1px solid #CCC;font-size:14px;text-align:center; padding-left: 20px;float:right; }
.modal-welcome-message .wm-right .wm-promo-text{ margin-bottom:20px; }
.modal-welcome-message .wm-right .wm-promo-text div{ line-height:30px;}
.modal-welcome-message .wm-right .bc-font-title{ margin:20px 0;font-size: 22px; }
.modal-welcome-message .wm-right .wm-email-validation{ font-size:12px;color:#FF0000;text-align:left;height:25px; }
.modal-welcome-message .wm-right .bc-btn{ padding: 0 30px; }
.modal-welcome-message .wm-result { font-size: 22px; }
.modal-welcome-message .wm-result .bc-font-title{ font-size:45px; line-height: 50px; }
/* WELCOME POPUP END */

/* AUTOCOMPLETE START */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; /* IE6 specific: */ _height: 350px; _margin: 0; font-size:14px; -webkit-tap-highlight-color: transparent;  }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; float:none !important; }
.autocomplete-suggestions .autocomplete-suggestion:active { background: #F0F0F0; }
.autocomplete-selected { background: #F0F0F0; cursor: pointer; }
.autocomplete-suggestions strong {  font-weight: bold; }
/* AUTOCOMPLETE END */



/* LOG IN START */
.account-modal .modal-dialog{ width: 410px;}
.account-modal .modal-body{ padding:0 30px 10px 30px; }
.account-modal .bc-btn{ width: 100%;margin: 10px 0; }
.account-modal input:not([type="checkbox"]){width:100%; margin: 10px 0;}
.account-modal .login-section{ padding-top:30px; padding-bottom: 30px;border-bottom: 1px solid #cccccc; clear:both }
.account-modal .login-section:first-child{ padding-top: 10px; }
.account-modal .login-section:last-child{ border-bottom: none; padding-bottom: 0px; }
.account-modal .title-image{ text-align:center; display: none; margin-bottom: 10px; }
.account-modal .title-image-favorite{ max-width: 100%;  }
.account-modal .validation-msg{ color: #FF0000; margin-bottom:5px; }
.account-modal a{ text-decoration: underline;color:#6DA2CC; }
.account-modal label{ margin-bottom: 0; font-weight: bold; }
.register-benefits { margin-left: 20px; }
.register-benefits li{ list-style: inherit;}

#dialog-register input.register-pwd::-webkit-input-placeholder:after{font-style: italic; content:' (must be at least 6 letters and/or numbers)';}
#dialog-register input.register-pwd::-moz-placeholder:after{font-style: italic; content:' (must be at least 6 letters and/or numbers)'; }
#dialog-register input.register-pwd::-ms-input-placeholder:after{font-style: italic; content:' (must be at least 6 letters and/or numbers)'; }

#dialog-reset-pwd input.new-pwd::-webkit-input-placeholder:after{font-style: italic; content:' (must be at least 6 letters and/or numbers)';}
#dialog-reset-pwd input.new-pwd::-moz-placeholder:after{font-style: italic; content:' (must be at least 6 letters and/or numbers)'; }
#dialog-reset-pwd input.new-pwd::-ms-input-placeholder:after{font-style: italic; content:' (must be at least 6 letters and/or numbers)'; }
/* LOG IN END */

/* BACK TO TOP BUTTON START */
#bc-backToTop{ text-align: center; position: fixed; bottom:86px; right: 30px; z-index: 1000; cursor: pointer; color:#aaaaaa; font-size: 70px; font-weight: bolder;line-height: 1; }
/* BACK TO TOP BUTTON END */

/* LOADER START */
#bc-loader{ width: 100%;height: 100%; background-color: rgba(0,0,0,0.15); position: fixed;top:0; z-index: 999999 }
#bc-loader .bc-loader-spin{ position: absolute;left:50%;top:50%; width: 100px; height: 100px; margin-left: -50px;margin-top: -50px;  background:url('/assets/img/responsive/bc-logo-flower.svg') no-repeat;background-size: 100px 100px;
	-webkit-animation: load8 4s infinite linear;
  	animation: load8 4s infinite linear;
}
body.bc-loader-open{ overflow: hidden; }

.loader {top: 40%; left: 50%; margin-left:-50px; font-size: 10px; position: relative; text-indent: -9999em;
  border-top: 1.1em solid rgba(204, 204, 204, 0.9);
  border-right: 1.1em solid rgba(204, 204, 204, 0.9);
  border-bottom: 1.1em solid rgba(204, 204, 204, 0.9);
  border-left: 1.1em solid #A6FF32;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader, .loader:after {border-radius: 50%; width: 100px; height: 100px; }
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* LOADING END */

#dialog-common .modal-dialog{ position:absolute; left:50%; top:50%; width: auto; display: inline-block; overflow: hidden; }
.modal.loading .modal-dialog{ width: 100px !important; margin-left:-50px !important;margin-top:-50px !important; }
.modal.loading .loader{ display: block; }
.modal.loading .modal-content { display: none; }
.modal .loader{ display: none; }
.modal.center .modal-dialog{  left:50%; top:50%; width: auto; display: inline-block; }

.dialog-promo .modal-dialog{ position:absolute; left:50%; top:50%; width: 500px;margin-left: -250px;margin-top: -100px; display: inline-block; overflow: hidden; }
.dialog-coupon-response .modal-dialog{ position:absolute; left:50%; top:50%; width: 350px;margin-left: -175px;margin-top: -175px; display: inline-block; overflow: hidden; }

/* CONTENT PORTAL START */
.cp h1, .cp .g1 { font-size:22px; font-weight:bold; margin:0; }
.cp h2, .cp .g2 { font-size:19px; font-weight:bold; margin:0; }
.cp h3, .cp .g3 { font-size:16px; font-weight:bold; margin:0; }
.cp h1 a, .cp .g1 a, .cp h2 a, .cp .g2 a, .cp h3 a, .cp .g3 a { color:#4F3310; }
.cp .rnav-social { float:left; width:46px; height:46px; }
.cp .social-spr { background-image:url('/assets/img/global/content-portal-sprite.png'); }
.cp .main_content a, .cp p a, .cp li a { color:#6DA2CC; }
.cp #more-articles { margin-top:10px; }
.cp #social-left { margin:10px 0; }
.byline-article { font-size:14px;margin:10px 0; }
/* CONTENT PORTAL END */

/* WPD START */
.wpd-product { font-weight:bold;text-align:center;margin-bottom:5px; }
#wpd_explode_txt span { color:#4F3310 }
.wpd-pagination{ text-align:right;height:24px;line-height:24px;font-size:12px;border:1px solid #DDDDDD;border-left:0;border-right:0;margin:15px 0px }
.wpd-pagination a, wpd-pagination a:visited, wpd-pagination a:hover{ color:#6DA2CC;text-decoration:underline }
/* WPD END */

/* BLOOMREACH PORTAL START */
.br_search_header { }
.br_header { font-size:16px; font-weight:bold; margin-bottom:5px; }
.br_search_links { margin-bottom:5px; }
.br_product_links { float:none; overflow:hidden; display:inline-block; margin-bottom: 10px; vertical-align: top; }
.br_product_links img{ max-width: 100%;}
div#br_product_blurbs a, div#br_product_blurbs a:visited, div#br_product_blurbs a:hover { font-weight:bold; text-decoration:underline; }
div#br_product_blurbs a.br_more, div#br_product_blurbs a.br_more:visited, div#br_product_popups a.br_more:hover, div#br_product_popups a.br_close, div#br_product_popups a.br_close:visited, div#br_product_popups a.br_close:hover { color:#6DA2CC;text-decoration:underline;font-weight:bold; }
div#br_product_popups a.br_more, div#br_product_popups a.br_more:visited, div#br_product_popups a.br_more:hover { text-decoration:underline;font-weight:bold;color:#4F3310; }
/* BLOOMREACH PORTAL END */

/* IDEAS GALLERY */
#ig_bread { margin:0 0 0 8px }
.ig_item_text { font-weight:bold;font-size:13px;width:170px;margin:0px auto 5px auto }
.ig_bullet { float:left;border:2px solid #4F3310;margin:5px 2px 0px 0px;height:0px;width:0px;overflow:hidden }
.ig_nav_box { width:170px;margin:0px auto 8px auto;background-color:#FFFFFF;border:1px solid #CCCCCC;padding-bottom:4px;text-align:left;font-size:11px }
.ig_nav_articles { text-align:right;margin:auto;width:130px }
.ig_nav_p { background-color:#EEEEEE;text-align:center;vertical-align:top;padding-top:8px }

/* IDEAS GALLERY INDEX CARD */
.ig_card_spr_l, .ig_card_spr_lb, .ig_card_spr_r, .ig_card_spr_rb { background-image:url("/assets/img/ideas_gallery/card-sides.png");background-repeat:repeat-y }
.ig_spr_header { height:28px;margin:12px auto;background-image:url("/assets/img/ideas_gallery/diy-ideas-gallery-images.png");background-repeat:no-repeat; }
.ig_card_spr_l { width:21px;background-position:0px 0px }
.ig_card_spr_lb { width:21px;background-position:-23px 0px }
.ig_card_spr_r { width:9px;background-position:-46px 0px }
.ig_card_spr_rb { width:9px;background-position:-57px 0px }

td#ig_index_card { border-top:1px solid #FBD6E2 }
td#ig_index_card div.ig_card_line { height:16px;border-bottom:1px solid #E2ECF5 }
.ig_card_title { font-size:19px;font-weight:bold;margin:0;padding:0 }
div.ig_card_text_box { position:absolute;left:51px;width:365px;top:24px }
div#ig_card_content { top:45px; font-size:13px;line-height:17px }
.ig_card_space { height:17px }

.ig_inst_l { float:left;width:14px }
.ig_inst_r { float:left;width:371px }
.ig_see { cursor:pointer }
/* END IDEAS GALLERY INDEX CARD */
/* END IDEAS GALLERY */

/* Select Plugin Override Start */
.dropdown-wrap .select2-container{ width: 100%; }
.select2-container{  }
.select2-container .select2-selection--single{height: 44px !important; border:1px solid #CCC !important;border-radius: 0 !important; outline: none;}
.select2-selection__rendered{  line-height: 43px !important; padding: 0 20px 0 14px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 44px !important;text-align: center; width: 22px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{ display: none; }
.select2-selection--single .select2-selection__arrow:after{ content: "\f107"; color:#bbb;font-size:20px;font-family:FontAwesome;line-height: 44px;}
/* Select Plugin Override End */

.page-content-ml{ position:relative;overflow:hidden;font-size:14px;line-height:18px }
.page-content-ml p:last-of-type{ margin-bottom:0px }
.page-content-ml-od{ height:auto !important; }
.page-content-more{ position:absolute;padding-left:1px;background-color:#FFFFFF;color:#6DA2CC;cursor:pointer;bottom:0;right:0 }
.page-content-less{ display:none;color:#6DA2CC;cursor:pointer }
 

.dialog-email .modal-dialog{ width: 410px;position: absolute;top:50%;left:50%;margin-left: -205px;margin-top: -435px;  }
.dialog-email .modal-body{ padding: 0 30px; }

@media only screen and (max-height: 870px ){
  .dialog-email .modal-dialog{ top:10px; margin-top: 0;  }
}
/* Breakpoints Start */


@media only screen and (max-width: 450px ){
	.visible-xxs{display:block!important}
	.hidden-xxs{display:none!important}
}

/* Screen Width Belows 320px */
@media only screen and (max-width: 319px){
	.page-content-ml{ height:54px; }
}

/* Screen Width Between 320px - 767px */
@media only screen and (min-width: 320px) and (max-width: 767px){
	.page-content-ml{ height:54px; }
}

/* Screen Width Belows 767px */
@media only screen and (max-width: 767px){
  .dialog-email .modal-dialog{ width: 100%;left:0; top:5%;margin-left: 0;margin-top: 0;}
	.col-xs-no-gutter{ padding-left: 0; padding-right: 0; }
	.account-modal .modal-dialog{ width: 300px; margin:30px auto;}
	.modal-welcome-message .modal-dialog{ left:5%; width: 90%; margin-left:0; top: 10%;margin-top: 0; }
	.modal-welcome-message .wm-left{ margin-top: 0; font-size: 16px; position: relative; top:0;}
	.modal-welcome-message .wm-left .bc-font-title{ font-size:32px; }
	.modal-welcome-message .wm-right{ border-top: 1px solid #CCC; border-left: none;margin-top: 20px;font-size:12px; padding-left: 0;}
	.modal-welcome-message .wm-right .bc-font-title{ margin:10px 0;font-size: 18px; }
	.modal-welcome-message .wm-right .wm-promo-text{ margin-bottom:10px; }
	.modal-welcome-message .wm-right .bc-btn{ width: 100%; }
	.modal-welcome-message .wm-result { font-size: 18px;}
	.modal-welcome-message .wm-result .bc-font-title{ font-size:30px; line-height: 40px; }

	.dialog-promo .modal-dialog{ left:5%; width: 90%; margin-left:0; top: 10%;margin-top: 0; }
}

/* Screen Width Above 768px */
@media only screen and (min-width: 768px){
	.page-content-ml{ height:36px; }
}

/* Screen Width Between 768px - 991px */
@media only screen and (min-width: 768px) and (max-width: 991px){
.col-sm-no-gutter{ padding-left: 0; padding-right: 0; }
.modal-welcome-message .modal-dialog{ width: 750px; margin-left:-375px;}
}

/* Screen Width Belows 991px */
@media only screen and (max-width: 991px){
	#bc-backToTop{ font-size: 50px; right:10px; bottom:10px;}
}
/* Screen Width Above 991px */
@media only screen and (min-width: 992px){
.col-md-no-gutter{ padding-left: 0; padding-right: 0; }
}

/* Screen Width Between 992px - 1279px */
@media only screen and (min-width: 992px) and (max-width: 1199px){
.col-md-no-gutter{ padding-left: 0; padding-right: 0; }
}

/* Screen Width Above 1280px */
@media only screen and (min-width: 1200px){
.col-lg-no-gutter{ padding-left: 0; padding-right: 0; }
.bc-content{ padding: 0 30px; }
}
/* Breakpoints End */

/* Halloween navigation */
#halloween-navigation-item { display:none; }
@media only screen and (min-width: 960px) { #halloween-navigation-item { display:inherit; } }

/* Navigation Start */
.top-bar{ margin-top:10px; }
.top-bar .fa{ margin-right: 4px;  }
.bc-nav a, .bc-nav a:hover{ text-decoration: none;color:#4F3310;  }
.bc-nav{ border-bottom:1px solid #CCCCCC; margin-bottom:5px; }
.bc-nav ul{ margin:auto;background-color:#FFFFFF;float:left; }
.bc-nav ul li{ font-size: 17px; padding:0 10px;float:left;}

.bc-nav .btn-cart{ font-size: 16px;float:right; }
.bc-nav .btn-cart span.fa-shopping-cart{ margin-right: 5px;font-size: 20px;  }
.bc-nav .bc-cart-counter{ margin-left:5px;display: none;}

#slide-menu { position: absolute;top: 0; bottom: 0; z-index: 10000 }
#slide-menu .bc-nav-mini{ position:fixed; top:0; background-color:#FFF;width: 299px;margin: 0;padding:10px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;z-index: 100001; }
#slide-menu.open{ width:100%; }
#slide-menu.open .menu-body{left:0; }
#slide-menu .menu-backdrop{ display: none; }
#slide-menu.open .menu-backdrop{ width: 100%;height:100%; display: block; }
#slide-menu .menu-body{ position: absolute; width: 300px; left: -300px;min-height:100%;border: 1px solid #DDD;border-top: none; background-color: #FFF;
	-webkit-transition: left 0.2s ease-in;
	-moz-transition: left 0.2s ease-in;
	-o-transition: left 0.2s ease-in;
	transition: left 0.2s ease-in; 
	 }

#slide-menu .panel-group{margin-bottom: 0;}
#slide-menu .panel{ margin-top: 0; border:none; }
#slide-menu a, #slide-menu a:hover{ text-decoration: none;color:#4F3310;  }
#slide-menu ul{ float: none; }
#slide-menu .main-menu{ width:100%; margin-bottom: 20px;padding-top: 50px; }
#slide-menu .main-menu li{ line-height: 44px; float: none; font-size: 16px;padding-left: 10px; padding-right: 0px; border-bottom: 1px solid #DDD;text-transform: capitalize; }
#slide-menu .slide-subnav ul{ background-color: none; }
#slide-menu .slide-subnav li{ font-size: 14px;  padding-left:15px; }
#slide-menu .slide-subnav li.slide-subnav-2 { background-color: #f6f6f6; }
#slide-menu .slide-menu-btn{ width: 44px;height:45px; float: right; border-left: 1px solid #DDD;text-align: center;cursor: pointer; }
#slide-menu .slide-subnav .slide-menu-btn{ color:#999; }
#slide-menu .slide-menu-btn .btn-expand, #slide-menu .slide-menu-btn .btn-collapse,#slide-menu .slide-menu-btn .btn-forward{ line-height: 44px;font-size: 18px; }
#slide-menu .slide-menu-btn.collapsed .btn-expand{ display: inline; }
#slide-menu .slide-menu-btn.collapsed .btn-collapse{ display: none; }
#slide-menu .slide-menu-btn .btn-expand, #slide-menu .slide-menu-btn .btn-forward{ display: none; }
#slide-menu .slide-menu-btn.no-sub .btn-expand, #slide-menu .slide-menu-btn.no-sub .btn-collapse{ display: none; }
#slide-menu .slide-menu-btn.no-sub .btn-forward{ display: inline;color:#999; }

#slide-menu .slide-menu-block{ margin-bottom: 20px;padding: 0 5px;overflow: hidden; }
#slide-menu .slide-menu-row{ margin-bottom: 10px;padding: 0 5px; font-size: 16px;}
#slide-menu .slide-menu-block .slide-menu-block-header{ font-size: 16px;font-weight: normal; }
#slide-menu .slide-menu-block ul li{ font-size: 14px; margin: 5px 0; }

#slide-menu .slide-subnav-cols{ margin: 20px 0;  }
#slide-menu .slide-subnav-cols.top-col{ margin-top: 0; }
#slide-menu .slide-subnav-cols li{ line-height: 22px;border-bottom: none;  }
#slide-menu .slide-subnav-cols li.col-header{ margin-top: 20px; }
#slide-menu .slide-subnav-cols li.col-header-link{ margin-top: 20px; text-decoration: underline; }
#slide-menu .slide-subnav-cols li.col-link{margin-top: 10px;}
/* Store Sub Navigation */

/* legacy css, need to clean later */
.subnav { z-index:1001;position:relative;border-left:0;border-right:0;margin:10px 0px 20px 0px;}
.subnav li{ display: inline;padding:0 10px; border-right:1px solid #CCC;position: relative; }
.subnav li:last-child{ border-right:none;}
.subnav a{ font-size: 12px; }
.subnav a:hover, .subnav a:visited{ /* text-decoration: none;*/ }
.subnav > li > a{ font-size: 17px;  }
.subnav > li > a:hover{ color:#4F3310;text-decoration: none; }
.subnav .subnav-header a:hover{ color:#4F3310; }

.subnav div { height:15px;position:absolute;top:0 }
.subnav-info,.subnav-orders{ margin-top: 0; overflow: hidden;}
.subnav-info li, .subnav-orders li{ font-weight:bold; display: inline-block; text-align: center; padding:0;}
.subnav-info li{ width: 12.5%; }

div.subnav-dd { height:auto; top:21px; position:absolute; display:none; background-color:#FFFFFF; border:1px solid #CCCCCC; z-index:1000; }
/* Navigation End */

/* Inline Store Navigation Starts */
.favor-finder{  margin-top:10px; }

.store-nav-inline{
  border-top: 1px solid #ddd;
  margin-top:10px;
}
.store-nav-inline li{
  line-height: 44px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 0px;
  border-bottom: 1px solid #ddd;
}

.store-nav-inline li .slide-menu-btn{
  width: 44px;
  height: 45px;
  float: right;
  border-left: 1px solid #ddd;
  text-align: center;
  cursor: pointer;
}

/* Inline Store Navigation Ends */


/* Header Start */
.header{ font-size:13px;  }
.bc-logo{ display:block; margin:20px auto;text-align:center; }
.bc-logo img{ height: 46px; }
.bc-nav-mini{margin: 10px 0px;}
.bc-nav-mini .btn-menu{font-size:20px; float:left;padding-right: 15px; cursor: pointer;}
.bc-nav-mini .bc-logo-mini{float:left;}
.bc-nav-mini .bc-logo-mini img{ width: 122px; height:30px; }
.bc-nav-mini .bc-nav-btns{float: right;font-size:20px;}
.bc-nav-mini .bc-nav-btns a:hover{ color: inherit; }
.bc-nav-mini .bc-nav-btn{ padding-left: 15px; cursor: pointer;}
.favorite-tooltips{ 
  width: 230px;font-size:12px; padding:5px;color:inherit; margin-top: 5px; border:1px solid #ff9fa7; 
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow:none; 
}
.favorite-tooltips:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ff9fa7;
  border-left: 7px solid transparent;
  content: '';
}

.favorite-tooltips:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.search-bar{ padding:5px; background-color: #EEEEEE }
.search-bar .res-wrap{ margin-left: 105px; margin-right: 50px; display:block; }
.search-bar .res-wrap .dropdown-wrap{ float:left; margin-left:-105px; background-color: #FFFFFF; width: 101px;}
.search-bar .res-wrap .dropdown-wrap select, .search-bar .res-wrap .dropdown-wrap .select2-container{ width: 100%; }
.search-bar .res-wrap input{ width: 100%; margin-right: 1px;}
.search-bar .res-wrap button{ margin-top:-44px; margin-right: -50px;float:right;}
.promo-bar{ padding:0 17px; background-color: #FFD11A; font-size:14px;font-weight: bold;text-align: center; line-height: 54px;}
.promo_header_details{ text-decoration: underline; }
a.bc-promo-popup:hover,a.bc-promo-popup:focus{ text-decoration: none;color:inherit;  }
#top-nav-link-seasonal img{ vertical-align: top;  }
.bc-header-tel-display { display:none; }
/* Header End */


/* Breakpoints Start */

/* Screen Width Belows 320px */
@media only screen and (max-width: 319px){

}

/* Screen Width Between 320px - 767px */
@media only screen and (min-width: 320px) and (max-width: 767px){

}

/* Screen Width Belows 767px */
@media only screen and (max-width: 767px){
	.hf-head-container{position: absolute;width: 100%; top: 0; left: 0;z-index: 1 } 
	.subnav-info li{ width: 33.3%; margin-bottom: 5px;}
	.subnav-orders li{ margin-bottom: 5px; }
	.promo-bar{ padding:8px; line-height: inherit; }
}

/* Screen Width Above 768px */
@media only screen and (min-width: 768px){
	.promo-bar{ height: 54px; }
}

/* Screen Width Between 768px - 991px */
@media only screen and (min-width: 768px) and (max-width: 991px){

}

/* Screen Width Between 991 - 1010px */
@media only screen and (min-width: 991px) and (max-width: 1000px){
  .bc-nav ul li{ font-size: 16px; }
  .subnav > li > a{ font-size: 16px; }
}

/* Screen Width Belows 991px */
@media only screen and (max-width: 991px){
	.bc-nav ul li{ font-size: 17px; }
	.subnav > li > a{ font-size: 12px; }
	.subnav { margin:10px 0px 20px 0px; }
	.promo-bar{font-size:12px; }
  .slide-menu-open .body-wrap{
      -webkit-filter: blur(2px);
      -moz-filter: blur(2px);
      -o-filter: blur(2px);
      -ms-filter: blur(2px);
      filter: blur(2px);
    overflow: hidden;
    position: fixed;
    width: 100%;
    pointer-events: none;
  }
}
/* Screen Width Above 991px */
@media only screen and (min-width: 991px){
  #slide-menu{ display: none; }
  .header .fa-shopping-cart{ font-size: 15px;  }
}

/* Screen Width Above 1200px */
@media only screen and (min-width: 1200px){

}
/* Breakpoints End */



/* Footer Start */
.footer{ width:100%;float:left;background-color: #EEE; margin-top: 10px; }
.subscribe-bar{ background-color: #E5E5E5; padding:10px;text-align: center; }
.subscribe-bar-header{margin-bottom: 10px;font-size: 13px;vertical-align: middle;}
.subscribe-bar-content{ display: block; margin-right: 110px; } 
.subscribe-bar-content input{ width: 100%; }
.subscribe-bar-content button{ float:right;margin-right: -110px; } 

.info-bar{  }
.info-bar-title{ font-size: 18px; margin-top: 20px; }
.info-bar-title span{ font-size: 16px; }
.info-bar-block ul li{ margin-top: 10px;font-size: 11px; }
.info-bar-block ul li a:hover{ color: #4F3310; }

.social-icons a {
  display:inline-block;
  margin:10px 10px 0 0;
}
.social-icons span.fa { width:40px; height:40px; border-radius:40px; font-size:22px; color:#fff; line-height:40px; text-align:center; }
.social-icons span.fa-facebook-square, .social-icons span.fa-facebook{ background: #3b5998; }
.social-icons span.fa-twitter-square, .social-icons span.fa-twitter{ background: #00ACED; }
.social-icons span.fa-pinterest-square, .social-icons span.fa-pinterest-p{ background: #C92228; }
.social-icons span.fa-google-plus-square, .social-icons span.fa-google-plus{ background: #D14836; font-size:20px; }
.social-icons span.fa-youtube-square, .social-icons span.fa-youtube-play{ background: #CD332D; }
.social-icons span.fa-instagram{ background: #262626; font-size:26px; }
.social-icons span.fa-pencil-square{ background: #FF9C00; }

.site-bar{ margin-top:30px;border-width: 1px 0 1px 0;border-color: #dddddd;border-style: solid; margin-bottom: 20px }
.site-bar .site-logo{ text-align: center; padding:15px 10px;line-height: 80px;}
.site-bar .site-logo img{ max-width: 100%; }
.site-bar .site-logo.sw-logo img{ max-width:80%; }
.corp-slogan{ font-size:15px; font-style: italic; font-weight:bold; padding-top:20px;}
.corp-logos{ max-height:80px; padding-top:15px;padding-bottom:20px }
.corp-logos a{ margin-right: 20px;  }
.corp-logos img{ max-width: 130px; }
.bbb-logo{ margin-top: 20px; float:left; }
.copyright{ margin-bottom:20px;font-size:8px;text-align:center;}
.certificates{ margin-bottom: 20px; } 
.certificates ul li{ float:right; height:73px;margin-left: 8px;  }
.hf-stmt{
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 8px;
  padding-bottom: 8px;
	margin: 25px auto 20px auto;
}
.hf-stmt-l{
	font-weight: bold;
  	font-size: 16px;
  	font-style: italic;
  	vertical-align: middle;
  	width: 320px;
  	border-right: 1px solid #DDDDDD;
}
.hf-stmt .stmt-quote{ font-size: 11px;vertical-align: top; }
.hf-stmt-r{
	font-size: 12px;
  	color: #AAAAAA;
  	padding: 0px 0px 0px 15px;
}
/* Footer End */


/* Breakpoints Start */

/* Screen Width Belows 320px */
@media only screen and (max-width: 319px){

}

/* Screen Width Between 320px - 767px */
@media only screen and (min-width: 320px) and (max-width: 767px){

}

/* Screen Width Belows 767px */
@media only screen and (max-width: 767px){
.info-bar-block{ padding: 0 10px; }
.info-bar-block .info-bar-title{ cursor: pointer; }
.info-bar-block ul{ height: 0;overflow: hidden;  }
.info-bar-block ul.collapse.in{ height: auto;overflow: visible;  }
.social-block{ margin-top: 40px; }
.social-block .info-bar-title{ cursor:inherit; }
.social-icons{ display: block !important; height: auto !important; }
.subscribe-bar-content input{ float:left; }
.corp-slogan{ text-align: center;}
.corp-logos{text-align: center;}
.corp-logos img{ width:50%;  }
}

/* Screen Width Above 768px */
@media only screen and (min-width: 768px){
.subscribe-bar-header{ font-size: 20px; }
.subscribe-bar-content input{ width:500px;}
.subscribe-bar-content button{ margin-top:0;float:none;  }

.info-bar-title span{ display:none; }

.info-bar-block ul{ height: auto !important;overflow: visible !important;display: block !important;  }

.copyright{ font-size:10px; }
}

/* Screen Width Between 768px - 991px */
@media only screen and (min-width: 768px) and (max-width: 991px){

}

/* Screen Width Belows 991px */
@media only screen and (max-width: 991px){

}
/* Screen Width Above 991px */
@media only screen and (min-width: 991px){

}

/* Screen Width Between 992px - 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px){

}

/* Screen Width Above 1200px */
@media only screen and (min-width: 1200px){
.subscribe-bar-header{ display: inline; margin-right: 10px;   line-height: 44px;}
.subscribe-bar-content{ display: inline; margin-right: auto; }
.subscribe-bar-content input{ width:450px;}
.subscribe-bar-content button{ margin:0; }
}

.bcsw-resp-image{ width:100%;max-width:100%; }
.bcsw-loading-icon{ background:url('/assets/img/responsive/bc-logo-flower.svg') no-repeat; background-size: 40px 40px; -webkit-animation: load8 4s infinite linear; animation: load8 4s infinite linear; }
/* Breakpoints End */

/* PROMO */
#promo_top_skinny_image_banner { margin-top:10px; }
#promo_top_skinny_text_banner { margin-top:10px;text-align:center;font-size:16px;padding:14px 10px; }
#promo_top_skinny_text_banner a { text-decoration:none; }
#promo_top_mobile_banner { text-align:center; }
#promo_top_mobile_banner a { text-decoration:none;font-size:14px; }
#promo_top_mobile_banner_title { padding-top:5px; }
#promo_top_mobile_banner_sub { padding-bottom:5px; }
/* PROMO END */

/* CATEGORY */
#featured-trends-expand-control, #featured-trends-collapse-control { display:none; color:#6DA2CC; text-decoration:underline; cursor:pointer; }
#featured-trends-expand-control.active, #featured-trends-collapse-control.active { display:block; }
#filtering_products .product { line-height:18px; }
#filtering_products .product .img-exclusive-overlay { display:inline-block; background-color:#EC316E;color:#FFFFFF;text-decoration:none;font-weight:bold;line-height:12px;position:absolute;padding:7px;right:0; }
#filtering_products .product .product-text-pre-new-arrival { display:inline; }
#filtering_products .product .category-favorite-heart { display:none; }
#filtering_products .product .product-badge-pipes { display:block;font-size:10px;color:#999999; }
/* CATEGORY END */

/* CATEGORY TESTING START*/
  /* LAYOUT HEART */
  .product.layout-heart .category-favorite-heart { display:inline-block;float:right;margin-left:10px; }
  .product.layout-heart .category-favorite-heart .fa { font-size:20px;color:#ff9fa7;display:none; }
  .product.layout-heart .category-favorite-heart .fa.fa-heart-o { display:inline-block; }
  .product.layout-heart .category-favorite-heart.favorited .fa.fa-heart-o { display:none; }
  .product.layout-heart .category-favorite-heart.favorited .fa.fa-heart { display:inline-block; }
/* CATEGORY TESTING END */

/* SLICK CAROUSEL FIX */
.slick-list { outline: none !important; }
.slick-slide:focus { outline: none; }
/* SLICK CAROUSEL FIX END */

/* LINKSET START */
.linkset_wrapper { margin-top:10px; }
.linkset_container { border:1px solid #DDD;padding:10px; }
.linkset_main_header { font-weight:bold; }
.linkset_sub_header { font-weight:bold;margin-top:10px; }
/* LINKSET END */
