@import url(//fonts.googleapis.com/css?family=Bree+Serif|Open+Sans|Cabin|Freckle+Face|Montserrat|Hammersmith+One|Ceviche+One);
/*

!!!!!!!!!! WARNING !!!!!!!!!!

If you edit theme.css, your changes will be overwritten by any compilation of theme.less
Please remember to replicate your changes in init.less, or just make your changes in another file if possible

!!!!!!!!!! WARNING !!!!!!!!!!

*/
/**
 *   Bigcommerce Alaska
 *   Internal Style Variables
 */
/**
 *   Bigcommerce Alaska with Less
 *
 *   For compatability with the Bigcommerce Style Editor:
 *    + Import your Google fonts first
 *
 *    + Declare your fonts for use in the editor by using '@font-declaration' (JSON format)
 *      eg @font-declaration: '{ "Open Sans":["Open Sans","Arial","sans-serif"], "Freckle Face":["Freckle Face","cursive"] }'
 *
 *    + Declare your color palette for use in the editor by using '@color-declaration'
 *      eg @color-declaration: '["#333", "#1399BE", "#EDEDED", "#FFF"]';
 *
 *    + Prefix fonts with '@font-' for the style editor to make it editable by the end user
 *
 *    + Prefix colors with '@color-' for the style editor to make it editable by the end user
 *
 *    + Prefix settings with '@setting-' for the style editor to make it adjustable by the end user
 */
/**
 *   Declarations    
 */
/**
 *   Bigcommerce Alaska
 *   Style Initialisation
 */
.SortBox,
.AddToWishlistLink .wishlist-button {
  color: #000000;
}
.TopMenu {
  background: #eeeeee;
}
.TopMenu,
.TopMenu a,
#SearchForm input.Textbox,
#SearchForm .Button {
  color: #999999;
}
.TopMenu a:hover {
  color: #999999;
}
.header-logo a,
.header-logo-mobile a {
  color: #000000;
}
.PageMenu ul {
  background: #ffffff;
}
.PageMenu ul a {
  color: #000000;
}
.PageMenu li ul,
.PageMenu .sf-menu li:hover {
  background: #000000;
}
.PageMenu li ul li a,
.PageMenu li.HasSubMenu.over ul li a,
.PageMenu .sf-menu li a:hover,
.PageMenu .sf-menu li:hover a {
  color: #ffffff;
}
.CartLink {
  background: #000000;
}
.CartLink,
.CartLink .icon {
  color: #ffffff;
}
.CartLink:hover {
  background: #000000;
}
.Left h4,
.Right h4 {
  background: #eeeeee;
  color: #000000;
}
.Left #SideCategoryList,
.Left .slist,
.Left #SideShopByBrand,
.Left #SideCategoryShopByPrice,
.Right #SideBrandTagCloud {
  background: #f8f8f8;
}
.Left #SideCategoryList li a,
.Left .slist li a {
  color: #000000;
  border-bottom: 1px solid #e6e6e6;
}
.treeview a.selected {
  color: #999999 !important;
}
.Left #SideCategoryList li li a,
.Left .slist li li a {
  background: #f3f3f3;
  border-bottom: 1px solid #e1e1e1;
}
.ProductList .pname {
  color: #000000;
}
.ProductList .p-price {
  color: #000000;
}
.btn {
  background-color: #999999;
  color: #ffffff;
  border: 2px solid #999999;
}
.btn:hover {
  background-color: #ffffff;
  color: #999999;
}
#ProductDetails h1 {
  color: #000000;
}
.btn.cta {
  background-color: #000000;
  color: #ffffff;
  border: 2px solid #000000;
}
a.btn.cta {
  color: #ffffff;
}
.btn.cta:hover {
  background-color: #ffffff;
  color: #000000;
}
#prodAccordion .subtitle {
  color: #000000;
}
.newsletter-subscription {
  background-color: #eeeeee;
  border-bottom: 1px solid #FFFFFF;
}
.newsletter-subscription h4 {
  color: #000000;
}
.footer {
  background: #eeeeee;
}
.footer-main h4 {
  color: #000000;
}
.footer-main,
.footer-main a,
.footer-main .treeview li a {
  color: #000000;
}
.footer-links {
  background: #eeeeee;
  color: #000000;
  border-top: 1px solid #FFFFFF;
}
.footer-links a {
  color: #000000;
}
/*------END STYLE EDITOR UI SETTINGS-------*/
.page {
  background: #ffffff;
}
.Breadcrumb li a {
  color: #000000;
}
.Breadcrumb li a:hover {
  color: #999999;
}
.footer-links a:hover {
  color: #999999;
}
body,
input,
select,
textarea,
input.Textbox,
input[type="text"],
#SearchForm input,
.HorizontalFormContainer dd .selector span,
.fastCartTop div,
.list-icon li {
  color: #000000;
}
#ModalContent,
.ModalContent,
.CurrencyChooser a span {
  color: #000000 !important;
}
a,
.Left li li a,
.Left .afterSideShopByBrand a,
.Left #GiftCertificatesMenu li a,
.Left #SideAccountMenu li a,
.Left #SideCategoryList li li a,
.Left .slist li li a,
.TabNav li.Active a,
.ModalContent h4 a:hover,
p a:hover,
.page-content #LayoutColumn2 a.pname,
#ModalContent a,
.ModalContent a,
.recaptchatable a {
  color: #000000;
}
.ModalContent a.btn {
  color: #ffffff;
}
.ModalContent a.btn:hover {
  color: #000000 !important;
}
.ModalContent a.btn.cta:hover:hover {
  color: #999999 !important;
}
.Left li a.active:hover {
  border-color: #000000;
}
.multiStep li a {
  color: #404040;
}
.Left li a.active,
a:hover,
a.alt,
p a,
a.NextLink,
.BulkDiscountLink a,
.currency-converter p span,
.BlockContent.PageContent a,
.Left #SideCategoryList li a:hover,
.Left .slist li a:hover,
.Left .afterSideShopByBrand a:hover,
.Left #GiftCertificatesMenu li a:hover,
.Left #SideAccountMenu li a:hover,
.PageMenu li ul li a:hover,
.footer a:hover,
.TabNav li.Active a:hover {
  color: #999999;
}
.recaptchatable a:hover,
.page-content #LayoutColumn2 a.pname:hover,
#ModalContent a:hover,
.ModalContent a:hover,
.treeview .collapsable-hitarea {
  color: #999999;
}
a.alt:hover {
  color: #000000;
}
.multiStep li.ActivePage h4 {
  border-bottom: 4px solid #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Bree Serif', Serif;
  color: #000000;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
.CartContents .SubTotal.OrderGrandTotalColor div {
  color: #000000;
}
.productOptionViewProductPickListWithImage td {
  border-bottom: 1px dotted #cccccc;
}
.TopMenu li.Flag img.Selected {
  border: 2px solid #cccccc;
}
.productOptionViewRectangle .option.selectedValue label {
  border: 1px solid #999999 !important;
}
.productOptionPickListSwatch .selectedValue .textureContainer,
.productOptionPickListSwatch .selectedValue .swatchColours {
  border: 1px solid #cccccc !important;
  border-color: #262626 !important;
}
.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours,
.productOptionViewRectangle .option label,
.recaptchatable #recaptcha_response_field,
.zoomWrapper {
  border: 1px solid #cccccc !important;
}
.CurrencyList dd,
#SearchForm .Button,
#SearchForm input.Textbox,
select,
hr,
input.Textbox,
textarea,
input[type="text"],
input[type="password"],
.QuickSearch,
.SharePublicWishList,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
.TabNav li a,
.HowToPay,
.NotifyMessage,
.QuickSearchResult .QuickSearchResultImage,
.CurrencyChooser,
.selected-currency,
div.uploader,
div.selector,
.recaptchatable {
  border: 1px solid #cccccc;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent,
div.uploader span.action {
  border-left: 1px solid #cccccc;
}
.TitleHeading,
.TabNav {
  border-bottom: 1px solid #cccccc;
}
.ProductList.List .ProductDetails {
  border-top: 1px solid #cccccc;
}
.btn.alt {
  background-color: #cccccc;
  color: #000000;
  border: 2px solid #cccccc;
}
a.btn.alt {
  color: #000000;
}
.btn.alt:hover {
  background-color: #ffffff;
}
.btn.text {
  color: #000000;
}
.TopMenu > .inner,
#Header > .inner,
.PageMenu > .inner,
.main > .inner,
.footer-main > .inner,
.footer-links > .inner,
.newsletter-subscription > .inner {
  max-width: auto;
  width: 90%;
}
#home .ProductList li,
.productPage .ProductList li,
.ProductList li {
  width: 240px;
  background: #ffffff;
}
table {
  border: 1px solid #cccccc;
}
.CartCode .CouponCode,
.CartCode .GiftCertificate {
  border: 1px solid #cccccc;
}
.CartCode .CouponCode h4,
.CartCode .GiftCertificate h4 {
  background: #cccccc;
}
.CheckoutRedeemCouponWrapper {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.ExpressCheckoutBlock .ExpressCheckoutTitle {
  background: #eeeeee;
}
.StepNumber {
  background: #999999;
  border: 3px solid #999999;
  color: #ffffff;
}
.ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .StepNumber {
  background: #eeeeee;
  color: #999999;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
  color: #000000;
}
.fastCartSummaryBox {
  background: #eeeeee;
}
.ToggleSearchFormLink a:hover,
.ToggleSearchFormLink:hover a {
  color: #000000;
}
.AdvancedSearch h3 {
  border-bottom: solid 1px #cccccc;
}
.ProductReviewForm h5 {
  border-bottom: solid 1px #cccccc;
}
.Right li {
  border-bottom: 1px solid #ededed;
}
.ReturnsList li {
  border-bottom: solid 1px #cccccc;
}
#share-product ul li.active {
  background: #cccccc;
}
#share-product ul li:hover {
  color: #999999;
}
#QuickViewProductDetails h4 a:hover {
  color: #999999;
}
/* --- Responsive --- */
/* 768px */
@media screen and (max-width: 768px) {
  .TabNav li.Active a {
    border-bottom: 1px solid #cccccc;
  }
  .slide-button .btn {
    background: #cccccc;
  }
  ul#ProductTabsList.TabNav li a,
  .TabNav li a {
    background: #ffffff;
  }
  ul#ProductTabsList.TabNav li.Active a,
  .TabNav li.Active a {
    background: #cccccc;
  }
  #ToggleMenu.active {
    background: #000000;
    color: #ffffff;
  }
  .slide-show .slide-overlay {
    background: #000000;
    color: #ffffff;
  }
  .header-secondary {
    background: #000000;
  }
  #ModalContainer,
  div#fancy_outer {
    background: #ffffff;
  }
  #Header {
    background: #ffffff;
  }
  #cart-amount .Cart .total {
    color: #ffffff;
  }
  #SideAccountMenuMobile:after,
  #GiftCertificatesMenuMobile:after {
    border-bottom: 1px solid #cccccc;
  }
  .header-logo-mobile {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
  }
  .TitleHeading,
  .TabNav {
    border-bottom: 1px solid #cccccc;
  }
  .CartLink .icon {
    color: #000000;
  }
}
/* 600px */
@media screen and (max-width: 600px) {
  .BillingDetails,
  .ShippingDetails {
    border-top: 1px solid #cccccc;
  }
}
/* 480px */
@media screen and (max-width: 480px) {
  #cart-amount .Cart .total {
    background: #000000;
    color: #ffffff;
  }
  #cart-amount .Cart .bag-handle {
    border: 2px solid #000000;
  }
  #Header {
    background: #ffffff;
  }
  .PageMenu .inner {
    background: #ffffff;
  }
  .header-secondary #SearchForm input.Textbox {
    color: #666666;
  }
}
@media screen and (max-width: 767px) {
  #ProductDetails .ProductTinyImageList ul li {
    background: #000000;
  }
  .header-secondary {
    background: #000000;
  }
  #cart-amount .Cart .total {
    color: #ffffff;
  }
  .footer-links > .inner {
    border-top: 1px solid #eeeeee;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  .OrderContents .CartContents.General tbody tr:after,
  #OrderConfirmationForm .CartContents tr:after {
    color: #ffffff;
  }
}
@media screen and (min-width: 769px) and (max-width: 839px) {
  .BillingDetails {
    border-bottom: 1px solid #cccccc;
  }
}
/* --- Faceted Search --- */
.facet-container {
  border-top: 1px solid #e6e6e6;
}
.facet-container [class^="js-facet-clear"] {
  color: #1a1a1a;
}
.facet-container [class^="js-facet-clear"]:hover {
  color: #0d0d0d;
}
.facet-container .btn-facet-more-options.more {
  color: #000000;
}
.facet-container .btn-facet-more-options.more:hover {
  color: #999999;
}
.facet-container .facet-option a {
  color: #000000;
}
.facet-container .facet-option .facet-option-product-count {
  color: #1a1a1a;
}
.js-faceted-showing-container .facet-container {
  border-top: 0;
}
.js-faceted-search-container > [class^='js-facet-']:last-of-type .facet-container {
  border-bottom: 1px solid #e6e6e6;
}