/*********************************************************/
/******************** Checkout Menu Fade *****************/
/*********************************************************/
#Checkout.Items-In-Cart header,
#PayPal-Checkout header,
#Credit-Card-Payment header,
#Amazon-Checkout header,
#Checkout.Items-In-Cart footer,
#PayPal-Checkout footer,
#Credit-Card-Payment footer,
#Amazon-Checkout footer{
opacity: 0.3;
transition:all .1s linear;
-o-transition:all .1s linear;
-moz-transition:all .1s linear;
-webkit-transition:all .1s linear;
}
#Checkout.Items-In-Cart #Main,
#PayPal-Checkout #Main,
#Credit-Card-Payment #Main,
#Amazon-Checkout #Main{
border-top: 3px solid #000;
border-bottom: 3px solid #000;
}
#Checkout.Items-In-Cart header:hover,
#PayPal-Checkout header:hover,
#Credit-Card-Payment header:hover,
#Amazon-Checkout header:hover,
#Checkout.Items-In-Cart footer:hover,
#PayPal-Checkout footer:hover,
#Credit-Card-Payment footer:hover,
#Amazon-Checkout footer:hover{
opacity: 1.0;
}
/*********************************************************/
/******************** NAV ********************************/
/*********************************************************/
nav.Arrow,
nav.List,
nav.Item-List,
nav.Colour-List{
width: 100%;
float: left;
}
nav.List .sub { margin-left: 15px; }
nav.Arrow a,
nav.List a,
nav.Item-List a,
nav.Colour-List a{
display: inline-block;
width: 100%;
font-size: 0.9375em;
line-height: 1.5;
margin-bottom: 5px;
}
nav.Arrow.Half a,
nav.List.Half a,
nav.Item-List.Half a,
nav.Colour-List.Half a{
float: left;
width: 50%;
}
nav.Arrow a.Heading,
nav.List a.Heading,
nav.Item-List a.Heading,
nav.Colour-List a.Heading{
font-size: 1.125em;
font-weight: bold;
line-height: 2;
}
/**********************/
/*** ARROW ************/
/**********************/
nav.Arrow a{
padding-left: 1.5em;
color: #000;
}
nav.Arrow a:hover,
nav.Arrow a.Selected{
color: #D75F24;
text-decoration: none;
background-image: url('//images.esellerpro.com/2466/images/elem/nav.png');
background-repeat: no-repeat;
background-position: left center;
}
/**********************/
/*** LIST *************/
/**********************/
nav.List a{
padding-left: 1.25em;
color: #000;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow.png');
background-repeat: no-repeat;
background-position: left center;
}
.Primary nav.List a,
.Secondary nav.List a,
.Tertiary nav.List a{
padding-left: 1.25em;
color: #ffffff;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-white.png');
background-repeat: no-repeat;
background-position: left 4px;
}
/**********************/
/*** ITEM-LIST ********/
/**********************/
nav.Item-List a {
padding-left: 18px;
line-height: 18px;
height: auto;
color: #000000;
font-weight: 100;
margin-bottom: 5px;
font-size: 12px;
background-image: url('//images.esellerpro.com/2466/images/buttons/checkbox2.png');
background-position: 0px 1px;
background-repeat: no-repeat;
}
nav.Item-List a.Inactive{
opacity: 0.5;
background-position: 0 -20px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
cursor: default;
}
nav.Item-List a:hover,
nav.Item-List a.Selected{
text-decoration: none;
background-position: 0 -38px;
}
/**********************/
/*** COLOUR-LIST ******/
/**********************/
nav.Colour-List a{
color: #000;
font-weight: bold;
line-height: 20px;
}
nav.Colour-List a.Selected,
nav.Colour-List a:hover{
text-decoration: none;
}
nav.Colour-List a span{
float: left;
height: 18px;
width: 18px;
margin-right: 8px;
border: 1px solid #dedede;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
opacity: 0.5;
}
nav.Colour-List a.Selected span,
nav.Colour-List a:hover span{
opacity: 1.0;
}
nav.Colour-List a[title="Yellow"] span{ background: url('//images.esellerpro.com/2466/images/colours/yellow.gif') no-repeat; }
nav.Colour-List a[title="Blue"] span{ background: url('//images.esellerpro.com/2466/images/colours/blue.gif') no-repeat; }
nav.Colour-List a[title="Red"] span{ background: url('//images.esellerpro.com/2466/images/colours/red.gif') no-repeat; }
/*********************************************************/
/******************** REVIEWS ****************************/
/*********************************************************/
.Reviews{
float: left;
width: 100%;
margin-bottom: 10px;
}
.Reviews a{
text-decoration: underline;
font-size: 0.75em;
color: #000;
}
.Rating{
float: left;
width: 89px;
height: 16px;
margin-right: 7px;
text-indent: -999em;
overflow: hidden;
}
.Rating.Right{
float: right;
}
.Rating.Stars-0{ background: url('//images.esellerpro.com/2466/images/rating/stars-0.png') no-repeat left center; }
.Rating.Stars-1{ background: url('//images.esellerpro.com/2466/images/rating/stars-1.png') no-repeat left center; }
.Rating.Stars-2{ background: url('//images.esellerpro.com/2466/images/rating/stars-2.png') no-repeat left center; }
.Rating.Stars-3{ background: url('//images.esellerpro.com/2466/images/rating/stars-3.png') no-repeat left center; }
.Rating.Stars-4{ background: url('//images.esellerpro.com/2466/images/rating/stars-4.png') no-repeat left center; }
.Rating.Stars-5{ background: url('//images.esellerpro.com/2466/images/rating/stars-5.png') no-repeat left center; }
/*********************************************************/
/******************** HEADING STEPS **********************/
/*********************************************************/
.Heading-Steps{
float: left;
width: 100%;
height: 74px;
margin-bottom: 74px;
background-image: url('//images.esellerpro.com/2466/images/obj/steps.png');
background-repeat: repeat-x;
background-position: 0 16px;
}
.Heading-Steps .Icon{
position: relative;
float: right;
background-image: url('//images.esellerpro.com/2466/images/icons/ring-big.png');
margin: 0 20px;
}
.Heading-Steps .Icon.Inactive{
background-image: url('//images.esellerpro.com/2466/images/icons/ring-big-inactive.png');
margin: 0 13px;
}
.Heading-Steps .Icon .Center{
display: table-cell;
vertical-align: middle;
width: 74px;
height: 74px;
text-align: center;
}
.Heading-Steps .Icon .fa {
color: #000000;
}
.Heading-Steps .Icon.Inactive .fa{
color: #B7B7B7;
}
/*** Label ***/
.Heading-Steps .Icon .Label{
position: absolute;
bottom: -36px;
left: 50%;
margin-left: -50px;
font-family: Arial, sans-serif;
font-size: 1.0em;
text-align: center;
width: 100px;
height: 32px;
}
.Heading-Steps .Icon.Inactive .Label{
color: #666;
}
/*** step icons look crap on narrow screens ***/
@media only screen and (max-width: 587px) {
.Heading-Steps{
margin: 0;
height: auto;
}
.Heading-Steps .Icon{
display: none;
}
}
/*********************************************************/
/******************** NUMBERED STEP **********************/
/*********************************************************/
.Step{
position: relative;
padding: 15px 0 5px 50px;
}
.Step div{ display: inline-block; }
.Step .Icon{
position: absolute;
left: 0px;
top: 50%;
margin-top: -19px;
width: 39px;
height: 39px;
background: url('//images.esellerpro.com/2466/images/icons/ring-small.png');
color: #000;
text-align: center;
line-height: 39px;
font-weight: bold;
font-size: 1.0625em;
}
.Step.Error label { color: red; }
.Step.Error .customSelect{ border: 1px solid red; }
.Step.Error .Icon{ background: url('//images.esellerpro.com/2466/images/icons/ring-small-error.png'); }
.Step.Selected .Icon{
background: url('//images.esellerpro.com/2466/images/icons/ring-small-inactive.png');
color: #ffffff;
}
/*********************************************************/
/******************** TOTALS *****************************/
/*********************************************************/
.Totals {
float: right;
margin: 0 0 10px;
}
.Totals > *{
display: table-cell;
padding-left: 15px;
vertical-align: baseline;
}
#Basket-Box .Header.Primary{
display: table;
}
#Basket-Box .Header.Primary > *{
display: table-cell;
}
#Basket-Box .Header.Primary > p{
text-align: right;
}
#Basket-Box .Header.Primary a{
text-decoration: underline;
}
/*********************************************************/
/******************** PAYMENT METHOD *********************/
/*********************************************************/
.Payment-Method{
float: left;
border: 1px solid #dedede;
padding: 4px;
margin: 0 10px 10px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.Payment-Method img{
float: left;
}
.Payment-Method.Disabled-Gateway{
opacity: 0.8;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
@media only screen and (max-width: 1023px) {
.Payment-Method.Amazon{
display: none;
}
}
/*********************************************************/
/******************** CONTACT TAB ************************/
/*********************************************************/
body #Contact-Us{
position: fixed;
top: 120px;
width: 606px;
background-color: #a6d0e3;
z-index: 1000;
padding-top: 1em;
border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
-webkit-border-radius: 0 0 0 5px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}
body #Contact-Us .Box {
display:none;
}
@media print{
body #Contact-Us{
display:none;
}
}
#Contact-Us-Tab{
position: absolute;
left: -40px;
top: 0px;
width: 40px;
height: 122px;
background-image: url('//images.esellerpro.com/2466/images/elem/contact-us-tab.png');
cursor: pointer;
}
/*** contact tab is disabled for smaller screens than big tablets because of absolute positioning issues ***/
@media only screen and (max-width: 1023px) {
body #Contact-Us{
display: none;
}
}
/*********************************************************/
/******************** CYCLE ******************************/
/*********************************************************/
.Cycle{
float: left;
width: 100%;
margin: 0 0 15px;
position: relative;
overflow: hidden;
}
#Cycle-1 {
width: 100%;
}
.Cycle .Elements{
float: left;
width: 100%;
overflow: hidden;
position: relative;
height: auto;
}
#Cycle-1 .Elements a img {
max-width: 100% !important;
width: 100% !important;
height: auto;
float: left;
}
@media only screen and (min-width: 1176px) {
.Cycle .Elements{
height: auto;
}
}
@media only screen and (min-width: 784px) and (max-width: 1023px) {
.Cycle .Elements {
height: auto;
}
}
.Cycle .Elements a{
float: left;
width: 100%;
}
.Cycle .Elements a img{
max-width: 100%;
width: auto;
height: auto;
float: left;
}
/*** flickering fix ***/
.Cycle .Elements a { display: none; }
.Cycle .Elements a.cycle-sentinel + a { display: block; }
/*** NAV ***/
.Cycle .Nav {
position: absolute;
bottom: 20px;
right: 30px;
z-index: 99999;
}
.Cycle .Nav a{
float: left;
height: 9px;
width: 9px;
margin-right: 4px;
background-image: url('//images.esellerpro.com/2466/images/obj/nav.png');
}
.Cycle .Nav a.cycle-pager-active{
background-image: url('//images.esellerpro.com/2466/images/obj/nav-active.png');
}
/*** banners would be unreadable on low widths, so we disable it ***/
@media only screen and (max-width: 783px) {
.Cycle{
margin-top: 30px;
}
}
@media only screen and (max-width: 587px) {
.Cycle{
display: none;
}
}
/*********************************************************/
/******************** CAROUSEL ***************************/
/*********************************************************/
.Carousel-Container{
float: left;
width: 100%;
position: relative;
}
.Carousel {
position: relative;
overflow: hidden;
clear: both;
}
.Carousel-List {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
}
.Carousel-Item {
float: left;
margin: 0 0 0 0;
}
/*** Buttons ***/
.Carousel-Container .Prev,
.Carousel-Container .Next{
position: absolute;
height: 18px;
width: 12px;
top: 50%;
margin-top: -9px;
cursor: pointer;
z-index: 1000;
}
.Carousel-Container .Prev{
left: 0px;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-left.png');
}
.Carousel-Container.Products .Prev{ left: 15px; }
.Carousel-Container .Next{
right: 0px;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-right.png');
}
.Carousel-Container.Products .Next{ right: 15px; }
.Carousel-Container .Prev.Inactive,
.Carousel-Container .Next.Inactive{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
/*** Products ***/
.Product-Slider .Carousel-Container.Products .Carousel {
height: 334px;
margin-bottom: 20px;
}
#Product-Slider Column Third .Carousel-Container.Products .Carousel{
height: 298px;
}
.Product-Slider .Slide.Carousel-Item{
padding: 20px;
width: 295px !important;
text-align: center;
}
.Product-Slider .Slide.Carousel-Item img{
max-width: 250px;
width: 100%;
}
.Product-Slider .Slide.Carousel-Item a{color: #565656;}
.Product-Slider .Slide.Carousel-Item h3{
color: #565656;
font-size: 14px;
font-weight: 700;
}
@media only screen and (min-width: 1176px) {
.Product-Slider .Carousel-Container.Products .Carousel {height: 334px;}
.Product-Slider .Slide.Carousel-Item {
width: 362px !important;
}
}
@media only screen and (min-width: 784px) and (max-width: 1023px) {
.Product-Slider .Carousel-Container.Products .Carousel {height: 274px;}
.Product-Slider.Column.Third {
width: 33.33%;
}
.Product-Slider .Slide.Carousel-Item {width: 229px !important;}
}
@media only screen and (min-width: 589px) and (max-width: 783px) {
.Product-Slider .Slide.Carousel-Item {
padding-top: 20px;
width: 274px !important;
}
}
@media only screen and (max-width: 587px) {
.Product-Slider .Slide.Carousel-Item {
padding-top: 20px;
width: 240px !important;
}
}
/*** Brands ***/
.Carousel-Container.Brands {
margin-bottom: 20px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.Carousel-Container.Brands .Carousel {
height: 81px;
padding: 0 25px;
}
.Carousel-Container.Brands .Carousel a {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 50px;
width: 196px;
}
.Carousel-Container.Brands .Carousel a img {
vertical-align: middle;
max-width: 100%;
}
.Carousel-Container.Brands .Prev,
.Carousel-Container.Brands .Next{
position: absolute;
height: 28px;
width: 12px;
top: 45%;
margin-top: -9px;
cursor: pointer;
z-index: 1000;
}
.Carousel-Container.Brands .Next{
right: 10px;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-right-brand.gif');
}
.Carousel-Container.Brands .Prev{
left: 10px;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-left-brand.gif');
}
/*********************************************************/
/******************** SELLING POINTS *********************/
/*********************************************************/
#Selling-points {
margin-top: 0px;
height: 80px;
}
.Point {
width: 25%;
float: left;
}
#Right .Point {
width: 100%;
float: left;
border-bottom: 2px solid #f6f6f6;
padding: 21px 0 29px;
}
.Point .Image{
float: left;
padding-right: 15px;
width: 65px;
}
#Right .Point .Image { padding-right: 0px;}
#Right .Point .Text {
padding-top: 11px;
width: 166px;
}
#Right .Point .Text h5 {
font-size: 20px;
}
.Point .Image img{
max-width: 100%;
}
.Point .Text{
float: left;
padding-top: 6px;
}
.Point:first-child .Text{
padding-top: 0px;
}
.Point .Text h5{
font-weight: 500;
color: #6e6e6e;
margin: 0px;
font-size: 18px;
}
.Point .Text p {
font-weight: 500;
color: #000;
margin: 0px;
font-size: 15px;
line-height: 15px;
}
.Point .Text p span{
font-weight: 100;
color: #afafaf;
margin: 0px;
font-size: 14px;
}
#Safe-and-secure{
width: 100%;
float: left;
border-bottom: 2px solid #f6f6f6;
padding: 17px 20px 16px;
}
#Safe-and-secure img{
max-width: 100%;
}
#Selling-points {height: 61px;}
.Point .Image { width: 60px;}
.Point .Text{ padding-top: 12px;}
.Point:nth-child(3n+3) .Image,
.Point:nth-child(2n+10) .Image,
.Point:first-child .Image{ padding-top:6px; }
.Point:first-child .Text{padding-top: 6px;}
.Point .Text h5{font-size: 15px;}
.Point .Text p { font-size: 12px;}
.Point .Text p span{font-size: 12px;}
#Right .Point .Text {
padding-top: 0px;
width: 166px;
}
@media only screen and (min-width: 1176px) {
#Selling-points {height: 61px;}
.Point .Image { width: 60px;}
#Right #Selling-points .Point .Image {width: 74px;padding-right: 0px;}
#Right #Selling-points .Point .Text h5 { font-size: 20px;}
.Point .Text{ padding-top: 12px;}
.Point:first-child .Image{ padding-top:6px; }
.Point:first-child .Text{padding-top: 6px;}
.Point .Text h5{font-size: 15px;}
.Point .Text p { font-size: 12px;}
.Point .Text p span{font-size: 12px;}
#Right .Point .Text {
padding-top: 14px;
width: 166px;
}
}
@media only screen and (min-width: 784px) and (max-width: 1023px) {
#Selling-points {height: 61px;}
.Point .Image { width: 60px;}
.Point .Text{ padding-top: 12px;}
.Point:first-child .Image{
padding-top: 6px;
padding-right: 0px;
width: 50px;
}
.Point:first-child .Text{padding-top: 6px;}
.Point .Text h5{font-size: 15px;}
.Point .Text p { font-size: 12px;}
.Point .Text p span{font-size: 12px;}
#Right .Point .Text {
padding-top: 0px;
width: 166px;
}
}
@media only screen and (min-width: 0px) and (max-width: 783px) {
#Selling-points{ display: none;}
}
/*********************************************************/
/**************** Category image tabs ********************/
/*********************************************************/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea9658+0,df5f02+100 */
.Product-Slider {
padding: 0px 15px;
}
.Product-Slider .Slider-Header{
border: 1px solid #df5c00;
position: relative;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #ea9658; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhOTY1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjVmMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ea9658 0%, #df5f02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea9658), color-stop(100%,#df5f02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ea9658 0%,#df5f02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ea9658 0%,#df5f02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ea9658 0%,#df5f02 100%); /* IE10+ */
background: linear-gradient(to bottom, #ea9658 0%,#df5f02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9658', endColorstr='#df5f02',GradientType=0 ); /* IE6-8 */
}
.Product-Slider .Slider-Header h5{
line-height: 35px;
padding-left: 15px;
color: #fff;
margin: 0px;
}
.Product-Slider .Carousel{
border: 1px solid #dfdfdf;
}
.Carousel-Container .Slider-Header .Next,
.Carousel-Container .Slider-Header .Prev {
width: 10px;
height: 35px;
margin: 0px;
background-position: center;
background-repeat: no-repeat;
}
.Carousel-Container .Slider-Header .Next {
right: 15px;
top: 0px;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-right-slider.png');
}
.Carousel-Container .Slider-Header .Prev {
right: 24px;
left: auto;
top: 0px;
width: 23px;
padding-left: 7px;
border-left: 1px solid #9f0100;
-webkit-filter: grayscale(0%);
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-left-slider.png');
}
/*********************************************************/
/**************** Category image tabs ********************/
/*********************************************************/
.Tab-Box-Special{
border:1px solid #dddddd;
}
.Tab-Box-Special.Box.Tab-Box .Header.Tabs a.Selected,
.Tab-Box-Special.Box.Tab-Box .Header.Tabs a:hover {
background-color: #fff;
background: #fff;
padding: 1px;
border: #848484 1px solid;
}
.Tab-Box-Special.Box.Tab-Box .Header.Tabs a {
padding: 1px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: white 1px solid;
background: #fff;
}
.Tab-Box-Special.Box.Tab-Box .Header.Tabs {
padding: 0;
border-bottom: 1px solid #ccc;
}
.Tab-Box-Special.Box.Tab-Box .Header.Tabs a.Selected:after,
.Tab-Box-Special.Box.Tab-Box .Header.Tabs a:hover:after {
position: absolute;
display: block;
left: 50%;
bottom: -10px
margin-left: -9px;
width: 19px;
height: 10px;
background: url(//images.esellerpro.com/2466/images/obj/notch.png);
content: "";
}
.Category-tabs .Column.Fifth a {
position: relative;
display: inline-block;
overflow: hidden;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
width: 100%;
}
.Category-tabs .Column.Fifth a img {
vertical-align: bottom;
max-width: 100%;
width: 100%;
}
.Category-tabs .Column.Fifth{
padding:0 10px;
}
.Category-tabs .Column.Fifth a span {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
color: #000;
background-color: rgba(255, 255, 255, 0.8);
line-height: 27px;
}
.Category-tabs .Column.Fifth a:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
border-radius: 15px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
border-radius: 15px;
}
.Tab-Box-Special .Column.Product {
width: 16.6666666%;
}
@media only screen and (min-width: 784px) and (max-width: 1023px) {
.Category-tabs .Column.Fifth{ width: 20%;}
.Tab-Box-Special .Column.Product {
width: 33.333%;
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 588px) and (max-width: 783px) {
.Category-tabs .Column.Fifth{ width: 50%; margin-bottom: 10px;}
.Category-tabs .Column.Fifth:last-child{display:none;}
.Tab-Box-Special .Column.Product {
width: 33.333%;
}
}
@media only screen and (max-width: 587px) {
.Category-tabs .Column.Fifth{ width: 100%; margin-bottom: 10px;}
.Category-tabs .Column.Fifth:last-child{display:none;}
.Tab-Box-Special .Column.Product {
width: 50%;
}
}
@media only screen and (max-width: 400px) {
.Category-tabs .Column.Fifth {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.Category-tabs .Column.Fifth a span {left: 0px;}
.Category-tabs .Column.Fifth:last-child{display:block;}
}
/*********************************************************/
/***************** Gender Categories *********************/
/*********************************************************/
#Gender-Categories .Column.Quarter{
padding: 0px;
}
#Gender-Categories .Column.Quarter a img{
max-width: 100%;
}
@media only screen and (min-width: 784px) and (max-width: 1023px) {
#Gender-Categories .Column.Quarter{
width: 25%;
}
}
@media only screen and (min-width: 0px) and (max-width: 783px) {
#Gender-Categories .Column.Quarter{
width: 50%;
}
}
/*********************************************************/
/******************** SUGGESTIONS ************************/
/*********************************************************/
/*** AUTOCOMPLETE ***/
.ui-autocomplete {
position: absolute;
background-color: white;
overflow: hidden;
list-style: none;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 0;
padding: 3px;
margin: 0;
z-index: 1000000;
box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.4);
}
.ui-autocomplete li {
line-height: 2;
text-indent: 6px;
font-size: 0.9375em;
border-bottom: 1px solid #dedede;
cursor: pointer;
}
.ui-autocomplete li:hover {
background: #dedede;
}
.ui-autocomplete li a {
color: #000;
text-decoration: none;
}
.ui-autocomplete li a span {
color: #D75F24;
font-weight: bold;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*** SUGGESTIONS ***/
.Product-Suggestions{
overflow: hidden;
padding: 3px;
background-color: white;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.4);
z-index: 99999999;
}
.Product-Suggestions a.Item{
float: left;
position: relative;
width: 100%;
min-height: 55px;
padding: 5px 5px 5px 60px;
font-size: 0.75em;
line-height: 1.25;
border-bottom: 1px solid #dedede;
}
.Product-Suggestions a.Item:hover{
background: #dedede;
text-decoration: none;
}
.Product-Suggestions a.Item img{
max-height: 45px;
max-width: 45px;
position: absolute;
left: 5px;
}
.Product-Suggestions a.Item span.Title{
color: #000;
}
.Product-Suggestions a.Item span.Price{
font-weight: bold;
color: #D75F24;
}
/*********************************************************/
/******************** SHARE LINKS ************************/
/*********************************************************/
#Share-Links{
float: left;
width: 100%;
margin-top: 20px;
font-size: 0.875em;
}
#Share-Links a{
margin-left: 10px;
}
/*********************************************************/
/******************** RESPONSIVE IFRAME ******************/
/*********************************************************/
.Responsive-Iframe{
overflow: hidden;
position: relative;
width: 100%;
height: 400px;
float: left;
margin-bottom: 1em;
}
.Responsive-Iframe iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*********************************************************/
/******************** TOP ********************************/
/*********************************************************/
#Top{
position: fixed;
z-index: 100;
width: 40px;
height: 40px;
right: 0px;
bottom: 15%;
cursor: pointer;
background-image: url('//images.esellerpro.com/2466/images/elem/arrow-up-white.png');
background-position: center;
background-repeat: no-repeat;
background-color: #000;
opacity: 0.9;
border-radius: 5px 0 0 5px;
-moz-border-top-left-radius: 5px 0 0 5px;
-webkit-border-top-left-radius: 5px 0 0 5px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
#Top:hover{
opacity: 1.0;
}
/*********************************************************/
/******************** TOOLBAR ****************************/
/*********************************************************/
#Toolbar,
#Toolbar-Compare{
position: fixed;
z-index: 100;
width: 100%;
left: 0px;
bottom: 0px;
background-image: url('//images.esellerpro.com/2466/images/obj/overlay.png');
}
#Toolbar .Wrapper *,
#Toolbar-Compare .Wrapper *{
margin-top: 10px;
}
#Toolbar .Wrapper p,
#Toolbar-Compare .Wrapper p{
color: #ffffff !important;
}
/*********************************************************/
/******************** COOKIE CONSENT *********************/
/*********************************************************/
#Cookie-Consent {
border-top: 2px solid #000000;
background-color: #000000;
z-index: 1000;
position: fixed;
bottom: 0px;
width: 100%;
padding-top: 9px;
}
#Cookie-Consent p{
font-size: 0.75em;
color: #fff;
}
/*********************************************************/
/******************** PROCESSING PAYMENT *****************/
/*********************************************************/
#Processing-Payment{
z-index: 10;
position: absolute;
top: 195px;
left: 50%;
margin-left: -140px;
width: 280px;
padding: 90px 0 0 0;
background-image: url('//images.esellerpro.com/2466/images/elem/processing.gif');
background-repeat: no-repeat;
background-position: center top;
color: #000;
font-size: 0.9375em;
line-height: 1.4;
text-align: center;
}
/*********************************************************/
/****************** POP UP *******************************/
/*********************************************************/
.Pop{
cursor: default;
}
.Basis .Label.Pop span{
color: #000;
}
.Pop-Up {
position: absolute;
width: 360px;
padding: 10px 20px;
border: 1px solid #dedede;
background-color: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 10000;
}
/*********************************************************/
/****************** COMPARE ******************************/
/*********************************************************/
#Compare-Products{
float: left;
width: 100%;
padding-bottom: 10px;
}
@media only screen and (max-width: 587px) {
#Compare-Products{
display: none;
}
.Compare{
display: none;
}
#Toolbar-Compare{
display: none;
}
}
#Compare-Products-Container{
float:left;
}
.Compare-Item{
}
.Compare-Item .Remove{
position: absolute;
bottom: 0.5em;
right: 15px;
height: 11px;
width: 11px;
padding: 0;
}
.Compare-Item.Header .Image{
display: table;
}
.Compare-Item.Header .Image .Cell{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.Compare-Item .Image{
float: left;
width: 100%;
height: 166px;
margin-bottom: 10px;
}
.Compare-Item .Image img{
max-width: 166px;
max-height: 166px;
}
.Compare-Item h4.Title{
float: left;
width: 100%;
height: 66px;
}
.Compare-Item .Features{
float: left;
width: 100%;
border-top: 1px solid #dedede;
}
.Compare-Item .Features .Value{
float: left;
width: 100%;
padding-top: 0.75em;
border-bottom: 1px solid #dedede;
}
.Compare-Item .Features .Value p{
text-transform: capitalize;
}
.Compare-Item .Buttons{
float: left;
width: 100%;
padding-top: 0.75em;
padding-bottom: 1.75em;
}
.Compare-Item .Buttons > *{
margin: 0 !important;
}
.Paging-Current-Page{
text-decoration: underline;
}
/*********************************************************/
/****************** PASSWORD METER ***********************/
/*********************************************************/
#passwordmeter { font-weight: bold; }
#passwordmeter.Too-Short{
background: #fd0100; /* Old browsers */
background: -moz-linear-gradient(left, #fd0100 0%, #ffffff 20%, #ffffff 40%, #ffffff 60%, #ffffff 80%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd0100), color-stop(20%,#ffffff), color-stop(40%,#ffffff), color-stop(60%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fd0100 0%,#ffffff 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fd0100 0%,#ffffff 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fd0100 0%,#ffffff 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #fd0100 0%,#ffffff 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0100', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
color: #ffffff !important;
}
#passwordmeter.Very-Weak{
background: #ff7e00; /* Old browsers */
background: -moz-linear-gradient(left, #fd0100 0%, #ff7e00 20%, #ffffff 40%, #ffffff 60%, #ffffff 80%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd0100), color-stop(20%,#ff7e00), color-stop(40%,#ffffff), color-stop(60%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #fd0100 0%,#ff7e00 20%,#ffffff 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0100', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
color: #ffffff !important;
}
#passwordmeter.Weak{
background: #fdd901; /* Old browsers */
background: -moz-linear-gradient(left, #fd0100 0%, #ff7e00 20%, #fdd901 40%, #ffffff 60%, #ffffff 80%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd0100), color-stop(20%,#ff7e00), color-stop(40%,#fdd901), color-stop(60%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#ffffff 60%,#ffffff 80%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0100', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
color: #ffffff !important;
}
#passwordmeter.Good{
background: #80bb2d; /* Old browsers */
background: -moz-linear-gradient(left, #fd0100 0%, #ff7e00 20%, #fdd901 40%, #d8eb13 60%, #ffffff 80%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd0100), color-stop(20%,#ff7e00), color-stop(40%,#fdd901), color-stop(60%,#d8eb13), color-stop(80%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#ffffff 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#ffffff 80%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#ffffff 80%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#ffffff 80%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0100', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
color: #ffffff !important;
}
#passwordmeter.Strong{
background: #80bb2d; /* Old browsers */
background: -moz-linear-gradient(left, #fd0100 0%, #ff7e00 20%, #fdd901 40%, #d8eb13 60%, #80bb2d 80%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd0100), color-stop(20%,#ff7e00), color-stop(40%,#fdd901), color-stop(60%,#d8eb13), color-stop(80%,#80bb2d), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0100', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
color: #ffffff !important;
}
#passwordmeter.Very-Strong{
background: #016701; /* Old browsers */
background: -moz-linear-gradient(left, #fd0100 0%, #ff7e00 20%, #fdd901 40%, #d8eb13 60%, #80bb2d 80%, #016701 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fd0100), color-stop(20%,#ff7e00), color-stop(40%,#fdd901), color-stop(60%,#d8eb13), color-stop(80%,#80bb2d), color-stop(100%,#016701)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#016701 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#016701 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#016701 100%); /* IE10+ */
background: linear-gradient(to right, #fd0100 0%,#ff7e00 20%,#fdd901 40%,#d8eb13 60%,#80bb2d 80%,#016701 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0100', endColorstr='#016701',GradientType=1 ); /* IE6-9 */
color: #ffffff !important;
}
.FAILED{ color: red; }
.OK{ color: green; }
/*********************************************************/
/****************** PRODUCT SASH *************************/
/*********************************************************/
.Sash {
position: absolute;
display: block;
top: -14px;
right: 0;
z-index: 100;
}
.Sash .Text {
width: 73px;
text-align: center;
z-index: 100;
font-family: Arial, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
padding: 19px 9px;
color: #ffffff;
position: relative;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
#Main-Sash.Sash .Text {
height: 61px;
width: 68px;
}
#Main-Sash.Sash.Out-of-Stock .Text {
height: 73px;
width: 73px;
font-size: 16px;
line-height: 18px !Important;
padding-top: 19px;
}
.Sash.Last-Few .Text{ background-color: #EC7325; }
.Sash.On-Sale .Text {
background: url('../images/obj/sale.png');
width: 65px;
height: 62px;
text-indent: -999px;
overflow: hidden;
text-align: center;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#Main-Sash.Sash.On-Sale .Text {
line-height: 44px;
font-size: 16px;
}
.Sash.New .Text{ background-color: #229FE7; }
.Sash.Pre-Order .Text { background-color: #dbc000; }
.Sash.Out-of-Stock .Text {
background: none;
text-indent: 0;
background-color: #202020;
font-size: 9px;
width: 40px;
height: 40px;
padding: 11px 0 0 0;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
/*********************************************************/
/****************** DISABLED MESSAGE *********************/
/*********************************************************/
.Disabled-Message{
display: none;
position: absolute;
right: 0px;
top: 0px;
color: #2b2b2b;
font-size: 0.8125em;
font-weight: 500;
font-family: Arial, sans-serif;
background-image: url('//images.esellerpro.com/2466/images/icons/lock.png');
background-repeat: no-repeat;
background-position: right center;
background-color: #eee;
line-height: 28px;
z-index: 100;
padding: 0 30px 0 10px;
border: 1px solid #ccc;
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
}
.Disabled-Message:hover{
display: block;
}
.Disabled-Message a{
display: none;
color: #000;
}
.Disabled-Message a:hover{
text-decoration: none;
color: #D75F24;
}
input[disabled]:hover + .Disabled-Message,
.selectContainer.disabled:hover + .Disabled-Message,
fieldset.disabled:hover .Disabled-Message,
.Disabled-Message:hover{
background-image: url('//images.esellerpro.com/2466/images/icons/unlock.png');
}
input[disabled]:hover + .Disabled-Message span,
.selectContainer.disabled:hover + .Disabled-Message span,
fieldset.disabled:hover .Disabled-Message span,
.Disabled-Message:hover span {
display: none;
}
input[disabled]:hover + .Disabled-Message a,
.selectContainer.disabled:hover + .Disabled-Message a,
fieldset.disabled:hover .Disabled-Message a,
.Disabled-Message:hover a{
display: inline;
}
input[disabled] + .Disabled-Message,
.selectContainer.disabled + .Disabled-Message,
fieldset.disabled .Disabled-Message{
display: block;
}
/*********************************************************/
/******************* ASSOCIATED PRODUCT ******************/
/*********************************************************/
#Associated{
float: left;
position: relative;
width: 100%;
}
#Associated span.Primary,
#Associated span.Secondary{
font-family: Arial, sans-serif;
font-size: 1.125em;
color: #262e3a;
font-weight: bold;
position: relative;
top: -44px;
}
#Associated #Associated-Add{
position: relative;
top: -45px;
margin-left: 10px;
}
/*********************************************************/
/******************* PRICE BREAKS ************************/
/*********************************************************/
.Discount-Table tr { border-bottom: 1px solid #dedede; }
.Discount-Table td { vertical-align: top; }
.Discount-Table td img {
width: 45px;
}
.Bracket-Table tr { border: 0; }
.Bracket-Table th { padding: 0 0 5px; }
.Bracket-Table td {
padding: 0;
width: 25%;
}
/*********************************************************/
/******************* CREDITCARD **************************/
/*********************************************************/
.CreditCard{
float: left;
background-color: #fff;
border: 1px solid #a6d0e3;
margin-bottom: 10px;
margin-right: 6px;
padding: 4px 8px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.CreditCard.Selected,
.CreditCard:hover{
border: 2px solid #D75F24;
padding: 3px 7px;
}
.CreditCard .radio{
display: none;
}
.CreditCard img{
float: left;
cursor: pointer;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/*********************************************************/
/******************* Licensing Table **************************/
/*********************************************************/
#Licensing {
margin: 20px 15px 20px 15px;
}
#Licensing *{
font-size: 12px;
}
#Licensing td.name {
width: 30%;
vertical-align: middle;
background-color: #f5f5f5;
}
#Licensing td {
padding: 10px 8px 10px 8px;
}
#Licensing tr{
border-bottom: 2px solid #fff;
}
/* Custom Styles */
.bkt-cross-sell-widget-styled-block .bkt-widget-styled-block-product__products+.bkt-widget-styled-block-product__products{
min-width: 200px;
max-width: 200px;
overflow:hidden;
float:left;
margin-right:5px;
}
h4.bkt-widget-styled-block-product__product-name {
min-height:45px
}
.bkt-cross-sell-widget-styled-block .bkt-widget-styled-block-product__checkbox:before{
width:20px;
height:20px;
}
.bkt-cross-sell-widget-styled-block .bkt-widget-styled-block-product__checkbox:after{
width:12px;
height:12px;
}
.Inventory.Tracking,
.Is.Visible {
display:none;
}
.oos-badge {
display:none;
}
.footer-columns .column-item.first ul li{
flex-wrap:wrap;
}
nav#mobile-categories a.navPages-action.has-subMenu {
pointer-events: none;
}
nav#mobile-categories a{
font-size:16px;
text-transform:uppercase;
}
nav#mobile-categories a.navPage-subMenu-action.navPages-action.has-subMenu {
pointer-events:unset;
font-size:14px !important;
}
.st-menu ul li ul.navPage-subMenu-list>li.hasSub>.toggle-close, .st-menu ul li ul.navPage-subMenu-list>li.hasSub>.toggle-expand{
right:15px;
}
.st-menu ul li span.toggle-close:before, .st-menu ul li span.toggle-expand:before {
opacity: 1;
filter: alpha(opacity=100);
font-size: 20px;
}
.st-menu ul li span.toggle-expand::before {
content: "\f067";
}
.st-menu ul li span.toggle-close::before{
content:"\f068";
}
.bkt-widget-styled-block-product__products {
float:left;
}
div#bkt-cross-sell-widget-wrapper {
float:left;
clear:both;
margin-bottom:20px;
}
.bkt--thumbnail.bkt-widget-styled-block-product__product-thumbnail {
width:150px !important;
height:150px !important;
margin: 0 auto !important;
text-align: center;
display:block;
}
.bkt-widget-styled-block-product__product-detail.bkt--clearfix {
float:left;
width: 100%;
position: relative;
}
.bkt-widget-styled-block-product__products {
float:left !important;
}
.bkt-widget-styled-block-product__product-name-price {
width:100% !important;
float:left;
clear:both;
}
.bkt-widget-styled-block-product__product-image {
margin-right:0 !important;
text-align:center;
display:block;
float:left;
width:100%;
}
.no-padding {
padding:0;
}
.show-mobile{
display:none;
}
@media(max-width:768px){
.show-mobile{
display:block;
}
.hide-mobile{
display:none;
}
}
div#homeBrands .owl-item{
max-width:unset !important;
margin-right:0 !important;
}
div#homeBrands .owl-item img{
max-width:unset !important;
width:unset !important;
}
.st-menu ul li ul.navPage-subMenu-list>li:last-child{
padding-bottom:10px;
}
.st-menu a.navPage-subMenu-action.navPages-action{
font-size:16px !important;
}
.st-menu ul li.hasMegamenu.hasSub>.subMegaMenu ul>li.hasSub>ul>li>a{
margin:0;
padding:10px 0;
font-size:16px;
}
div#Header {
background:#fff !important;
}
div#Header .header-logo{
padding:0 !important;
}
#Header>.inner .header-logo a{
background:none !important;
width:unset !important;
height:unset !important;
background-color:#fff !important;
}
#Header>.inner .header-logo #LogoImage{
display:block !important;
}
.header {
background:#fff !important;
}
body.page-type-cart .cart-additionalCheckoutButtons,
.previewCart .cart-additionalCheckoutButtons,
.previewCartCheckout-additionalCheckoutButtons{
display:none !important;
}
#mobile-search-toggle svg{
width:40px;
height:30px;
top: -5px;
position: absolute;
left: 0;
}
img.header-logo-image {
max-width:unset !important;
}
.st-menu ul li ul.navPage-subMenu-list>li{
margin:0;
padding:10px 20px;
box-sizing:border-box;
float:left;
width:100%;
}
.st-menu ul li ul.navPage-subMenu-list>li.hasSub>.toggle-close, .st-menu ul li ul.navPage-subMenu-list>li.hasSub>.toggle-expand{
right:20px;
}
.st-menu ul li ul.navPage-subMenu-list>li:nth-child(even) {background: #CCC}
.st-menu ul li ul.navPage-subMenu-list>li:nth-child(odd) {background: #efefef }
.st-menu ul li ul.navPage-subMenu-list>li a,
.st-menu>ul>li>a{
color:#000;
}
.form-minMaxRow .form-field {
float:left;
clear:both;
margin-bottom:5px;
width:100% !important;
}
.form-field--error .form-inlineMessage {
color: #ff7d7d;
font-size: 12px;
margin-bottom: 2px;
line-height: 14px;
}
#facetedSearch-navList .accordion-content>ul.navList li a, .facetedSearch-navList a.toggleLink span.toggleLink-text{
font-size:12px;
}
.swx-custom label.form-label.form-label--alternate.form-label--inlineSmall {
font-weight:800;
font-size:15px;
}
.productOptions-list-item+.productOptions-list-itemt{
border:0;
}
li.productOptions-list-item {
float:left;
}
.productOptions-list-item-content {
float:left;
clear:both;
}
.productOptions-list-item-figure{
width:100px;
display:block;
margin:0 auto;
text-align: center;
float:none;
margin-bottom:10px;
}
.productOptions-list-item-content label.form-label {
font-size:14px;
text-align:left;
}
li.productOptions-list-item:nth-child(1) {
display:none;
}
.facetedSearch-refineFilters.sidebarBlock li{
margin:0;
float:left;
clear:both;
}
.facetedSearch-refineFilters.sidebarBlock li a{
background:#fff;
color:#000;
}
.accordion-content{
padding:10px 0 !important;
float:left;
}
.facetedSearch-navList .accordion--navList .accordion-navigation-actions{
float:left;
left:0;
right:0;
margin-right:20px;
}
div#facetedSearch-navList h5{
float:left;
margin-left:20px;
}
.st-menu>ul>li:last-child{
display:none;
}
@media(min-width:1600px){
.swx-custom-megamenu a.navPage-subMenu-action.navPages-action,
.navPages-container li.hasMegamenu>.subMegaMenu .cateArea .swx-custom-megamenu >ul>li>a:hover{
border-bottom:1px solid #ccc !important;
}
.swx-custom-megamenu ul.navPage-subMenu-list {
width:100% !important;
}
.navPages-container li.hasMegamenu>.subMegaMenu .cateArea.swx-custom-megamenu>ul>li{
width:25% !important;
}
#menu .cateArea.swx-custom-megamenu >ul {
border:0 !important;
}
.swx-custom-megamenu a.navPage-subMenu-action.navPages-action:after{
display:none;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu .swx-custom-megamenu li>.navPage-childList{
display:block;
position:relative;
left:0;
column-count: 1;
width: 100%;
box-sizing: border-box;
margin-left: 0;
padding: 0px;
min-height: unset;
}
.swx-custom-megamenu li.navPage-subMenu-item:hover{
background:none;
border-bottom:1px solid #ccc;
}
.remove-sub-subcategory .navPage-childList{
display:none !important;
}
}
.st-menu-open .imageArea {
display:none;
}
@media(max-width:640px){
.hl-top-homepage,
.hide-me-xs{
display:none;
}
div#homeTopBanners .banner-item,
div#homeShopByCategory .banner-item {
width:100% !important;
padding:unset !important;
}
.prod-item .prod-image{
max-height:250px;
overflow:hidden;
}
.prod-item .prod-desc h4.prod-name{
min-height:40px;
}
}
div#swxCatFilter a:hover{
color:#000;
text-decoration:underline;
}
@media(max-width:768px){
.column-item ul {
display:none;
}
.column-item{
border-bottom:1px solid #000;
margin:0 !important;
}
.column-item:nth-child(5){
border:0;
}
.column-item h5{
margin:0 !important;
padding:10px 0;
}
.column-item h5:after{
content:"+";
float:right;
margin-right:10px;
}
.column-item h5.open:after {
content:"-";
float:right;
}
}
.lightwidget-widget {
margin-top:40px;
}
@media(max-width:768px){
.footer-columns .row, .middle-footer .row{
margin:0 !important;
}
}
.hidden{
display:none !important;
}
.promo-page h1,
.promo-page h2,
.promo-page h3{
text-align:center;
}
.template-by img{
margin-left:10px;
}
.promo-page img{
width:100%;
padding: 15px 0;
}
@media(max-width:991px){
.top-footer .container{
padding:0 15px;
}
}
footer .service-item{
font-family:unset;
}
.content-featured p{
font-size:13px;
margin:5px 0;
}
.content-featured h5{
font-weight:900;
font-size:17px;
margin:0;
}
.cateArea-content {
float: left;
width: 100%;
}
li.breadcrumb:nth-child(2) {
display:none;
}
dt.productView-info-name {
min-width:unset !important;
float:left;
font-size:13px;
font-weight:normal;
margin-right:5px;
margin-bottom:20px;
}
dd.productView-info-value {
font-size:13px;
float:left;
margin-bottom:20px;
}
h1.productView-title {
font-size:24px;
font-weight:800;
clear:both;
}
.productView-rating {
font-size:12px;
}
span.productView-reviewLink a{
color:#000 !important;
text-decoration:underline;
font-weight:normal !important;
}
.form-label--alternate{
font-size:15px;
font-weight:normal;
}
.productView .btn.btn-other{
background:#000;
}
.productView .btn.btn-other:hover{
border-color:#f97a2d;
background:#f97a2d
}
div#countdown {
float:left;
font-size:18px;
font-weight:normal;
margin-top:-3px;
font-weight:800;
}
div#countdown small{
font-size:13px;
font-weight:normal;
border-right:1px dotted #000;
padding-right:5px;
margin-right:5px;
margin-left:5px;
}
div#countdown small:nth-child(3){
border:0 !important;
}
.orderBefore{
float:left;
width:100%;
padding:10px 0 20px;
}
.orderBefore img,
.orderBefore strong{
float:left;
}
.orderBefore strong{
margin-left:10px;
margin-right:20px;
font-size:15px;
font-weight:900;
color:#f97a2d;
margin-top:-2px
}
.compare-link {
display:none;
}
div#menu {
padding:0;
}
li.navPages-item.hasMegamenu.hasSub.fullWidth {
padding:10px 0;
}
header.header .header-middle .header-logo{
margin-top:5px;
}
.navPages-container nav ul.navPages-list>li>a.has-subMenu {
pointer-events: none;
}
div#homeShopByCategory .tabs-contents{
margin-bottom:0;
}
.swx-shopbytheme-button:nth-child(6){
padding-right:0;
}
.swx-shopbytheme-button:nth-child(5){
padding:0 !important;
}
.swx-shopbytheme-button:nth-child(4){
padding-left:0 !important;
}
div#homeShopByCategory .tab.is-active{
margin-bottom: 10px;
}
.swx-shopbytheme-button{
margin-bottom:10px;
float:left;
}
.form-select{
background-color:#fff;
}
div#homeShopByCategory .tab-content.has-jsContent.is-active{
padding:0;
}
.navPages-container nav ul.navPages-list>li>a {
padding: 15px 10px 30px 10px !important;
}
div#swxCatFilter {
padding:0;
}
div#facetedSearch-content--SWX {
padding:0;
}
@media(min-width:678px){
div#swxCatFilter .accordion-navigation-actions {
display:none;
top: 3px !important;
}
}
div#swxCatFilter .accordion-navigation .accordion-title{
padding:0 !important;
}
div#facetedSearch-content--Categories {
padding:0;
}
div#swxCatFilter .accordion-navigation .accordion-title{
padding:10px 0 20px !important;
}
#swxCatFilter {
width:100%;
}
#swxCatFilter .accordion-navigation{
border:0 !important;
}
#product-listing-container{
width:100%;
float:left;
}
div#sidebar-toggle {
display:none !important;
}
@media(min-width:768px){
div#facetedSearch .alert{
display:none;
}
.sidebarBlock .side-module-heading{
padding:0;
margin:0;
}
.sidebarBlock {
margin: 0;
}
.accordion--navList .accordion-content{
max-width:130px;
}
.facetedSearch-refineFilters.sidebarBlock {
float:left;
width:15%;
margin:0;
padding:22px 20px;
}
div#facetedSearch-navList {
float:left;
width:85%;
}
.accordion-block {
float:left;
clear:none !important;
padding: 0 20px;
width:auto;
margin: 0;
position: relative;
}
.facetedSearch-navList .accordion--navList .accordion-navigation-actions {
right: -20px;
top: -2px;
}
div#faceted-search-container {
background:#fff;
padding:0;
margin-bottom:20px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}
div#faceted-search-container .accordion.accordion--navList {
margin:0;
}
}
.product-pagination {
text-align: center;
margin-bottom: 15px;
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 20px !important;
}
.hl-heroCarousel{
padding:0;
}
div#homeShopByCategory .tabs,
div#homeShopByCategory .tab,
div#homeShopByCategory .tab.is-active{
border:0 !important;
}
div#homeShopByCategory li.tab.is-active a{
background: #272727 !important;
color: #fff;
border: 1px solid #272727;
}
div#homeShopByCategory .swx-shopbytheme-title a{
pointer-events: none;
cursor: default;
}
.triangle-with-shadow::before{
display:none;
}
.navPages-container nav ul.navPages-list a:hover span.triangle-with-shadow {
display:block !important;
width:100%;
background:#f97a2d;
color:#f97a2d;
margin-top:5px;
height:3px;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList li{
font-size:13px;
padding:2px 0;
}
#footer-wrapper{
float:left;
width:100%;
}
@media(max-width:992px){
div#bottom-footer .col-md-4.col-sm-12 {
margin-bottom:10px;
}
li#currency-converter {
float:right;
}
}
#homeBottomBanners .row {
margin:0;
width:100%;
box-sizing:border-box;
}
div#homeBottomBanners .col-sm-6:nth-child(1) {
padding-right: 7.5px;
padding-left:0;
}
div#homeBottomBanners .banner-item {
padding:0;
}
div#homeBottomBanners .col-sm-6:nth-child(2){
padding-right:0;
}
div#homeBottomBanners img{
width:100%;
float:left;
box-sizing:border;
}
.social-icons li{
padding:5px 20px;
}
.social-icons li:last-child{
padding-right:0;
}
#footerSubcribeForm>h5{
font-size:18px !important;
}
.footer-columns .column-item ul li{
padding:5px;
}
.footer-columns, .footer-columns .column-item ul li a{
font-weight:400;
}
.footer-columns .column-item.column-item-shop ul li:last-child{
margin:0;
}
.footer-payment-icons {
padding:20px 0;
}
.footer-payment-icons img{
padding-bottom:10px;
}
@media(max-width:1200px){
.footer-columns .row, .middle-footer .row{
margin:0;
}
.footer-columns .column-item{
width:20% !important;
box-sizing: border-box;
float: left;
word-wrap: break-word;
}
}
@media(max-width:768px){
.footer-columns .column-item{
width:100% !important;
padding:0 15px;
}
.footer-columns .row, .middle-footer .row{
margin:0;
}
}
.footer-columns .column-item.column-item-shop ul li:last-child a{
border:0;
padding:0;
color:#000;
font-weight:400;
}
.footer-columns .column-item.column-item-shop ul li:last-child a:hover {
background:none;
color:#000;
}
.instagramContainer .row{
margin:0 !important;
}
div#instagramBox .row{
margin:0;
}
@media(max-width:992px){
.top-footer.wow.fadeIn .container{
padding:0 15px;
}
.top-footer .service-item{
border-right:0 !important;
min-height:70px;
}
}
@media(max-width:640px){
span.little-text {
text-align: center;
width: 100%;
}
.top-footer .service-item{
display:block !important;
float:none;
text-align:center;
width: 100%;
border-right: 0;
}
}
a#back-to-top {
display:none;
}
.footer-columns .column-item{
width:27%;
padding:0;
}
.column-item:nth-child(4){
width: 18%;
}
.column-item:nth-child(2), .column-item:nth-child(3){
width:20%
}
.column-item:nth-child(5){
width: 14%;
}
#main-footer h5{
font-size:14px;
}
.middle-footer .row,
.footer-columns .row{
margin:0 50px;
}
.middle-footer .row{
border-bottom: 1px solid #e7e7e7;
}
.middle-footer .container{
border:0;
}
div#instagramBox {
margin-bottom:70px;
}
.instagramContainer p{
font-size:17px;
font-weight:700;
float:left;
margin:15px 30px 15px 0;
}
.instagramContainer a.btn.button {
float:right;
border: 1px solid #000;
padding: 10px;
border-radius: 5px;
max-width:215px;
width:100%;
height:35px;
margin-top:5px
}
.instagramContainer a img{
text-align:center;
float:left;
}
.instagramContainer iframe{
margin-top:65px;
}
@media(max-width:1200px){
.instagramContainer p,
.instagramContainer a.btn.button,
.instagramContainer a img,
.instagramContainer a{
width:100%;
text-align:center;
float: none;
clear:both;
margin:0 auto;
display:block;
margin-bottom:15px;
}
.instagramContainer a img{
width:auto !important;
}
}
@media(max-width:768px){
.instagramContainer .row{
margin:0;
}
}
div#homeBottomBanners .col-sm-6:nth-child(2){
padding-left:7.5px;
}
div#homeBottomBanners .col-sm-6:nth-child(1){
padding-right:7.5px;
}
div#homeBottomBanners .col-sm-6:nth-child(1) .row:nth-child(2) .banner-item{
margin:0;
}
div#homeTabs {
margin-bottom:70px;
}
@media(max-width:1024px){
#homeBrands .owl-nav>div.owl-next{
right:-10px !important;
}
#homeBrands .owl-nav>div.owl-prev{
left:-10px !important;
}
}
#homeBrands .owl-nav>div.owl-prev{
left:-45px;
font-weight:900;
color:#c0c0c0;
}
#homeBrands .owl-nav>div.owl-next{
right:-45px;
font-weight:900;
color:#c0c0c0;
}
.hl-top-homepage .owl-nav {
display:none;
}
#homeTabs .owl-carousel{
width:92%;
margin:0 auto !important;
}
p.prod-brand {
display:none;
}
.prod-item .prod-image{
margin-bottom:20px;
}
.prod-item .prod-desc h4.prod-name{
font-size:15px;
line-height:18px;
font-family:unset;
}
.prod-item .prod-desc .prod-price{
font-family:unset;
}
#homeTabs .tab-content.has-jsContent.is-active{
padding:0;
}
div#homeTabs .tabs-contents{
margin-bottom:0 !important;
}
@media(max-width:768px){
div#homeBottomBanners .row{
margin:0
}
div#homeBottomBanners .banner-item{
padding:0
}
div#homeShopByCategory .col-sm-6:nth-child(2) a img,
div#homeBottomBanners .col-sm-6:nth-child(2) a img{
width:100% !important;
}
div#homeShopByCategory .col-sm-6:nth-child(1),
div#homeShopByCategory .col-sm-6:nth-child(2),
div#homeBottomBanners .col-sm-6:nth-child(1),
div#homeBottomBanners .col-sm-6:nth-child(2){
padding:0 !important;
}
div#homeShopByCategory .col-sm-6:nth-child(2),
div#homeBottomBanners .col-sm-6:nth-child(2){
float:left;
margin-top:15px;
}
}
div#homeShopByCategory {
margin-bottom:40px;
}
div#homeShopByCategory .col-sm-6 .row:nth-child(4) .banner-item{
margin-bottom:0 !important;
}
div#homeShopByCategory .col-sm-6:nth-child(1){
padding-left:0;
padding-right:10px;
}
div#homeShopByCategory .col-sm-6:nth-child(2){
padding-left:10px;
padding-right:0;
}
.swx-shopbytheme-button:nth-child(1){
padding-left:0;
}
.swx-shopbytheme-button:nth-child(3){
padding-right:0;
}
div#homeShopByCategory .banner-item:nth-child(1){
padding-left:0 !important;
}
div#homeShopByCategory .banner-item:nth-child(2){
padding-right:0 !important;
}
div#homeShopByCategory .banner-item{
padding:0 7.5px;
margin:7.5px 0;
}
@media(max-width:1200px){
.swx-shopbytheme-button,
.swx-shopbytheme-button:nth-child(2){
padding:0 !important;
}
}
#homeBrands>.container {
max-width:1345px;
}
#homeBrands .owl-carousel{
width:92%;
margin:0 auto !important;
}
.page-type-default .owl-carousel .owl-nav>div{
opacity:1;
}
.owl-carousel .owl-item img{
width:100% !important;
}
#homeBrands{
margin-bottom:30px !important;
}
div#homeTopBanners p:last-child{
margin:0 !important;
}
.header-top{
line-height:12px;
}
body{
font-size:14px;
font-family:'Lato', sans-serif !important;
}
div#homeTopBanners h2{
margin-top:0;
font-size:22px;
}
.banner-item img {
width:100%;
}
.row.tow-banner-first {
margin:0 !important;
}
div#homeTopBanners .banner-item:nth-child(1){
padding-left:0;
padding-right:7.5px;
}
div#homeTopBanners .banner-item:nth-child(2){
padding-right:0;
padding-left:7.5px;
}
div#homeTopBanners .banner-item{
margin-bottom:15px;
}
.newsletter-popup-inner{
max-width:600px;
}
.newsletter-popup-inner .newsletter-left{
width:100%;
}
.hl-top-homepage{
padding:0 !important;
margin-bottom:15px !important;
}
.page-type-default header.header{
margin-bottom:5px;
}
#bottom-footer{
padding:35px 0;
}
body,
a,
p,
strong,
h1,
h2,h3,h4,h5,h6{
font-family: 'Lato', sans-serif !important;
}
a:focus, a:hover{
color:#f97a2d;
}
div#maintenance-notice {
display:none !important;
}
.heroCarousel{
margin-bottom:0;
}
@media(min-width:1200px){
.container {
max-width: 1375px;
width:100%;
}
}
.header-middle{
padding:0;
}
.header-top{
padding:10px 0;
}
.header-top-left,
.header-top-right{
float:left;
}
.navPages-container,
.header-middle-right{
padding:15px 0;
}
.banner-item::before{
display:none;
}
.swx-shopbytheme-button {
border-radius:5px;
text-align:center;
margin-bottom:10px;
padding:0 10px;
}
.swx-shopbytheme-button a {
background:#f5f5f5;
float:left;
text-align:center;
padding:15px;
width:100%;
border-radius:5px;
font-size:15px;
border:1px solid #e5e5e5;
color:#000;
font-weight:600;
}
.swx-shopbytheme-button a:hover {
background:#272727;
color:#fff;
border:1px solid #272727;
}
div#homeShopByCategory .row{
margin:0;
float: left;
width: 100%;
box-sizing: border-box;
}
.swx-shopbytheme-title a {
font-size:16px;
background:none;
border:none;
font-weight:600;
}
.swx-shopbytheme-title a:hover {
color:#000;
background: none;
border: 0;
}
.swx-shopbytheme-button:nth-child(2) {
padding:0;
}
.page-type-default #homeBrands>.container {
border-top: 1px solid #eee;
}
div#homeBottomBanners .banner-item{
margin-bottom:13px;
}
div#homeTabs .row{
padding:0;
margin:0;
box-sizing:border-box;
}
div#homeTabs .tabs{
border-top:1px solid #eeeeee;
border-bottom:0;
}
div#homeTabs .tab.is-active{
border:0;
background:#f97a2d;
}
div#homeTabs .tab.is-active .tab-title{
color:#fff;
font-weight:600;
}
div#homeTabs .tab-title {
font-size:16px !important;
font-weight:normal;
padding:15px;
color:#000;
text-align:center;
}
div#homeTabs .tab{
width:185px;
}
#homeFeaturedProducts.module-wrapper .productCarousel, #homeNewProducts.module-wrapper .productCarousel,
#homeFeaturedProducts.module-wrapper, #homeNewProducts.module-wrapper{
margin:0;
}
div#homeTabs .tabs-contents{
margin-bottom:50px;
border-bottom:1px solid #eee;
}
div#InstagramGallery {
border:0;
background:none;
}
.top-footer .service-item{
border-top:1px solid #eee;
border-right:1px solid #eee;
}
.top-footer{
background:#fff;
}
span.little-text {
font-size:11px;
font-weight:400;
margin-top:-5px;
float:left;
}
.service-item img{
margin-right:5px;
}
.footer-payment-icons img{
float:left;
text-align:left;
}
.footer-payment-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: left;
justify-content: left;
-ms-flex-align: left;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 0 0;
}
@media(min-width:992px){
.footer-copyright {
text-align:left;
float:left;
}
.template-by {
float:right;
}
.container{
padding-left:15px;
padding-right:15px;
}
body.is-sticky header.header{
animation-duration:0.3s;
}
}
@media(max-width:992px){
.row.swx-row {
display:none;
}
.category-image {
display:none;
}
}
.service-item {
color: #000;
font-size: 13px;
font-weight: 600;
float: left;
padding: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.row.swx-row {
border-top:1px solid #eee;
padding:0;
margin:0;
border-bottom:1px solid #eee;
}
.breadcrumbs .breadcrumb .breadcrumb-label, .breadcrumbs .breadcrumb .breadcrumb-label.is-active, .breadcrumbs .breadcrumb .breadcrumb-label:hover {
color: #000;
}
.page-heading{
font-size:27px;
}
.category-heading .page-heading{
border:0;
}
.category-description{
font-size:15px;
}
aside#faceted-search-container {
background:#f8f8f8;
padding: 20px 0;
box-sizing:border-box;
float:left;
}
.page.row {
margin-top:20px;
}
.header-middle #menu {
width: calc(100% - (200px + 300px));
}
.header-middle .header-middle-right{
width:300px;
}
@media(max-width:1023px){
div#st-trigger-effects {
width:10%;
float:left;
padding:35px 0;
}
#st-trigger-effects a{
border:0;
}
img.header-logo-image {
max-width:unset !important;
display:block;
margin:0 auto;
text-align:center;
}
.header-middle .container {
padding:0;
}
.header-logo{
width:75% !important;
text-align:center;
margin: 0;
display: block;
float: left;
max-width: unset !important;
}
.header-middle .header-middle-right{
max-width:unset;
width:15%;
border: 0;
padding:30px 0;
box-sizing: border-box;
margin-top: 0;
}
#quickSearch{
padding:20px 10px;
}
}
#st-trigger-effects{
padding:15px 0;
}
.header-middle .container,
div#menu,
.navPages-container li.hasMegamenu.fullWidth {
position:unset !important;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu{
max-width:100%;
width:100%;
border:0;
top:70px;
margin:0;
box-shadow:0 0 0 ;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu .container {
max-width:1350px;
display:block;
margin:0 auto;
padding:30px;
box-sizing:border-box;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList{
display:none;
}
#menu .cateArea>ul{
float:left;
width:260px;
border-left:1px solid #eee !important;
border-right:1px solid #eee !important;
list-style:none;
}
@media(min-width:1600px){
a.navPage-subMenu-action.navPages-action:after {
content:">";
float:right;
font-size:20px;
}
}
a.navPage-subMenu-action.navPages-action{
font-size:14px !important;
}
.navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li{
padding:10px;
font-size:14px;
width:100% !important;
}
li.navPage-subMenu-item:hover {
background:#eee;
color:#000;
}
a.navPage-subMenu-action.navPages-action{
font-size:14px !important;
}
a.navPage-subMenu-action.navPages-action:hover{
color:#000 !important;
}
.navPages-container li.hasMegamenu>.subMegaMenu .cateArea>ul>li>a:hover>span{
border:none;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu li>.navPage-childList{
position: absolute;
left: 21%;
column-count: 3;
width: 60%;
box-sizing: border-box;
margin-left: -5px;
padding: 20px 50px;
min-height:500px;
}
.navPages-container nav ul.navPages-list>li>.navPage-subMenu ul>li {
position: unset;
}
.navPages-container li.hasMegamenu.fullWidth>.subMegaMenu{
padding:0;
}
.navPages-container li.hasMegamenu.fullWidth>.subMegaMenu .container {
position: relative !important;
width: 100%;
min-height: 570px;
}
@media(max-width:767px){
#homeTopBanners .banner-item{
width:50% !important;
}
a.facetedSearch-toggle.toggleLink{
background:black;
color:#fff;
}
.hide-mobile{
display:none;
}
.show-mobile{
display:block;
}
.accordion.accordion--navList {
background: #000;
}
div#facetedSearch-navList h5{
width:100%;
box-sizing: border-box;
background: #fff;
box-sizing: border-box;
float: left;
text-align:center;
}
.accordion-content{
padding:10px !important;
}
.accordion--navList, .accordion-content{
background:#fff;
width:100%;
}
div#facetedSearch-navList h5{
margin-left:0;
}
.facetedSearch-navList .accordion--navList .accordion-navigation-actions{
left:5px;
}
}
.instagramContainer {
max-width: 1024px;
display: block;
margin: 0 auto;
width: 100%;
}
.hl-top-homepage{
overflow:hidden;
padding:0 40px;
@media(min-width:768px){
.hl-shop-by{
&.col-sm-12{
max-width:100%;
width:100%;
.home-shop-by-block{
margin:0 -15px;
& > h4{
margin-left:15px;
margin-right:15px;
}
}
.item-img{
width:33%;
display:inline-block;
padding:0 15px;
}
}
}
}
@media(min-width:1700px){
max-width:100%;
margin:0 auto;
.hl-shop-by{
width:auto;
max-width:430px;
}
.hl-heroCarousel.box{
width:calc(100% - 430px);
}
}
@media(min-width:1200px){
.container{
width:100%;
}
}
@media(max-width:1199px){
padding:0;
& > .container{
width:100%;
}
.hl-shop-by,
.hl-heroCarousel{
width:100%;
float:none;
}
.hl-heroCarousel{
padding:0;
}
@media(min-width:992px){
.hl-shop-by {
max-width:970px;
margin:0 auto;
float:none;
clear:both;
}
}
}
}
.home-shop-by-block{
padding:15px 0 5px;
h4{
text-transform:uppercase;
font-size:$fontSize-base + 4px;
position:relative;
padding:0 0 8px;
margin:0 0 20px;
display:block;
font-weight:600;
&:before{
position:absolute;
bottom:0;
left:0;
width:45px;
height:2px;
content:"";
background:stencilColor('color-textHeading');
}
@media(max-width:767px){
display:none;
}
}
.item-img{
margin-bottom:15px;
overflow:hidden;
& a {
position: relative;
display: block;
text-align: center;
&::before {
background-color: rgba(255, 255, 255, 0.2);
display: block;
width: 100%;
height: 100%;
left: -100%;
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
content: "";
z-index: 1;
}
&:hover::before {
left: 0;
}
}
}
@media(min-width:768px) and (max-width:1199px){
margin:0 -15px;
h4{
margin-left:15px;
margin-right:15px;
}
.item-img{
width:33%;
padding:0 15px;
display:inline-block;
}
}
}
#homeTopBanners{
margin-bottom:30px;
}
#homeTopBanners,
#homeBottomBanners{
@media(max-width:767px){
text-align:center;
.banner-item{
width:auto;
display:inline-block;
margin-left:auto;
margin-right:auto;
&.banner-itemCarousel{
width:100%;
text-align:center;
.item{
width:auto;
display:inline-block;
}
}
}
}
}
.account{
.form-field-group{
border:none;
padding:0;
}
}
.theme-faqs{
& > p{
& > a{
color:stencilColor('color-textLink--hover');
}
}
.accordion {
border:none;
box-shadow:none;
overflow:hidden;
margin-top:27px;
h3.panel-title{
margin:0 0 15px;
background:stencilColor('body-bg') - #0a0a0a;
border-radius:4px;
-moz-border-radius:4px;
font-size:$fontSize-base + 1px;
font-weight:600;
overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position:relative;
& > span{
width:36px;
text-align:center;
font-size:13px;
color:#fff;
display:inline-block;
margin:0 auto;
line-height:1.25;
font-weight:600;
position:relative;
z-index:10;
}
&:after{
position:absolute;
left:0;
top:0;
bottom:0;
background:stencilColor('color-textHeading');
width:36px;
content:"";
z-index:0;
border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
}
& > a{
position:relative;
padding:9px 10px 8px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width:calc(100% - 36px);
}
&.active{
&:after{
background:stencilColor('color-textBase--hover');
}
}
}
.panel-body{
padding:10px 0 35px;
background:none;
border:none;
overflow:hidden;
margin:0;
.alpha{
width:36px;
height:36px;
border:1px solid stencilColor('color-textBase--hover');
color:stencilColor('color-textBase--hover');
float:left;
margin-right:15px;
text-align:center;
line-height:36px;
border-radius:4px;
-moz-border-radius:4px;
font-size:$fontSize-base + 1px;
font-family: stencilFontFamily('body-secondary-font'), Arial, Helvetica, sans-serif;
font-weight:600;
}
.panel-right{
width:calc(100% - 51px);
float:left;
}
p:last-child{
margin-bottom:0;
}
}
}
.bottom-theme-faqs{
text-align:right;
font-size:$fontSize-base + 1px;
font-family: stencilFontFamily('body-secondary-font'), Arial, Helvetica, sans-serif;
a.btn{
margin-left:25px;
@media(max-width:470px){
margin-top:20px;
}
}
}
}
/*Halo Express Order*/
#haloExpressOrderLayout {
& form[data-product-compare] {
& ul.productList {
margin: 0;
& > li {
padding:30px 25px;
margin: 0;
border-bottom: 1px dotted stencilColor('color-textBase') + #afafaf;
&:hover{
background:stencilColor('body-bg') - #070707;
}
@media(max-width:1199px){
padding:30px 0;
}
}
}
}
& article {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
margin:0;
@media (max-width: 480px) {
flex-wrap: wrap;
}
& .listItem-figure {
width: 130px;
margin: 0;
padding:0;
.listItem-image{
width:auto;
}
@media (max-width: 480px) {
width:100%;
margin-bottom:15px;
text-align:center;
}
}
& .listItem-body {
width: calc(100% - 130px);
padding: 0 0 0 30px;
@media (max-width: 480px) {
width: 100%;
padding-left: 0;
}
& .listItem-content {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
@media (max-width: 767px) {
flex-wrap: wrap;
}
& .listItem-details {
width: 30%;
padding:0;
@media (max-width: 767px) {
width: 100%;
}
.listItem-sku{
display:block;
margin-bottom:2px;
.productView-info-name,
.productView-info-value{
display:inline-block;
float:none;
margin-bottom:5px;
}
.productView-info-name{
min-width:15px;
}
}
}
& .listItem-actions {
width: 70%;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
@media (max-width: 767px) {
width: 100%;
flex-wrap: wrap;
}
& .listItem-price {
width: 200px;
text-align: center;
padding:0 15px;
margin:0;
@media (max-width: 767px) {
width: 100%;
text-align: left;
padding: 0;
padding-bottom: 15px;
}
}
& .addtocart-box {
width: calc(100% - 200px);
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
align-items: start;
& > .form-field {
width: 180px;
padding:0 15px;
text-align:center;
@media (max-width: 991px) {
width: 100%;
padding-right:0;
}
}
.last-addtocart-box{
width: calc(100% - 180px);
padding-left:15px;
& > .btn{
display:block;
&:hover{
background:stencilColor('color-textBase--hover');
border-color:stencilColor('color-textBase--hover');
color:#fff;
}
}
.form-field{
margin-bottom:15px;
&[data-product-attribute="swatch"]{
margin-bottom:6px;
}
}
[data-product-attribute] .form-option{
vertical-align:top;
padding:0;
display:table;
float:left;
text-align:center;
box-shadow: none!important;
vertical-align:top;
table-layout:fixed;
& > span{
display:table-cell;
vertical-align:middle;
z-index:10;
background:#f5f5f5;
padding:0 10px;
font-size:$fontSize-base;
text-transform:uppercase;
font-weight:700;
}
.form-option-expanded{
display:none;
}
}
@media (max-width: 991px) {
width:100%;
}
}
@media (max-width: 991px) {
flex-wrap: wrap;
}
@media (max-width: 767px) {
width: 100%;
.form-field,
.last-addtocart-box{
padding-left:0;
}
}
& > div[class*="data-product-option-"] {
max-width: 240px;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: start;
@media (max-width: 991px) {
width: 100%;
}
& > a {
order: 2;
width: 100%;
margin: 0;
&:hover {
border-color: #000000;
}
}
}
& > .alert {
width: 100%;
}
& > a {
width: calc(100% - 170px);
max-width: 240px;
@media (max-width: 991px) {
width: 100%;
}
&:hover {
border-color: #000000;
}
}
& .form-increment {
& .form-input--incrementTotal {
margin: 0 -4px;
}
& button {
width: 36px;
height:36px;
& .icon {
width: 100%;
height: 100%;
}
}
}
}
}
}
a[data-reveal-id=modal-size-chart-form]{
display:none;
}
}
}
& .halo-express-bottom {
padding: 20px 15px;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-between;
align-items: center;
@media (max-width: 767px) {
justify-content: center;
flex-wrap: wrap;
}
& > .product-pagination {
width: 70%;
padding: 0;
margin: 0;
@media (max-width: 767px) {
width: 100%;
}
& > .pagination {
width: auto;
@media (max-width: 767px) {
width: 100%;
}
}
}
& > a {
min-width: 240px;
background-color: #e82b1a;
border-color: #e82b1a;
margin: 0;
@media (max-width: 767px) {
order: -1;
margin-bottom: 15px;
width: 100%;
}
&:hover {
background-color: #000000;
border-color: #000000;
color: #fff;
}
}
}
.express-order{
.form-data-product{
clear:both;
overflow:hidden;
}
.bottom-form-data-product{
padding:30px 0;
text-align:center;
overflow:hidden;
.pagination{
display:inline-block;
margin-right:-270px;
padding:13px 0;
@media (min-width:768px) and (max-width:1199px){
float:left;
margin-right:0;
}
@media(max-width:767px){
margin-right:0;
display:block;
text-align:center;
padding:0 0 20px;
}
}
& > a.btn{
float:right;
min-width:270px;
@media(max-width:767px){
float:none;
display:inline-block;
}
}
}
}
}
.modal-express-order{
padding:0 10px;
& > h4{
font-size:$fontSize-base + 1px;
text-transform:none;
font-weight:600;
margin:-15px 0 0;
text-align:center;
border-bottom:1px dotted $color-border-page - #121212;
padding:0 0 15px;
}
.previewCart{
padding:30px 0;
float:none;
overflow:hidden;
.productView{
padding-left:0;
.previewCartList{
max-height:100%;
li{
padding:0;
margin-bottom:30px;
border-bottom:1px dotted $color-border-page - #080808;
&:first-child{
padding-top:0;
}
&:last-child{
margin-bottom:0;
border:none;
}
.productView-info{
margin:0;
.productView-info-name,
.productView-info-value{
margin-bottom:10px;
}
}
}
}
}
.previewCartCheckout{
.previewCartCheckout-subtotal{
margin-left:0;
margin-bottom:0;
list-style:none;
.cart-total {
& + .cart-total{
border-top-color:stencilColor('color-textBase') + #afafaf ;
}
}
.cart-total-label{
strong{
font-weight:400;
}
}
}
& > h3{
font-family: stencilFontFamily("body-font"), Arial, Helvetica, sans-serif;
font-size: fontSize("base");
font-weight:400;
margin: 0 0 15px;
padding: 15px 0 0;
border-top: 1px solid stencilColor('color-textBase') + #afafaf ;
}
}
}
}
/*Halo Advanced Image Swap*/
.prod-item {
.product-color-img{
display:block;
clear:both;
width:100%;
margin:20px 0 8px;
@media(max-width:767px){
display:none;
}
span.showmore{
cursor:pointer;
}
}
& [data-product-option-change] {
& > div[data-product-attribute="swatch"] {
text-align: center;
& .form-option {
width: 8px;
height: 8px;
margin: 0 2px;
-moz-box-shadow: none;
box-shadow: none;
display:inline-block;
float:none;
vertical-align: middle;
& > span {
z-index: 0;
box-shadow: none;
-moz-box-shadow: none;
border-radius: 50%;
display:block;
padding:0;
&.form-option-expanded{
display:none!important;
}
&[style="background-color: #ffffff"]{
border:1px solid #d1d1d1;
}
}
@media(max-device-width:1023px){
width:12px;
height:12px;
}
&:after{
display:none;
}
}
}
}
}
.countDowntimer{
color:#f04723;
font-size:$fontSize-base + 1px;
font-weight:700;
margin-top:-3px;
svg{
width:17px;
height:20px;
margin-right:5px;
fill:#e63c1e;
display:inline-block;
vertical-align:-3px;
}
}
.lookbook{
.black-icons{
border-bottom:1px solid stencilColor('color-textBase') + #c1c1c1;
text-align:right;
padding:15px 0 10px;
}
.lookbook-bottom{
text-align:center;
padding-top:25px;
}
.owl-nav{
& > div{
&:before{
font-size:22px;
font-weight:900;
color:#c0c0c0 !important;
}
&.owl-prev{
&:before{
content: "\f053";
}
}
&.owl-next{
&:before{
content: "\f054";
}
}
@media(min-width:1024px){
&.owl-prev{
left:-35px !important;
}
&.owl-next{
right:-35px !important;
}
}
}
}
}
.sitemap,
ul.all-categories-list{
ul {
list-style: none;
margin:0;
}
}
.page-sitemap{
padding-top:15px;
}
.sitemap{
& > ul{
& > li{
border-bottom:1px solid stencilColor('color-textBase') + #c1c1c1;
padding:0 0 25px;
margin: 0 0 30px;
&:last-child{
border:none;
padding-bottom:0;
margin-bottom:0;
}
& > ul{
& > li{
& > a{
font-size: $fontSize-base + 1px;
font-weight: 600;
}
&:first-child{
padding-top:0;
& > a{
margin-top:0;
}
}
& > ul{
& > li{
& > a{
font-weight: 400;
color:stencilColor('color-textLink--hover');
&:hover{
color: stencilColor('color-textBase');
}
}
& > ul{
padding-left:15px;
li{
padding:3px 0;
a{
color: stencilColor('color-textBase');
margin:3px 0;
}
}
}
}
}
}
}
ul{
li{
padding:0;
padding:5px 0 4px;
a{
margin:4px 0;
display:inline-block;
}
&:last-child{
padding-bottom:0;
& > a{
margin-bottom:0;
}
}
}
}
&:last-child{
& > ul{
& > li{
& > a{
color:stencilColor('color-textBase') - #323232;
font-weight:400;
&:hover{
color: stencilColor('color-textLink--hover');
}
}
}
li.show_all_link{
& > a{
color:stencilColor('color-textLink--hover');
&:hover{
color:stencilColor('color-textBase');
}
}
}
}
}
}
}
h3{
font-size:$fontSize-large - 1px;
font-weight: 700;
text-transform:uppercase;
margin:0 0 10px;
padding:0 0 10px;
line-height:1.1;
}
}
@media(max-width:479px){
.productCarousel{
.owl-nav{
& > div{
top:35%;
}
}
}
}
.rss-syndication{
& > h2{
font-size:$fontSize-large;
border-top:1px dotted $color-border-page;
margin:25px 0 10px;
padding:25px 0 0;
}
}
.only-show-custom{
display:none;
list-style:none;
padding:0;
margin:0;
float:right;
padding-top:9px;
li{
padding:0 15px;
display:inline-block;
&#accountDropdown,
&.hl-myaccount{
& > a{
display:block;
margin-top:-9px;
padding:8px 12px;
border:1px solid stencilColor('headerTop-borderBottom');
border-radius:3px;
}
}
}
}
@media (min-width:1024px) and (max-width:1600px){
#st-trigger-effects{
display:block!important;
float:left;
width: auto;
margin: 4px 30px 0 0;
a{
border:none;
svg{
width:22px;
height:30px;
}
}
}
.navPages-container{
display:none;
}
.only-show-custom{
display:inline-block;
}
header.header .header-middle .header-middle-right{
width:auto;
}
.hidden-custom{
display:none!important;
}
}
@media(max-width:1023px){
.header-middle .header-middle-right > div,
.header-top nav.navUser ul li,
.header-top .header-top-left{
display:none;
}
.header-top nav.navUser ul li#currency-converter,
.header-top nav.navUser ul li#mobileAccountSidebar{
display:inline-block!important;
}
}
.banner-section {
display: flex;
margin: 45px -1.07143rem;
}
.banner-section > div {
width: 33.33%;
padding-left: 1.07143rem;
padding-right: 1.07143rem;
}
.banner-section > div > div {
overflow: hidden;
}
.banner-section > div a {
display: block;
}
.banner-section > div span {
position: relative;
display: block;
}
.banner-section > div span::before {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
background: rgba(0,0,0,.4);
opacity: 0;
z-index: 9;
}
.banner-section > div > div:hover span::before {
opacity: 1;
}
.banner-section > div img{
width: 100%;
transition: all .5s ease-in-out;
}
.banner-section > div > div:hover img {
opacity: .7;
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05);
transition: all .5s ease-in-out;
}
.middlebanner {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (max-width:1440px) {
.banner-section {
margin-left: -.71429rem;
margin-right: -.71429rem;
}
.banner-section > div {
padding-left: .71429rem;
padding-right: .71429rem;
}
}
@media only screen and (max-width:1023px) {
.banner-section {
margin: 30px -7.5px;
}
.banner-section > div {
padding-left: 7.5px;
padding-right: 7.5px;
}
}
@media only screen and (max-width:666px) {
.banner-section {
margin: 25px 0;
flex-wrap: wrap;
}
.banner-section > div {
width: 100%;
margin: 7.5px 0;
}
.middlebanner > div:not(:first-child) {
margin-top: 15px;
}
}
.Category-tabs .Column.Fifth {
width:25% !important;
}
@media(max-width:1023px){
.Category-tabs .Column.Fifth {
width:50% !important;
}
}
@media(max-width:767px){
.Category-tabs .Column.Fifth {
width:100% !important;
}
}