html, body {margin:0px;padding:0px;width:100%;height:100%;background:#ffffff;color:#555555;font-family: 'Montserrat', Sans-serif;font-size:16px;background:#eeeeee;} body, input, button, select, option, textarea {} #main {width:100%;margin:0px auto;} h1 {font-size:2em;font-weight:bold;margin-top:.5em;margin-bottom:.5em;} h2 {font-size:1.4em;font-weight:bold;} h3 {font-size:1.2em;font-weight:bold;} h4 {font-size:1.1em;font-weight:bold;} img, video {max-width:100%;} a {cursor:pointer;text-decoration:none;color:#555555;} .underline {text-decoration:underline;} hr {border: 0;height: 0;border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);} p {display: block;margin:1em 0em 1em 0em;} .italic {font-style:italic;} .left {float:left;} .right {float:right;} .clear {clear:both;} .half {width:50%;} .textright {text-align:right;} .textleft {text-align:left;} .textcenter {text-align:center;} .onefourth {width:25%;} .onefifth {width:20%;} .onethird {width:33.33%;} .twothirds {width:66.66%;} .twofifths {width:40%;} .threefourths {width:75%;} .threefifths {width:60%;} .fourfifths {width:80%;} .fullwidth {width:100%;} .autowidth {width:auto;} .block {display:block;} .nowrap {white-space:nowrap !important;} .hideoverflow {overflow:hidden !important;} .tbinner {padding-top:15px;padding-bottom:15px;} .lrinner {padding-left:15px;padding-right:15px;} .inner {padding:15px;} .sliminner {padding:5px;} .ml1em {margin-left:1em;} .ml2em {margin-left:2em;} .mlhalfem {margin-left:.5em;} .mr1em {margin-right:1em;} .mrhalfem {margin-right:.5em;} .m5 {margin:5px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt0 {margin-top:0px;} .bold {font-weight:bold;} .mb0 {margin-bottom:0px;} .pt1em {padding-top:1em;} .pt2em {padding-top:2em;} .pt3em {padding-top:3em;} .pb1em {padding-bottom:1em;} .pb2em {padding-bottom:2em;} .pb3em {padding-bottom:3em;} .mt1em {margin-top:1em;} .mt2em {margin-top:2em;} .mt3em {margin-top:3em;} .mb1em {margin-bottom:1em;} .mb2em {margin-bottom:2em;} .mb3em {margin-bottom:3em;} .pad5 {padding:5px;} .pad10 {padding:10px;} .mthalfem {margin-top:0.5em;} .mtquarterem {margin-top:0.25em;} .mbquarterem {margin-bottom:0.25em;} .mbhalfem {margin-bottom:0.5em;} .mt30 {margin-top:30px;} .mb30 {margin-bottom:30px;} .pt30 {padding-top:30px;} .pb30 {padding-bottom:30px;} .h20 {height:20px !important;} .h50 {height:50px !important;} .h80 {height:80px !important;} .h100 {height:100px !important;} .h200 {height:200px !important;} .h250 {height:250px !important;} .h300 {height:300px !important;} .mh50 {min-height:50px;} .img-circle {border-radius: 50%;} .img-icon10 {vertical-align:text-top;height:10px;width:auto;} .img-icon12 {vertical-align:text-top;height:12px;width:auto;} .img-icon14 {vertical-align:text-top;height:14px;width:auto;} .img-icon16 {vertical-align:text-top;height:16px;width:auto;} .img-icon20 {vertical-align:text-top;height:20px;width:auto;} .img-icon24 {vertical-align:text-top;height:24px;width:auto;} .img-icon32 {vertical-align:text-top;height:32px;width:auto;} .img-icon64 {vertical-align:text-top;height:64px;width:auto;} .w250 {width:250px;} .w200 {width:200px;} .w90 {width:90px;} .w100 {width:100px;} .w90p {width:90%;} .w95p {width:95%;} .w100p {width:100% !important;} .w120 {width:120px;} .w80p {width:80%;} .rounded {-moz-border-radius:7px;border-radius:7px;} .rounded-bottom {-moz-border-bottom-left-radius:7px;border-bottom-left-radius:7px;-moz-border-bottom-right-radius:7px;border-bottom-right-radius:7px;} .rounded-top {-moz-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-top-right-radius:7px;border-top-right-radius:7px;} .nomargin {margin:0px;} .nopadding {padding:0px;} .nounderline {text-decoration:none !important;} .valign-top {vertical-align:text-top;} .hover-highlight:hover {background-color:#FFFFCC !important;} .blur {filter: blur(5px);} .noclick {pointer-events: none;cursor: default;} .signin-blur .isproduct { pointer-events: none; cursor: default; -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur"); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '3'); filter: blur(5px); } .bg-red {background-color:#C00000 !important;} .bg-ltgray {background-color:#eeeeee !important;} .bg-ultraltgray {background-color:#F9F8F6 !important;} .bg-white {background-color:#ffffff !important;} .bg-black {background-color:#000000 !important;} .bg-ltblue {background-color:#D5EAFF !important;} .bg-ultraltblue {background-color:#F2F9FF !important;} .bg-darkgreen {background-color:#009740 !important;} .bg-darkblue {background-color:#007297 !important;} .bg-darkred {background-color:#8C0000 !important;} .bg-highlight {background-color:#FFFFCC !important;} .bg-warningicon-topright {background-image:url(/img/warning.png);background-size:16px;background-repeat:no-repeat;background-position:right top;} .bg-warningicon-topleft {background-image:url(/img/warning.png);background-size:16px;background-repeat:no-repeat;background-position:left top;} .bg-lthighlight {background-color:#FFFFF4 !important;} .bg-gray {background-color:#dddddd !important;} .bg-darkgray {background-color:#222222 !important;} .bg-error, .bg-fielderror {background:#FFE6E6 !important;} .bg-warning {background-color:#FFE4CA !important;} .bg-ltgreen {background-color:#F4FFF4 !important;} .bg-ltred {background-color:#FFF2F2 !important;} .bg-ltorange {background-color:#FFFDF2 !important;} .bg-orange {background-color:#FFCC99 !important;} .bg-ok {background:#D7FFD7 !important;} .border-ltgray {border:1px solid #eeeeee !important;} .border-gray {border:1px solid #dddddd !important;} .shadow {box-shadow: 1px 2px 2px #888;} .invert {-webkit-filter: invert(100%);filter: invert(100%);} .grayscale {webkit-filter: grayscale(100%);filter: grayscale(100%);} .grayscale-offhover {webkit-filter: grayscale(100%);filter: grayscale(100%);} .grayscale-offhover:hover {webkit-filter: grayscale(0%);filter: grayscale(0%);} .text-red {color:#C00000;} .text-ltgray {color:#eeeeee;} .text-ultraltgray {color:#F9F8F6;} .text-yellow {color:yellow;} .text-white {color:#ffffff;} .text-highlight {color:#FFFFCC;} .text-black {color:#000000;} .text-ltblue {color:#D5EAFF;} .text-ultraltblue {color:#F2F9FF;} .text-darkblue {color:#007297 !important;} .text-darkgreen {color:#009740;} .text-darkred {color:#8C0000;} .text-medgray {color:#666666;} .text-gray {color:#dddddd;} .text-darkgray {color:#222222;} .text-ltgreen {color:#F4FFF4;} .text-ltred {color:#FFF2F2;} .text-ltorange {color:#FFFDF2;} .text-orange {color:#FFCC99;} .smalltext {font-size:.9em;} .tinytext {font-size:.8em;} .tiniertext {font-size:.75em;} .largertext {font-size:1.1em;} .fineprint {font-size:.6em;} sup {font-size:.6em;vertical-align:text-top;display:block;} ul, ol {margin-left:20px;padding-left:20px;} ul li, ol li {margin-bottom:1em;} ul.noindent {margin-left:0px;padding-left:0px;} ul.noindent li {margin-left:0px;padding-left:0px;} ul.nobullets {list-style-type:none;} ul.inline li {display:inline-block;} ul.iconlist {margin:0px;padding:0px;list-style-type:none;} ul.iconlist li {margin-bottom:2em;} ul.iconlist li .iconlist-icon {width:64px;height:64px;float: left;} ul.iconlist li .iconlist-content {margin-left:94px;} ul.iconlist li .iconlist-content h4 {margin:0px;padding:0px;} ul.menu-links {margin:0px;padding:3px;list-style-type:none;} ul.menu-links li {margin:0px;padding:3px;font-size:.9em;} .header a {color:#ffffff;} .minput {height:28px;border:1px solid #dddddd;padding:3px;color:#666666;-moz-border-radius:4px;border-radius:4px;} select.minput {height:36px;} .tminput {border:1px solid #dddddd;padding:3px;color:#666666;height:150px;width:90%;-moz-border-radius:4px;border-radius:4px;} .button {background-color:#eeeeee;border:0px;padding:1em;cursor:pointer;} .buttonsmall {background-color:#eeeeee;border:0px;padding:.5em;cursor:pointer;} .button-signin {color:#ffffff;background-color:#C00000;} table tr td {padding:2px;} table.grid {border-collapse:collapse;width:100%;} table.grid th {padding:5px;background:#dddddd;font-weight:bold;} table.grid td {border:1px solid #dddddd;padding:5px;} table.grid tr:nth-child(odd) {background-color:#F5F5F5;} table.managestats {width:auto;} table.managestats td {padding:5px;} /* Animated Pagination */ .load-block-container {height:30px;} .load_block{background-color:#FF8080;border:2px solid #CC0000;float:left;height:30px;margin-left:5px;width:8px;opacity:0.1;-webkit-transform:scale(0.7);-webkit-animation-name: animateblock;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: linear;} .load-block_1{-webkit-animation-delay: .3s;} .load-block_2{-webkit-animation-delay: .4s;} .load-block_3{-webkit-animation-delay: .5s;} @-webkit-keyframes animateblock{0%{-webkit-transform: scale(1.2);opacity:1;}100%{-webkit-transform: scale(0.7);opacity:0.1;}} /* Opacity and Transitions and stuff */ .opacity-onefourth {opacity:0.25;} .opacity-half {opacity:0.5;} .opacity-threefourths {opacity:0.75;} /* Tour Tip */ .closetourtip {cursor:pointer;height:16px;display:block;float:right;} #tourtip {position: absolute;margin: 0 auto;padding: 4px;background-color: #FFFFCC;z-index:20000;box-shadow: 1px 2px 2px #888;max-width:960px;margin-right:10px;font-size:.9em;} #tourtip a, #tourtip a:visited {color:#666666;text-decoration:underline;} #tourtip:after, #tourtip::after {position: absolute;top: 15px;left: -15px;content: '';width: 0;height: 0;border-right: solid 15px #FFFFCC;border-bottom: solid 15px transparent;border-top: solid 15px transparent;} #tourtip h4 {margin:0px;padding:0px;} #tourtip-inner {padding:15px;font-size:.9em;} /* Product Page */ .container-product {max-width:1200px;margin:0px auto;} #container-product-hero-image {vertical-align:middle;text-align:center;max-height:600px;margin-bottom:.25em;} #container-product-hero-image img {max-width:100%;vertical-align:middle;max-height:600px !important;} #container-product-hero-image-mobile {vertical-align:middle;text-align:center;max-height:600px;margin-bottom:.25em;} #container-product-hero-image-mobile img {max-width:100%;vertical-align:middle;max-height:600px !important;} .container-product-description, .container-product-related {padding:5px;overflow: auto;} ul.product-altimages {display:inline-block; margin: 0px auto;margin-top:1em;padding: 0px;list-style-type: none;text-align: left;} ul.product-altimages li {display:inline-block;padding:2px;text-align: -webkit-match-parent;margin-bottom:0px;} .variant-detail {display:block;white-space:nowrap;overflow:hidden;} .variant-detail label {width:100px;text-align:right;} .variant-picker {float:left;padding:1em;border:1px solid #dddddd;margin:.5em;height:auto;font-size:.8em;} .variant-picker.selected {border:1px solid #000000;filter: brightness(85%);} #container-instock .orderbutton {display:block;background-color:#C00000;color:#ffffff;width:auto;padding:.5em;text-align:center;} #container-instock .orderbutton a {display:block;color:#ffffff;font-weight:bold;padding:.5em;text-align:center;} #container-instock .visitbutton {display:block;background-color:#555555;color:#ffffff;width:auto;padding:.5em;text-align:center;} #container-instock .visitbutton a {display:block;color:#ffffff;font-weight:bold;padding:.5em;text-align:center;} /* Variant Options */ #variant-options h3 {font-size:.9em;margin:0px;} #variant-options ul {margin:.5em 0px 1em 1em;padding:0px;list-style:none;} #variant-options ul li {display:inline-block;padding:.75em;border:2px solid #dddddd;margin:.25em;height:auto;font-size:.8em;} #variant-options ul li.selected {border:2px solid #000000;filter: brightness(85%);} ul.mpricing {list-style:none;margin:1em 0px 0px 0px;padding:0px;} ul.mpricing li {display:inline-block;margin:0px;text-align:left;padding-right:1em;font-size:1.1em;} ul.mskubarcode {list-style:none;margin:0px;padding:0px;} ul.mskubarcode li {display:inline-block;text-align:left;padding-right:1em;font-size:.7em;} /* CART */ #container-cart-page #tbl-cart {width:100%;margin:0px auto;} #container-cart-page #tbl-cart td {padding:.5em;margin-bottom:.5em;} #container-checkout-form-inner .orderbutton {margin:1em 0px 0px 0px;padding:0px;width:100%;border:0px;background-color:#C00000;color:#ffffff;font-weight:bold;font-size:1em;text-align:center;margin-bottom:.5em;cursor:pointer;} #container-checkout-form-inner .orderbutton a {padding:1em;} #container-checkout-form-inner div.gradient-divider {padding:10px 0px 10px 15px; background: -webkit-linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent); background: linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent); z-index: 0;} #container-checkout-form-inner div.divider {padding:10px 0px 10px 0px; z-index: 0;} #container-checkout-form-inner .container-signin h1 {display:none;} #container-checkout-form-inner .container-signin .inner {padding:5px;} #container-checkout-form-inner .container-signin .button-signin {background-color:#dddddd;color:#222222;} /* Modal (All resolutions) */ #modal-container {display:none;position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);} #modal-inner {display:none;position:absolute;z-index:10001;min-width:600px;width:auto;max-width:80%;margin:0px auto;padding:10px;margin:20px 0px 20px 0px;background:#ffffff;} #modal-reload {width:auto;height:32px;float:right;margin-top:-10px;margin-right:-32px;z-index:10001;background:#ffffff;} #modal-close {width:auto;height:32px;float:right;margin-top:-10px;margin-right:-32px;z-index:10001;background:#ffffff;} #modal-close img {width:30px;height:30px;} #modal-signin-container {position:fixed;z-index:20000;width:100%;height:100%;display:none;top:0;left:0;background-color:rgba(0,0,0,0.8);} #modal-signin-inner {display: table-cell;vertical-align: middle;} #modal-signin-content {margin:0px auto;width:400px;background-color:#ffffff;} /* Modal (All resolutions) */ #alt-modal-container {display:none;position:fixed;z-index:10002;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);} #alt-modal-inner {display:none;position:absolute;z-index:10003;min-width:600px;width:auto;max-width:80%;margin:0px auto;padding:10px;margin:20px 0px 20px 0px;background:#ffffff;} #alt-modal-close {width:auto;height:32px;float:right;margin-top:-10px;margin-right:-32px;z-index:10003;background:#ffffff;} #alt-modal-close img {width:30px;height:30px;} /* Login Page */ .container-signin table td {padding:.5em;line-height:1.5em;} .pop-signin h1 {margin-top:0px;} .container-messageid {background-color:white;border:1px solid #dddddd;margin-bottom:1em;} .container-messageid a {text-decoration:underline;} /* Universal Footer */ #page-footer {position : fixed;bottom : 0;height : auto;width: 100%;z-index:30;/* background:linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,.03) 3px,transparent); */background-color:#000000;color:#ffffff;margin-top:1px solid #dddddd;} #page-footer a {color:#ffffff;text-decoration:underline;} #error-footer {position : fixed;bottom : 0;right : 0;height : 64px;width: auto;z-index:100;} /* Switch * { --switch-height: 13px; --switch-padding: 2px; --switch-width: calc((var(--switch-height) * 2) - var(--switch-padding)); --slider-height: calc(var(--switch-height) - var(--switch-padding)); --slider-on: calc(var(--switch-height) - var(--switch-padding));} .switch { position: relative; display: inline-block; width: var(--switch-width); height: var(--switch-height);} .switch input { opacity: 0; width: 0; height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .slider:before { content: ""; position: absolute; height: var(--slider-height); width: var(--slider-height); left: calc(var(--switch-padding) / 2); bottom: calc(var(--switch-padding) / 2); background-color: red; -webkit-transition: .4s; transition: .4s;} input:checked+.slider { background-color: #ccc;} input:focus+.slider { box-shadow: 0 0 1px #2196F3;} input:checked+.slider:before { transform: translateX(var(--slider-on));} .slider.round { border-radius: var(--slider-height);} .slider.round:before { border-radius: 50%;} */ /* Sorting */ input[type="range"] {accent-color: #ccc;} datalist {display: flex;justify-content: space-between;width: 100%;font-size:.6em;} /* Very Large Screens */ @media only screen and (min-width:20000px) { #about-viral {display:block;} } /* RESPONSIVE SECTION */ @media only screen and (min-width:1025px) { #modal-inner {width:1000px;} #about-viral {display:none;} } /* Desktop */ @media only screen and (min-width:768px) { #about-viral {display:none;} .mobile {display:none !important;} .tablet {display:none;} .main {margin-left:auto;margin-right:auto;max-width:1300px;} .header {} .header .inner {padding:10px;} .header .nav {list-style: none;display: flex;margin:0px;padding:0px;} .header .nav li {position:relative;display: inline-block; margin:0px 5px 0px 5px; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .header .nav li:hover .sub {visibility:visible;} #top-tablet:hover .sub {visibility:visible;} .textcenter-dekstop {text-align:center;} #mainheader-desktop {position:fixed;z-index:50;width:100%;height:68px;} #mainheader-desktop-spacer {width:100%;height:68px;} #main-categories {width:100%;height:auto;} .grayscale-desktop {webkit-filter: grayscale(100%);filter: grayscale(100%);} .clear-desktop {clear:both;} .header .nav li ul.sub { position:absolute; z-index:40; right:0; margin-top:0px; visibility: hidden; background-color:#000000; min-width:300px; width:auto; } .header .nav li ul.sub a {color:#ffffff;} .header .nav li ul.sub li {margin:.5em;width:auto;} .header .nav li ul.sub li .img-icon32 {vertical-align:text-top;} .banner {width:100%;} /* Top Banner Desktop */ .banner-left {float:left;} .banner-right {float:right;text-align:right;} .banner-right ul {margin:1em 0em 1em 0em;} .banner-right ul li {margin:0em 1em 0em;padding:0px;} .banner-right ul li:last-child {margin-right:0px;} .results {font-size: 0px;letter-spacing: 0px;word-spacing: 0px;} .results > div {display: inline-block;margin:0px;padding:0px;font-size: 16px;} .col-container {display: flex;width: 100%;} .col {flex: 1;} .col img {max-height:220px;} .heading .col-container .col img {height:270px !important;max-height:270px !important;} .heading .col-container .col p {font-size:1.1em;color:white;} .heading .col-container .col h1 {text-transform:uppercase;} .left-desktop {float:left;} .right-desktop {float:right;} .half-desktop {width:50%;} .threefourths-desktop {width:75%;} .onefourth-desktop {width:25%;} .onethird-desktop {width:33%;} .twothirds-desktop {width:67%;} .mbhalfem-desktop {margin-bottom:0.5em;} .result {width:20%;margin:0px;padding:0px;height:auto;} .result .inner {background-color:#ffffff;margin:5px;} .result .product-img {vertical-align:middle;text-align:center;} .result .product-img a {display:block;} .result .product-img img {max-width:100%;vertical-align:middle;max-height:400px;} .result .product-data {margin-top:5px;position:relative;white-space:nowrap; overflow:hidden;} .result .product-name {float:left;width:80%;position:absolute;bottom:0px;font-size:12px;overflow:hidden;} .result .product-price {float:right;width:20%;text-align:right;font-size:14px;white-space:nowrap;overflow:hidden;} .result .overlay-top-right {position:absolute;z-index:21;top:20px;right:20px;width:80px !important;height:80px !important;} .result .pricedrop-relativetime {font-size:.7em;} .result .social-icons {position:absolute;z-index:20;} .result .callout {position:absolute;right:1.5em;z-index:20;margin-top:-2px;background-color: rgba(255, 255, 255, 0.6);} .result .callout .span-callout {margin-left:.5em;margin-right:.5em;font-size:.6em;color:#222222;} .result-related {width:16%;margin:0px;padding:0px;height:auto;float:left;} .result-related .inner {background-color:#ffffff;margin:5px;} .result-related .product-img {vertical-align:middle;text-align:center;} .result-related .product-img a {display:block;} .result-related .product-img img {max-width:100%;vertical-align:middle;max-height:400px;} .result-related .product-data {margin-top:5px;position:relative;white-space:nowrap; overflow:hidden;} .result-related .product-name {float:left;width:80%;position:absolute;bottom:0px;font-size:11px;overflow:hidden;} .result-related .product-price {float:right;width:20%;text-align:right;font-size:11px;white-space:nowrap;overflow:hidden;} .result-related .social-icons {position:absolute;z-index:20;} .result-related .callout {position:absolute;right:1.5em;z-index:20;margin-top:-2px;background-color: rgba(255, 255, 255, 0.6);} .loop-waiting .product-data {white-space:normal !important;height:auto;} /* Container for country selection */ .container-countries {column-count: 3;} /* Container for Trending social network page headers */ .header-social-network {position:fixed;z-index:50;margin-left:auto;margin-right:auto;width:100%;height:100px;background-size:cover;background-repeat:no-repeat;background-position: center center;} .header-social-network-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;background:rgba(0, 0, 0, 0.5);} .header-social-network-content span {display:table-cell;vertical-align:middle;align-items:right;padding:15px;} .header-social-network-content h1 {display:table-cell;vertical-align:middle;font-size:1.5em;line-height:1.1em;padding:15px;} .header-search-results {position:fixed;z-index:50;margin-left:auto;margin-right:auto;width:100%;height:100px;background-size:cover;background-repeat:no-repeat;background-position: center center;} .header-search-results-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;color:#ffffff;} .header-search-results-content span {display:table-cell;vertical-align:middle;align-items:right;} .header-search-handler-results {margin-left:auto;margin-right:auto;width:100%;background-size:cover;background-repeat:no-repeat;background-position: center center;} .header-search-handler-results-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;color:#ffffff;} .header-search-handler-results-content span {display:table-cell;vertical-align:middle;align-items:right;} /* Header for Live View */ .header-live {margin-left:auto;margin-right:auto;width:100%;} .header-live-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;} .header-live-content p {padding-left:15px;display:block;} .header-live-content span {display:table-cell;vertical-align:middle;align-items:right;padding-right:15px;} .header-live-content h1 {line-height:1.1em;padding-left:15px;} /* Product Page */ .product-left {float:left;width:50%;} .product-right {float:right;width:50%;} blockquote {float:right;width:250px;padding:8px;font-size:.8em;background-color: #faebbc;margin:0px 1em 1em 1em;} blockquote strong {display:block;margin-bottom:.5em;} blockquote span {display: block;} /* Container for Enhanced Shops */ .header-shop {position:fixed;z-index:50;margin-left:auto;margin-right:auto;width:100%;height:100px;} .header-shop-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;} .header-shop-content .shop-logo {display:table-cell;vertical-align:middle;align-items:right;padding:5px;} .header-shop-nametag {display:table-cell;vertical-align:middle;padding:5px;} .header-shop-content h1 {font-size:1.5em;line-height:1.1em;margin:2px 0px 5px 0px;padding:0px;} .header-shop-nametag span {font-size:.9em;} .header-shop-nametag span img {vertical-align:text-bottom;height:16px;width:auto;margin-right:5px;} /* AtoZ Columns */ ul.atoz {list-style-type:none;columns: 4;-webkit-columns: 4;-moz-columns: 4;} /* Login Area */ .me-nav {float:left;margin:0px;padding:0px;width:200px;} .me-content {float:left;margin:0px;padding:0px;width:calc(100% - 200px);} .me-nav ul {margin:0px 0px 10px 0px;padding:0px;list-style:none;} .me-nav ul li {margin:5px;padding:5px;} .me-nav ul li a {color:red;text-decoration:underline;} /* POTD */ .container-potd {font-size:14px;width:50%;} .container-potd .shoplink {font-size:12px;text-decoration:underline;} .container-potd .product-img {float:left;width:300px;text-align:center;} .container-potd:nth-child(even) .product-img {float:right;} .container-potd .product-img img {object-fit: cover; width: 270px; height: 270px; display: inline;} .container-potd .product-data {float:left;width:calc(100% - 300px);} /* CART */ #container-cart-page #tbl-cart.tbl-largefirstcol td:not(:first-child){white-space: nowrap;padding-left:15px;padding-right:15px;} #container-cart-page #tbl-cart.tbl-largefirstcol td:first-child{width: 100%;} #container-cart-page #tbl-cart.tbl-largefirstcol th:not(:first-child){white-space: nowrap;padding-left:15px;padding-right:15px;} #container-cart-page #tbl-cart.tbl-largefirstcol th:first-child{width: 100%;} #container-cart-page #tbl-cart.tbl-slightlylargefirstcol td:not(:first-child){white-space: nowrap;padding-left:35px;padding-right:35px;} #container-cart-page #tbl-cart.tbl-slightlylargefirstcol td:first-child{width: 100%;} #container-cart-page #tbl-cart.tbl-slightlylargefirstcol th:not(:first-child){white-space: nowrap;padding-left:35px;padding-right:35px;} #container-cart-page #tbl-cart.tbl-slightlylargefirstcol th:first-child{width: 100%;} } /* Tablet or low res */ @media only screen and (max-width:1200px) { .result {width:25%;} } @media only screen and (max-width:1050px) { /* Under 1050px but not quite mobile sized */ #top-location, #top-account, #top-new-arrivals, #top-best-sellers, #top-price-drops {display:none;} .result {width:33.3%;} .tablet {display:initial;} #modal-inner {min-width:85% !important;max-width:85% !important;width:85%;padding:10px;margin:0px 0px 0px 0px;} } /* Super Small Mobile like that dumb Galaxy Fold */ @media only screen and (max-width:655px) { #mtop-quicklinkstoproducts {display:none;} } /* Mobile */ @media only screen and (max-width:767px) { .desktop, .tablet {display:none !important;} .main, .header, .footer {width:100%;} .header {position:fixed;height:50px;z-index:100;background:#000000;color:#ffffff;} ul.mtop-nav {margin:0px;padding:0px;list-style:none;} ul.mtop-nav li {margin:0px;padding:0px .5em 0px 0px;display:inline-block;} ul.mtop-nav li span {display:none;} .mblock {display:block;} .minput {font-size:1em;} #msearch {position:fixed;height:50px;z-index:30;} #main {width:100%;} #slidemenu-container {background:#F3F3F3;position:fixed;z-index:10001;top:0px;left:-10000px;width:60%;min-width:220px;margin:0px;padding:0px;height:100%;} #slidemenu-content {margin:0px;padding:0px;overflow-y:scroll;height:100%;} .slidenav img {max-width:99%;} .slidenav-header {margin:0px;padding:0px;width:100%;background:#666666;color:#ffffff;} .slidenav-header p {padding:15px;margin-top:0px;} .slidenav-header a {color:#ffffff;} .slidenav label {display:block;} .slidenav input {width:90%;} .slidenav p {margin-bottom:10px;display:block;} .slidenav ul {margin:0px;padding:0px;} .slidenav ul li {display:block;padding:.25em .25em .25em .5em;margin:.25em;} .slidenav ul li a {text-decoration:none;display:block;color:#333333;} #slidenav-mainmenu {height:100%;} #slidenav-mainmenu ul {margin-left:2px;overflow-y:scroll;} #slidenav-mainmenu-ul li {} #slidenav-mainmenu-ul li a {white-space:nowrap;overflow:hidden;} #slidenav-mainmenu-ul li a span {font-size:.8em;padding-top:.25em;padding-left:.25em;} #slidenav-mainmenu ul li ul {margin-top:.5em;} .nowrap-mobile {white-space:nowrap;} .mtinytext {font-size:.8em;} .half-mobile {width:50%;} #modal-inner {min-width:85% !important;max-width:85% !important;width:85%;padding:10px;margin:0px 0px 0px 0px;} #modal-inner div {max-width:100% !important;} #modal-close {width:auto;height:32px;float:right;margin-top:-10px;margin-right:-22px;z-index:10001;background:#ffffff;} #modal-close img {width:30px;height:30px;} #modal-signin-content {width:80%;} #alt-modal-inner {min-width:85% !important;max-width:85% !important;width:85%;padding:10px;margin:0px 0px 0px 0px;} #alt-modal-inner div {max-width:100% !important;} #alt-modal-close {width:auto;height:32px;float:right;margin-top:-10px;margin-right:-22px;z-index:10001;background:#ffffff;} #alt-modal-close img {width:30px;height:30px;} #mtopsearch::-webkit-search-cancel-button{position:relative;right:20px;} .onefifth-mobile {width:20%;} .fourfifths-mobile {width:80%;} h1 {margin-top:5px;margin-bottom:5px;} .inner {padding:5px;} /* .mt3em, .mt2em, .mt1em {margin-top:5px;} */ /* .mb3em, .mb2em, .mb1em {margin-bottom:5px;} */ /* .pt3em, .pt2em, .pt1em {padding-top:5px;} */ /* .pb3em, .pb2em, .pb1em {padding-bottom:5px;} */ .mb1em-mobile {margin-bottom:1em;} /* Top Banner Mobile */ .banner-left {display:block;} .banner-left p {font-size:1.1em;font-weight:bold;font-style:italic;} .banner-right {margin:0px;padding:0px;display:block;width:100%;background-color:#222222;} .banner-right ul {margin:.5em 0em .5em 0em;text-align:center;} .banner-right ul li {margin:0em 1em 0em 1em;padding:.3em 0em .3em 0em;} .col-container .col {padding:5px;} .col-container .col {padding:5px;} .col-container.leftfirst {display: flex;flex-wrap: wrap;} .col-container.rightfirst {display: flex;flex-wrap: wrap-reverse;} .heading .col-container .col p {font-size:1.1em;color:white;} .heading .col-container .col h1 {text-transform:uppercase;} .result {display:inline-block;width:50%;margin:0px;padding:0px;} .result .inner {background-color:#ffffff;margin:5px;overflow:hidden;} .result .product-img {vertical-align:middle;} .result .product-img img {width:100%;vertical-align:middle;} .result .product-data {margin-top:5px;position:relative;white-space:nowrap; overflow:hidden;} .result .product-name {float:left;width:80%;position:absolute;bottom:0px;font-size:12px;overflow:hidden;} .result .product-price {float:right;width:20%;text-align:right;font-size:14px;white-space:nowrap;overflow:hidden;} .result img.overlay-top-right {position:absolute;z-index:30;top:5px;right:5px;width:80px !important;height:80px !important;} .result .pricedrop-relativetime {font-size:.7em;} .result .social-icons {position:absolute;z-index:20;} .result .callout {position:absolute;right:1em;z-index:20;margin-top:-3px;background-color: rgba(255, 255, 255, 0.6);} .result .callout .span-callout {margin-left:.5em;margin-right:.5em;font-size:.6em;color:#222222;} .loop-waiting .product-data {white-space:normal !important;height:auto;} .result-related {width:50%;margin:0px;padding:0px;height:auto;float:left;} .result-related .inner {background-color:#ffffff;margin:5px;} .result-related .product-img {vertical-align:middle;text-align:center;} .result-related .product-img a {display:block;} .result-related .product-img img {max-width:100%;vertical-align:middle;max-height:200px;} .result-related .product-data {margin-top:5px;position:relative;white-space:nowrap; overflow:hidden;} .result-related .product-name {float:left;width:80%;position:absolute;bottom:0px;font-size:11px;overflow:hidden;} .result-related .product-price {float:right;width:20%;text-align:right;font-size:11px;white-space:nowrap;overflow:hidden;} .result-related .social-icons {position:absolute;z-index:20;} .result-related .callout {position:absolute;right:1.5em;z-index:20;margin-top:-2px;background-color: rgba(255, 255, 255, 0.6);} /* Product Page */ #h1-productname {font-size:1.3em;} ul.product-altimages {display:inline-block;height:55px;white-space:nowrap;overflow-y:hidden;overflow-x:auto;margin:0px;padding:0px;} ul.product-altimages li {display:inline-block;padding:0px;margin:0px 5px 0px 0px;border:1px solid #eeeeee;} .container-qty-selector {font-size:1.1em;} #qty {font-size:1.1em;padding:8px;} /* #container-product-trendingon {position:absolute;right:7px;z-index:50;color:#000000;background:rgba(255, 255, 255, 0.7);} */ #container-product-trendingon {display:none;} .variant-picker {float:left;padding:.5em;border:1px solid #dddddd;margin:.3em;height:auto;font-size:.7em;} .variant-picker.selected {border:1px solid #000000;filter: brightness(85%);} blockquote {float:right;width:45%;font-size:.8em;background-color: #faebbc;margin-bottom:1em;margin-left:2px;} blockquote strong {display:block;padding:1em 1em .5em 1em;} blockquote span {display: block;padding:0px 1em 1em 1em;} /* CART */ #container-cart-page #tbl-cart {font-size:.8em;} /* Container for country selection */ .container-countries {column-count: 2;font-size:.8em;} /* Container for Trending social network page headers */ .header-social-network {position:fixed;z-index:29;width:100%;height:80px;background-size:cover;background-repeat:no-repeat;background-position: center center;} .header-social-network-content {display:table;width:100%;height:80px;background:rgba(0, 0, 0, 0.5);} .header-social-network-content img {display:table-cell;vertical-align:middle;align-items:right;padding:5px;} .header-social-network-content h1 {display:table-cell;vertical-align:middle;font-size:1.4em;line-height:1.1em;padding:5px;} .header-search-results {position:fixed;z-index:29;width:100%;height:20px;background-size:cover;background-repeat:no-repeat;background-position: center center;} .header-search-results-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;color:#ffffff;} .header-search-results-content span {display:table-cell;vertical-align:middle;align-items:right;} .header-search-handler-results {width:100%;background-size:cover;background-repeat:no-repeat;background-position: center center;} .header-search-handler-results-content {display:table;width:100%;height:100%;margin-left:auto;margin-right:auto;max-width:1300px;color:#ffffff;} .header-search-handler-results-content span {display:table-cell;vertical-align:middle;align-items:right;} .header-search-handler-results-content h1 {display:table-cell;vertical-align:middle;font-size:1.5em;line-height:1.1em;padding:5px;} .header-shop {position:fixed;z-index:29;width:100%;height:80px;} .header-shop-content {display:table;width:100%;height:80px;} .header-shop-content .shop-logo {display:table-cell;vertical-align:middle;align-items:right;padding:5px;overflow-x:hidden;} .header-shop-nametag {display:table-cell;vertical-align:middle;} .header-shop-content h1 {font-size:1.5em;line-height:1.1em;margin:0px;padding:0px 0px 0px 5px;} .header-shop-nametag span {font-size:.8em;padding-left:5px;} .header-shop-nametag span img {vertical-align:text-bottom;height:12px;width:auto;} /* Header for Live View */ .header-live {width:100%;} .header-live-content {display:table;width:100%;} .header-live-content p {float:left;width:75%;margin-bottom:.5em;} .header-live-content img {display:table-cell;vertical-align:middle;padding:5px;} .header-live-content h1 {display:none;} /* AtoZ Columns */ ul.atoz {list-style-type:none;columns: 2;-webkit-columns: 2;-moz-columns: 2;} /* Login Area */ .me-nav ul {margin:0;padding:10px 0px 10px 0px;white-space:nowrap;overflow-x:auto;} .me-nav ul li {font-family:'Arial';display:inline;margin:0px 5px 0px 0px;padding:5px;text-align:left;} .me-nav ul li a {color:red;text-decoration:none;} /* POTD */ .container-potd {background-color:#ffffff;margin-left:5px;margin-right:5px;} .container-potd .product-img {display:block;text-align:center;} .container-potd .product-img img {object-fit: cover; width: 100%;height:100%;display: inline;} .container-potd .product-data {display:block;} .container-potd .product-data h2 {margin-top:1em;text-align:center;} .container-potd .product-data .shoplink {text-align:center;} /* Top Banner H1 Adjustment */ #banner-content h1 {font-size:1.8em;} } /* Mobile Landscape */ @media only screen and (max-width:767px) and (orientation:landscape) { .result {display:inline-block;width:25%;margin:0px;padding:0px;} #about-viral {display:none;} /* Product Page */ .product-left {float:left;width:50%;} .product-right {float:right;width:50%;} #container-product-trendingon {display:none;} } @media only screen and (max-width:399px) { #about-viral {display:none;} #mtop-logo {float:left;width:auto;transform: scale(0.9);} #mtop-live-menu {float:right;width:auto;transform: scale(0.9);} }