/* COLORS----
CSP Orange: #FF772b;
CSP Forestry Orange: #FF772b;
CSP Grey Main: #5f6874;
CSP Grey 2: #5f6874;
CSP Darkest Grey: #292f39;
CSP Light Text: #a9abad;

Dividers: #e5e7e9;
Darker Dividers: #d6d8da;

New Orange: #FF772b;
Original Red Orange: #FF772b;

Original Grey: #5f6874;
Original Light Grey: #c3cbd6;
Light Grey: #92a1b3;
Original Dark Grey: #30343a;
Text Color: #5f6874;
*/


*, *:before, *:after { box-sizing: border-box; }
.Content { width: 780px; padding: 0 20px; }
/*.Content { width: 740px; }*/
/*.ContentArea.WideContent { width: 1010px; padding: 0 0 0 20px; margin: 0 0 20px; }*/


/*.HomePage .Right { margin-top: 0; }*/
.HomePage .ProductList li .ProductImage { width: 100% !important; }
.ProductList li .ProductImage img {
  max-height: 100% !important;
  /*position: absolute;
  top: 50%;
  left: 50%;
  max-height: 180px !important;
  height: auto !important;
  max-width: 100%;
  transform: translate(-50%,-50%);*/
}

/*html #SideProductRecentlyViewed .ProductList li,
html #SimilarProductsByCustomerViews .ProductList li { margin: 0 0 20px 19px !important; }
html #SideProductRecentlyViewed .ProductList li:first-child,
html #SimilarProductsByCustomerViews .ProductList li:first-child{ margin-left: 0 !important; }*/




body {
  color: #5f6874;
  overflow-x: hidden;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  /*overflow-y: scroll;*/
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*.clear{ display: block; clear: both; visibility: hidden; line-height: 0; height: 0; zoom: 1; }*/
.clear { zoom: 1; }
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.visibly-hidden, .visibly-hidden p { visibility: hidden; opacity: 0; margin: 0; padding: 0; height: 0; }


/*html .ContentArea { margin-top: 20px; }*/

/*html .CategoryPage .Content.Widest { margin-top: 0; }*/
.CategoryPage .Content.Widest,
.BrandPage .Content.Widest,
.ProductPage .Content.Widest { margin-top: 0; }


.CreateAccount, .AccountLogin { width: 48%; }
.CreateAccount form input[type=submit] {
  padding: 8px 14px !important;
}

p:empty, div:empty { margin: 0 !important; }

ul, li { color: #5f6874; }


input, select, textarea {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  color: #5f6874;
}
input:focus, select:focus, textarea:focus { color: #292f39; }



input[type=submit], .btn, input[type=reset], input[type=button] {
  font-size: 16px !important;
  padding: 8px 14px;
  border-radius: 2px;
  border: none !important;
}
input[type=submit]:hover, .btn:hover, input[type=reset]:hover, input[type=button]:hover {
  background: #FF772b;
}


.btn.btn-primary {
  background: #5f6874;
}
.btn.btn-primary {
  background: #5f6874;
  border-radius: 2px;
}
.btn.btn-secondary {
  background: #FF772b;
  border-radius: 2px;
}
.btn.btn-secondary:hover { background: #5f6874; }



.Required { color: #FF772b; }


html .btn {
  padding: 10px 15px;
  border-radius: 2px;
  text-align: center;
  line-height: 1.42857143;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}

.not-visible { visibility: hidden; opacity: 0; margin: 0; padding: 0; }

.btn-default {
  border: 1px solid #dfe1e3;
  color: #5f6874;
  padding: 8px 14px;
}
.form-control {
  padding: 6px 12px;
  color: #5f6874;
  background-color: #FFF;
  border: 1px solid #e5e7e9;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
#LoginButton {
  padding: 8px 14px !important;
  border-radius: 2px;
}
.AccountLogin .Field200 {
  min-width: 200px;
  width: 80%;
}


.Textbox { padding: 10px 12px; }
.Textbox, select, textarea, .field-xlarge {
  border: 1px solid #dfe1e3;
  border-radius: 2px !important;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.Textbox:hover, select:hover, textarea:hover, .field-xlarge:hover {
  border: 1px solid #c3c5c7;
}




#ProductDetails, .ContentWrapper { margin-top: 20px; }


.Content .slide-show {
  /*display: none;*/
  margin-top: -20px;
}
/*.slide-show-render .slides li {
  height: 325px
}
.slide-show-render-full .slide-overlay {
  padding-top: 60px;
}*/

a, .QuickViewBtn, .treeview-outer > ul li a, .SideNav li a, .ProductActionAdd a,
#HeaderLower li a, #Header > a, input[type=submit], .btn,
input[type=reset], input[type=button], input[type=text], select,
input[type=email], input[type=tel], input[type=number], textarea,
input[type=submit]:hover,.btn:hover, input[type=reset]:hover, input[type=button]:hover,
.slide-show-render .slide-button span {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}



.compare > a.backtotop {
  width: auto;
  height: auto;
  float: none;
  background: none;
  line-height: 1;
}
.backtotop {
  opacity: 0;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 6px 13px 9px !important;
  background: rgba(51, 59, 70, 0.125) !important;
  color: #FFF !important;
  border-radius: 3px;
  font-size: 28px !important;
  line-height: 1;
  overflow: hidden;
  outline: none;
  z-index: 99999;
}
.backtotop.animated {
  /*bottom: 10px;*/
  /*opacity: 1;*/
  background: rgba(36, 39, 38, 0.5) !important;
  /*-webkit-animation-name: backToTop;
  animation-name: backToTop;*/
}
.backtotop.animated:hover {
  background: #FF772b !important;
  color: #FFF !important;
}

input[type=submit]:hover,
.btn:hover,
input[type=reset]:hover,
input[type=button]:hover {
  border: 1px solid #FF772b;
}






#Header { padding-top: 15px; }
#Header .menuIcon i { color: #5f6874; }
#Logo { margin: 0px 0 15px; }
#HeaderLower { border-bottom: 2px solid #FF772b; }
#Header > a, #Header > .header-btn { background-color: #FF772b; }
#Header > .header-btn {
  color: #FFF;
  font-size: 16px;
  border-radius: 2px;
  padding: 0px;
  width: 38px;
  height: 38px;
  margin-right: 3px !important;
  margin-left: 2px;
  position: relative;
}
#Header > .header-btn:first-of-type { margin-right: 0 !important; }
#Header > .header-btn .fa { line-height: 36px; font-size: 18px; }

.icon-notification {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  background: #5f6874;
  /*width: 16px;
  height: 16px;*/
  text-align: center;
  position: absolute;
  right: -8px;
  top: -8px;
  border-radius: 10px;
  line-height: 16px;
  padding: 1px 6.15px;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.icon-notification:empty { display: none; }
#Header > .header-btn:hover .icon-notification { -webkit-transform: scale(1.25); transform: scale(1.25); }

#SearchProduct_Container li { font-size: 13px; }
#Header > a { margin-top: 17px; }

.Inner.footerwrapper .credit br {
  display: block;
}




.addtowishlist > a:hover,
.compare > a:hover,
html .Left .facet-header-title {
  color: #FF772b;
}

.compare > a { border-left: 1px solid #bdbfc9; }



.Right .Block h2,
html .Left .js-faceted-showing-container .facet-header-title {
  background: #FF772b url(images/square-white-40.png) repeat;
  border: 0px solid #FF772b;
}
.Content .Right .Block h2,
.Right .Block h2 .fa,
html .Left .js-faceted-showing-container .facet-header-title {
  color: #FFF;
}
.Content .FeedLink { right: 0 !important; }
a,
.Left h2,
.Left .Block h2,
.Left .CategoryList h2,
.Left #SideNewProducts h2,
#sidr-left-menu h2,
.SalePrice,
.Content .FeaturedProducts h2,
#SimilarProductsByCustomerViews h2,
.Content .FeaturedProducts h2,
.Content .Block h2,
.ProductList li .ProductDetails em,
.ProductList .slick-slide .ProductDetails em,
#TopMenu .selCurr,
.TabNav li.Active a {
  color: #FF772b;
}
a:hover { color: #292f39; }



html .Content .FeaturedProducts h2,
html .Content .Block h2,
html #SimilarProductsByCustomerViews h2 {
  line-height: 40px;
  padding: 0px 12px;
  margin-bottom: 20px;
}






.ProductTinyImageList li.selected { border: 1px solid #FF772b !important; }
.TinyOuterDiv { width: 80px; height: 80px; background-size: cover; }
.ProductTinyImageList li img {
  width: 100%;
  max-width: 80px !important;
  max-height: 80px !important;
  opacity: 0;
}



#ProductTabs { margin-bottom: 20px; }

/* Social Tabs */
ul.tabs { top: 1px; }
ul.tabs li {
  display: inline-block;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #5f6874;
  background: #f3f5f7;
  border: 1px solid #e5e7e9;
  padding: 12px 15px;
  margin-left: 1px;
  margin-right: 0;
  /*text-transform: uppercase;*/
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
ul.tabs li:first-of-type { margin-left: 0; }
ul.tabs li:not(.active):hover { background: #fafcfe; }
ul.tabs li.active {
  color: #292f39;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

ul.tabs i { font-family: FontAwesome; color: #92a1b3; margin-left: 3px; }
ul.tabs #tabfb i:before { content:"\f09a"; }
ul.tabs #tabtw i:before { content:"\f099"; }
ul.tabs #tabgp i:before { content:"\f0d5"; }
ul.tabs li.active i { color: #FF772b; }
#tabcontent { border: 1px solid #e5e7e9; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 25px; }


#SearchForm {
  border: none;
  background: none;
  width: 20%;
  margin: 15px 3px 20px 0;
}
#Header #SearchForm .btn {
  position: relative;
  top: auto;
  right: auto;
  font-size: 20px;
  display: inline-block;
  padding: 11px 14px;
  margin: 0;
  height: 42px;
  color: #5f6874 !important;
  border-radius: 3px 0 0 3px;
  border: 1px solid #e5e7e9 !important;
  line-height: 20px !important;
}
#Header #SearchForm .btn:hover {
  background-color: #FF772b;
  border: 1px solid #FF772b !important;
  color: #FFF !important;
}
#SearchForm #search_query {
  color: #8a97a7;
  padding: 10px 10px 10px;
  /*max-width: 210px;*/
  border-radius: 3px;
  border: 1px solid #e5e7e9;
  line-height: 20px !important;
  /*height: 32px;*/
  margin-left: -2px;
}


#HeaderLower { width: 100%; display: block; }

#HeaderLower li.ActivePage a,
#HeaderLower li.over a,
#HeaderLower li a:hover {
  background-color: #FF772b;
}
#HeaderLower li ul li a:hover { background-color: #FF772b !important; }

#HeaderLower li.HasSubMenu > a:after {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: inherit;
  color: #FFF;
  margin-left: 5px;
}

#HeaderLower ul {
  -webkit-perspective: 500px;
  perspective: 500px;
}
#HeaderLower #Menu > ul > li {
  position: relative;
  -webkit-perspective: 500px;
  perspective: 500px;
  display: inline-block;
  display: table-cell;
  border-collapse: collapse;
  float: left;
  text-align: center;
  position: relative;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
#HeaderLower #Menu > ul > li ul {
  display: none;
  text-align: left;
  position: absolute;
  background: #5f6874;
  z-index: 6000;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  top: 100%;
}
#HeaderLower #Menu > ul > li ul {
  display: block;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  /*-webkit-transform: rotate3d(0, 1, 0, 90deg);
  transform: rotate3d(0, 1, 0, 90deg);*/
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s;
}
/*#HeaderLower #Menu > ul > li ul {
  -webkit-transform: rotate3d(0, 1, 0, 90deg);
  transform: rotate3d(0, 1, 0, 90deg);
}*/
#HeaderLower #Menu > ul > li:hover > ul {
  display: block;
  width: 200px;
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
}
#HeaderLower #Menu > ul > li:hover > ul > li {
  display: block;
}







#TopMenu .currency-converter #SideCurrencySelector h2,
.ExpressCheckoutBlockCompleted a.ChangeLink,
.actions a,
.ShippingAddressList li h4,
.AccountOrderStatusList li h3,
.AccountMessageList h3,
.AccountMessageList h5,
button.btn, input, select, textarea {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}
/*html #sidr-right .MobileView.CloseMenu a,
html #sidr-right-compare .MobileView.CloseMenu a {
  background: #FF772b url(images/close-icon.new.png) center !important;
}*/
html #sidr-right .MobileView.CloseMenu a,
html #sidr-right-compare .MobileView.CloseMenu a {
  width: 32px;
  height: 32px;
  background: none !important;
  color: #FFF;
  background-color: #FF772b !important;
  text-align: center;
  text-indent: 0 !important;
  font-size: 18px;
  border-radius: 2px;
}

/*html #sidr-right .MobileView.CloseMenu a:before,
html #sidr-right-compare .MobileView.CloseMenu a:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
}*/



/*html #sidr-right .MobileView.CloseMenu a:hover, html #sidr-right-compare .MobileView.CloseMenu a:hover {
  background-position: -34px bottom;
}*/

#SideCartContents h2, #sidr-right-compare h2 {
  background: #FF772b url("images/square-orange.png") !important;
}
#SideCartContents .ViewCartLink,
#SideCartContents .CheckoutLink,
#sidr-right-compare .CompareNowLink {
  background: #FF772b;
  border-radius: 2px;
  padding: 6px 10px;
}





