Deprecated: strripos(): Non-string needles will be interpreted as strings in the future. Use an explicit chr() call to preserve the current behavior in /usr/local/www/squirrelcart/squirrelcart/functions/util/sc_browser_info.func.php on line 84
@font-face { font-family: 'SC Yankaff'; src: url('https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-yankaff.woff2') format('woff2'), url('https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-yankaff.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SC Open Sans'; src: url('https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-open-sans.woff2') format('woff2'), url('https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-open-sans.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SC Open Sans'; src: url('https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-open-sans-BOLD.woff2') format('woff2'), url('https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-open-sans-BOLD.woff') format('woff'); font-weight: bold; font-style: normal; } /* Stylesheet file: style_theme_chooser.css.php */ .theme_chooser { text-align: left; } .theme_chooser * { vertical-align: middle; } .theme_chooser ul { margin: 0; padding: 0; list-style: none; } .theme_chooser li { display: inline-block; margin-bottom: 10px; width: 24%; } .theme_chooser_small li { width: auto; } .theme_chooser label { font-size: .9em; display: block; } .theme_more_settings_outer { padding-top: 10px; } .theme_more_settings { display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; position: relative; } .theme_more_settings:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; background: url(https://www.tnpi.net/cart/squirrelcart/cp_themes/master/images/cog.png) no-repeat center; height: 16px; width: 16px; } .acct_theme_chooser .theme_chooser { padding-left: 20px; } #sc a.cog:hover { background-color: transparent; } /* Owl Carousel jQuery plugin v2.0.0-beta.2.4 | http://owlgraphic.com/owlcarousel/ | MIT license*/ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Stylesheet file: style_social_sign_in.css.php */ /* For Social Sign-In feature */ .sso_on.logged_out .sc_acct_nav_block { border: 0; margin-bottom: 0; background: none; box-shadow: none; } #sc .sso_others .btn { margin-left: 20px; } .login_form_fixed h2 strong { font-weight: normal; } #sc .sso_others .btn:first-child, #sc .sso_others .btn:first-child:hover { margin-left: 0px; } #sc .btn.sso_us, #sc .btn.sso_us:hover { text-shadow: none; color: #303030; border-color: #494949; background-color: #AFAFAF; } #sc #login_form_outer:not(.setup) .btn.sso_us, #sc .login_form_outer:not(.setup) .btn.sso_us { display: none !important; } #sc .sc_acct_nav_block .btn_sso { display: block; text-align: left; margin-bottom: 10px; } #sc .btn.sso_facebook, #sc .btn.sso_facebook:hover { background-color: #3B5998 !important; color: #fff; border-color: #182748; text-shadow: none; } #sc .btn.sso_twitter, #sc .btn.sso_twitter:hover { background-color: #EAE8E8; color: #000 !important; border-color: #182748; text-shadow: none; } #sc .sso_twitter strong { color: #1894BA; } #sc .btn.sso_google, #sc .btn.sso_google:hover { background-color: #498DFB; color: #fff; border-color: #13399C; text-shadow: none; } #sc .btn.sso_facebook:hover, #sc .btn.sso_google:hover { text-shadow: 0px 0px 1px #000; } .sso_on #login_form, .sso_on .setup #login_form_header { display: none; } .sso_on .login_failed #login_form { display: block; } .sso_others_outer { margin-top: 40px; } .acct_choice .sso_others { padding: 35px 0 10px 0; border-top-width: 0; } .acct_choice .sso_others .or { display: none; } .acct_choice.sc_login_on .sso_others { border-top-width: 1px; } .acct_choice.sc_login_on .sso_others .or { display: block; } #sc .btn.btn_sso, #sc .sso_others .btn { position: relative; padding-left: 36px; overflow: hidden; } .btn_sso::before, .sso_others .btn::before { content: ''; position: absolute; left: 3px; top: -12px; display: block; width: 26px; height: 48px; background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/sprites2.png) no-repeat; } .var12_small .btn_sso::before, .var12_small .sso_others .btn::before { top: -16px; } .var12_large .btn_sso::before, .var12_large .sso_others .btn::before { top: -10px; } .btn.sso_twitter::before { background-position: -204px 2px ; border-right: #182748 solid 1px; } .btn.sso_facebook::before { background-position: -204px -46px; border-right: #3B5998 solid 1px; } .btn.sso_google::before { background-position: -204px -94px; border-right: #13399C solid 1px; } .btn.sso_us::before { background-position: -204px -190px; border-right: #494949 solid 1px; } #sc .account_form .sso_others .btn { width: 180px; margin: .2em; }/* Stylesheet file: style_gradients.css.php */ /* vertical gradient, slightly darkens bottom */ .sc_gradient8, .fset_grad8 .boxc, .cont_grad8 .sc_content, .cont_grad8 .nav_block, .title_grad8 .sc_title, .title_grad8 .cart_table thead th, .title_grad8 .cart_discounts h4, .title_grad8 .order_info_table th, .title_grad8 .address_box h4, .btn_grad8 .btn, .btn_grad8 #sc_header .ico:hover, .btn_hgrad8 .btn:hover, .btn_hgrad8 #sc_header .ico { background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 10%, rgba(0,0,0,0) 50%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0.07)), color-stop(50%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 10%,rgba(0,0,0,0) 50%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 10%,rgba(0,0,0,0) 50%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 10%,rgba(0,0,0,0) 50%); /* IE10+ */ background-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 10%, rgba(0,0,0,0) 30%); /* W3C */ } /* Stylesheet file: style_form_headers5.css.php */ .fhdr { height: 40px; line-height: 40px; position: relative; margin: 0 0 5px 0; text-align: left; } .fhdr::before { font-family: "SC Fontello"; display: inline-block; margin-right: .3em; } .fhdr_acct_alt::before { content: '\e8e3'; } .fhdr_acct_choice::before { content: '\e89e'; } .fhdr_acct_new::before { content: '\e8a0'; } .fhdr_acct_update::before { content: '\e89e'; margin-right: .5em; } .fhdr_addr_ent, .fhdr_addr_fixed { position: absolute; top: -45px; left: 2px; color: red; } .fhdr_addr_fixed { color: green; } .fhdr_addr_ent::before { content: '\e870'; margin-right: .5em; } /* adds an small pencil icon to right of icon */ .fhdr_acct_update::after { content: '\e8aa'; font-family: "SC Fontello"; position: absolute; left: 1.5em; top: 0.8em; font-size: .6em; } /* adds an small alert icon to right of icon */ .fhdr_addr_ent::after { content: '\e818'; font-family: "SC Fontello"; position: absolute; left: 1.55em; top: .9em; font-size: .5em; } /* adds an small check icon to right of icon */ .fhdr_addr_fixed::after, .fhdr_captcha::after { content: '\e81b'; font-family: "SC Fontello"; position: absolute; left: 1.55em; top: .9em; font-size: .5em; } .fhdr_addr_fixed::before { content: '\e870'; margin-right: .5em; } .fhdr_billing::before { content: '\e8d2'; margin-right: .7em; } /* adds an small $ icon to right of icon */ .fhdr_billing::after { content: '\e82a'; font-family: "SC Fontello"; position: absolute; left: 1em; top: .5em; font-size: .8em; } .fhdr_order_smry::before { content: '\e8e8'; } .fhdr_captcha::before { content: '\e8ec'; margin-right: .6em; } .fhdr_captcha::after { left: 1.35em; } .fhdr_cart_full::before { content: '\e8f0'; } /* email icon */ .fhdr_email::before { content: '\e800'; } /* cart, tipped */ .fhdr_empty_cart::before { content: '\e8f0'; margin-right: .8em; -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); } /* stuff falling out cart */ .fhdr_empty_cart::after { content: '\e8b0'; font-family: "SC Fontello"; position: absolute; top: .5em; font-size: .6em; left: 1.5em; } .fhdr_forgot_pwd::before { content: '\e81e'; content: '\e8e3'; margin-right: .6em; } .fhdr_forgot_pwd::after { content: '\e865'; font-family: "SC Fontello"; position: absolute; top: .65em; font-size: .6em; left: 1.3em; } .fhdr_order_detail::before { content: '\e8e8'; } .fhdr_order_history::before { content: '\e8e8'; margin-right: .5em; } /* adds an small clock icon to right of icon */ .fhdr_order_history::after { content: '\e8b6'; font-family: "SC Fontello"; position: absolute; left: .75em; top: 1.4em; font-size: .7em; width: .9em; height: .9em; border-radius: .45em; line-height: .9em; background: #dfdfdf; } .fhdr_pay_inst::before { content: '\e82a'; margin-right: .5em; } .fhdr_pay_inst::after { content: '\e816'; font-family: "SC Fontello"; position: absolute; top: .65em; font-size: .6em; left: 1.3em; } .fhdr_pay_cc::before { content: '\e814'; } .fhdr_pay_final::before { content: '\e82a'; } .fhdr_pay_methods::before { content: '\e82b'; } .fhdr_pay_po::before { content: '\e898'; } .fhdr_search::before { content: '\e80a'; } .fhdr_shipping { height: auto; } .fhdr_shipping::before { content: '\e80c'; } .fhdr_shipping .btn_same_as_billing { margin-left: 20px; } .fhdr_shipping * { vertical-align: middle; } .fhdr_ship_rates::before { content: '\e80c'; } .fhdr_terms::before { content: '\e8ea'; } .fhdr_theme_opts::before { content: '\e891'; }/* Stylesheet file: style_buttons1.css.php */ #sc .btn, html #sc .btn_reverse:hover { background-color: #0067a5; border: #01517F solid 0px; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0,0,0, 0); color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin: 0; min-width: 100px; padding: 0 10px; line-height: 30px; text-align: center; text-shadow: 0px 0px 1px transparent; white-space: nowrap; } #sc .btn strong { vertical-align: top; } #sc .btn:hover, #sc .btn_reverse { background-color: #f2f2f2; color: #333; border-color: #000; box-shadow: 0px 0px 0px rgba(0,0,0, 0); } #sc .btn_smaller { line-height: 24px; padding: 0 10px; min-width: 55px; font-size: 14px; } #sc .btn_tiny { line-height: 20px; padding: 0 4px; min-width: 73px; font-size: 12px; } #sc .btn_bigger { line-height: 40px; padding: 0 15px; min-width: 180px; font-size: 18px; } #sc .btn_left:before { content: "\e859"; font-family: "SC Fontello"; margin-right: 5px; vertical-align: top; } #sc .btn_right:not(.btn_please_wait):after { content: "\e858"; font-family: "SC Fontello"; margin-left: 5px; vertical-align: top; } #sc .btn_em { background-color: #A59000; color: #fff; text-shadow: 0px 0px 1px transparent; } #sc .btn_em:hover { background-color: #000; color: #fff; text-shadow: 0px 0px 1px transparent; } #sc .btn_same_as_billing { margin-left: 20px; margin-top: -3px; } #sc .btn.btn_please_wait { padding-left: 0; padding-right: 0; background: #fff; text-shadow: none; color: #000; cursor: default; } #sc .btn.btn_go, #sc .btn.btn_aw { min-width: 0 !important; } html #sc .btn_disabled, html #sc .btn_disabled:hover { opacity: .3; cursor: default !important; background-color: #f2f2f2; color: inherit; } /* Stylesheet file: style_main.css.php */ @font-face { font-family: "SC Fontello"; src: url("https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-fontello.woff2?63346069") format("woff2"), url("https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/fonts/sc-fontello.woff?63346069") format("woff"); font-weight: normal; font-style: normal; } html{ background: #e3e3e3; height: 100%; -webkit-text-size-adjust: 100%; /* reset box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { min-height: 100%; } /* this prevents background scrolling in iOS when modals and menu are open */ html.ios_scroll_fix { width: 100%; position: fixed; } /***** resets *****/ a img, body, form, .breadcrumb_nav, .checkout ul, .nav_block ol, .nav_block ul, .order_detail ul, .sc_form ul, .select_multi, ul.reset, #sc_header ul, #sc_footer ul, .ship_detail ul, .section_nav { border: 0; list-style: none; margin: 0; padding: 0; } /* helps older browsers deal with new HTML 5 tags */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } abbr { text-decoration: none; } /* .btn is here because IE won't allow "inherit" on input.btn */ body, .btn { /* this makes all em measurements a tenth of their pixel size. 1.2em = 12px, etc.... */ font: 10px Tahoma, Geneva, sans-serif; } p:first-child { margin-top: 0; } /* responsive images */ img:not(.badge) { max-width: 100%; max-height: 100%; height: auto !important; -ms-interpolation-mode: bicubic; } table img { max-width: none; max-height: none; } #sc { color: #000; font-size: 1.2em; margin: 0 auto; position: relative; } .order_email_body #sc { width: auto; } button { cursor: pointer; } .nav_block { background-color: #fff; color: inherit; } .sc_content { background-color: #fff; color: inherit; } html #sc .sc_content_no_box { box-shadow: none; border: 0; background: transparent; color: #000; padding: 0; margin: 0; } .center { text-align: center; } .sc_title { border-bottom: #808080 solid 1px; padding: 5px 10px; font-size: 1.33em; font-weight: normal; margin: 0; } #sc_main h2.sc_title, .sc_content.sc_welcome_content h1 { font-size: 2.2em; font-weight: normal; background: none; padding-bottom: .5em; border-bottom: rgba(0,0,0,.05) solid 3px; } #sc.var9_1024 .sc_title { padding-top: 4px; padding-bottom: 4px; } .sc_content .sc_title { /* this makes the title of the content box ignore the padding of the box */ margin: -10px -10px 15px -10px; } .sc_content .own_page h1.sc_title { background: none; border: 0; padding: 0; margin: 0 0 .5em 0; font-size: 2.2em; color: #4f4f4f; } .own_page .sc_title a { color: inherit !important; } .cat_name h2 { margin: 0; font-size: 1.846em; } .sc_content h1 { margin: 0 0 20px 0; font-size: 1.846em; color: #4f4f4f; } #sc.var9_800 { font-size: 1.1em; } #sc.is_responsive, #sc.var9_1280, #sc.var9_fluid { font-size: 1.3em; } #sc.var9_fluid { min-width: 925px; width: 95%; } /* To fix divs that have floated children, so they expand around them - put this div at the bottom, inside the one that won't expand */ .clear { clear: both; line-height: 0; height: 0; } /* vertical align elements with form fields, labels, etc... */ .valign_middle * { vertical-align: middle; } .sc_link { font-size: .9em; text-align: center; } #sc_inner { overflow: hidden; padding: 15px; } #sc_col1, #sc_col2 { width: 19.45%; /* nav column width */ } #sc.var9_fluid #sc_col1, #sc.var9_fluid #sc_col2 { max-width: 250px; } #sc_col1 { float: left; } #sc_col2 { float: right; } /* controls main content div when 2 columns are visible */ .cols2 #sc_main { padding-left: 15px; } /* controls main content div when 3 columns are visible */ .cols3 #sc_main { padding: 0 15px; } #sc_main { width: auto; float: none; overflow: hidden; } a { text-decoration: none; color: #4f4f4f; background-color: transparent; } a:hover { text-decoration: none; color: transparent; background-color: transparent; } #sc_main a { color: #4f4f4f; background-color: transparent; } #sc_main a:hover { color: #000; background-color: transparent; } a.selected { font-weight: bold; } /* Outermost section wrapper. #sc_header/#sc_footer/#sc_outer are only present for v4 backwards compatibility */ .sc_section, #sc_header, #sc_footer, #sc_outer { width: 1246px; max-width: 100%; margin: 0 auto; } /* Meant to be nested inside .sc_section. #sc_header_inner/#sc_footer_inner/#sc_inner for v4 backwards compatibility. */ .sc_inside, #sc_header_inner, #sc_footer_inner, #sc_inner { width: 100%; max-width: 1246px; margin: 0 auto; padding: 15px; } .sc_section, #sc_header, #sc_footer, #sc_outer, img { -moz-transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out; } #sc_header { font-size: 1.1em; color: #000; margin-bottom: -1px; background: #fff; border-radius: 0px; box-shadow: none; } #sc_header_inner { padding: 15px; position: relative; border-radius: calc(0px - 1px); display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; /* for IE 10 */ -ms-flex-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; /* for IE 10 */ -ms-flex-align-items: center; -webkit-align-items: center; align-items: center; } .hdr_in #sc_header { border-width: 0 0 1px 0; } #sc_header a { color: #4f4f4f; } #sc_header a:hover { color: transparent; background-color: transparent; } #sc_hdr_right { white-space: nowrap; margin-right: 15px; text-align: right; } #sc_hdr_right * * { white-space: normal; } .cp_link { display: block; height: 2.3em; width: 2.3em; background: #fff; border-radius: 50%; position: fixed; left: 12px; top: 10px; text-align: center; padding-top: .05em; color: #999; -webkit-animation-name: none; -ms-animation-name: none; animation-name: none; } .cp_link::before { font: 2em "SC Fontello"; content: '\e842'; } .cp_link:hover { color: #000; background: rgba(255,255,255,1); -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* for owl carousel */ @-webkit-keyframes fadeOut { 0% {opacity: 1; } 100% {opacity: 0; } } #sc_mask { display: none; position: fixed; width: 200%; height: 100%; top: 0; left: 0; background: #000; opacity: .8; z-index: 2; } #sc_nav_close { display: none; position: fixed; right: 0px; top: 0px; z-index: 3; color: #fff; } .sc_menu_on #sc_nav_close { display: inline; } #sc_nav_close.ico::before { font-size: 36px; font-family: "SC Fontello"; display: block; width: 70px; height: 70px; line-height: 70px; text-align: center; background: #333; } #hdr_search { display: inline-block;; background-color: #f2f2f2; } #sc #hdr_search_terms { border-radius: 0; vertical-align: middle; padding-left: .8em; box-shadow: none; background-color: #f2f2f2; color: #333; font-family: inherit; font-size: inherit; border: 0; border-left: #000 solid 0px; box-shadow: 0px 0px 0px rgba(0,0,0, 0); padding-right: 0px; width: 4.5em; } #sc.var13_clean-w-border #hdr_search_terms { height: 2.52em; border: #000 solid 0px; border-right-width: 0; } #sc_header input#hdr_search_terms::-moz-placeholder { color: #333 !important; opacity: 1; } #sc_header input#hdr_search_terms:-ms-input-placeholder { color: #333; } #sc_header input#hdr_search_terms::-webkit-input-placeholder { color: #333; } #search_nav input::-moz-placeholder { color: #000 !important; opacity: 1; } #search_nav input:-ms-input-placeholder { color: #000; } #search_nav input::-webkit-input-placeholder { color: #000; } #sc #hdr_search_terms:focus { width: 12em; } .menu1_outer { display: inline-block; } .menu1 { -webkit-transition: opacity 0.30s ease-in-out; -moz-transition: opacity 0.30s ease-in-out; -ms-transition: opacity 0.30s ease-in-out; -o-transition: opacity 0.30s ease-in-out; transition: opacity 0.30s ease-in-out; position: absolute; padding: 20px; z-index: 3; background: #0067a5; color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.3); text-align: left; opacity: 0; visibility: hidden; right: 10px; font-size: .9em; } #menu1_acct.closed form { visibility: hidden !important; } #sc .menu1_outer:not(.setup):hover .menu1, #sc .menu1_on:not(.closed) .menu1 { visibility: visible; opacity: 1; } #sc .menu1 .btn:not(.btn_sso), #sc .menu1 .btn:not(.btn_sso):hover { background-color: #f2f2f2; color: #333; text-decoration: none; } #sc .menu1 a, #sc .menu1 a:hover { color: #fff; } #sc .menu1 a:hover { text-decoration: underline; } #sc .menu1 .ico_close { position: absolute; right: -7px; top: -10px; font-size: 1.2em; background: transparent !important; } #menu1_acct { position: relative; } #menu1_acct .menu1 { width: 260px; text-align: center; left: -69px; } .logged_in #menu1_acct .menu1 { text-align: left; } .logged_in #menu1_acct ul { margin-top: 10px; } .logged_in #menu1_acct li { display: block; float: left; width: 50%; } #menu1_acct .nav_links { margin: .5em 0; line-height: 2em; } #menu1_acct .sc_login { overflow: hidden; } #menu1_acct .remember_me_on .remember_me_outer { line-height: 30px; font-size: 1em; } #menu1_acct .remember_me_on .remember_me_outer, #menu1_acct .remember_me_on .btn_login { width: 50%; float: left; margin: 0 !important; } #sc #menu1_acct .username, #sc #menu1_acct .password { width: 100%; height: 2.3em; border: 0; border-radius: 0; margin-bottom: 5px; } #sc #menu1_acct .btn_sso { display: block; margin-top: 10px; border-width: 1px; border-color: rgba(255,255,255,.3); } #sc #menu1_acct .btn_sso:hover { text-decoration: none; } #sc #menu1_acct .btn_sso:first-child { margin-top: 0; } #menu1_acct .sc_title { font-size: 14px; font-family: inherit; } #menu1_acct .sc_title, #sc #menu1_acct .btn.sso_us { background: #fff; } #menu1_cart .menu1 { width: 225px; } #menu1_cart .menu1.cart_preview_empty { width: auto; } #menu1_cart .menu1.cart_preview_empty .cart_msg { margin: 0; } #menu1_cart .menu1.cart_preview_big { width: 360px; } .mobile_cart_count { position: absolute; border-radius: 50%; height: 16px; width: 16px; font-size: 11px; text-align: center; line-height: 16px; color: #fff; background: red; top: -.5em; right: -.5em; } #sc_header .ico { position: relative; display: inline-block; margin-left: 10px; padding: .35em .8em; background-color: #f2f2f2; border: #000 solid 0px; box-shadow: 0px 0px 0px rgba(0,0,0, 0); color: #333; text-shadow: 0px 0px 1px transparent; background-image: none !important; font-family: inherit; font-size: inherit; } #sc_header .ico_search { margin-left: 0; } #sc_header .ico:hover, #sc .menu1_outer:not(.closed):hover .ico, #sc .menu1_on .ico { background-color: #0067a5; border: #01517F solid 0px; box-shadow: 0px 0px 0px rgba(0,0,0, 0); color: #fff; } #sc_header .ico::before { font-family: "SC Fontello"; display: inline-block; font-size: 1.5em; vertical-align: middle; margin-right: .3em; } .ico span { vertical-align: middle; } .ico_menu::before { content: "\e845"; } #sc_header .ico_menu { display: none; } .ico_cart::before { content: "\e802"; } .ico_acct::before { content: "\e89e"; } #sc_header .ico_search::before { content: "\e80a"; margin-right: 0; } .ico_close::before { content: "\e8a1"; margin-right: 0; } #search_nav { background-color: #0067a5; border: #0067a5 solid 2px; border-left: 0; display: none; } #sc #search_nav_terms, #search_nav_go { display: inline-block; border: 0; width: 85%; background: transparent; padding: 5px 10px; border-radius: 0; } #sc #search_nav_terms { background: #fff; color: #000; } #sc #search_nav_terms:focus { box-shadow: none; } #search_nav_go { width: 15%; min-width: 0; background-color: #0067a5; color: #fff; } #search_nav_go::before { font-family: "SC Fontello"; content: '\e80a'; } #theme_nav { display: none; } #theme_nav .theme_chooser li { display: block; width: auto; } #sc_outer { background-color: #fff; } #sc_footer { background-color: #fff; clear: both; color: #000; margin-top: -1px; text-align: center; border-radius: 0px; overflow: hidden; } #sc_footer_inner { padding: 15px; } #sc_footer .sc_inside { border-radius: calc(0px - 1px); } .ftr_in #sc_footer { border-width: 1px 0 0 0; border-top-left-radius: 0; border-top-right-radius: 0; } #sc_footer a { color: #000; } .var1_layout-clean #sc_header, .var1_layout-clean #sc_footer { border: 0; } #sc_footer a:hover { background-color: transparent; color: #4f4f4f; } /* for individual pages that link to content */ .sc_page_content { padding: 10px; } #sc.var9_800 .sc_title { font-size: 1.091em; } .sc_main_content { min-height: 550px; height: auto !important; height: 550px; } .sc_admin_edit { font-weight: normal; font: 11px Tahoma, Geneva, sans-serif; color: transparent !important; display: inline-block; width: 40px; height: 40px; z-index: 2; } .sc_admin_edit::before { content: '\e8aa'; font-family: "SC Fontello"; color: #000; font-size: 20px; border-radius: 50%; background: rgba(255,255,255, .3); padding: 2px 5px; } .modal_is_open .sc_admin_edit { display: none !important; } #sc a.sc_admin_edit:hover { background-color: transparent; } .nav_block .sc_admin_edit, .sc_content .sc_admin_edit { position: absolute; top: 5px; right: -10px; display: none; } .nav_block:hover .sc_admin_edit, .sc_content:hover .sc_admin_edit { display: block; } .category:hover .sc_admin_edit, .sc_content:hover .category .sc_admin_edit { display: inline-block; margin: 3px 0 0 2px; right: auto; top: auto; } #sc .prod_name .sc_admin_edit { top: auto; right: auto; margin-top: -5px; margin-left: 2px; display: none; } #sc .prod_name:hover .sc_admin_edit { display: inline-block; } .sc_content .sc_msg .sc_admin_edit { top: -13px; right: auto; display: none; } .sc_content:hover .sc_msg .sc_admin_edit { display: none; } .sc_content .sc_msg:hover .sc_admin_edit { display: inline-block; } #sc_w3c { text-align: center; } #sc_w3c a:first-child { margin-right: 20px; } .sc_arrow { background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/arrow_right.gif) no-repeat; padding-left: 10px; } .sc_arrow-click { background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/arrow_down.gif) no-repeat 0 5px; padding-left: 10px; } /****************************************************************** Default box stuff... you probably shouldn't mess with this. :) ******************************************************************/ /* Box dimensions for anything that can be shown per row The reason the percentages are slighly off is to fix an IE bug... keep them all .01 % from their true values to avoid problems. */ .box1width { width: 99.99%; } .box2width { width: 49.99%; } .box3width { width: 33.30%;} .box4width { width: 24.99%; } .box5width { width: 19.99%; } .box6width { width: 16.65%;} .box7width { width: 14.27%;} .box8width { width: 12.49%; } .box9width { width: 11.10%;} .box10width { width: 9.99%; } /* make row expand around floats inside */ .box_row { overflow: hidden; } #sc .box_outer { float: left; } /****************************************************************** Rounded corners for some boxes ******************************************************************/ .boxc { position:relative; padding: 10px; border: #808080 solid 1px; border-radius: 0px; } .boxc_double { position: relative; } #sc .boxc_double .boxc { width: 40%; margin: 0; position: absolute; right: 0; } #sc .boxc_double .boxc.address_entered { left: 0; } .address_correct { margin-top: 80px; } .address_entered ul, .address_corrected ul { margin-left: 5%; } .boxc.address_entered h3 { color: red; } .address_entered .wrong { color: red; text-decoration: line-through; } .nav_block, .sc_content { border-radius: 0px; margin-bottom: 15px; border: #808080 solid 1px; position: relative; overflow: hidden; } .sc_content, .nav_block_content { padding: 10px; } .nav_recent .nav_block_content { margin-top: 1em; } /* header images at top of some pages */ img.sc_header { display: block; margin-bottom: 5px; } .sc_hide { display: none !important; } .sc_show { display: block !important; } /****************************************************************** Form elements (excluding small forms) some things need to look similar to forms, hence .sc_form can be used on divs as well as form tags ******************************************************************/ #sc .sc_form { margin: 0 auto 5% auto; } .sc_form .boxc { margin-bottom: 40px; } .sc_form fieldset { border: 0; padding: 1em 1em 2em 1em; text-align: left; } .sc_form fieldset > h3, .sc_form fieldset > h4 { font-weight: normal; color: #008000; border-bottom: rgba(0,0,0,.1) solid 1px; padding: .75em 0; margin-bottom: 1.5em; margin-top: 3em; } .sc_form fieldset h3:first-of-type, .sc_form fieldset h4:first-of-type { margin-top: -1em; } .sc_form fieldset h3 { font-size: 1.166em; } .sc_form fieldset h4 { font-size: .917em; } /* instructions inside form */ .sc_form .inst { text-align: center; } /* this ensures default checkbox is only hidden in browsers that support :checked */ input.sc_check:checked, input.sc_check:not(:checked) { display: none; } input.sc_check:checked + label, input.sc_check:not(:checked) + label { position: relative; display: inline-block; margin-bottom: .3em; padding-left: 2em; height: 19px; } input.sc_check:checked + label::before, input.sc_check:not(:checked) + label::before { left: 0; position: absolute; content: ''; display: inline-block; width: 19px; height: 19px; padding: 0; border-radius: 3px; border: silver solid 1px; margin-right: .5em; background: #fff; } input[type="checkbox"].sc_check:checked + label::after ,input[type="checkbox"].sc_check + label:hover::after { content: '\e81b'; font-family: "SC Fontello"; display: block; position: absolute; color: #0067A5; width: 13px; height: 13px; top: -4px; left: 3px; font-size: 21px; } input[type="radio"].sc_check:checked + label::before, input[type="radio"].sc_check:not(:checked) + label::before { border-radius: 50%; top: 0; } input[type="radio"].sc_check:checked + label::after ,input[type="radio"].sc_check:hover + label::after { display: block; position: absolute; content: ''; border-radius: 50%; width: 13px; height: 13px; top: 3px; left: 3px; background: #0067A5; } input[type="checkbox"].sc_check + label:hover::after { color: green; } input[type="radio"].sc_check:hover + label::after { background: green; } .agree_fld input.sc_check:checked + label::before, .agree_fld input.sc_check:not(:checked) + label::before { top: -.1em; } #sc input, #sc select, #sc textarea { font: 1em Tahoma, Geneva, sans-serif; } #sc input[type=text], #sc input[type=date], #sc input[type=datetime-local], #sc input[type=search], #sc input[type=password], #sc input[type=email], #sc input[type=number], #sc input[type=tel], #sc textarea, #sc select { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; outline: none; padding: 4px 4px; border: silver solid 1px; border-radius: 2px; max-width: 100%; } #sc input[type=text], #sc input[type=search], #sc input[type=email], #sc input[type=tel], #sc input[type=password], #sc input.btn[type=submit] { -webkit-appearance: none; } /* remove spinner buttons in number fields */ input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .date_wrap::after, .datetime-local_wrap::after { font-family: 'SC Fontello'; content: '\e841'; } #sc select { padding: 0; height: 26px; } #sc input[type=text]:focus, #sc input[type=search]:focus, #sc input[type=password]:focus, #sc input[type=date]:focus, #sc input[type=datetime-local]:focus, #sc input[type=number]:focus, #sc input[type=tel]:focus, #sc textarea:focus, #sc select:focus { box-shadow: 0 0px 5px rgba(76, 182, 211, 1); border: 1px solid rgba(76, 182, 211, 1); } .sc_form input[type=text], .sc_form input[type=date], .sc_form input[type=datetime-local], .sc_form input[type=search], .sc_form input[type=password], .sc_form input[type=email], .sc_form input[type=number], .sc_form input[type=tel], .sc_form textarea { width: 240px; } .prod_options input[type=text], .prod_options input[type=date], .prod_options input[type=datetime-local], .prod_options textarea { width: 200px; } .sc_form textarea, .prod_options textarea { min-height: 70px; } .select_multi { text-align: left; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /****************************************************************** Modal dialog boxes ******************************************************************/ .modal { z-index: 3; box-shadow: 0 0 45px #000; background: #fff; max-height: calc(100% - 20px); position: fixed; top: 50%; left: 50%; min-width: 300px; max-width: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: hidden; opacity: 0; overflow: hidden; text-align: left; } /* iOS gives no indication that modal is scrollable. Add scrollbars to help */ .modal.show { visibility: visible; opacity: 1; } .modal h4 { background: #e8e8e8; border-bottom: #999 solid 1px; margin: 0; padding: .5em 1.5em .5em .5em; font-size: 1.1em; font-weight: normal; } #sc .modal h4 a:hover, .modal_closex:hover { color: inherit; } .modal .inner { padding: 2em; overflow-y: auto; } #sc .modal .btn:not(:last-of-type) { margin-right: 1em; } #sc .modal .btn { margin-top: .25em; margin-bottom: .25em; } .modal .inner .fhdr:first-child { margin-top: -.5em; } .modal_closex { position: absolute; width: 15px; height: 15px; right: .1em; top: .1em; font: 1.8em "SC Fontello" ; } .modal_closex::before { content: '\e8a1'; } #sc .modal_addon_opts .modal_cancel { display: none; } #sc .modal_addon_opts.add_on_selected .modal_cancel { display: inline-block; } .modal .prod_options { margin: 0; text-align: left; } .modal .prod_options .required_instructions { display: none; } .modal_back::before { font-family: "SC Fontello"; content: '\e856'; margin-right: .2em; } .g-recaptcha div { margin: 0 auto; } #sc input.error_field, #sc select.error_field, #sc textarea.error_field, #sc .error_field_radios, #sc .error_field.radios { border: red solid 1px; border-left-width: 5px; box-shadow: 0 0 3px rgba(255,0,0,0.2); } #sc .error_field_radios, #sc .error_field.radios { padding: .5em .5em 0 .5em; display: inline-block; } input.readonly { background-color: silver; } .req > label:first-of-type::before, .req.required_notice::before, .req.label::before { content: '*'; display: block; float: left; } .req > label:first-of-type::before, .req.label::before { display: inline-block; float: none; } .required_notice { color: #4f4f4f; position: absolute; bottom: 1em; right: 1em; } .sc_form .sc_light { font-size: .846em; color: gray; } /* Firefox select height is a bit smaller than input height. This corrects that so labels lineup properly */ .fields_box.double, .fields_box.triple { overflow: hidden; } .fields_box.double > * { width: 50%; float: left; } .fields_box.triple > * { width: 33%; float: left; } li.double > div { display: inline-block; } li.double > div:first-child { margin-right: 1em; } #sc input.zip { width: 80px; } .fields_box.double ul:first-child { padding-right: 1em; } .fields_box li { margin-bottom: .3em; display: block; } .fields_box li label:first-child { display: block; padding-top: 5px; padding-right: 5px; position: relative; width: 150px; } .fields_box .one_field li label:first-child { width: auto; } .fields_box_field { display: block; min-height: 28px; } .read_only li label:first-child { color: #999; } .same_line_labels li label:first-child, .same_line_labels .fields_box_field { display: inline-block; vertical-align: top; } .same_line_labels li label:first-child { padding-top: 2px; } /****************************************************************** Error and info messages ******************************************************************/ .sc_msg { position: relative; color: black; padding: .25em .25em .25em 2em; margin: 0 0 1em .8em; font-size: 1.1em; } .sc_msg { animation: blinker .3s linear 1; } @keyframes blinker { 0% { opacity: 0; } 50% { opacity: 0.1; } } /* this surrounds non page specific errors so they can be isolated if needed */ .sc_msg_generic { margin: 5px 10px 10px 10px; } .sc_msg img:first-child { display: none; } .sc_msg.info { background: #cfeeff; color: #3f358f; } .sc_msg::before { font-family: SC Fontello; z-index: 2; position: absolute; top: -.1em; left: -.42em; border-radius: .9em; height: .9em; width: .9em; line-height: 1em; } .sc_msg::after { position: absolute; left: -.8em; top: 0em; background: #fff; content: ''; width: 1.8em; height: 1.8em; border-radius: 50%; z-index: 1; } .sc_msg.info::before { font-size: 2.4em; content: '\e8a6'; color: #088CD3; width: .8em; top: -.13em; } .sc_msg.error { background: #DD4242; color: #fff; } .sc_msg.error::before, .sc_msg.question::before { content: '\e8a8'; color: #840606; font-size: 2.65em; height: .8em; width: .8em; top: -.05em; left: -.37em; line-height: .8em; background: #fff; } .sc_msg.success { background: #dff2bf; color: #344f18; } .sc_msg.success::before { content: '\e8f1'; color: #64893C; font-size: 2.2em; top: -.11em; } .sc_msg.alert { background: #F7F7A0; border: #EFEF9E solid 1px; border-width: 1px 0; padding-top: 3px; padding-bottom: 3px; color: #6f4400; } .sc_msg.alert::before { content: '!'; font-size: 1.7em; font-weight: bold; font-family: inherit; background: #F4F477; border: solid #7F7F0A 1px; text-align: center; padding: .15em; height: 1.43em; width: 1.43em; top: -.14em; left: -.6em; } .sc_msg.question { background: #e6d1ef; color: #5F376F; } .sc_msg.question::before { content: '\e815'; color: #A685B5; top: -.07em; } #sc .sc_msg a { text-decoration: underline; color: inherit; } /****************************************************************** Navigation blocks and links inside them ******************************************************************/ .nav_link_container:not(.children) { margin-left: -10px; margin-right: -10px; } .nav_link_container a { display: block; } .nav_col .nav_links li a { padding: .5em 10px; border-top: rgba(0,0,0,.03) solid 1px; } .nav_col .nav_links li:first-child a { border-top: 0; } .nav_col .nav_links li .expanded .parent a::after { border-bottom-style: solid; font-family: SC Fontello; font-size: 1.5em; content: '\e84e'; position: absolute; right: 10px; margin-top: -4px; display: inline-block !important; border: 0; } .nav_col .nav_links li a::after { font-family: SC Fontello; font-size: 1.5em; color: #e8e8e8; content: '\e84c'; position: absolute; right: 10px; margin-top: -4px; } /* turn off all right arrows in nav when accordion is on, we will turn them back on for parent menus only */ .accord_nav_on .nav_col .nav_links li a::after { content: ''; } .nav_col .nav_links li a:hover::after { color: inherit; } .nav_col .nav_links li a.selected::after, .nav_col .nav_links li .expanded .parent a::after { color: inherit; } .nav_col .nav_links li .expanded a::after { display: none; } /********************************************************************************** Account options nav block **********************************************************************************/ .account_options_nav .nav_link_container { margin-top: 10px; } .account_options_nav .username, .account_options_nav .password { width: 75%; display: block; margin-bottom: 2px; } .account_options_nav .remember_me_outer { font-size: .917em; } .remember_me_outer * { vertical-align: middle; } #sc .remember_me_outer a:hover { background: none; } #sc .account_options_nav .btn_login { margin-top: 10px; } .account_options_nav .sc_login { margin-bottom: 5px; } .sc_error { font-weight: bold; color: red; } /********************************************************************************** Cart options nav block **********************************************************************************/ .cart_options .cart_msg { margin-bottom: 10px; } /* controls all td (table cells) */ .cart_options_advanced { width: 100%; margin-bottom: 10px; } .cart_options_advanced td { font-size: .9em; } .cart_options_advanced .header_row_td { padding-bottom: 5px; } .cart_options_advanced .qty_td { text-align: left; } .cart_options_advanced .name_td a { display: block; text-align: left; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; width: 120px; } #menu1_cart .cart_options_advanced .name_td a { width: 220px; } #menu1_cart .cart_options_simple .btn_view_cart { float: right; } .cart_options_advanced .total_td { text-align: right; width: 5%; } .cart_options_advanced .footer_row_td { text-align: right; border-top: #c0c0c0 solid 1px; padding-top: 5px; } /********************************************************************************** Category links in the "Product Catalog" nav block **********************************************************************************/ /* this is the div surrounding an expanded parent and its children */ .cat_links .expanded { overflow: hidden; } .cat_links li:first-child .expanded { margin-top: 0; } .cat_links .expanded .children a { margin-left: 1em; font-size: 1em; } /********************************************************************************** Category preview nav block **********************************************************************************/ #sc .category_preview a, #sc .category_preview a:hover { background-color: transparent; } .category_preview .box_inner { text-align: center; } .category_preview .box_row { margin-bottom: 20px; } .category_preview div.prod_name { font-size: .833em; } /********************************************************************************** Breadcrumb navigation **********************************************************************************/ ul.breadcrumb_nav, ul.section_nav { padding: .65em 10px; border-bottom: rgba(0,0,0,.03) solid 1px; } ul.section_nav { padding-left: 0; margin-bottom: 1em; } #sc_main .breadcrumb_nav a, #sc_main .section_nav a { color: #999; } #sc_main .breadcrumb_nav a:hover, #sc_main .section_nav a:hover { color: #4f4f4f; } ul.breadcrumb_nav li, ul.section_nav li { display: inline-block; } .crumb:not(.first)::before { content: '\e84c'; font-family: SC Fontello; margin: 0 .4em 0 .2em; color: #999 !important; } /******************************************************************* Small icons, excluding header *******************************************************************/ #sc_inner .ico::before, #sc_inner .ico::after { font-family: "SC Fontello"; font-size: 1.1em; display: inline-block; vertical-align: baseline; margin: 0; } .ico_info { cursor: pointer; } .ico_info::before { content: '\e816'; } .ico_check::before { content: '\e81b'; margin-right: .3em !important; } .ico_left::before { content: "\e859"; } .ico_right::after { content: "\e858"; } /* iOS bug is causing issues when clicking icon, this fixes it */ .ico_info.tip { display: inline-block; height: 1.1em; } .ico_zoom::before { content: '\e808'; } .prod_options .ico_info, .prod_thumb .ico_info { color: #888; } /******************************************************************* Helps text floated to right of image (like category) looking good at different screen widths *******************************************************************/ .smart_float { overflow: hidden; } /* initial state */ .smart_float .left, .smart_float .right { vertical-align: middle; display: table-cell; } .smart_float .left { padding-right: 10px; } /* only used when wrapping, class added via JS */ .smart_float.wrap .left { display: block; float: left; padding-right: 0; } .smart_float.wrap .right { display: block; } .smart_float.wrap_all .left, .smart_float.wrap_all .right { display: block; } .smart_float.wrap .cat_image { margin: 5px 20px 0 0; } /******************************************************************* Categories content box (labeled "Product Catalog" by default) *******************************************************************/ .cat_products .box_row { padding: 0 !important; } /* this ensures no thumb area is too wide when on its own line */ .cat_products .box1width { max-width: 50%; } .prods_detail .cat_products > .box1width { max-width: none; } .cat_products .box_inner { border: rgba(0,0,0,.05) solid 1px; border-width: 1px 1px 0 0; padding-top: 15px; } .cat_products .only_box .box_inner { border: 0; } /* remove top border from all boxes in first row */ .cat_products .box_outer.first_row .box_inner { border-top-width: 0; } /* remove right border from all boxes in last column */ .cat_products .box_outer.last_box .box_inner { border-right-width: 0; } .cat_products { margin-top: 10px; overflow: hidden; } .last_box { clear: right; } .first_box { clear: left; } /******************************************************************* Category detail *******************************************************************/ .on_home .has_cat_detail:not(.prods_detail) .cat_products, #sc:not(.sort_on) .has_cat_detail .cat_products { border-top: rgba(0,0,0,.05) solid 1px; } .cat_detail { min-height: 3em; margin-bottom: 1em; } .click_here_for_all { display: block; text-align: right; margin-top: 20px; clear: both; } .cat_description { margin-top: 10px; } .sort { text-align: right; background: #f8f8f8; padding: 10px; margin-top: 10px; } /******************************************************************* Subcategories *******************************************************************/ .subcategories { background: #f8f8f8; padding: 10px; overflow: hidden; } .subcategories.has_imgs .subcategory { text-align: center; } .subcategory a { position: relative; padding: .5em; display: inline-block; line-height: 1.1; margin-right: 15px; max-width: 100%; } #sc .subcategory a:hover { background: #fff; } .subcategories:not(.has_imgs) .subcategory a { padding-left: 1.5em; } .subcategories:not(.has_imgs) .subcategory a::before { font-family: SC Fontello; content: '\e850'; vertical-align: middle; position: absolute; left: .4em; top: .62em; } .subcategories .box_row { border: 0; padding: 5px; } .subcategory_img { display: block; margin: 0 auto .5em auto; max-height: 80px; } .subcat_count { padding: .5em 1em; background: #f8f8f8; border-bottom: #dfdfdf solid 1px; color: gray; } /******************************************************************* Product thumbnail *******************************************************************/ a.prod_thumb_img img:not(.badge) { display: inline-block; vertical-align: middle; } a.prod_thumb_img { position: relative; display: block; margin: 0 auto; text-align: center; max-width: 90%; } .prod_thumb_img_wrap { min-height: 150px; margin-bottom: 15px; } .prod_thumb_img_wrap img:not(.badge) { width: auto !important; } .prod_thumb_info { min-height: 85px; text-align: left; padding: 10px 30px; overflow: hidden; } .prod_price { display: inline-block; color: #0067a5; margin-bottom: .5em; } .price_xtra { font-size: .7em; display: block; text-align: right; } .no_opts .prod_price { margin-bottom: 1.2em; } .prod_thumb_info .prod_price { float: left; } .prod_thumb_info .regular_price { font-weight: normal; margin-right: .3em; color: inherit; } .prod_thumb_info .rv_small_rating { float: right; } #sc .prod_thumb_info .details { float: right; color: #888; } #sc .prod_thumb_info .details:hover { color: inherit; } .prod_name { position: relative; } .prod_thumb .prod_code, .order_detail .prod_code { display: block; font-weight: normal; font-size: .85em; } #sc .img_frame { border: #999 solid 1px; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,.2); background: #fff; } #sc .prod_img_main.img_frame { padding: 10px; margin: 5px; } a.prod_thumb_img .badge { position: absolute; bottom: 0px; right: -10px; z-index: 2; } .prod_thumb .qty_box { margin: 1em 0; text-align: center; } .prod_price { margin-top: 2px; font-weight: bold; } .regular_price, .prod_options ul li > label.regular_price { text-decoration: line-through; color: #c0c0c0; } .disc_buy_get .regular_price { font-weight: bold; } .prod_detail.disc_buy_get .regular_price { font-weight: normal; color: green; text-decoration: none; } .prod_thumb.disc_buy_get .sale_price > .sc_amount:last-of-type { display: none; } div.sale_price { margin-top: 2px; } .best_price { color: green; } .price_sets { display: table; border-spacing: 0; } .price_sets li { display: table-row; } .price_sets li > * { display: table-cell; padding: 0 1em .7em 0; } /******************************************************************* Product detail *******************************************************************/ .prod_img_outer { position: relative; } .prod_img_outer .owl-item { background-color: #fff; } .prod_img_outer.owl-carousel:hover .owl-nav { display: block; } .prod_img_outer .owl-nav { display: none; position: absolute; bottom: 20px; width: 100%; } .prod_detail .prod_img a { width: 100%; display: block; } /* prevents Google chrome from putting blue outline around image after click */ .prod_img a:focus { outline: none; } .prod_img_outer:hover .has_bigger::before { font: 1.5em "SC Fontello"; content: '\e808'; display: block; position: absolute; bottom: 1.5em; right: 1.5em; text-shadow: #fff -1px 1px 0; cursor: pointer; z-index: 2; background: rgba(255,255,255,.6); border-radius: .2em; padding: .2em .3em; } .owl-theme .opt_carousel { width: 100%; margin-top: 5px; } .owl-theme .modal .opt_carousel { max-width: 300px; } .opt_carousel a { display: block; } .opt_carousel a:first-child { margin-left: 0; } .opt_img_wrap img { border: transparent solid 2px; padding: 2px; } .opt_img_wrap.selected img { border-color: #999; } .radios .opt_img_wrap { display: inline-block; vertical-align: middle; } .lazy_load_wrap { background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/wait.gif) center no-repeat; } .modal_opt .desc { margin: 1em 0; } .opt_help { color: #999; background: #f8f8f8; border-radius: 5px; padding: .5em 1em; margin: .5em 0; } .modal_opt1 .opt_img, .modal_opt2 .opt_choices:not(.has_desc) .opt_img { text-align: center; } .modal_opt2 .has_desc .lazy_load_wrap { background-position: left center; display: inline-block; text-align: center; } .modal_opt .opt_img img { display: block; } .modal_opt1 .opt_img img, .modal_opt2 .opt_choices:not(.has_desc) .opt_img img { margin: .5em auto; } .modal_opt2 .opt_choices { overflow: hidden; } .modal_opt2 .opt_choice { float: left; width: 33%; max-width: 100%; margin: 1em 0 2em 0; padding: 0 1em; } .modal_opt2 .opt_choices:not(.has_desc) h3 { font-weight: normal; font-size: 1em; text-align: center; } .modal_opt2 .opt_choice { overflow: hidden; } .modal_opt2 .has_desc .opt_choice { width: 100%; } .modal_opt2 .has_desc .opt_img { float: left; width: 33%; } .modal_opt2 .has_desc .desc { float: left; width: 66%; } .modal_opt2 .desc { margin-top: 0; } .prod_detail { padding: 0 5px; text-align: left; } .prod_detail form > .prod_code { margin-top: -20px; color: #999; } /* main content at top - prod pic and description */ .prod_main { width: 100%; overflow: hidden; } .prod_detail div.prod_img { position: relative; text-align: left; } /* carousel used when xtra images present, looks best centered */ .prod_detail .sc_carousel div.prod_img { text-align: center; } .prod_detail div.prod_img .badge { position: absolute; bottom: 30px; left: 30px; z-index: 2; width: auto; } .prod_detail .addtl * { vertical-align: middle } .prod_detail .addtl li { padding: 7px 0; } .prod_detail .addtl li:nth-child(odd) { background-color: #f8f8f8; } .prod_img_outer { float: left; padding-right: 20px; width: 40%; max-width: 100%; text-align: center; } /* without this, centering of extra images in carousel doesn't work */ .prod_img_outer.owl-carousel .owl-item img { display: inline !important; /* This line fixes a bug. Without it, product images on product page get expanded to 100% of container */ width: auto; } .prod_description, .prod_summary_wrap { clear: right; } .prod_summary_wrap { float: left; width: 60%; } .prod_summary p:last-child { margin-bottom: 0; } .prod_summary { margin-bottom: 3em; max-width: 90%; } .prod_detail .prod_price { font-weight: normal; font-size: 1.333em; } .related_products .prod_price { font-size: 1em; font-weight: bold; margin-bottom: 0; } .prod_detail.discounted .prod_price { display: inline-block; background: #FCFCA4; padding: .2em .4em; border-radius: 5px; margin: 0 auto 10px auto; color: #000; } .prod_detail.discounted .prod_price a { text-decoration: underline; } .prod_detail.discounted .prod_thumb .prod_price { background: none; } .prod_detail .regular_price { margin-bottom: 5px; } .prod_detail .qty_box { margin-top: 15px; color: #4f4f4f; } .price_apply { margin: 1em 0; } .qlfy_prods { list-style: none; margin: 0; padding: 0; font-style: italic; color: green; } .qlfy_prods li { display: inline; } .qlfy_prods li:not(:last-child)::after { content: ', '; } .prod_section, .prod_main { border-bottom: rgba(0,0,0,.03) solid 1px; margin-bottom: 40px; padding-bottom: 40px; } .prod_section p:last-child { margin-bottom: 0; } .prod_section h2 { font-size: 1.3em; font-weight: normal; text-align: left; margin: 0 0 12px 0; } .prod_section h3 { font-weight: bold; margin: 10px 0; } .prod_detail .buy_now { text-align: center; } #sc .prod_detail input.qty, #sc .prod_thumb input.qty { width: 35px; height: 30px; font-size: 14px; margin-right: 20px; text-align: center; } /******************************************************************** Discounts ********************************************************************/ .prod_detail .discount_description { padding-bottom: 20px; margin-bottom: 15px; border-bottom: rgba(0,0,0,.03) solid 1px; } .prod_detail .discount_description:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .prod_detail .discount_img { display: block; float: left; margin: 0 10px 10px 0; } .prod_detail .discount_ad_price { color: blue; margin-top: 4px; clear: both; } .prod_detail .discount_ad_price_left { margin-right: 25px; } .qty_discount_line { margin-bottom: 10px; } /* "When you buy..." msg for qty based discount ads */ .qty_discount_when, .discount_qlfy { color: #008000; font-weight: bold; text-decoration: underline; } .discount_conditions, .discount_product_link { color: gray; margin-top: 5px; } .discount_qlfy { margin-top: 10px; } /* div containing the word AND/OR */ .condition_and_or { font-weight: bold; padding-top: 5px; padding-bottom: 5px; } .condition_parens { padding-left: 5px; margin-left: 0px; border-left: #c0c0c0 dashed 1px; } .discount_description_txt { clear: right; margin-bottom: 10px; } /******************************************************** Product options ********************************************************/ #sc .sc_form.prod_options { margin: 1em 0; } .prod_options ul li > label { color: #4f4f4f; margin-bottom: .5em; } .prod_options .opt_leading::before { content: ''; border-top: rgba(0,0,0,.03) solid 1px; margin: 10px 0; display: block; } .prod_options .radios.has_imgs li { display: inline-block; width: 250px; } .prod_options .radios.no_break li { display: inline-block; width: 150px; } /* "restrictions" link for file upload options */ .opt_restrictions_link { float: left; margin-right: 5px; padding-top: 3px; cursor: default; } /* div containing file upload restrictions */ .opt_restrictions_list { padding-top: 3px; padding-left: 15px; color: gray; float: left; clear: right; } .opt_txtlimits { color: gray; } .opt_var_price { width: 50px !important; margin: 0 2px; } .opt_chars_left { display: none; } .opt_chars_left span { vertical-align: middle; } .sc_form .opt_qty .fields_box_field input, .sc_form .opt_qty_field { width: 30px !important; } .opt_qty:hover .opt_qty_arrow { position: absolute; z-index: 1; display: block; width: 7px; height: 20px; background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/option_qty_arrow.gif) no-repeat top; margin-top: -12px; margin-left: 14px; } /* This controls the spacing between each option */ .opt_leading { font-size: 1px; } /* This controls the spacing between each option, ONLY when there is at least one option with a qty field present */ .opt_qty_present .opt_leading { height: 20px; } /******************************************************** Sales agreements ********************************************************/ .agree { width: 75%; } .prod_detail .agree { width: 100%; } .modal .agree { width: auto; } .agree_text { text-align: left; border: silver solid 1px; overflow: auto; padding: 5px; background-color: #ececec; color: #000; margin: 0 auto; height: 200px; } .agree_print { text-align: right; line-height: 2.5em; } .agree_print::before { content: '\e822'; font-family: SC Fontello; font-size: 1.2em; vertical-align: middle; } .prod_detail .agree_fld { margin-top: -2em; } .agree h3 { margin-bottom: .2em; font-weight: normal; } /******************************************************** Search Results ********************************************************/ .sc_search_results label { width: 100px; } .sc_search_results .sc_btn { display: block; margin: 0 auto; } /******************************************************** Page Navigation ********************************************************/ /* the div surrounding the entire page nav */ .page_nav_div { text-align: right; background: #f8f8f8; padding: 10px; margin-top: 10px; } #sc .page_nav_div a, .page_nav_div .page_nav_current { display: inline-block; padding: 0 .8em; border: #e8e8e8 solid 1px; background: #fff; line-height: 2.2em; margin-left: 5px; vertical-align: middle; border-radius: 0; } #sc .page_nav_div a:hover, #sc .page_nav_current { background: #999; color: #fff; border-color: #999; } /* a disabled link */ .page_nav_disabled { color: silver; } .page_nav_back::before { content: '\e856'; font-family: SC Fontello; margin-right: .3em; line-height: 1.8em; color: #999; } .page_nav_next::after { content: '\e855'; font-family: SC Fontello; margin-left: .3em; line-height: 1.8em; color: #999; } .page_nav_back:hover::before, .page_nav_next:hover::after { color: #fff; } .page_nav_mobile { display: none; position: relative; } .page_nav_mobile_select { display: none; height: 2em; line-height: 2em; background: #fff; border: #e8e8e8 solid 1px; padding: 5px; } .page_nav_std { display: inline; } /* use mobile nav (select input) when lots of pages */ .page_nav_big .page_nav_mobile { display: inline; } .page_nav_big .page_nav_std { display: none; } .page_nav_mobile ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; bottom: -.75em; left: 5px; width: 85px; text-align: left; border: #e8e8e8 solid 1px; z-index: 2; } .page_current { width: 85px; text-align: center; cursor: pointer; } .page_current::after { content: '\e862'; font-family: SC Fontello; margin-left: .4em; color: #999; } #sc .page_nav_mobile ul a { width: 100%; margin: 0; border: 0; line-height: 2em; } #sc .page_nav_mobile ul a.selected { font-weight: normal; color: #c0c0c0; } .page_nav_mobile:hover ul { display: block; } /******************************************************** Checkout - view cart ********************************************************/ .cart_table, .cart_discounts, .address_box, .order_info_table { border: black solid 1px; margin-bottom: 15px; border-radius: 0px; overflow: hidden; background: #fff; } table.cart_table, table.order_info_table, table.order_history_table { width: 100%; } .order_info_table tbody tr:last-child td { border-bottom: 0; } .cart_table thead th { border-bottom: black solid 1px; text-align: right; font-weight: normal; } .cart_table th, .cart_table td { padding: 4px; vertical-align: top; line-height: 150%; } .cart_table .th1 { width: 50%; text-align: left; } .cart_table .th2 { width: 30%; } .cart_table .th3 { width: 12%; } .cart_table .th4 { width: 8%; } .cart_table tbody .td1, .cart_table tbody .td2, .cart_table tbody .td3 { border-right: #c0c0c0 solid 1px; } .cart_table tr.qty_row td { padding: 0px 4px; height: 26px !important; line-height: 26px; } .cart_table tr.qty_row td, .order_info_table .alt { border-top: #c0c0c0 solid 1px; border-bottom: #c0c0c0 solid 1px; background-color: #f8f8f8; } .cart_table tr.qty_row .td1 * { vertical-align: middle; } .cart_table tr.qty_row .td1 { text-align: right; } .cart_table tr.qty_row .td3 { border-right: 0; } #sc .cart_table tr.qty_row input { font-size: .917em; text-align: right; width: 30px; } .cart_table tbody tr:not(.qty_row) td { padding: 10px; } .cart_table tbody .td2 { text-align: right; } /* align prices, keep them from wrapping */ .cart_table tbody .td3, .cart_table tbody .td4, .cart_table tfoot .td1, .cart_table .tfoot .td1, .cart_table tfoot .td2, .cart_table .tfoot .td2, .cart_table .qty_row .td2, .cart_table .qty_row .td3 { text-align: right; white-space: nowrap; } .cart_table tfoot tr, .cart_table .tfoot tr { height: 55px; } .cart_table .prod_name_desc { overflow: hidden; width: 100%; line-height: normal; margin-bottom: 1em; } .cart_table a.prod_name { display: block; margin-bottom: 10px; } .cart_table .item_btns { padding-top: 17px; } #sc .cart_table .item_btns a { margin: .2em .3em ; } .cart_table .prod_img { float: left; margin-right: 2em; width: 90px; } #sc .cart_table .prod_img .img_frame { padding: 3px; } .cart_table .desc { margin-bottom: 1em; } .cart_table .reg_price { color: red; text-decoration: line-through; } .cart_table .opt_detail { margin: 5px 0; } .cart_table .opt_detail li { padding: 3px; background: #fff; } .cart_table .opt_detail li.alt { background: #f7f7f7; } .cart_table .opt_detail label { font-weight: bold; color: #515151; margin-right: 2px; } .cart_table .opt_detail li.alt label { color: #008000; } ul.opt_detail_values { margin-left: 10px; } .opt_detail .opt_detail_values li { background: none; border: none; padding: 0; } .cart_table .opt_col_name { display: block; } #sc .ship_detail .inner { padding: 10px; } #sc .ship_detail { padding-bottom: 0; } .ship_detail ul > li { margin-bottom: 1em; } .ship_detail li li { font-style: italic; padding-left: 5px; margin-bottom: 0; } .grand_total_amt, .grand_total_label { font-size: 1.2em; margin-top: 15px; color: #008000; } .order_email_body .grand_total_amt, .order_email_body .grand_total_label { color: #000; } .grand_total_label { font-weight: bold; } .form_btns { text-align: center; } #sc .form_btns .btn { margin: .2em; } .checkout_buttons_row1, .checkout_buttons_row2 { margin-bottom: 15px; } #sc .checkout_buttons_row1 { overflow: hidden; } #sc .checkout_buttons_row1 .btn, #sc .checkout_buttons_row2 .btn { margin-right: 10px; } #sc .checkout_buttons_row1 .btn_checkout { float: right; margin-right: 0; } #checkout_or { margin: 0 10px; } #gc_btn img { margin-bottom: -16px; } #azc_btn img { margin-bottom: 3px; margin-left: 5px; } .cart_table tfoot .td1 { position: relative; } .sets_present::after { content: '\e815'; font-family: 'SC Fontello'; cursor: default; } .coupon_code { color: #008000; position: absolute; left: 7px; bottom: 7px; } .coupon_code:before { font-family: SC Fontello; content: '\e823'; position: absolute; font-size: 1.5em; bottom: 17px; left: 10px; font-weight: normal; color: black; } #sc .coupon_code input { width: 100px !important; margin-right: 5px; text-align: center; text-transform: uppercase; border: dotted green 1px; border-radius: 0; } .cart_discounts { padding-bottom: 15px; } .cart_discounts .inner { padding: 10px 5px 0 5px; } .cart_discounts h4, .address_box h4 { border-bottom: black solid 1px; padding: 4px; margin: 0; font-weight: normal; font-size: inherit !important; } .cart_discounts h3 { font-size: 1.083em; margin: 10px 0; color: #008000; } .cart_discounts .cart_discount { padding: 0 10px; } .cart_discounts .discount_img { float: left; margin: 0 15px 15px 0; } .cart_discounts .total_svgs { clear: both; color: blue; border-bottom: #c0c0c0 dotted 1px; padding-bottom: 20px; margin: 20px 0; } .cart_discounts .cart_discount.last .total_svgs { padding-bottom: 0; margin-bottom: 0; border: 0; } .you_save { margin: 5px; font-size: .917em; color: #008000; font-weight: bold; } .discount_info { font-weight: normal; color: #7f7f7f; } .item_coupon_code { padding-right: 20px; } .empty_cart .boxc { padding-top: 40px; padding-bottom: 40px; } .address_boxes { clear: both; width: 100%; overflow: hidden; } .address_boxes .bill, .address_boxes .ship { float: left; width: 240px; position: relative; } .address_boxes .bill { margin-right: 25px; } .address_box address { font-style: normal; padding: 5px; } .address_box .addr_edit { display: block; position: absolute; right: .5em; bottom: .5em; } .address_box .addr_edit::before { font: 1.6em "SC Fontello"; content: '\e8aa'; } .checkout_progress { overflow: hidden; width: 100%; margin-bottom: 25px; } .checkout_progress .step1, .checkout_progress .step2, .checkout_progress .step3, .checkout_progress .step4 { float: left; width: 25%; font-size: 1.15em; padding: .8em 0 .65em 0; text-align: center; border: #eaeaea solid 1px; border-width: 0 0 1px 0; position: relative; } .checkout_progress .pending { color: silver; } .checkout_progress .active { border-width: 1px; border-bottom-color: #fff; background-color: #fff; } .checkout_progress .active.step1 { border-left-width: 0; } /* backwards compatibility with v3 */ .checkout_progress br { display: none; } .checkout_progress .done, #sc .checkout_progress .done a { color: #008000; } .checkout_progress .active::before, .checkout_progress .done::before { font-family: SC Fontello; font-style: normal; font-weight: normal; font-size: 1em; } .checkout_progress .done::before { content: '\e873'; } .checkout_progress a, .checkout_progress a:visited { color: #008000; } /******************************************************** Account choice page ********************************************************/ .acct_choice { text-align: center; } .acct_choice.boxc { padding: 0; } .acct_choice .boxc h2 { margin: 0; color: #4f4f4f; } .acct_choice_skip * { vertical-align: middle; } .acct_choice_skip h2 { display: inline-block; margin-right: 10px; } .acct_choice h4 { margin: 0; font-size: 1.083em; font-weight: normal; } .acct_choice_top { overflow: hidden; width: 100%; position: relative; } .acct_choice_new { width: 50%; float: left; } .acct_choice_new p { text-align: left; color: gray; } .acct_choice_login { width: 50%; float: right; } .acct_choice_login .inner { border-left: rgba(0,0,0,.1) solid 1px; position: relative; } .acct_choice .inner, .acct_choice_skip { padding: 15px; } .acct_choice_skip h4 img { margin-bottom: -12px; margin-right: 10px; } .acct_choice_skip { border-top: rgba(0,0,0,.1) solid 1px; margin-bottom: 15px; clear: both; padding-top: 25px; position: relative; } .acct_choice .or { position: absolute; top: -12px; left: 50%; margin-left: -15px; display: inline-block; width: 27px; height: 27px; line-height: 25px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; border: #808080 solid 2px; border-radius: 50%; font-weight: bold; font-size: 1.1em; color: inherit; background: #fff; } .acct_choice_top .or { top: 75px; } .acct_choice label { color: gray; display: inline-block; text-align: right; width: 65px; } .acct_choice .login_with_both label { width: 80px; padding-right: 5px; } .acct_choice input, .acct_choice label { margin-bottom: 2px; vertical-align: middle; } .acct_choice #sc_user, .acct_choice #sc_pass { width: 135px; } .acct_choice .remember_me { margin-left: 60px; margin-bottom: 20px; } .acct_choice .remember_me label { width: 130px; text-align: left; display: inline-block; font-size: .9em; padding-top:.2em; } .acct_choice_skip_w_email { margin-top: 10px; } .acct_choice_skip_w_email label { display: block; margin-bottom: 10px; width: auto; text-align: center; } #acct_choice_email { width: 150px; margin-right: 10px; } .acct_choice_skip_w_email input { vertical-align: bottom; } /******************************************************** Address form page ********************************************************/ #addr_continue { margin: 0 auto; display: block; } /******************************************************** Shipping methods ********************************************************/ .checkout_ship { margin-top: 20px; } .checkout_ship .boxc { min-height: 125px; } .checkout_ship .sc_btn { display: block; margin: 0 auto; } .ship_courier { padding: 10px 15px 10px 120px; position: relative; } .ship_logo { width: 90px; position: absolute; left: 20px; top: 10px; } .ship_disclaimer { margin-top: 15px; font-size: .917em; padding-left: 6px; color: #808080; } .rate_info_link { margin: 10px 0 10px -4px; display: block; } .ship_rate input, .ship_rate label { vertical-align: middle; } .ship_rate { padding-bottom: 8px; } .ship_rate label { cursor: pointer; color: #000; } .ship_rate_detail { background: #fff; color: #4f4f4f; font-size: .833em; margin: 10px 0px 20px 20px; padding: 5px; } .ship_rate_detail .sr_inner { margin: 15px; } .ship_rate_detail ul { list-style: disc; margin-left: 10px; } .dlv_days { color: gray; padding-left: 22px; font-size: .917em; } .ship_multi .ship_rate_group .boxc { margin-bottom: 0; } .ship_multi .ship_rate_group fieldset { padding-bottom: 0; } .ship_multi .ship_rate_group { margin-bottom: 40px; } /******************************************************** Payment form ********************************************************/ .sc_pay .sc_btn { display: block; margin: 0 auto; } .sc_pay .cart_table, .sc_pay .address_boxes { font-size: .917em; } .sc_pay .address_boxes .bill, .sc_pay .address_boxes .ship { width: 200px; } .sc_pay .sc_form .address_boxes h4 { text-align: left; margin: 0; border: 0; } .sc_pay .cart_table tbody td { border-bottom: #c0c0c0 solid 1px; } .sc_pay .cart_table tbody .td1 { border-right: 0; } .sc_pay .cart_table { margin-bottom: 0; } .pay_method_row { text-align: center; } .pay_method_row.first { margin-bottom: 20px; } .pay_method_row * { vertical-align: middle; } .pay_method_wrap { display: inline-block; box-sizing: content-box; text-align: left; margin-top: 1em; } .pay_method_row img { box-shadow: 0 2px 4px rgba(0,0,0,.4); border: rgba(0,0,0,.8) solid 1px; } .pay_method_wrap label { cursor: pointer; margin-right: 15px; padding: 5px; display: inline-block; border: transparent solid 5px; } .pay_method_wrap label:hover, .pay_method_wrap label:active, .pay_method_wrap label:focus, .pay_method_wrap.selected label { border: #dfdfdf solid 5px; border-radius: 5px; } .pay_method_wrap label:focus, .pay_method_wrap.selected label { border-color: green; } #pay_cc label { width: 120px; white-space: nowrap; } #name_on_card, #card_number { width: 170px; } #cvv2 { width: 40px !important; } #cvv2_help { max-width: 400px; overflow: hidden; } #cvv2_help #col1 { float: left; width: 50%; padding-right: 20px; } #cvv2_help #col2 { float: right; width: 50%; } #cvv2_help #vsmcd, #cvv2_help #amex { overflow: hidden; width: 100%; margin-bottom: 20px; } #cvv2_help #vsmcd img, #cvv2_help #amex img { float: left; } #cvv2_help label { display: block; padding: 55px 15px 0 15px; font-size: .85em; color: #999; } .sc_pay div.sc_light { margin-top: 2px; margin-bottom: 10px; } .echeck_route_acct { overflow: hidden; width: 100%; text-align: center; } .echeck_route_acct label { display: block; } .echeck_acct label { margin: -18px 16px 0 0; } .echeck_route label { margin-left: 16px; } .echeck_route { display: inline-block; width: 150px; text-align: left; } .echeck_acct { display: inline-block; text-align: right; padding-bottom: 10px; } .echeck_route_acct input, .echeck_route_acct img { vertical-align: top; } #bank_routing_number { width: 100px; } #bank_account_number { width: 150px; } #check_number { width: 50px; } .terms .agree_text { width: auto; margin: 0 20px; } .terms .agree_fld { text-align: center; font-size: 1.167em; } .terms .agree_print { margin-right: 25px; } .terms .agree_details { color: gray; margin: 0 20px 10px 20px; } .account_form .terms .sc_header { margin-left: -35px; } /******************************************************** Order detail page ********************************************************/ .order_detail { position: relative; } .order_detail .sc_header { margin-bottom: 20px; } .order_detail h1 { font-size: 20px; font-weight: normal; } .order_detail .tfoot td { border-right: none; } .order_detail .tfoot .td1 { vertical-align: bottom; text-align: left; } #sc #print_friendly { position: absolute; right: 0; top: 0; z-index: 2; } #print_friendly img { display: none; } #print_friendly::before { font-family: SC Fontello; font-size: 1.2em; margin-right: .3em; content: '\e822'; } .print_friendly { page-break-before: always; } .print_friendly:first-of-type { page-break-before: auto; } .print_friendly h2 { margin-top: 0; } .print_friendly * { border-color: #000 !important; border-radius: 0; } .print_friendly .cart_table tr.qty_row td { border: #000 solid 1px ; border-width: 1px 0; } @media print { .sc_content { padding: 0; } } .order_discount_info { float: right; text-align: right; } .order_info_table th { border-bottom: #000 solid 1px; font-weight: normal; } .order_info_table th, .order_info_table td { padding: 5px; text-align: left; } table.statuses th, table.statuses td, table.shipments th, table.shipments td { width: 33%; } .order_email_body { padding: 10px; } .order_history_table .col5, .order_history_table .col6 { text-align: right; } .order_history .fields_box.triple .col1 { width: 50%; padding-right: 1em; } .order_history .fields_box.triple .col2, .order_history .fields_box.triple .col3 { width: 25%; } .order_history .item { display: inline-block; white-space: nowrap; } #sc .order_history h3 { margin-bottom: .5em; } .order_history .order_date { float: right; margin-top: -.3em; } .order_history .order_date::before { font-family: 'SC Fontello'; content: '\e841'; margin-right: .5em; } .order_history fieldset { padding-bottom: 0; } .order_history .form_btns { text-align: right; } .order_status_note::after { content:""; width: 16px; height: 16px; background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/zoom_in.gif) no-repeat; display: inline-block; vertical-align: middle; margin-left: 7px; } /************************************************** Unitip css - for tooltip feature **************************************************/ #unitip { position: absolute; z-index: 1000; top: -1000px; color: #fff; font: normal normal 11px Verdana, Arial, Helvetica, sans-serif; display: none; } .ios_scroll_fix #unitip { position: fixed; } #unitippoint, #unitipmid, #unitipcap { position: relative; top: 0px; left: 0px; width: 145px; display: block; } #unitippoint { background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/TipPoint.png) no-repeat; height: 19px; overflow: hidden; } #unitipmid { background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/TipMid.png) repeat; width: 145px; height: auto; padding: 5px 15px; } #unitipcap { background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/TipCap.png) no-repeat; height: 7px; overflow: hidden; } /* switch to light tooltip if background color is dark */ .featured_prod .prod_img { float: left; width: 40%; } .alt.featured_prod .prod_img { float: right; } .featured_prod .prod_description { clear: none; } .featured_prod .prod_description_inner { min-height: 150px; height: auto !important; height: 150px; margin-bottom: 15px; } .featured_prod_btns { clear: both; text-align: right; } .featured_price { display: inline-block; padding-top: 4px; margin-right: 15px; } .featured_prod .prod_price { color: blue; font-size: 1.333em; font-weight: normal; } .featured_prod h2 { font-size: 1.333em; font-weight: bold; color: #666666; margin-top: 0; } .vat { color: #8f8f8f; } /********************************* Products via a table view *********************************/ .cat_products_table { border: black solid 1px; width: 100%; margin: 10px 0; border-spacing: 0; } .cat_products_table td, .cat_products_table th { text-align: left; border-bottom: #c0c0c0 solid 1px; vertical-align: top; padding: 5px; } .cat_products_table tbody td { padding: 10px; } .cat_products_table td.prod_name_td { width: 31%; } .cat_products_table td.price_td { width: 20%; } .cat_products_table td.opts { width: 49%; } .cat_products_table th.last { text-align: right; } .cat_products_table table td, .cat_products_table table th { padding: 0; border: 0; } .cat_products_table .prod_name_td, .cat_products_table .price_td { border-right: #c0c0c0 solid 1px; } .cat_products_table .opts { text-align: right; } .cat_products_table a.prod_thumb_img { margin: 0; } .cat_products_table .rv_small_rating { margin: 0; } .cat_products_table .qty { width: 35px; } .cat_products_table .prod_name { margin-bottom: 5px; } .cat_products_table .agree { margin-right: 0; margin-bottom: 5px; margin-top: 0; } .cat_products_table .agree_text { margin-right: 0; padding: 0; } .cat_products_table .agree_print { margin-right: 5px; } .cat_products_table .agree h3 { font-size: inherit; margin-top: 0; margin-bottom: 2px; } .cat_products_table .error td { border: #7f1717 solid 1px; border-width: 1px 0; background: #BF2323; color: #fff; } .cat_products_table .error .inner { position: relative; } .cat_products_table .error .arrow { position: absolute; bottom: -22px; left: 50%; display: block; width: 23px; height: 12px; margin: 0 auto; background: url(https://www.tnpi.net/cart/squirrelcart/themes/squirrelcart/images/red_error_arrow.png) no-repeat; } .cat_products_table .sc_msg.info { margin: 0; } .cat_products_table .sc_msg.info img { display: none; } .cat_products_table .required_instructions, .cat_products_table .missing_instructions { display: none; } .category_as_table .req_missing_instructions { text-align: right; margin: 0 0 1em 0; } #sc .account_options_restricted { margin-top: 40px; width: 650px; max-width: 100%; } .account_options_restricted #login_form { width: 185px; margin: 0 auto 70px auto; display: block; } .account_options_restricted .username, .account_options_restricted .password { display: block; width: 100%; } #sc .account_options_restricted .btn_login { margin-top: 10px; } .account_options_restricted .nav_links { text-align: center; } .account_options_restricted .nav_links li { display: inline-block; margin-left: 20px; } .account_options_restricted .nav_links li:first-child { margin-left: 0; } .email_admin_opts { background-color: #fcfc8d; border: black solid 1px; font-size: 12px; padding: 10px; } .sso_btn, .sso_on #login_form_outer.login_form_fixed { box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.5); } .cart_table, .cart_discounts, .order_info_table, .address_box, .boxc { box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.5); } .login_form_fixed #login_form { display: block; } .acct_choice.sc_login_on .acct_choice_top .or { display: none; } /***************************************** Colors, via ini files in theme dir *****************************************/ .sc_title, .cart_table thead th, .order_info_table th, .cart_discounts h4, .address_box h4, .sc_form fieldset .address_box h4 { color: #e6f2e6; background-color: #004000; } #sc .sc_title a { color: #e6f2e6; } .nav_col a { color: #4f4f4f; background-color: transparent; } .nav_col a:hover { color: #000; background-color: #dfdfdf; } .nav_block, .sc_content, .cart_table, .cart_table thead th, .cart_discounts, .cart_discounts h4, .order_info_table, .order_info_table th, .address_boxes .bill, .address_boxes .ship, .address_box h4, #sc.sso_on #login_form, #sc .sso_btn, .sso_icon { border-color: #808080; } .prod_detail h1, .prod_section h2 { color: #4f4f4f; } .xtra_imgs { overflow: hidden; width: 100%; } .xtra_imgs img { max-height: none; } .xtra_imgs a { display: block; height: 80px; overflow: hidden; float: left; border: rgba(0,0,0,.1) solid 1px; text-decoration: none; margin-right: 10px; margin-bottom: 10px; } .xtra_imgs a:hover { border-color: #000; } #sc .li_opt.qty_row td { border-bottom-style: dotted; } #sc .opt_li_row.qty_row td { border-top: 0; border-right: 0; } /******************************* Add On Products *******************************/ .add_on_products .required_instructions { display: none; } .add_on_products .box_inner { position: relative; } .add_on_products .cat_products .sc_msg { font-size: 1em; margin: 0 1em; position: absolute; width: 94%; z-index: 2; border: 0; box-shadow: 0 3px 5px rgba(0,0,0,.3); } #sc .sc_msg .sc_msg_close { position: absolute; top: .2em; right: .5em; text-decoration: none; } .sc_msg_close::before { font: 1.3em SC Fontello; content: '\e8a1'; } .add_on_products .sc_msg p { margin: 0; } .add_ons_review .btns_add_to_cart { margin-top: 2em; } // hide things that should only appear if user chose to look at add-ons via modal .add_on_products .btns_add_to_cart, .add_on_products .add_on_review_help { display: none; } .add_ons_review .btns_add_to_cart, .add_ons_review .add_on_review_help { display: block; } .add_on_qty_wrap { text-align: center; padding: 0 30px; } #sc .prod_detail .add_on_qty_wrap .qty { height: 15px; font-size: 1em; width: 2em; margin: -2px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sc .add_on_qty_wrap .qty_check { clear: both; border: #EDEEEF solid 1px; padding: .5em; display: block; height: auto; cursor: pointer; background: #f8f8f8; margin-bottom: 1em; } #sc .add_on_qty_wrap input.sc_check:checked + label { background: #dfdfdf; border-color: #A7D0E8; } .add_on_qty_wrap input.sc_check:checked + label::before, .add_on_qty_wrap input.sc_check:not(:checked) + label::before { display: none; } .add_on_qty_wrap input.sc_check:checked + label::after, .add_on_qty_wrap input.sc_check:not(:checked) + label::after { left: 8px; top: 3px; } #sc .qty_check:hover { border-color: #A7D0E8; } .qty_check * { vertical-align: middle; cursor: pointer; } #sc .qty_check input { width: auto; margin: 0 0 0 10px; } .addon_prefix { font-weight: bold; margin-right: 5px; } tr.addon .td1 { padding-left: 30px; padding-right: 15px; } tr.addon .prod_name { margin-top: 10px; } tr.addon .item_btns { display: none; } /* Triangle pointing up to indicate add-on belongs to parent above We will only do this if page BG is white, else it looks bad */ tr.addon .prod_name_desc::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 20px 20px; border-color: rgba(255,255,255,0) rgba(255,255,255,0) #fff rgba(255,255,255,0); position: absolute; margin: -30px 0 0 15px; z-index: 2; } /* This simulats a border around above triangle */ tr.addon .td1::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 21px 21px 21px; border-color: rgba(255,255,255,0) rgba(255,255,255,0) #c0c0c0 rgba(255,255,255,0); position: absolute; margin: -31px 0 0 14px; z-index: 1; } /* The use of rgba above is to solve a grey border problem that occurs only in Firefox. rgba doesn't work in IE <= 8, so we need to use transparent instead */ .acct_notify_fields { margin: 15px 0; padding: 5px 15px; border-left: silver solid 1px; } .acct_notify_fields p { margin: 5px 0; } .ficons { margin: 0 10px 0 0; height: 20px !important; display: inline-block; border-right: #c0c0c0 dotted 1px; padding: 0 5px 0 5px; width: 85px; } .ficons::before { content: ''; display: inline-block; width: 12px; height: 16px; vertical-align: middle; background: url(https://www.tnpi.net/cart/squirrelcart/modules/download/templates/images/download_arrow.gif) no-repeat; } .ftype { text-transform: uppercase; } .addtl .section { border: #c0c0c0 solid 1px; padding: 10px; margin-bottom: 20px; box-shadow: 0 0 2px #ddd; border-radius: 3px; } .addtl .section h3 { margin-top: 2px; padding-left: 5px; font-weight: normal; } .addtl .prod_data li { padding: 3px 3px 3px 5px; } .prod_data li * { vertical-align: middle; } .prod_data label { margin-right: 2px; display: inline-block; width: 20%; color: #4f4f4f; } .pay_iframe_outer .boxc { padding-bottom: 50px; } .pay_change_mind { text-align: center; } .textcaptcha fieldset { text-align: center; } .pac-container { width: 370px !important; } .moocomplete { background-color: #fff; border: 1px solid #aaa; z-index: 999; font-size: 1.2em; } .moocomplete div { padding: 0 0.2em; cursor: pointer; } .moocomplete .hovered { background-color: #ccc; } .moocomplete_City, .moocomplete_Postal_Code, .moocomplete_Ship_City, .moocomplete_Ship_Postal_Code, .moocomplete_Bill_City, .moocomplete_Bill_Postal_Code, .moocomplete_Ship_Est_City, .moocomplete_Ship_Est_Postal_Code { white-space: nowrap; width: auto !important; } #ship_estimator { margin: 15px 0; padding: 15px 10px; background: #f2f2f2; position: relative; color: #4f4f4f; display: none; } #sc #ship_est_btn:hover { background: #fff; color: #000; text-shadow: none; } #ship_estimator.disabled { padding-bottom: 6px; } #ship_estimator.disabled #ship_estimator_flds, #ship_estimator.disabled #ship_est_rates_outer { display: none !important; } #Ship_Est_City, #Ship_Est_Postal_Code { width: 110px !important; } #ship_estimator::before { content: '\e80c'; font: 2em SC Fontello; display: block; color: #0067A5; float: left; margin: .05em .5em 0 0; } #ship_estimator.disabled::before { display: none; } #ship_estimator .top * { margin: 1px 0; } #ship_estimator ul, #ship_estimator li { display: inline; } #ship_est_btn { height: calc(26px + 0px*2); line-height: 27px !important; } #ship_est_wait { display: none; vertical-align: top; line-height: 25px; height: 25px; } #ship_est_rates_outer { display: none; } #ship_estimator .ship_courier { padding: 10px 0 10px 120px; margin-bottom: 10px; border-bottom: rgba(0,0,0,.03) solid 1px; min-height: 50px; background: #fff; clear: left; } #ship_estimator .ship_courier:last-of-type { margin-bottom: 15px; } #ship_estimator .ship_rates { overflow: hidden; padding: 10px; min-height: 70px; } #ship_estimator .ship_rates .col1, #ship_estimator .ship_rates .col2 { float: left; width: 50%; } #ship_estimator .ship_rate { padding-bottom: 2px; } #ship_estimator .ship_rate label { color: #000; } #ship_estimator .ship_disclaimer { clear: both; padding: 10px 0 0 5px; } #ship_estimator .ship_logo img { max-height: 50px; } #ship_estimator #courier_2 .ship_logo { left: 20px; } #ship_estimator .ship_forced { margin-bottom: 15px; } #ship_estimator .ship_forced_only { padding-left: 5px; margin-bottom: 0; border-top: silver dotted 1px; border-bottom: 0; padding: 10px 10px 0 10px; } #ship_estimator .ship_forced h3 { font-weight: normal; margin-top: 0; color: #000; } #ship_est_rates { text-align: left; border-width: 1px 0; padding-top: 10px; } #ship_estimator .rate { display: block; float: left; width: 45px; margin-right: 20px; margin-bottom: 5px; white-space: nowrap; text-align: right; color: navy; } #ship_estimator .sc_msg { font-size: .95em; background: transparent; padding-top: 0; border: 0; color: inherit; } #ship_estimator .sc_msg.info::before { font-size: 2em; } #ship_estimator .error img:first-child, #ship_estimator .info img:first-child { width: 24px; height: 24px; top: -2px; left: 10px; } #ship_estimator .error, #ship_estimator .info { border: 0; display: inline-block; padding-right: 10px; } #ship_est_disabled { display: none; padding-left: 1em; } #ship_estimator .ship_rate_detail { margin: 0; width: auto; position: relative; margin-bottom: 20px; color: gray; } #ship_estimator .ship_rate_detail table td:first-child { white-space: nowrap; text-align: left; } #ship_estimator .ship_rate_detail ul { list-style: none; margin: 0; } #ship_estimator .sr_inner { margin: 0; overflow: hidden; max-height: 1.55em; padding-right: 2em; } #ship_estimator .sr_inner p:last-child { margin-bottom: 0; } #ship_estimator .sr_inner.show_more { overflow: auto; max-height: none; } #ship_estimator .rate_detail_more { visibility: hidden; position: absolute; right: 4em; bottom: -7px; font-style: italic; color: navy; } #ship_estimator .ship_multi .ship_courier { margin-bottom: 0; border: 0; } #ship_estimator .ship_multi .ship_logo { top: 25px; } #ship_estimator .ship_multi .ship_courier[id$="courier_1"] .ship_logo { top: 15px; } #ship_estimator .ship_rate_group { background: #fff; margin-bottom: 15px; } #ship_estimator h3 { padding: 15px; border-bottom: #f2f2f2 solid 1px; font-size: 1em; font-weight: normal; color: green; } #ship_estimator .boxc.ship_forced { padding: 0; } #ship_estimator .boxc.ship_forced h3 { padding: 5px 10px 10px 10px; margin: 0 -1em 10px -1em; font-weight: bold; } .required_instructions { color: #c0c0c0; } .prod_options .required_instructions { text-align: right; } /************************************ Slideshows ************************************/ .slides_home { margin-bottom: 0; } .slide_show { background: #fff; display: block; } .slides_home .slide { position: relative; display: none; } .slides_home .slide:first-of-type { display: block; } .slides_home .slide > img:first-child { width: 100% !important; } #sc .slides_home .btn, #sc .slides_home .btn:active { font-size: .6em; } .owl-theme .slides_home .owl-dots { position: absolute; bottom: 3%; right: 3%; } .owl-theme .slides_home .owl-dot span { height: 15px; width: 15px; background-color: #fff; box-shadow: 0px 1px 1px rgba(0,0,0,.8); } .slide_info { position: absolute; left: 5%; top: 5%; right: 5%; color: #fff; font-size: 2em; } .slide h4 { font-size: 2em; background: none !important; padding: 0; color: #fff !important; text-shadow: -1px 1px 3px #000; padding: 2px; border: 0; } .slide_right h4 { text-align: right; } .slide_light_yellow h4 { color: #f0f9bb; } .slide1_example .slide_info { top: 10%; left: 15%; right: 10%; } .slide_right .slide_info { left: auto; right: 2%; width: 40%; } .slide_left .slide_info { left: 5%; right: auto; width: 40%; } .slide:not(.slide_no_desc) .inner { line-height: 1.2; text-shadow: -1px 1px 1px #000; background: rgba(0,0,0,.25); color: #fff; padding: 1em; border-radius: 10px; overflow: hidden; } #sc .slide .btn { float: right; border-radius: 5px; box-shadow: 0px 2px 0px rgba(0,0,0,.8); text-transform: uppercase; font-weight: bold; } #sc .slide_no_desc .btn { float: none; } .slide .sc_admin_edit { display: none; position: absolute; right: 2.5em; top: 2em; color: #fff; } .slide:hover .sc_admin_edit { display: block; } .slide:hover .sc_admin_edit::before { color: #000; font-size: 3em; background: rgba(255,255,255,.5); padding: .3em .5em; border-radius: 50%; } .mfp-figure::after { background-color: #fff; } .sc_menu_on .sc_content, .sc_menu_on .boxc, .sc_menu_on .nav_block { opacity: 1 !important; } .back_to_top, body:not(.touch) .back_to_top:hover { margin: 0; position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; border-radius: 25px; z-index: 100; display: none; text-decoration: none; color: #fff; background-color: #ff9000; text-align: center; opacity: .8; } body:not(.touch) .back_to_top:hover { background: #555; } .back_to_top::before { font-family: 'SC Fontello'; content: '\e857'; font-size: 40px; } .csl_bump { visibility: hidden; } .offline { margin: 10px; } #sc .offline .sc_content { margin: 0; background: #f8f8f8; padding: 25px; border-left: #dfdfdf solid 3px; } /* Stylesheet file: style_variant1_layout11.css.php */ /* Stylesheet file: style_variant1_layout10.css.php */ #sc_outer { border: #eaeaea solid 1px; border-width: 0 1px; overflow: hidden; } #sc_footer { overflow: visible; border: #eaeaea solid 1px; border-width: 1px 1px 0 1px; box-shadow: none; } #sc_header { overflow: visible; border: #eaeaea solid 1px; border-width: 0 1px 1px 1px; margin-bottom: 0; } body { padding: 0px 0 0px 0; } /* subtle shadows */ .var16_subtle-lighter #sc_outer, .var16_subtle-darker #sc_outer, .var16_subtle-lighter .slides_home, .var16_subtle-darker .slides_home { box-shadow: 0 0 9px -4px #000; } .var16_subtle-lighter .slides_home, .var16_subtle-darker .slides_home { border: #eaeaea solid 1px; border-width: 0 1px !important; } .var16_subtle-lighter #sc_header, .var16_subtle-darker #sc_header { box-shadow: 0 4px 9px -4px #000; } .var16_subtle-lighter #sc_footer .sc_inside, .var16_subtle-darker #sc_footer .sc_inside { box-shadow: 0 0px 9px -4px #000; } /* medium shadows */ .var16_medium-lighter #sc_outer, .var16_medium-darker #sc_outer { box-shadow: 0 0 12px 0px #000; } .var16_medium-lighter .slides_home, .var16_medium-darker .slides_home { box-shadow: 0 0 5px 0px #000; } .var16_medium-lighter #sc_header .sc_inside, .var16_medium-darker #sc_header .sc_inside { box-shadow: 0 -2px 8px -6px #000 inset; } .var16_medium-lighter #sc_footer .sc_inside, .var16_medium-darker #sc_footer .sc_inside { box-shadow: 0 -2px 15px -5px #000; } /* strong shadows */ .var16_strong-lighter #sc_outer, .var16_strong-darker #sc_outer { box-shadow: 0 10px 15px 1px #000; } .var16_strong-lighter #sc_header .sc_inside, .var16_strong-darker #sc_header .sc_inside { box-shadow: 0 -2px 8px -6px #000 inset; } .var16_strong-lighter #sc_footer .sc_inside, .var16_strong-darker #sc_footer .sc_inside { box-shadow: 0 -2px 15px -5px #000; } #sc_header, #sc_footer { width: 100%; } .var16_subtle-lighter #sc_header .sc_inside, .var16_subtle-darker #sc_header .sc_inside, .var16_subtle-lighter #sc_footer .sc_inside, .var16_subtle-darker #sc_footer .sc_inside, .var16_medium-lighter #sc_header .sc_inside, .var16_medium-darker #sc_header .sc_inside, .var16_medium-lighter #sc_footer .sc_inside, .var16_medium-darker #sc_footer .sc_inside, .var16_strong-lighter #sc_header .sc_inside, .var16_strong-darker #sc_header .sc_inside, .var16_strong-lighter #sc_footer .sc_inside, .var16_strong-darker #sc_footer .sc_inside { box-shadow: none !important; } /* prevents problematic gradients */ #sc_header .sc_inside, #sc_footer .sc_inside { background-image: none; }/* Stylesheet file: style_variant6_no-box.css.php */ #sc_inner { padding: 10px; } #sc_footer { border-bottom: 0; z-index: 1; } #sc .nav_block, #sc .sc_content { background: transparent; border: 0; margin-bottom: 30px; } .sc_acct_nav_block { margin-bottom: 50px !important; } .sso_on #login_form_outer.login_form_fixed { box-shadow: none; } .cart_table, .cart_discounts, .address_box, .order_info_table { background: transparent; } body { padding: 0px 0 0px 0; } #sc_col1 { box-shadow: 5px 0px 2px -5px rgba(0,0,0,.5); border-right: #808080 solid 1px; padding-right: 9px; } #sc_col2 { border-left: #808080 solid 1px; padding-left: 9px; box-shadow: -5px 0px 2px -5px rgba(0,0,0,.5); } #sc #sc_main { padding: 0 10px; } #sc.cols2 #sc_main { padding-right: 0; } .prod_detail { padding: 0; } .cat_products .prod_detail { padding: 0 5px; } .sc_title:first-child { border-radius: 0px; border: 0; overflow: hidden; } .sc_content .prod_detail h1 { background: none; } /* Stylesheet file: style_variant9_responsive.css.php */ @media screen and (min-width: 1261px) { /* bumps up font-size when no left and right nav columns present */ #sc.cols1 { font-size: 1.5em; } #sc.cols1 #menu1_acct .menu1 { width: 340px; left: -109px; } } @media screen and (max-width: 1260px) { #sc.is_responsive { font-size: 1.3em; } .sc_section, #sc_header, #sc_footer, #sc_outer { width: 1024px; } #sc_col1, #sc_col2 { width: 22%; } #sc_col2 { float: left; clear: left; } .var6_no-box #sc_col2 { box-shadow: 5px 0px 5px -5px rgba(0,0,0,.7); border-left: 0; border-right: #808080 solid 1px; padding-left: 0; padding-right: 9px; } .cols3 #sc_main { padding-right: 0; } #sc_logo { max-width: 40%; padding-right: 10px; } .slides_home { font-size: .8em; } } @media screen and (max-width: 1045px) { .sc_section, #sc_header, #sc_footer, #sc_outer { margin-left: 2%; margin-right: 2%; width: auto; } #sc_col1, #sc_col2 { display: block; float: none; width: 100%; min-height: 0 !important; border-right: 0 !important; padding: 0 !important; } #sc_main { min-height: 0 !important; } #sc_nav .sc_title:first-child { border-radius: 0; } #sc_nav { display: none; z-index: 3; background-color: #fff; width: 75%; max-width: 400px; left: 0; top: 0; height: 100%; box-shadow: 2px 0px 15px rgba(0,0,0,.7); position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; } #sc.var6_no-box #sc_main { padding-right: 0; padding-left: 0; } #search_nav { display: block; } .cols2 #hdr_search, .cols3 #hdr_search { display: none; } /* animation for menu */ @-webkit-keyframes fadeIn { from { opacity: 0; left: -60%} to { opacity: 1; left: 0} } @keyframes fadeIn { from { left: -60%} to { left: 0} } .sc_menu_on #sc_nav { display: block; -webkit-animation: fadeIn .5s; animation: fadeIn 1s; } #sc.sc_menu_on .btn.btn_sso { margin-left: 10px; margin-right: 10px; } .cols2 #sc_header .ico_menu, .cols3 #sc_header .ico_menu { display: inline-block; } .cols2 #sc_main, .cols3 #sc_main { padding-left: 0; padding-right: 0; } #sc_logo { max-width: 45%; } /* reposition header menus */ #menu1_acct .menu1 { left: 10px; } #menu1_cart .menu1.cart_preview_empty { right: 95px; } .prod_img_outer, .prod_summary_wrap { width: 50%; } .owl-nav { display: none; } #sc .modal_opt2.full { width: 98%; } .cp_link { display: none; } .slides_home { font-size: .75em; } .slides_home .slide_info { top: 5%; } .slides_home .slide .inner { font-size: .8em; } } @media screen and (max-width: 800px) { #ship_estimator::before { margin-bottom: 3em; } #ship_estimator .ship_rates .col1, #ship_estimator .ship_rates .col2 { display: block; float: none; width: auto; } } @media screen and (max-width: 768px) { // hide unimportant stuff .ico span, .checkout_progress { display: none; } .ico span.mobile_cart_count { display: inline; } .ico:before { margin-right: 0; } #sc_header .ico { margin-left: 5px } #sc_header .ico::before { margin-right: 0; } #sc_logo { max-width: 40%; line-height: 100%; } #sc_hdr_right { margin-right: 0; } /* reposition header menus */ #menu1_acct { position: static; } #menu1_acct .menu1, #menu1_cart .menu1, #menu1_cart .menu1.cart_preview_empty { left: auto; right: 0; } .cols1 #hdr_search_terms { display: none; } .acct_choice_new, .acct_choice_login { float: none; width: auto; } .acct_choice_login { border-top: #c0c0c0 solid 1px; } .acct_choice_new .inner, .acct_choice_login .inner { border: 0; } .acct_choice .or { display: none !important; } #sc .acct_choice .sso_others .btn { display: block; margin: 0 auto 20px auto !important; max-width: 200px; } /************************************ Change prods to 2 per row ************************************/ .cat_products .box_row, .subcategories .box_row { display: inline; padding: 0; } .cat_products .box_outer, .subcategories .box_outer { width: 50%; } /* at smaller widths, these have no meaning */ .last_box, .first_box { clear: none; } .cat_products .box_outer:nth-child(odd) { clear: left; } .cat_products .box_outer:nth-child(even) { clear: right; } a.prod_thumb_img { height: 175px; width: auto !important; } a.prod_thumb_img .badge { right: 20px; } /* all have top and right border */ #sc .cat_products .box_outer .box_inner { border-width: 1px 1px 0 0; } /* remove top border from first row */ #sc .cat_products .box_outer:nth-child(1) .box_inner, #sc .cat_products .box_outer:nth-child(2) .box_inner { border-top-width: 0; } /* remove right border from last column */ #sc .cat_products .box_outer:nth-child(even) .box_inner { border-right-width: 0; } /* hide dummy boxes */ .cat_products .box_outer.fill:nth-child(odd) { display: none; } .prod_img_outer { width: 60%; } .prod_summary_wrap { width: 40%; } .category_preview .prod_thumb_img { width: 50%; margin: 0 auto; } #unitip { visibility: hidden; } #sc .checkout_buttons_row1 .btn { margin: 0; min-width: 130px; margin-bottom: 1em; } .theme_chooser li { width: 32%; } #sc .dl_table, #sc .dl_table tr, #sc .dl_table td { display: block; width: auto; } .modal_opt2 .opt_choice { width: 50%; } #sc .account_options_restricted { margin-top: 0; } .owl-theme .slides_home .owl-dots { right: 0; left: 0; } .owl-theme .slides_home .owl-dot span { width: 10px; height: 10px; } .slides_home .slide_info { width: auto; left: 5%; right: 5%; } /* Categories 1 per row */ .categories > .box_row > .box_outer { width: auto; float: none !important; } } @media screen and (max-width: 650px) { #sc .checkout_buttons_row1 { text-align: center; } #sc .checkout_buttons_row1 .btn_checkout { float: none; } #sc .checkout_buttons_row1 .btn { width: 40%; margin: .5em !important; } .btn_keep_shopping::before { display: none; } #ship_estimator .ship_logo { display: none; } #ship_estimator .ship_courier { padding: 5px; } .ship_rate input, .ship_rate label { vertical-align: baseline; } .address_boxes .address_box { float: none; width: auto !important; margin-right: 0; } .fields_box.double ul { width: auto; float: none; } .theme_chooser li { width: 48%; } #sc .boxc_double .boxc, .fhdr_addr_ent, .fhdr_addr_fixed { position: static; width: auto; top: auto; } #sc .boxc_double .boxc { margin-bottom: 1em; padding-bottom: 0; } .fhdr_addr_fixed::after, .fhdr_addr_ent::after { display: none; } .address_correct { margin-top: 0; } .order_history .fields_box.triple > * { width: 100% !important; } .cat_products_table, .cat_products_table tr, .cat_products_table td, .cat_products_table th, .cat_products_table thead, .cat_products_table tbody { display: block; width: 100% !important; border: 0 !important; } .cat_products_table thead, .category_as_table .req_missing_instructions, .cat_products_table a.prod_thumb_img::before { display: none; } .cat_products_table a.prod_thumb_img { width: 175px !important; height: auto; margin-bottom: 10px; } .cat_products_table a.prod_thumb_img .badge { right: -10px; bottom: -10px; } #sc .contact .name_and_address.with_hours { padding-top: 0; margin-bottom: 1.5em; } #sc .contact .business-hours, #sc .contact .name_and_address.with_hours { border: 0; float: none; width: auto; padding-left: 0; } #sc #slocator .business-hours dt { padding-left: 0; } #sc .contact .retail_location { text-align: left !important; } #sc .business-hours dt { text-align: left !important; } #sc .business-hours dl { width: auto !important; } #sc .rv_read_prod_left, #sc .rv_read_prod_right { float: none; width: auto; } #sc .rv_reviewer_info { text-align: left; } #sc .rv_reviewer_info .fhdr_reviews { position: static; } #sc .rv_table { float: none; } #sc .rv_table td { display: inline-block; } #sc .rv_table td:first-child { display: block; } #sc .rv_reviewer_reviews .rv_review_detail, #sc .rv_reviewer_prod { float: none; width: auto; } .featured_prod .prod_img, .alt.featured_prod .prod_img { float: none; width: auto; } .slides_home .slide_info { width: auto; top: 10%; left: 5%; right: 5%; text-align: center; } .slides_home h4, .slides_home .slide .inner { text-align: center; background: none; } #sc .slide h4 { font-size: 1.7em; margin-bottom: 1em; } #sc .slide .btn, #sc .slide .btn:active { float: none; font-size: 1em; } .slides_home .slide .desc { display: none; } #sc .btn, html #sc .btn_reverse:hover { white-space: normal; } } @media screen and (max-width: 560px) { .prod_img_outer, .prod_summary_wrap { width: 100%; float: none; } /************************************ Change prods to 1 per row ************************************/ .cat_products .box_outer { width: 100%; } .cat_products .box1width { max-width: none; } #sc .cat_products .box_outer .box_inner { border-width: 0 0 1px 0; } #sc .cat_products .box_outer:last-child .box_inner { border-bottom-width: 0; } .prod_thumb_img_wrap { min-height: 0 !important; } a.prod_thumb_img { height: auto; } /* hide dummy boxes */ .cat_products .box_outer.fill { display: none; } .add_on_products .cat_products .sc_msg { position: relative; width: auto; box-shadow: none; } .click_here_for_all, .sort, .page_nav_div { text-align: center; } .click_here_for_all .btn { width: 75%; } /* use mobile page nav */ body:not(.touch) .page_nav_mobile { display: inline; } body.touch .page_nav_big .page_nav_mobile { display: none; } body.touch .page_nav_mobile_select { display: inline; } .page_nav_std { display: none; } .prod_detail div.prod_img { min-height: 0 !important; } #menu1_acct .nav_links li a { font-size: inherit; } #cvv2_help #col1, #cvv2_help #col2 { float: none; width: auto; } /* checkout table*/ .cart_table thead .th2, .cart_table thead .th3, .cart_table thead .th4, .cart_table tbody :not(.qty_row) .td2, .cart_table tbody :not(.qty_row) .td3, .cart_table tbody .td4, .sc_cart .desc, tr.addon .prod_name_desc::before, tr.addon .td1::before { display: none; } .cart_table td { float: left; border-right: 0 !important; } .cart_table table, .cart_table tr, .cart_table td, .cart_table .th1 { display: block; width: 100%; height: auto !important; } .cart_table .qty_row { background-color: #f8f8f8; margin: 1em 0 .5em 0; width: auto; padding: .2em; border-bottom: silver solid 1px; } .cart_table tr.qty_row td span { vertical-align: baseline; display: inline-block; } .cart_table .qty_row td { width: auto; padding: 0 .2em !important; border: 0 !important; } .cart_table .qty_row input { margin-right: .3em; } .cart_table .opt_detail label { font-weight: normal; } .cart_table .opt_detail li { font-size: .9em; } .cart_table .qty_row .td3 { float: right; } .cart_table tr { overflow: hidden; } .cart_table .item_btns { text-align: center; padding-top: 1em; } .cart_table tfoot td { padding: 0 .5em .3em .5em; } .cart_table tfoot .td1 { font-size: .9em; line-height: 1.6em; text-align: left; color: #555; } .cart_table tfoot .td1 { width: 75%; } .cart_table tfoot .td2 { width: 25%; } .cart_table .prod_name { font-size: 1.1em; font-weight: bold; } .grand_total_amt, .grand_total_label { font-size: 1em; } .coupon_code { position: relative; margin: 20px 0 5px 0; left: 0; bottom: 0 } .coupon_code::before { top: -8px; } .cart_discounts h3 { font-size: 1em; } tr.addon .td1 { padding: 5px; } .theme_chooser li { width: 100%; } .modal.full { width: 98%; } .modal_opt2 .opt_choice { width: 100%; } #sc div.ts_bubble blockquote { padding: 5px; } .slides_home .slide { width: 150%; overflow: hidden; } .slides_home .slide > img:first-child { margin-left: -15%; } .slides_home .slide_info { margin-left: -33%; } #sc .slide .btn { float: none; } } @media screen and (max-width: 480px) { .menu1_outer .menu1 { width: 100% !important; } .sc_msg { font-size: 1em; } #menu1_acct .menu1, #menu1_cart .menu1 { padding: 30px; } #menu1_cart .cart_options_advanced .name_td a { width: 150px; } .ship_courier { padding: 15px; } .ship_logo { display: none; } a.prod_thumb_img { height: auto; width: auto !important; } a.prod_thumb_img img { max-height: 175px; } .subcategories .box_outer { width: 100%; } #sc .checkout_buttons_row1 { margin: 0; } #sc .checkout_buttons_row1 .btn { display: block; width: 100%; margin: .5em 0 !important; } #sc .checkout_buttons_row1 .btn:first-child { margin-top: 0 !important; } #sc .checkout_buttons_row1 .btn:last-child { margin-bottom: 0 !important; } #sc #print_friendly { position: static; width: 100%; margin-bottom: 1em; } .cart_table .tfoot .td1 { white-space: normal; } .sc_form input[type=text]:not(.opt_var_price), .sc_form input[type=search], .sc_form input[type=email], .sc_form input[type=tel], .sc_form input[type=password], .sc_form textarea, .prod_options input[type=text]:not(.opt_var_price), .prod_options textarea { width: 100% !important; } .same_line_labels li label:first-child, .same_line_labels .fields_box_field { display: block; width: auto; } .owl-theme .opt_carousel { width: 100%; } .acct_choice_login label { text-align: left; display: block; } .featured_price { display: block; text-align: left; } .slides_home .slide .inner { padding-top: .5em; } } @media screen and (max-width: 380px) { #ship_estimator::before { display: none; } #sc .form_btns .btn { display: block; width: 100%; margin: 0 0 .2em 0; } #Country, #Ship_Country, #Bill_Country { width: 100%; } .order_history .order_date { float: none; margin-bottom: 1em; } #sc .business-hours dd, #sc .business-hours dt, #sc #slocator .business-hours dd, #sc #slocator .business-hours dt { display: block; float: none; width: auto; margin: 0; padding: 0; } #sc .business-hours dd { margin-bottom: .5em !important; } .featured_price { text-align: center; margin-bottom: .5em; } .dlv_days { padding-top: 10px; } #sc .btn_same_as_billing { margin-left: 0; display: block; } } @media screen and (max-width: 320px) { #sc { font-size: 1em !important; } } /* prevent cropping of slide show images */ @media screen and (max-width: 560px) { .slides_nocrop .slide { width: 100%; } .slides_nocrop .slide > img:first-child { margin-left: 0%; } .slides_nocrop .slide_info { margin-left: 5%; } #sc .slides_nocrop .slide h4 { margin-bottom: 0; } #sc .slides_nocrop .slide .btn, #sc .slides_nocrop .slide .btn:active { font-size: .8em; line-height: 1; padding: 8px; } } /* Stylesheet file: style_variant10_sc-yankaff.css.php */ .sc_title, #sc input.sc_title, .sc_content h2.sc_title { font-family: "SC Yankaff"; font-size: 1.692em; font-weight: normal; } #sc.var9_1024 .sc_title { font-size: 22px; } /* looks bad at 800, disable */ #sc.var9_800 .sc_title { font-family: inherit; } .sc_content h1 { font-family: "SC Yankaff"; font-size: 2.2em; font-weight: normal; } .sc_content h2 { font-family: "SC Yankaff"; font-size: 1.9em; font-weight: normal; } /* Stylesheet file: style_variant13_clean.css.php */ #sc .btn_sso:hover, #sc .btn.sso_facebook:hover, #sc .btn.sso_google:hover { text-shadow: none; } #sc .btn_sso:hover { background: #f2f2f2 !important; } #sc .btn.sso_facebook:hover { background: #4d75ca !important; } #sc .btn.sso_google:hover { background: #7eaffe !important; } #sc .btn.sso_twitter:hover { background: #f2f2f2 !important; } .btn_sso:before { border-color: #c0c0c0 !important; }/* Stylesheet file: style_variant15_sc-open-sans.css.php */ #sc .btn_reg, #sc .btn_reg:active { font-family: "SC Open Sans", Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: normal !important; } #sc .btn_smaller, #sc .btn_smaller:active { font-family: "SC Open Sans", Tahoma, Geneva, sans-serif; font-size: 12px; } #sc .btn_tiny, #sc .btn_tiny:active { font-family: "SC Open Sans", Tahoma, Geneva, sans-serif; font-size: 11px; } #sc.var12_large .btn_reg, #sc.var12_large .btn_reg:active, #sc .btn_bigger, #sc .btn_bigger:active { font-family: "SC Open Sans", Tahoma, Geneva, sans-serif; font-size: 20px; } #sc .btn_reg strong { font-weight: normal !important; } .btn_sso:before, .sso_others .btn:before { top: -11px; } .var12_large .btn_sso:before, .var12_large .sso_others .btn:before { top: -12px; } /* Stylesheet file: style_variant16_flat.css.php */ #sc_header, #sc_outer, #sc_footer { border-left-width: 0 !important; border-right-width: 0 !important; } #sc_col1, #sc_col2, .var6_no-box #sc_col2, .cart_table, .cart_discounts, .order_info_table, .address_boxes .address_box, .address_boxes h4, .boxc { box-shadow: none; border-color: #eaeaea; } .address_boxes .address_box, .address_boxes h4, .boxc, .cart_table, .cart_table thead th, .cart_discounts, .cart_discounts h4, .order_info_table, .order_info_table th, #sc.sso_on #login_form, #sc .sso_btn, .sso_icon { border-color: #c0c0c0; } .address_boxes .address_box, .cart_table, .cart_discounts, .order_info_table { background: #fff; } #sc .boxc { background-image: none; background-color: #f8f8f8; border: 0; } .checkout_progress { background-color: #f8f8f8; } #sc .boxc .btn:hover { background-color: #adadad; color: #fff; } .sc_form fieldset h3, .sc_form fieldset h4 { color: #666; } .sc_msg { border: 0; } .cart_table tr.qty_row td, .order_info_table .alt { border: 0; } .cart_table tbody .td1, .cart_table tbody .td2, .cart_table tbody .td3 { border-color: #eaeaea; } .addtl .section { border-radius: 0; } #sc .sso_others .btn { text-align: left; } #sc .sso_others .btn::before { border: 0; }/* Stylesheet file: style_variant18_sc-open-sans.css.php */ body { font-family: "SC Open Sans", Tahoma, Geneva, sans-serif; font-weight: normal !important; } .prod_thumb .prod_name { font-weight: bold; } /* Stylesheet file: download.css.php */ /* main div surrounding downloads */ .downloads { text-align: left; } .dl_section { margin-bottom: 15px !important; } /* div containing empty section msg */ .dl_section_empty { border: silver solid 1px; padding: 10px; margin-top: 10px; background-color: #ffffc0; } .dl_section_description { padding-bottom: 30px; } /* table inside download section containing downloads */ .dl_table { width: 100%; } /* Header text from Download_Settings */ .dl_header { margin: 10px; } /* Footer text from Download_Settings */ .dl_footer { margin: 10px; } /* td containing download name and links to files */ .dl_name_td { width: 35%; } /* td containing download description */ .dl_description_td { width: 65%; } /* this gives spacing between each download, and makes sure text in cells is at the top */ .dl_name_td, .dl_description_td { vertical-align: top; padding-bottom: 10px; } /* div containing the name of the download */ .dl_name { color: #005F04; position: relative; } /* div containing all download file links for a single download record */ .dl_files { margin-top: 5px; margin-left: 5px; } /* div containing a single download file link */ .dl_file { margin-bottom: 5px; } .dl_file a { text-decoration: none; } .dl_file a, .dl_file a:visited, .dl_file a:hover{ color: blue; } a.icon_link:hover { text-decoration: none !important; } .dl_file span a:hover { text-decoration: underline; } .dl_file img { border: 0px; } .dl_file img, .dl_file span { vertical-align: middle; } .dl_agreement{ text-align: left; } .fhdr_dl:before { content: '\e897'; } .fhdr_dl_inst { position: relative; } .fhdr_dl_inst:before { content: '\e897'; margin-right: .6em; } /* adds an (i) icon to right of icon */ .fhdr_dl_inst::after { content: '\e816'; font-family: "SC Fontello"; position: absolute; left: 1.6em; top: 0.8em; font-size: .6em; } .sc_content .footer_edit .sc_admin_edit, .sc_content .dl_name .sc_admin_edit { top: auto; right: auto; } .sc_content:hover .dl_name .sc_admin_edit { display: none; } .sc_content .dl_name:hover .sc_admin_edit { display: inline-block; margin-top: -18px; margin-left: -3px; } /* Stylesheet file: download.css.php */ /* Any CSS changes you'd like to make should go in this file */