@import url(//fonts.googleapis.com/css?family=Audiowide|Freckle+Face|Exo+2|Hammersmith+One|Ceviche+One|Open+Sans|Lato);
/*

!!!!!!!!!! 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 Blueprint with Less
 *   – For the Less variables and functions that you don't want available in the Style Editor, declare them in this file.
 */
/**
 *   Colors
 *   Prefix with '@color-'
 */
/**
 *   Settings
 *   Prefix with '@setting-'
 */
/**
 *   CSS Assignments
 */
/**
 *   Bigcommerce Blueprint 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", "#333", "#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
 */
/**
 *   Import Google Fonts
 */
/**
 *   Declarations
 */
/**
 *   Bigcommerce Classic Next
 *   Style Initialisation
 */
.SortBox {
  color: #999999;
}

.PageMenu li ul:before {
  border-color: transparent transparent #333333 transparent;
}

.newsletter-subscription {
  border-color: #e3e3e3;
  background-color: #ffffff;
}
.newsletter-subscription h4 {
  color: #fff;
}
#HomeFeaturedProducts h3,
#SideTopSellers h3,
#HomeNewProducts h3 {
  color: #333333;
}
body,
.HorizontalFormContainer dd .selector span,
.fastCartTop div,
.list-icon li {
  color: #333333;
}
input,
select,
textarea,
input.Textbox,
input[type="text"],
#SearchForm input {
  color: #333333;
}


p a,
.BlockContent.PageContent a {
  color: #999999;
}
p a,
.BlockContent.PageContent h1 a,
p a,
.BlockContent.PageContent h2 a,
p a,
.BlockContent.PageContent h3 a,
p a,
.BlockContent.PageContent h4 a,
p a,
.BlockContent.PageContent h5 a,
p a,
.BlockContent.PageContent h6 a {
  color: #333333;
}
.header-logo a,
.header-logo a:hover {
  color: #333333;
}
#ModalContent a,
.ModalContent a,
.recaptchatable a {
  color: #333333;
}
.Left li a.active:hover {
  border-color: #333333;
}
.icon-add:hover {
  background-color: #333333 !important;
}
.multiStep li a {
  color: #737373;
}

a:hover,
a.alt,
  color: #ffb74d;
}
.recaptchatable a:hover,
.page-content #LayoutColumn2 a.pname:hover,
#ModalContent a:hover,
.ModalContent a:hover {
  color: #999999;
}

.icon-add {
  background: #999999 url("//cdn10.bigcommerce.com/r-61cb13da88b099ab0af1c8c3593d21b6a5ae30f9/themes/ClassicNext/images/add.png") no-repeat scroll 50% 50%;
}
.productOptionViewProductPickListWithImage td {
  border-bottom: 1px dotted #e3e3e3;
}
.TopMenu li.Flag img.Selected {
  border: 2px solid #e3e3e3;
}
.productOptionViewRectangle .option.selectedValue label {
  border: 1px solid #333333 !important;
}
.productOptionPickListSwatch .selectedValue .textureContainer,
.productOptionPickListSwatch .selectedValue .swatchColours {
  border: 1px solid #e3e3e3 !important;
  border-color: #3d3d3d !important;
}
.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours,
.productOptionViewRectangle .option label,
.recaptchatable #recaptcha_response_field,
.zoomWrapper,
#ProductDetails .ProductTinyImageList ul li.selected {
  border: 1px solid #e3e3e3 !important;
}

select,
hr,
input.Textbox,
textarea,
input[type="text"],
input[type="password"],
.QuickSearch,
.SharePublicWishList,
.TabNav li a,
.HowToPay,
.NotifyMessage,
.QuickSearchResult .QuickSearchResultImage,
div.uploader,
div.selector {
  border: 1px solid #e3e3e3;
}
div.uploader span.action {
  border-left: 1px solid #e3e3e3;
}
.TitleHeading,
.TabNav {
  border-bottom: 1px solid #e3e3e3;
}


.btn.text {
  color: #666666;
}
.TopMenu > .inner,
#Header > .inner,
.PageMenu > .inner,
.main > .inner,
.footer-main > .inner,
.footer-links > .inner,
.newsletter-subscription > .inner {
  max-width: 1000px;
  width: 90%;
}