.Content .Block h1,
h1.title,
.title,
h1.PageHeader,
h1.PageHeader.M40,
html .ProductList1 li .ProductDetails em {
  color: #FF772b !important;
  line-height: 40px !important;
}
html .ProductList1 li .ProductDetails a {
  color: #353739;
}

html .ProductList1 li .ProductActionAdd a {
  line-height: 28px;
  height: 28px;
}
html .ProductList1 li .ProductActionAdd a:hover {
  background-color: #FF772b;
  border: 1px solid #FF772b;
  border-radius: 2px;
}

.ProductList li .ProductDetails em strike,
.ProductList li .ProductDetails .RetailPriceValue {
  display: block;
}


.footerwrapper .footerbox {
  padding: 5% 0;
  width: 90%;
  margin: 0 5%;
}
.footerwrapper .footerbox .PagesMenu { font-size: 14px; }

#FooterUpper { padding-bottom: 0px; }
#FooterUpper .footerwrapper .Column .footerbox .PagesMenu a:hover {
  color: #FF772b !important;
}
#FooterUpper #HomeRecentBlogs h5 {
  text-transform: uppercase;
  font-family: 'Oswald';
  font-size: 17px;
  font-weight: 500;
}
#FooterUpper #HomeRecentBlogs h5 a { color: #FF772b; }
#FooterUpper #HomeRecentBlogs p { font-size: 13px; }
#FooterUpper .Column { width: 31%; }
#FooterUpper .Column input.Button {
  background: #FF772b;
  border-radius: 2px;
  padding: 8px 18px;
  font-size: 15px;
  float: right;
  margin: 0;
}
#FooterUpper .footerwrapper .Column .footerbox label { display: none; }
#FooterUpper .Column li { font-size: 14px; }
#FooterUpper .footerwrapper .Column .footerbox input[type="text"] {
  width: 100%;
  border-radius: 3px;
  height: auto;
  padding: 10px;
  background: rgba(255,255,255,.75);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#FooterUpper .footerwrapper .Column .footerbox input[type="text"]:focus {
  background: rgba(255,255,255,1);
}

#FooterLower { background: rgba(0,0,0,.3); text-align: center; padding: 10px 0; }
#FooterLower .credit { margin: 0; padding: 10px 0; line-height: 1.5; }
#FooterLower a:hover { color: #FFF; }