.Breadcrumb {
  color: #bebebe;
}
.Breadcrumb a {
  color: #999999;
}
table tbody tr td,
table.General tbody tr td,
table.CartContents tbody tr td,
.CompareFieldName {
  border-bottom: 1px solid #e3e3e3;
}

.productOptionViewRectangle .option label {
  color: #999999;
}
.productOptionViewRectangle .option.selectedValue label {
  color: #333333;
}
.ProductDetailsGrid .DetailRow.product-rating {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.Meta {
  color: #999999;
}
.ProductReviewList li {
  border-bottom: 1px solid #e3e3e3;
}
.borderB {
  border-bottom: 1px solid #e3e3e3;
}
.borderR {
  border-right: 1px solid #e3e3e3;
}

.PageMenu li ul ul {
  border-left: 1px solid #4d4d4d !important;
}
.EstimateShipping {
  border: 1px solid #e3e3e3;
}
.CartContents tfoot .SubTotal td {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

/* --- Responsive --- */
/* 600px */

/* 480px */
@media screen and (max-width: 480px) {

  #cart-amount .Cart .total {
    background: #333333;
    color: #ffffff;
  }
  #cart-amount .Cart .bag-handle {
    border: 2px solid #333333;
  }
}
/* --- Faceted Search --- */
.facet-container {
  border-bottom: 1px solid #e3e3e3;
}
.facet-container [class^="js-facet-clear"] {
  color: #bebebe;
}
.facet-container [class^="js-facet-clear"]:hover {
  color: #666666;
}
.facet-container .btn-facet-more-options.more {
  color: #333333;
}
.facet-container .facet-option .facet-option-product-count {
  color: #999999;
}
#co-app {
  font-family: "Lato", Arial, Sans-serif;
}
#co-app .co-header {
  background: #ffffff;
  border-bottom: 1px solid #e3e3e3;
}
#co-app .co-header--title > h2 {
  color: #333333;
  font-family: "Lato", Arial, Sans-serif;
}
#co-app .co-steps-nav li.is-active a {
  color: #333333;
}
#co-app .co-steps-nav li.is-disabled a,
#co-app .co-steps-nav li.is-disabled a:hover,
#co-app .co-steps-nav li.is-disabled a:active,
#co-app .co-steps-nav li.is-disabled a:focus {
  color: #333333;
  opacity: 0.5;
}
#co-app .co-steps-nav a {
  color: #333333;
  font-family: "Lato", Arial, Sans-serif;
}
#co-app .co-steps-nav--divider {
  color: #333333;
}
#co-app .bui-modal-content {
  background-color: #ffffff;
}
#co-app .co-selectable-panel {
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#co-app input,
#co-app select {
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#co-app .bui-button {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
  letter-spacing: 1px;
  padding: 0 1.2em;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#co-app .bui-button .bui-icon {
  line-height: inherit;
}
#co-app .bui-button-primary {
  border: 1px solid #333333;
  background: #333333;
  color: #ffffff;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#co-app .bui-button.bui-button-primary:hover,
#co-app .bui-button.bui-button-primary:focus {
  border-color: #4d4d4d;
  background: #4d4d4d;
}
#co-app .bui-button-link,
#co-app .bui-button-secondary {
  background-color: transparent;
  border: 3px solid #333333;
  color: #333333;
  line-height: 29px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#co-app .bui-button.bui-button-link:hover,
#co-app .bui-button.bui-button-link:focus,
#co-app .bui-button.bui-button-secondary:hover,
#co-app .bui-button.bui-button-secondary:focus {
  border: 3px solid #999999;
  background-color: transparent;
  color: #999999;
  text-decoration: none;
}
#co-app .co-side--finishchangeitems {
  height: 21px;
  padding: 3px 6px 3px;
  line-height: 14px;
}
@media (max-width: 1019px) {
  #co-app .co-side {
    background-color: #ffffff;
  }
}
@media (min-width: 1020px) {
  #co-app .co-main {
    border-right: 1px solid #e3e3e3;
  }
}