.bottomFooter { background: #333b46; text-align: center; clear: both; padding: 15px 0; }
.bottomFooter p { margin: 0; color: #C3CBD6; }
.bottomFooter p a:hover { color: #FFF; }
.bottomFooter .credit { margin-bottom: 5px; padding: 0px; line-height: 1.5; }
.bottomFooter .sitemap { margin-bottom: 0; }



.slick-container { position: relative; }


.featured-products-pager span,
.sales-products-pager span,
.new-products-pager span,
.topseller-products-pager span,
.popular-products-pager span {
  background: #92a1b3;
  border-radius: 50%;
}
.featured-products-pager span:hover, .featured-products-pager span:active,
.sales-products-pager span:hover, .sales-products-pager span:active,
.new-products-pager span:hover, .new-products-pager span:active,
.topseller-products-pager span:hover, .topseller-products-pager span:active,
.popular-products-pager span:hover, .popular-products-pager span:active {
  background: #5f6874;
}
.featured-products-pager span.cycle-pager-active,
.sales-products-pager span.cycle-pager-active,
.new-products-pager span.cycle-pager-active,
.topseller-products-pager span.cycle-pager-active,
.popular-products-pager span.cycle-pager-active {
  background: #FF772b;
}






#fastCartContainer .ProductList li,
.ProductList li,
.ProductList .slick-slide,
.cycle-slideshow.ProductList,
.CartContents tfoot .SubTotal td {
  background: #f9fafc;
}



.cycle-slideshow.ProductList,
.ProductList.slick, {
  border-color: #e5e7e9 !important;
  border-radius: 2px;
}


html ul.blog-tags { margin-top: 0; }
html ul.blog-tags li {
  background: #e5e7e9;
  color: #5f6874;
  padding: 4px 6px;
  margin-top: 0;
  font-size: 11px;
  text-transform: none;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
html ul.blog-tags li:hover { background: #d4d6d8; }
html ul.blog-tags li a { color: #5f6874; }

.NewsDate {
  color: #a0a2a4 !important;
  font-size: 13px !important;
}
#PageContent, #NewsContent {
  line-height: 21px;
}
html .Content .blog-header { margin-top: 25px !important; }
html .Content #NewsContent h1 { background: none !important; margin-bottom: 0 !important; font-size: 26px !important; letter-spacing: -.5px !important; }
html .Content #NewsContent h1 a { color: #5f6874; }
html .Content #NewsContent h1 a:hover { color: #FF772b; }
html .Content #NewsContent .BlockContent.BlogShare { padding-left: 0; }
/*html .Content .blog-header { display: table; width: 100%; vertical-align: middle; }*/
/*html .Content .blog-header .PostTitle,
html .Content .blog-header .NewsDate { display: table-cell; vertical-align: bottom; }*/
html .Content .blog-header .PostTitle,
html .Content .blog-header .NewsDate { display: inline-block; }
html .Content .blog-header .NewsDate { float: right; margin: 0; padding-top: 15px; }

#PageContent h1, #PageContent h2, #PageContent h3, #PageContent h4, #PageContent h5, #PageContent h1 {
  color: #5f6874 !important;
}
html #PageContent h1 { text-transform: uppercase; }

.CreateAccountIntro { margin-top: 20px; }


.BlogShare .AddThisButtonBox a { margin-right: 5px; }
.addthis_toolbox a.at300b, .addthis_toolbox a.at300m { width: auto !important; }

.google_plusone_iframe_widget { width: auto !important; }
.google_plusone_iframe_widget iframe { width: 40px !important; height: 36px !important; }
.google_plusone_iframe_widget iframe #plusone #widget_bounds > div > div { width: 40px !important; height: 35px !important; }



.ProductList li,
.ProductList .slick-slide {
  border-color: #e5e7e9 !important;
  border-radius: 2px;
  /*-webkit-transition: all 350ms ease;
  transition: all 350ms ease;*/
}
.ContentWrapper .ProductList:not(.cycle-slideshow) li:hover {
  /*-webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-box-shadow: 0 1px 12px rgba(91,109,128,.13);
  box-shadow: 0 1px 12px rgba(91,109,128,.13);*/
  /*z-index: 9;*/
}
.ProductList .ProductImage a img,
.ProductList1 .ProductImage a img {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.ProductList li:hover .ProductImage a img,
.slick.ProductList1 li:hover .ProductImage a img,
.ProductList .slick-slide:hover .ProductImage a img,
.ProductList1 .slick-slide:hover .ProductImage a img {
  -webkit-transform: translate(-50%,-50%) scale(1.08);
  transform: translate(-50%,-50%) scale(1.08);
}

html #SearchResultsProduct #CategoryPagingTop { float: right; }
/*html .SortBox { float: left; }*/
html .SortBox.Clear { clear: none; }
html #SearchResultsProduct .SearchSorting {
  clear: left;
  margin-bottom: 10px;
}
html #SearchResultsProduct .SearchSorting .selector {
  float: right;
  margin-right: 10px;
  margin-left: 5px;
}



.ExpressCheckout div.selector span {
  width: auto !important;
}





.Right ul:not(.pager-item) { border: 1px solid #e5e7e9; }
/*.Right .slick-slide { border: 1px solid #e5e7e9; }*/

html .cycle-slideshow.ProductList1 {
  border: 1px solid #E5E7E9 !important;
}





.ProductList li .ProductActionAdd a:hover,
.ProductList .slick-slide .ProductActionAdd a:hover {
  background-color: #FF772b;
  border: 1px solid #FF772b;
}
.HomePage .ProductList li {
  border-bottom: 1px solid #dfe1e3;
}
.HomePage .ProductList li .ProductImage,
.ProductList li .ProductImage,
.ProductList .slick-slide .ProductImage {
  border-bottom: 1px solid #e5e7e9;
}



.ProductList1 li,
.ProductList1 .slick-slide { background-color: #f9fafc; }
.ProductList li .ProductImage {
  height: 180px !important;
  display: block;
  /*max-width: 229px !important;*/
  background: #FFF;
  /*position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);*/
}
.ProductList li .ProductImage img,
ul.cycle-slideshow.ProductList1 li .ProductImage img {
  /*position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);*/
  /*display: table-cell;
  vertical-align: middle;
  height: 100%;*/
}
.HomePage .ProductList li .ProductImage { /*width: 231px !important;*/ max-width: 100% !important; }
.ProductList li .ProductImage img { max-height: 100% !important; margin: 0 auto; /*min-width: 232px !important;*/ }

.ProductList li .ProductImage .inner-link { width: 100%; height: 100%; display: block; }


html ul.cycle-slideshow.ProductList1 li .ProductImage { min-height: 180px; }
.ProductList li .ProductImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.ProductList .slick-slide .ProductImage { min-height: 174px; }
.ProductList .slick-slide .ProductImage img {
  max-width: 231px;
  max-height: 180px;
}

.ProductList li .ProductActionAdd a,
.ProductList .slick-slide .ProductActionAdd a {
  background-position: 10px 40%;
  border-radius: 2px;
  padding: 0 20px 0 36px;
}

.Right .TopSellers .ProductDetails,
.Left .TopSellers .ProductDetails {
  /*width: calc(100% - 20px);*/
  padding: 0 10px;
  margin: 10px 0;
}
.Right ul.cycle-slideshow.ProductList li,
.Right ul.cycle-slideshow.ProductList li .ProductImage,
html ul.cycle-slideshow.ProductList1 li .ProductImage {
  width: 100% !important;
  min-width: 230px !important;
}
.Right ul.cycle-slideshow.ProductList li .ProductImage,
html ul.cycle-slideshow.ProductList1 li .ProductImage,
.ProductList .slick-slide .ProductImage {
  min-height: 181px;
  width: 100%;
  border-bottom: 1px solid #e5e7e9;
  position: relative;
  overflow: hidden;
}
.ProductList .slick-slide .ProductImage img {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.ProductList li .ProductPriceRating,
.ProductList .slick-slide .ProductPriceRating { clear: both; }
.ProductList li .ProductPriceRating .Rating { padding-left: 0; clear: both; }





.Left .CategoryList  li { font-weight: normal; letter-spacing: -.125px; }



/* TREEVIEW OVERRIDES */
.treeview,
.treeview-outer > ul {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.treeview-outer > ul li .hasSub:after {
  content: "\f107";
  font-family: FontAwesome;
  display: inline-block;
  /*text-align: center;*/
  line-height: 26px;
  font-size: 18px;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.treeview-outer > ul.treeview-small > li a { padding: 6px 10px; }
.treeview li.expandable a,
.treeview li.collapsable a,
.treeview-outer > ul li.expandable a,
.treeview-outer > ul li.collapsable a {
  width: 79%;
  padding-right: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.treeview-outer > ul li a, .treeview li a, .SideNav li a {
  font-size: 13px;
  color: #5f6874;
}
.treeview-outer > ul > li a { padding: 8px 10px 8px 10px; }
.treeview-outer > ul li ul a { padding: 8px 10px 8px 10px; }

.treeview-outer > ul li.expandable[class^="last"] { border-bottom: none; }

/*.treeview li.collapsable a.selected,
.treeview-outer > ul li.collapsable a.selected { background: #FF772b; color: #FFF; }*/
.treeview-outer > ul li a.selected:hover { color: #FF772b; }
.treeview-outer > ul li.collapsable a.selected:hover { color: #FFF; }
ul.treeview-outer > ul { border-color: #e5e7e9; }
.treeview-outer > ul ul { background: #f3f5f7; }
.treeview-outer > ul li:last-of-type { border-bottom: none; }
/*.treeview-outer > ul li.collapsable { margin-left: -1px !important; }*/
.treeview-outer > ul li.collapsable ul { /*margin-left: 1px;*/ background-color: #f3f5f7; }
.treeview-outer > ul li li { border-color: #e5e7e9; }
.treeview-outer > ul li li a { padding-left: 20px; }
.treeview-outer > ul li li li { background-color: rgba(55,60,65,.05); border-color: #d9dbdd; }
.treeview-outer > ul li li li a { padding-left: 30px; }

.treeview-outer > ul li li:hover { border-color: #d9dbdc; }


.treeview-outer > ul li { -webkit-transition: all 350ms ease; transition: all 350ms ease; }
/*.treeview-outer > ul > li:hover { background-color: #f3f5f7; }*/
.treeview-outer > ul li li:hover { background-color: #e5e7e9; /*background-color: #FF772b; color: #FFF;*/ }
/*.treeview-outer > ul li li:hover a { color: #FFF; }*/
/*.treeview-outer > ul li.collapsable .hitarea { background-color: #f3f5f7; }*/

.treeview-outer > ul li.expandable:hover > .hitarea,
.treeview-outer > ul li.expandable:hover > a {
  /*background-color: #FF772b;
  border-color: rgba(255,255,255,.4);
  color: #FFF;*/
  border-color: #d9dbdd;
}


html .treeview-outer > ul li.expandable > a,
html .treeview-outer > ul li.collapsable > a { width: 100%; }
.treeview-outer > ul .hitarea {
  width: 34px; height: 34px;
  font-family: FontAwesome;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  font-size: 18px;
}
.treeview-outer > ul li.collapsable .collapsable-hitarea:before,
.treeview-outer > ul li.expandable .expandable-hitarea:before {
  content: "\f107";
  display: inline-block;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.treeview-outer > ul li.collapsable .collapsable-hitarea:before {
  /*content: "\f106";*/
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.treeview-outer > ul li.collapsable .hitarea.active-hitarea {
  /*background-color: #FF772b;*/
  border-color: rgba(255,255,255,.25);
  /*color: #FFF;*/
}

html .treeview-outer > ul li.collapsable li.collapsable .hitarea + a + ul a { width: 100%; }

.treeview-outer > ul .collapsable ul li .expandable-hitarea {
  position:absolute;
  right:0;
  top:0;
}
.treeview-outer > ul .selected .selected-hitarea {
  color: #FFF;
}



#SideShopByBrand .treeview li a:hover,
#SideCategoryShopByPrice .treeview li a:hover { background-color: #FF772b; color: #FFF; }



/*#SideCategoryList .treeview > li:nth-of-type(1) a,
#SideCategoryList .treeview > li:nth-of-type(2) a { font-weight: 600; }*/





/* ---------------------- NEW SIDE MENU ---------------- */
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a {
  border: 0;
  font-weight: normal;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
}
#sidebar-menu {
  padding-bottom: 30px;
  width: 100%;
}
#sidebar-menu a { line-height: 1.3; }
#sidebar-menu ul li .menu-arrow {
  -webkit-transition: -webkit-transform 0.15s;
  transition: transform .15s;
  position: absolute;
  right: 20px;
  display: inline-block;
  font-family: 'FontAwesome';
  text-rendering: auto;
  line-height: 18px;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
#sidebar-menu ul li .menu-arrow:before {
  content:"\f105";
}
#sidebar-menu ul li a.subdrop .menu-arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#sidebar-menu ul ul { display: none; }
#sidebar-menu ul ul li { border-top: 0; }
#sidebar-menu ul ul li.active a { color: #FF772b; }
#sidebar-menu ul ul a {
  color: #5f6874;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-left: 3px solid transparent;
  display: block;
  padding: 10px 20px 10px 65px;
}
#sidebar-menu ul ul a:hover { color: #FF772b; }
#sidebar-menu ul ul a i { margin-right: 5px; }
#sidebar-menu ul ul ul a { padding-left: 80px; }
#sidebar-menu .label { margin-top: 2px; }
#sidebar-menu .subdrop {
  border-left: 3px solid #FF772b;
  color: #FF772b !important;
}
#sidebar-menu > ul > li > a {
  color: #5f6874;
  display: block;
  padding: 12px 20px;
  margin: 4px 0px;
  border-left: 3px solid transparent;
}
#sidebar-menu > ul > li > a:hover {
  color: #FF772b;
  text-decoration: none;
}
#sidebar-menu > ul > li > a > span { vertical-align: middle; }
#sidebar-menu ul li a i {
  display: inline-block;
  font-size: 16px;
  line-height: 17px;
  margin-left: 3px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
#sidebar-menu ul li a i.md { font-size: 18px; }
#sidebar-menu ul li a .drop-arrow { float: right; }
#sidebar-menu ul li a .drop-arrow i { margin-right: 0px; }
#sidebar-menu > ul > li > a.active {
  border-left: 3px solid #FF772b;
  color: #FF772b !important;
}





.ExpressCheckoutContent .FloatLeft { float: none; }






#prodAccordion { margin: 15px 0; }
#prodAccordion .Block .prodAccordionContent p,
#prodAccordion .Block .prodAccordionContent p span {
  font-size: 13px !important;
}
#prodAccordion .Block .prodAccordionContent p { margin-bottom: 10px; font-size: 13px; }
#prodAccordion .Block .prodAccordionContent p strong { font-size: 14px; }


#prodAccordion .Block .prodAccordionContent table { margin: 10px 0; }
#prodAccordion .Block > h2 { color: #5F6874; }
#prodAccordion .Block h6 { font-size: 15px; }
#prodAccordion .Block .prodAccordionContent h5,
#prodAccordion .Block .prodAccordionContent h6 { margin-bottom: 10px; font-size: 14px; }

#prodAccordion table { width: 100%; border-collapse: collapse; }
#prodAccordion table thead th { font-weight: bold; text-align: left; background: #f3f5f7; }
#prodAccordion table th,
#prodAccordion table td { padding: 4px 5px; text-align: left; border: 1px solid #f3f5f7; }



/* ACCORDIAN */
#prodAccordion .accordian { perspective: 500px; margin: 5px 0; }
#prodAccordion .accordian > h2 {
  margin: 0;
  line-height: 38px;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 0 5px 0 15px;
  position: relative;
  cursor: pointer;
  background: #EAECEE;
  color: #5F6874;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
#prodAccordion .Block .ProductDescriptionContainer h1,
#prodAccordion .Block .ProductDescriptionContainer h2,
#prodAccordion .Block .ProductDescriptionContainer h3 {
  margin: 5px 0 10px !important;
}
#prodAccordion .accordion h2:hover { background: #E9EbEd; }
#prodAccordion .accordion h2:focus,
#prodAccordion .accordion h2:active { background: #a8d5eb; }

/*.accordian .ExpressCheckoutContent,*/
.accordian .prodAccordionContent {
  padding: 0 0px;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: translate( 0, 30% );
  transform: translate( 0, 30% );
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordian.current .prodAccordionContent {
  display: block;
  opacity: 1;
  padding: 10px 0px;
  max-height: 540px;
  overflow-y: auto !important;
  -webkit-transform: translate( 0, 0 );
  transform: translate( 0, 0 );
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExpressCheckoutBlock .ExpressCheckoutCompletedContent { height: 0; }
.accordian .ExpressCheckoutContent {
  opacity: 1;
  padding: 10px 0px;
  -webkit-transform: translate( 0, 0 );
  transform: translate( 0, 0 );
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.accordian.current .ExpressCheckoutContent {
  display: block;
  opacity: 1;
  padding: 10px 0px;
  max-height: 100%;
  -webkit-transform: translate( 0, 0 );
  transform: translate( 0, 0 );
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.ExpressCheckoutContent > .Message { margin-top: 0; }
.ExpressCheckoutBlock.current:hover { cursor: pointer; }

.treeview-outer > ul.arrows i {
  margin-top: 10px;
  position: absolute;
  -webkit-transform: translate( -1px, 0 );
  transform: translate( -1px, 0 );
}
.treeview-outer > ul.arrows i:before, .treeview-outer > ul.arrows i:after {
  content: "";
  position: absolute;
  background-color: #5F6874;
  width: 3px;
  height: 9px;
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
.treeview-outer > ul.arrows i:before, .treeview-outer > ul.arrows i:after { width: 2px; height: 9px; }
.treeview-outer > ul.arrows i:before {
  -webkit-transform: translate( -2px, 0 ) rotate( 45deg );
  transform: translate( -2px, 0 ) rotate( 45deg );
}
.treeview-outer > ul.arrows i:after {
  -webkit-transform: translate( 2px, 0 ) rotate( -45deg );
  transform: translate( 2px, 0 ) rotate( -45deg );
}
.treeview-outer > ul.arrows .collapsable i:before {
  -webkit-transform: translate( 2px, 0 ) rotate( 45deg );
  transform: translate( 2px, 0 ) rotate( 45deg );
}
.treeview-outer > ul.arrows .collapsable i:after {
  -webkit-transform: translate( 2px, 0 ) rotate( 45deg );
  transform: translate( -2px, 0 ) rotate( -45deg );
}


/* Plus Minus Animations */
.accordian h2 i {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0px 18px 0 0;
  top: 2px;
}
.accordian h2 i:before, .accordian h2 i:after {
  content: "";
  position: absolute;
  background-color: #5f6874;
  -webkit-transition: 0.35s ease-out;
  transition: 0.35s ease-out;
}
.accordian h2 i:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
.accordian h2 i:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
.accordian.current h2 i:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordian.current h2 i:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}




/* Category Page */
#CategoryHeading { padding:0; min-height:auto; margin-bottom: 20px !important; }
#CategoryHeading .BlockContent { /*margin:0 0 20px auto;*/ float: none; }
/*.TopPaginationWrapper { margin-top: 20px; }*/
#CategoryPagingTop, .SortBox { margin-top: 20px; }
#CategoryHeading .prev, #CategoryHeading .next { margin-top: 0; }


#CategoryHeading .SubCategoryList { padding-top: 0; }
.SubCategoryList { margin-bottom: 10px; }
.SubCategoryList li {
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 16px;
  /*display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;*/
}
.SubCategoryList a { color: #5f6874; }
.SubCategoryList a:hover { color: #FF772b; }




/* BRAND LIST */
.SubBrandListGrid li { width: 23.5% !important; margin: 0 2% 20px 0 !important; }
.SubBrandListGrid li:nth-of-type(4n) { margin-right: 0 !important; }
.SubBrandListGrid li:first-of-type { margin-right: 2% !important; }
.SubBrandListGrid li.RowDivider { display: none; }
.SubBrandListGrid li .BrandImage { width: 100% !important; min-width: 160px !important; }
.SubBrandListGrid li a.BrandName { height: 40px; line-height: 1; overflow-y: hidden; }


.PagingList { margin: 0; }
.PagingList li a,
.PagingList li.ActivePage {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding: 0 !important;
  margin: 0 2px;
  border-radius: 2px;
  border-left: none;
}
.PagingList li a {
  color: #FFF;
  background: #5f6874;
}
.PagingList li a:hover { background: #FF772b; }
.PagingList li.ActivePage a {
  background: #d5d7d9;
  color: #5f6874;
}
.PagingList li.ActivePage { background: #e5e7e9; }
.PagingList li.ActivePage a { color: #5f6874; }

/*.CategoryPagination { margin-right: 0; }*/
.CategoryPagination .Prev a,
.CategoryPagination .Next a {
  text-indent: 0 !important;
  background: #5f6874;
  text-align: center;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding: 0 !important;
  margin: 0 2px;
  border-radius: 2px;
  display: inline-block;
  color: #FFF;
  font-size: 18px;
}
.CategoryPagination .Prev a:hover,
.CategoryPagination .Next a:hover { background: #FF772b; }



.contact-table:first-of-type { margin-top: 20px; }
.contact-table strong {
  text-transform: uppercase;
  font-size: 16px;
}


#share-product h2, #share-product h3 { margin-bottom: 20px; }

#ModalContent, .ModalContent,
#QuickViewProductDetails { color: #5f6874; }
#ModalContent a, .ModalContent a { color: #5f6874 !important; }
#ModalContent a:hover, #ModalContent a:active,
.ModalContent a:hover, .ModalContent a:active {
  color: #FF772b !important;
}

.ModalContent li { font-size: 15px; margin: 5px 0; }








#ProductReviews a.button { border-radius: 2px; font-size: 16px; padding: 8px 15px; }
#ProductReviews a.button:hover { background: #FF772b; }
.AddCartAction .btn {
  padding: 10px 14px;
  line-height: normal !important;
  letter-spacing: 0.5px;
  font-family: 'Oswald',sans-serif;
  display: inline-block;
  border-radius: 2px;
}
.AddCartAction .btn.btn-secondary {
  border: 1px solid #FF772b;
}
.AddCartAction .btn.btn-secondary .fa { font-size: 18px; }
.AddCartAction .btn:hover { border: 1px solid #5f6874; }

input.AddCartButton {
  background-image: url(images/cart.png) !important;
  background-repeat: no-repeat !important;
  background-position: 10px 50% !important;
}
.WishListButton { background: #5f6874 !important; }
.WishListButton:hover {
  background: #292f39 !important;
  /*border: 1px solid #292f39 !important;*/
}
.WishListButton:hover i:before { content:"\f004"; }

.AddCartAction .DetailRow { border-bottom: none !important; padding-bottom: 10px; }
.AddCartAction .AddCartButton { margin-right: 10px; }

input.WishListButton, #SideProductAddToWishList .btn {
  border-radius: 2px;
  background: #5f6874 url(images/wishlist.png) 10px 50% no-repeat !important;
}

input.WishListButton:hover {
  background: #292f39 url(images/wishlist.png) 10px 50% no-repeat !important;
}





.QuickViewBtn {
  background-image: none !important;
  /*background: #5f6874 url(images/quickview2.png) 8px 50% no-repeat !important;*/
  /*background: #5f6874 !important;
  border: 1px solid #5f6874;
  color: #FFF;*/
  background: #e5e7e9 !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid #FFF;
  color: #5f6874 !important;
  border-radius: 3px;
  padding: 4px 10px !important;
  font-size: 12px;
  line-height: 22px;
  height: 30px;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.QuickViewBtn:before {
  content: "\f06e";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: inherit;
  font-family: fontawesome;
  color: #5f6874;
  margin-right: 4px;
}
.QuickViewBtn:hover {
  background: #FF772b !important;
  border: 1px solid #FF772b;
  color: #FFF !important;
}
.QuickViewBtn:hover:before { color: #FFF; }


.ProductList li .ProductPriceRating,
.ProductList .slick-slide .ProductPriceRating,
.ProductList li .ProductPriceRating .Rating,
.ProductList .slick-slide .ProductPriceRating .Rating { clear: both; }

.ProductList li .ProductImage .ProductPriceRating .Rating,
.ProductList .slick-slide .ProductImage .ProductPriceRating .Rating {
  opacity: 0;
  width: 84px;
  height: 19px;
  background: rgba(255,255,255,.5);
  border-radius: 10px;
  position: absolute;
  top: 70%;
  left: 50%;
  -webkit-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.ProductList li .ProductImage .ProductPriceRating .Rating img,
.ProductList .slick-slide .ProductImage .ProductPriceRating .Rating img {
  margin-top: 2px;
}
.ProductList li:hover .ProductImage .ProductPriceRating .Rating,
.ProductList .slick-slide:hover .ProductImage .ProductPriceRating .Rating {
  opacity: 1;
}

.ProductList li .ProductPriceRating .Rating0,
.ProductList .slick-slide .ProductPriceRating .Rating0,
.ProductList1 .slick-slide .ProductPriceRating .Rating0 { display: none; }






.QuickViewModal,
div#fancy_outer {
  opacity: 0;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


#QuickViewProductDetails .productAttributeRow {
  display: table;
  width: 100%;
  vertical-align: middle;
}
#QuickViewProductDetails,
#QuickViewProductDetails .Label,
#QuickViewProductDetails .productAttributeLabel { font-size: 14px; }

#QuickViewProductDetails .productAttributeLabel {
  font-size: 14px;
  width: 28%;
  display: table-cell;
  float: none;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#QuickViewProductDetails .productAttributeLabel.QuantityInput {
  padding-top: 10px;
}
#QuickViewProductDetails .productAttributeValue {
  display: table-cell;
  vertical-align: middle;
  width: 72%;
  float: none;
}
#QuickViewProductDetails .productAttributeValue ul { clear: both; display: inline-block; margin-bottom: 0; }
#QuickViewProductDetails .productAttributeValue li {
  float: left;
  margin-left: 10px;
}
#QuickViewProductDetails .productAttributeValue li:first-of-type {
  margin-left: 0;
}
#QuickViewProductDetails .ProductAddToCart .Field45.quantityInput { margin-bottom: 0; }

.ProductMain h1,
#QuickViewProductDetails h1 {
  color: #FF772b;
  font-size: 28px;
}
#QuickViewProductDetails .addToCart .btn.btn-primary {
  font-size: 16px !important;
  font-family: 'Oswald', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  letter-spacing: -.5px;
  border-radius: 2px;
  padding: 10px 14px 10px 38px !important;
  background-position: 12px 46% !important;
  /*cursor: pointer;*/
  background: #FF772b;
  margin-top: 0;
}
#QuickViewProductDetails .addToCart .btn.btn-primary:hover,
#QuickViewProductDetails .addToCart .btn.btn-primary:active {
  background: #5f6874;
  color: #FFF !important;
}
#QuickViewProductDetails .addToCart .btn.btn-secondary {
  font-size: 16px !important;
  font-family: 'Oswald', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  border-radius: 2px;
  padding: 10px 14px !important;
  letter-spacing: -.5px;
  background: #5f6874;
  color: #FFF !important;
}
#QuickViewProductDetails .addToCart .btn.btn-secondary:hover,
#QuickViewProductDetails .addToCart .btn.btn-secondary:active {
  background: #FF772b;
  color: #FFF !important;
}
#QuickViewProductDetails .addToCart .productAttributeValue > span { margin: 0 10px; }


.ProductPriceWrap .productAttributeValue { padding: 10px 0; }
.ProductPriceWrap { margin-bottom: 5px; }

.DetailRow.shipping-price { margin-bottom: 0; }



#QuickViewProductDetails td,
#QuickViewProductDetails .productAttributeRow,
.DetailRow { border-bottom: 1px dotted #bdbfc9 !important; }
#QuickViewProductDetails .productAttributeRow { padding: 15px 0; }
#QuickViewProductDetails .productAttributeRow.RetailPrice { padding: 0; }
#QuickViewProductDetails .productAttributeRow.productAttributeConfigurablePickListSet .productAttributeLabel label {
  margin-top: 5px;
  display: block;
}


.BulkDiscountLink a {
  background-color: #FF772b;
  color: #FFF;
  padding: 10px 14px;
  border-radius: 2px;
  text-align: center;
  margin: 0 auto;
  line-height: normal !important;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px;
  display: inline-block;
}

#QuickViewImage img { border: 1px solid #e5e7e9 !important; }

.DetailRow .DetailRow { padding: 0; }
.DetailRow.RetailPrice { border-bottom: none !important; }
.DetailRow.PriceRow { padding: 0 0 10px 0; }
.DetailRow .Label {
  float: left;
  padding-bottom: 0;
  margin-right: 10px;
}
.OutOfStockMessage { margin-bottom: 10px; padding-top: 12px; }
.OutOfStockMessage:empty {
  height: 0; margin: 0; padding: 0; line-height: 1; margin-bottom: 0 !important; display: none;
}
.OutOfStockMessage p { margin-top: 10px; margin-bottom: 0px; }



.productAddToCartRight .productAttributeList .productAttributeValue {
  display: inline-block;
  vertical-align: middle;
}

.productAddToCartRight .DetailRow .Value .Textbox { margin-bottom: 0; }
.DetailRow.CartButtonContainer { padding: 0; }
.DetailRow.CartButtonContainer .DetailRow { padding: 10px 0; }
.productAddToCartRight #productDetailsAddToCartForm .AddCartAction { padding: 20px 0; }





.zoomPup, .zoomWindow {
  /*border: 1px solid #CCCED0 !important;*/
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
html .zoomWrapper {
  border: solid #d4d6d8 0px !important;
  left: 0;
  top: 0;
}
.zoomPreload {
  top: 50% !important;
  left: 50% !important;
  /*margin-left: -45px !important;*/
  background: rgba(255,255,255,.75) !important;
  width: auto !important;
  height: auto !important;
  padding: 20px !important;
  position: absolute;
  opacity: 1 !important;
  border-radius: 3px;
  color: #5f6874 !important;
  border: 1px solid #d4d6d8 !important;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.zoomPreload:after {
  content: '';
  background: url(images/ajax-loader.gif) no-repeat center;
  display: block;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin: 6px auto 0;
  clear: both;
  float: none;
  text-align: center;
}

#AjaxLoading {
  opacity: 0;
  /*visibility: hidden;*/
  background: #FFF;
  border-radius: 3px;
  border: 1px solid #d4d6d8;
  padding: 20px;
  width: auto !important;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  pointer-events: none;
}
#AjaxLoading.shown {
  pointer-events: none;
  display: block !important;
  -webkit-animation-name: showLoading;
  animation-name: showLoading;
  /*opacity: 1;*/
  /*background: rgba(36, 39, 38, 0.5) !important;*/
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  /*-webkit-transform: translate3d(0, -100%, 0);*/
  /*transform: translate3d(0, -100%, 0);*/
}


.ProductAside .ProductThumbWrap .ProductThumb { height: 100% !important; min-height: 500px; display: block; }
.ProductThumbImage, .ProductThumb { width: 100% !important; }
.ProductThumbImage { min-height: 500px; }


#prodAccordion .Block.current .prodAccordionContent h1 span { text-decoration: none !important; }


.TabNav { padding: 0; position: relative; top: 2px; }
.TabNav li a {
  background: #eaecee;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#SearchPage .Block, .TabContent {
  border-top: 1px solid #e5e7e9;
  border-bottom: 1px solid #e5e7e9;
}






#CompareContent .CompareFieldTop a:hover { color: #FFF; }




html .modalClose, html div#fancy_close  {
  width: 32px  !important;
  height: 32px  !important;
  top: -16px !important;
  right: -16px !important;
  line-height: 32px  !important;
  background: #5f6874 url(images/close-new.png) no-repeat center !important;
  border-radius: 50%;
  padding: 6px !important;
  font-size: 18px;
  display: block !important;
  text-align: center !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
html div#fancy_close {
  top: -16px !important;
  right: -16px !important;
}
#ModalContainer .modalClose:hover, #ModalContainer div#fancy_close:hover,
html .modalClose:hover, html div#fancy_close:hover {
  background: #FF772b url(images/close-new.png) no-repeat center !important;
}

#fancy_content .ProductTinyImageList ul li { border: none !important; }






html .Message {
  background-position: center !important;
  background-image: none !important;
  padding: 20px 15px;
  margin: 20px 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  position: relative;
}
.Message:before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-size: 24px;
}
.SuccessMessage.Message:before {
  content:"\f058";
  color: rgba(95,206,101,.8);
  position: relative;
  top: 3px;
}
.InfoMessage.Message:before {
  content:"\f05a";
  color: rgba(66,151,194,.8);
  position: relative;
  top: 3px;
}
.WarningMessage.Message:before {
  content:"\f29c";
  color: rgba(255,147,86,.8);
  position: relative;
  top: 3px;
}
.ErrorMessage.Message:before,
.DangerMessage.Message:before {
  content:"\f06a";
  color: rgba(255,113,94,.8);
  position: relative;
  top: 3px;
}


.SuccessMessage.Message {
  color: #3d8340;
  background-color: #c1ebc3;
  border: 1px solid #9dc09f;
}
.InfoMessage.Message {
  color: #31708f;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
}
.WarningMessage.Message {
  color: #FF772b;
  background-color: #ffbe9a;
  border: 1px solid #ff9356;
}
.DangerMessage.Message {
  color: #b74034;
  background-color: #ffa59c;
  border: 1px solid #FF772b;
}

/*#LayoutColumn1 h2 { line-height: 40px; }*/



.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.input-group .form-control:last-child,
#SearchForm .input-group #search_query.form-control:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-btn:first-child > .btn,
#SearchForm .input-group-btn:first-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
  display: table-cell;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
  margin-right: -1px;
}








html #facet-range-form input[type="text"] {
  border: 1px solid #e5e7e9;
  border-radius: 2px;
  padding: 8px 4px;
}
html .facet-container .facet-form .btn,
html .facet-container .facet-form .btn.alt,
html .facet-container button.btn-facet-more-options {
  border-radius: 2px;
  background: #FF772b;
  font-size: 14px !important;
}
html .facet-container .facet-form .js-btn-facet-range-clear,
html .facet-container button.btn-facet-more-options {
  font-size: 14px !important;
  border-radius: 2px;
}
html .facet-container .facet-form .js-btn-facet-range-clear { background: #5f6874; }
html .js-facet-clear:hover,
html .facet-container .facet-form .js-btn-facet-range-clear:hover { background-color: #5f6874; }
html .facet-header .facet-header-title .clearlink:hover { background-color: #292f39; }
html ul.facet-labels-list li:hover, html ul.facet-labels-list li a:hover { background-color: #FF772b; }






/* Filters Faceted Search */
html .facet-body { border: 1px solid #e5e7e9; }
html .facet-body:before,
html .facet-body:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html .facet-container .facet-options-list { margin-bottom: 10px; }
html .facet-container .facet-option { padding: 8px 0; }
html .facet-container .facet-option label,
html .facet-container .facet-option a {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.facet-container .facet-option .facet-option-product-count {
  font-size: 10px;
  vertical-align: super;
}






/* Filter Icons */
html .facet-container.open .facet-header .facet-header-title span,
html .facet-container.close .facet-header .facet-header-title span {
  background: none;
  display: inline;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  color: #5f6874;
  /*padding: 6px 6px;*/
  font-size: 16px;
  /*background-color: #FFF;*/
  line-height: 1;
  /*border-radius: 4px;*/
}
.facet-container.open .facet-header .facet-header-title span:after,
.facet-container.close .facet-header .facet-header-title span:after {
  /*background: url(../images/opencloseicon_black.png) 96% -48px no-repeat;*/
  background: none;
  content: "\f068";
  font-family: FontAwesome;
  /*padding-right: 15px;*/
  /*float: right;*/
  position: absolute;
  top: 15px;
  right: 15px;
}
.facet-container.open .facet-header .facet-header-title span:hover,
.facet-container.close .facet-header .facet-header-title span:hover {
  color: #FF772b;
}
.facet-container.close .facet-header .facet-header-title span:after {
  /*background: url(../images/opencloseicon_black.png) 96% 12px no-repeat;*/
  background: none;
  content: "\f067";
}
.Left .facet-header-title .fa {
  float: right;
  padding: 15px 15px 0 0;
}






/* CART */
.Content #CartContent {

}

.CheckoutRedeemCoupon {
  width: auto;
}
.CartCode {
  /*border: 1px solid #dcdee0;*/
}
html .PayPalExpressCheckout {
  float: none;
  text-align: left !important;
  margin: 15px 0;
}





/* Banner */
.banner-item {
  color: #FFF;
  text-align: center;
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.banner-item > *, .banner-item > *:before, .banner-item > *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.banner-item h3 { font-size: 36px; }

.banner-item.banner-half { width: 48%; float: left; }
.banner-item.banner-half:first-of-type { margin-right: 4%; }
.banner-item.banner-half { padding: 20px; }

.btn-banner { background: transparent; color: #FFF !important; text-transform: uppercase; padding: 8px 20px; display: inline-block; margin: 10px auto 0; border-radius: 3px !important; border: 2px solid #FFF !important; font-size: 20px !important; }
.btn-banner:hover { background: #FFF; color: #FF772b !important; }
.camping-banner {
  background: url(http://www.cspoutdoors.com/product_images/uploaded_images/csp-banner-blank.jpg) center no-repeat;
  background-size: cover;
  color: #FFF;
  text-align: center;
  /*padding: 30px;*/
  border-radius: 3px;
}
.camping-banner h3 { font-size: 36px; }
.camping-banner p { font-size: 18px; }
.camping-banner h3 a, .camping-banner p a {
  color: #FFF;
}

.banner-item-vertical {
  display: table;
  width: 100%;
  vertical-align: middle;
}
.banner-item-vertical .left-side {
  width: 75%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}
.banner-item-vertical .right-side {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}
.banner-item-vertical .right-side .btn-banner {
  margin: 0;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}







/* TABLE STYLES */
.SpecGroupName {
  color: #165485;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left;
}
.specTable .specTopic {
  font-weight: bold;
  width: 175px;
}






/* Social Icons */
#socnet .icon-social-theme {
  background-image: url('images/sprite-social-new.png') !important;
  background-color: #333b46;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
#socnet .icon-social-theme:hover {
  background-color: #FF772b;
}
.icon-social-theme.icon-facebook:hover, .icon-social-theme.icon-facebook:focus {background-position:0 0;}
.icon-social-theme.icon-googleplus:hover, .icon-social-theme.icon-googleplus:focus {background-position:0 -40px;}
.icon-social-theme.icon-tumblr:hover, .icon-social-theme.icon-tumblr:focus {background-position:0 -80px;}
.icon-social-theme.icon-twitter:hover, .icon-social-theme.icon-twitter:focus {background-position:0 -120px;}
.icon-social-theme.icon-pinterest:hover, .icon-social-theme.icon-pinterest:focus {background-position:0 -160px;}
.icon-social-theme.icon-stumbleupon:hover, .icon-social-theme.icon-stumbleupon:focus {background-position:0 -200px;}
.icon-social-theme.icon-youtube:hover, .icon-social-theme.icon-youtube:focus {background-position:0 -240px;}
.icon-social-theme.icon-linkedin:hover, .icon-social-theme.icon-linkedin:focus {background-position:0 -280px;}
.icon-social-theme.icon-rss:hover, .icon-social-theme.icon-rss:focus {background-position:0 -320px;}





a .at-icon-wrapper { width: 36px !important; height: 36px !important; line-height: 36px !important; text-align: center; padding-top: 6px; }
a .at-icon-wrapper svg { width: 24px !important; height: 24px !important; }




.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes backToTop {
  0% {
    opacity: 0;
    bottom: -100px;
  } 92% {
    opacity: .8;
    bottom: 25px;
  } 100% {
    opacity: 1;
    bottom: 20px;
  }
}
@keyframes backToTop {
  0% {
    opacity: 0;
    bottom: -100px;
  } 92% {
    opacity: .8;
    bottom: 25px;
  } 100% {
    opacity: 1;
    bottom: 20px;
  }
}

@-webkit-keyframes showLoading {
  from {
    opacity: 0;
    /*top: 40% !important;*/
    /*top: -100px;*/
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  } to {
    opacity: 1;
    /*top: 50% !important;*/
    /*bottom: 20px;*/
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@keyframes showLoading {
  from {
    opacity: 0;
    /*top: 40% !important;*/
    /*top: -100px;*/
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  } to {
    opacity: 1;
    /*top: 50% !important;*/
    /*bottom: 20px;*/
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  } to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  } to {
    opacity: 1;
  }
}
.fadeIn {
  pointer-events: auto;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  } to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  } to {
    opacity: 0;
  }
}
.fadeOut {
  pointer-events: none;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  } to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  } to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  pointer-events: auto;
  visibility: visible;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  } 50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  } 50% {
    opacity: 1;
  }
}
.zoomIn {
  pointer-events: auto;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  } 50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  } to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  } 50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  } to {
    opacity: 0;
  }
}
.zoomOut {
  pointer-events: none;
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  } to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  } to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  pointer-events: auto;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  } 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  } 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  pointer-events: none;
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  } to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  } to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  pointer-events: none;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}












@media screen and (min-width: 1249px) and (max-width: 1800px){
  .productAddToCartRight .productAttributeList .productAttributeLabel {
    float: left !important;
    padding-right: 10px !important;
    padding-top: 8px !important;
  }
}






@media screen and (max-width: 1249px) and (min-width: 1024px) {

}



@media screen and (min-width: 1250px){
  /*.ProductList li { min-width: 221px !important; }*/

  .ProductList li:nth-of-type(3n) { margin-right: 0 !important; }
  /*.ProductTinyImageList, .ProductTinyImageList ul { width: 100% !important; }*/
  .ProductList li, .ProductList .slick-slide { min-width: 214px !important; }

  /*.Content.WideWithLeft { padding-top: 15px; }*/
  .Content.WideWithLeft .ProductList li {
    width: 24% !important;
    min-width: 180px !important;
    margin: 0 1.3333% 20px 0 !important;
  }
  .Content.WideWithLeft .ProductList li:last-of-type { margin-right: 0 !important; }
  .Content.WideWithLeft .ProductList li .ProductImage { min-width: 100% !important; }

}




@media screen and (min-width: 1024px) and (max-width: 1249px){
  /*.Content { width: 534px; }*/

  .slide-show-render-full .slide-overlay { width: 80%; padding: 40px 0 0 50px; }
}




@media screen and (max-width: 1023px) and (min-width: 768px) {
  .Content.WideWithLeft, .Content {
    float: right;
    width: 490px;
    padding: 0 0 20px 10px;
  }
  .Content.WideWithLeft .ProductList li {
    width: 49% !important;
    min-width: 180px !important;
    margin: 0 1% 20px 0 !important;
  }

  #HeaderLower li a { padding: 10px 18px; }
  /*.ProductList li { min-width: 228px !important; }*/
  .ProductList li { min-width: 48% !important; margin: 0 1% 15px !important; }
}







@media screen and (max-width: 968px) {
  #SearchForm { width: 34%; }
  #HeaderLower li a { padding: 10px; }


  .ProductList li.Odd { float: left; }
  .ProductList li.Even { float: right; }
}






@media screen and (min-width: 480px) and (max-width: 767px) {
  #Outer { width: 88%; }
  .Inner { width: 88%; }
  .CartContents tfoot .SubTotal td { background:#f9fafc;}

  #SearchForm #search_query { width: 92% !important; }

  .Content.WideWithLeft .ProductList li {
    width: 49% !important;
    min-width: 180px !important;
    margin: 0 1% 20px 0 !important;
  }
  .Content.WideWithLeft .ProductList li:last-of-type { margin-right: 0 !important; }
  .Content.WideWithLeft .ProductList li .ProductImage { min-width: 100% !important; }
}





@media screen and (max-width: 767px) and (min-width: 240px) {
  input[type="text"], input[type="email"], input[type="password"], textarea {
    width: 92% !important;
    padding-left: 4%;
    padding-right: 4%;
  }
  input[type="text"].qtyInput { width: 40% !important; }
  .CartQuantity input[type="text"].qtyInput { width: 100% !important; }

  html .togglemenu { border-radius: 0 0 3px 3px; height: auto; margin: 0 auto; text-align: center; background: #5f6874; position:relative; display:block; padding: 0 5px 2px; color: #FFF; font-size: 16px; text-indent: 0; }
  html .togglemenu.Active i.fa:before { font-family: FontAwesome; content: '\f106'; }

  #Header .menuIcon { text-indent: 0; background: none; color: #5f6874; font-size: 34px; width: auto; height: auto; overflow: visible; margin: 10px 0 0; float: left; }
  #SearchForm #search_query { width: 99% !important; }


  .SubTotal { background:#f9fafc; }

  .CartList .ProductImage {
    width: auto !important;
    text-align: center;
  }

}





@media screen and (min-width: 320px) and (max-width: 479px) {
  #Outer { width: 90%; }
  .Inner { width: 90%; }

  .slide-image-wrapper { min-height: 140px; }


  .productAddToCartRight .productAttributeList .productAttributeLabel {
    float: none !important;
    display: block !important;
    margin-left: 0px !important;
  }
  .productAddToCartRight .productAttributeList .productAttributeValue {
    display: block;
  }


}




@media screen and (min-width: 240px) and (max-width: 479px) {
  .productOptionViewSelect .selector {
    width: 97% !important;
  }


  /*#SearchForm #search_query { max-width: 224px; }*/

}





@media screen and (max-width: 768px) {
  /*html .Content { width: 100%; padding: 0; }*/
  html .ContentArea.WideContent { width: 100%; }

  .ProductThumbImage { min-height: auto; }

  /*.Right { float: none; }*/

  #Header { padding-top: 5px; }

  /*html #SimilarProductsByCustomerViews .ProductList li { margin-left: 0 !important; }*/
  html #SideProductRecentlyViewed .ProductList li:nth-child(odd),
  html #SimilarProductsByCustomerViews .ProductList li:nth-child(odd),
  html #SideProductRecentlyViewed .ProductList .slick-slide:nth-child(odd),
  html #SimilarProductsByCustomerViews .ProductList .slick-slide:nth-child(odd) { margin-left: 0 !important; }

  #FooterUpper .Column.Last { margin-bottom: 20px; }

  html .Content .Block h1, html h1.title, html .title, html h1.PageHeader, html h1.PageHeader.M40,
  html .Content .FeaturedProducts h2, html #SimilarProductsByCustomerViews h2 {
    line-height: 1.25 !important;
    padding: 8px 0 8px 12px !important;
  }

  html #prodAccordion .Block > h2 { padding: 10px 0 10px 36px !important; line-height: 1.25 !important; }
  .Content .FeaturedProducts h2, .Content .Block h2,
  #prodAccordion .Block .ProductDescriptionContainer h2,
  #prodAccordion .Block .ProductDescriptionContainer h3,
  .ContentArea .h1, .ContentArea h2, .ContentArea h3 {
    line-height: 1.25 !important;
  }
  #prodAccordion .Block .ProductDescriptionContainer h1,
  #prodAccordion .Block .ProductDescriptionContainer h2,
  #prodAccordion .Block .ProductDescriptionContainer h3 { padding: 5px 0 5px 15px; }
  html .Content .FeaturedProducts h2,
  html .Content .Block h2,
  html #SimilarProductsByCustomerViews h2 {
    padding: 8px 5px 8px 12px;
  }
  .fastCartItemBox h2 {
    font-family: 'Oswald', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif !important;
    font-size: 20px;
    padding-right: 0px;
  }

  html .Content .blog-header .PostTitle, html .Content .blog-header .NewsDate { display: block; text-align: left; }

  .prodAccordionContent { padding-left: 0; padding-right: 0; }


  #tabcontent { padding: 20px; }


  #SearchForm { width: 232px; }
  #SearchForm #search_query { width: auto; }

  .OutOfStockMessage { width: 100%; }

  .Breadcrumb ul { line-height: 1.2; margin: 10px 0; display: inline-block; }


  .input-group .form-control { width: auto; }

  .CreateAccount, .AccountLogin { width: 100%; }
  .AccountLogin .Submit input { display: block; }
  .CreateAccount form input[type=submit] { margin-bottom: 20px; }

  .AccountLogin .Message { margin-bottom: 20px; }

  #FooterUpper .Column { width: 100%; }
  #FooterUpper .Column.third { padding-bottom: 20px; }

  #FooterUpper .footerwrapper .Column .footerbox input[type="text"] { width: 100%; }
  .footerwrapper input[type="text"],
  .footerwrapper input[type="email"],
  .footerwrapper input[type="password"],
  .footerwrapper textarea { width: 100% !important; }


  html .Content .blog-header { padding-left: 12px; }
  html .Content .blog-header .PostTitle,
  html .Content .blog-header .NewsDate { display: block; text-align: left; float: none; padding-top: 0px; }
  html .Content .blog-header .PostTitle { padding: 0 !important; }


  .camping-banner { padding: 40px; }

  .slide-show-render-full .slide-overlay { padding: 30px 0 0 20px; }
  .slide-show-render-full .slide-heading { font-size: 36px; margin: 0 0 10px 0; line-height: 36px; }
  .slide-show-render-full .slide-text { padding: 0 50px 0 0 !important; margin: 0 0 15px; font-size: 15px; line-height: 20px; }


  #CategoryPagingTop { float: left; clear: none; }
  .SortBox { clear: none; }

}






@media screen and (max-width: 640px) {

  html .Content { width: 100%; padding: 0 !important; }
  html .ContentArea.WideContent { width: 100%; }
  html .ContentArea { width: 100%; padding: 0; margin-left: 0%; }

  .ProductList li.Odd,
  .ProductList li.Even { float: left; }

  .ContentWrapper .ProductList:not(.cycle-slideshow) li:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .ProductList li .ProductImage,
  .ProductList .slick-slide .ProductImage {
    max-height: 230px !important;
    max-width: 100% !important;
    margin: 0 auto;
  }
  .ProductList li .ProductImage img,
  .ProductList .slick-slide .ProductImage img { width: auto; }

  .Right .ProductList .slick-slide .ProductImage img { width: auto; }

  #tabcontent { padding: 15px; }
  #tabcontent .photo { width: 25%; }



  .ExpressCheckoutContent .FloatLeft { float: none; }
  .HorizontalFormContainer.DynamicWidth { width: 100%; }



  html #prodAccordion .Block > h2,
  html .accordian > h2,
  html .ExpressCheckoutBlock h2.ExpressCheckoutTitle { padding: 10px 0 10px 16px !important; line-height: 1.25 !important; }

  .accordian.current .prodAccordionContent {
    padding: 10px 0px;
    max-height: 100%;
  }


  select, textarea, .Field50, .Field100, .Field150,
  .Field200, .Field300, .Field350, .Field400, .Field450, .Field500, .Field550, .Field600 {
    display: block;
    width: 100% !important;
  }
  dd #FormField_13 { width: 50% !important; }

  #Header { padding-top: 5px; }
  #Header > .header-btn { margin-top: 0; }



  #SearchForm { width: 85%; margin: 0 0 15px 0; }

  .footerwrapper .footerbox { width: 100%; margin: 0; }



  html .CategoryPage.faceted-search .ProductList.FacetedProductList,
  html .ProductList.FacetedProductList { margin-left: 0; }

  .AddCartAction .btn {
    margin: 0px 0 10px 0 !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
  }

  .AddCartAction .btn.WishListButton {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  div.categoryPicker {
    width: 100% !important;
    border: 1px solid #d6d8da;
  }
  .jstree-interspire {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  #CategoryPagingTop, .SortBox { float: left; clear: both; }
  .SortBox { margin: 10px 0; }
  .CategoryPagination { float: none; }

  div.selector { display: block; }

  #AdvancedSearchForm .preferences-container,
  #AdvancedSearchForm .options-container,
  #AdvancedSearchForm .category-container { clear: both; }
  #SearchPageHeader .btn-secondary { display: inline-block; }
  #SearchPageHeader .M20 { margin: 0; }
  #SearchResultsCategory ul { margin-top: 15px; }


  .CheckoutRedeemCoupon {width:92%; padding:15px 4%;}

  .KeepShopping { float: none; }
  .CheckoutButton .btn,
  .KeepShopping .btn {
    float: none;
    display: block;
    width: 100%;
    padding: 10px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .CheckoutButton .btn { margin-bottom: 20px; }


  .productAttributeList .productAttributeLabel { width: auto !important; }
  .BulkDiscountLink a { display: block; }


  html #SideProductRecentlyViewed .ProductList li,
  html #SimilarProductsByCustomerViews .ProductList li { margin-left: 0 !important; }
  .ProductList li .ProductActionAdd { padding: 10px 0 5px; }



  .ProductThumbImage, .ProductThumb { width: 100% !important; }
  .ProductAside .ProductThumbWrap .ProductThumb { min-height: 200px; }


  html .Content .blog-header { padding-left: 0; }
  html .Content .blog-header .NewsDate { float: none; padding-top: 0px; }
  html .Content .blog-header .PostTitle { padding-left: 0 !important; }


  .Right .TopSellers, .Right #HomeSaleProducts, .Right .Block { float: none; width: 100%; margin: 0 !important; clear: both !important;}

  .Left .CategoryList h2, .Left #SideNewProducts h2, #sidr-left-menu h2 {
    margin: 20px 0 0 0;
  }

  .Right { display: block; width: 100%; padding: 0 0 20px; }
  #FooterUpper .Column input.Button { float: none; display: block; width: 100% !important; }

  .ModalContent { padding: 0 10px 10px !important; }


}


@media screen and (max-width: 480px) {
  .slide-show-render-full .slide-overlay { width: 100%; padding: 10px 12px; background: rgba(0,0,0,.4) !important; }
  .slide-show-render-full .slide-heading { font-size: 15px; padding-top: 5px; margin:0 auto; line-height:normal; float: left; width: 64%;
  overflow-x: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; }
  .slide-show-render-full .slide-button { margin: 0; display: inline-block; font-size: 12px !important; float: right; display: inline-block !important; }
  .slide-show-render-full .slide-button span { font-size: 12px !important; border-width: 1px; padding: 5px; letter-spacing: 0; line-height: 18px !important; }
  .slide-show-render-full .slide-text { display: none; }

  .ProductList li .ProductImage {
    height: auto;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
  }

  .CartList .CartQuantity {
    display: table;
    vertical-align: middle;
  }
  .CartList .CartQuantity > span {
    display: table-cell;
    vertical-align: middle;
  }
  .CartList .CartQuantity > span input { padding: 10px; }
  .quantity-span { padding-right: 10px; }

  #CategoryHeading .BlockContent { float: none; }

  #Header > .header-btn#compareview { display: none; }

}





@media screen and (max-width: 320px) {

  #Logo #LogoImage { max-width: 190px; }

  .slide-image-wrapper { min-height: 122px; }

  #SearchForm #search_query { width: 100%; }



}