/*@charset "UTF-8"; /* ******************************************************************* GLOBAL CSS DOCUMENT CLIENT: Discount Low Voltage CREATED BY:INTENTE LLC. http://www.intente.net DATE CREATED:1-30-2014 ******************************************************************* */ /* --------------------------------------- colors color:#d9d9d9; gray lines color: #393; green color: #F8A34D; gold ---------------------------------------------------------------------------------------------- */ /* customer number: 1259044 */ /* --------------------------------------- type in rems font-size: 11px; font-size: .689rem; font-size: 12px; font-size: .750rem; font-size: 13px; font-size: .814rem; font-size: 14px; font-size: .875rem; font-size: 15px; font-size: .938rem; font-size: 16px; font-size: 1.000rem; Browser standard default - set body to 1rem font-size: 17px; font-size: 1.064rem; font-size: 18px; font-size: 1.125rem; font-size: 19px; font-size: 1.188rem; font-size: 20px; font-size: 1.250rem; font-size: 21px; font-size: 1.313rem; font-size: 22px; font-size: 1.375rem; font-size: 23px; font-size: 1.438rem; font-size: 24px; font-size: 1.500rem; font-size: 25px; font-size: 1.563rem; font-size: 26px; font-size: 1.625rem; font-size: 27px; font-size: 1.688rem; font-size: 28px; font-size: 1.750rem; font-size: 29px; font-size: 1.813rem; font-size: 30px; font-size: 1.875rem; ---------------------------------------------------------------------------------------------- */ /* --------------------------------------- custom font family ---------------------------------------------------------------------------------------------- */ .open_sans_condensed { font-family: 'Open Sans Condensed', sans-serif; } /* --------------------------------------- reset ---------------------------------------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; } td { font-family: Arial, Helvetica, sans-serif; } select { font-family: Arial, Helvetica, sans-serif; } textarea { font-family: Arial, Helvetica, sans-serif; } input { font-family: Arial, Helvetica, sans-serif; } /* --------------------------------------- SPRITES ---------------------------------------------------------------------------------------------- */ /* svg */ /*.currency-flag, .selector-arrow, */.header-logo > a, .btn-search, .cart-icon:before, .mobile-nav-icon, .has-sub-nav-beta:after, #search_placeholder:before, /* header */ .badge-video, .badge-bs { background-image: url('/c.1259044/site/images/dlv_badge_sprite_1.svg'); background-repeat: no-repeat; background-size: 10.125em 4.5em; } /* png fallback - !! preface each selector with ".no-svg " !! */ .no-svg .badge-video, .no-svg .badge-bs { background-image: url('/c.1259044/site/images/dlv_badge_sprite_1.png'); /*background-repeat: no-repeat;*/ /*background-size: 162px 72px;*/ } /* --------------------------------------- main tags ---------------------------------------------------------------------------------------------- */ html { font-size: 100%; } body { font-size: 16px; font-size: 1.000rem; line-height: 1.231; color: #333; margin: 0; padding: 0 !important; overflow-x: hidden; text-rendering: optimizeLegibility; } h1 { font-size: 24px; font-size: 1.500rem; margin: .5em 0; color: #000; line-height: 1.1; font-weight: bold; } h2 { font-size: 20px; font-size: 1.250rem; margin: .5em 0; line-height: 1.1; font-weight: bold; } h3 { font-size: 16px; font-size: 1rem; margin: .5em 0; line-height: 1.1; } h4 { font-size: 14px; font-size: .875rem; margin: .5em 0; font-weight: bold; } h5 { font-size: 13px; font-size: .814rem; margin: .5em 0; } p { font-size: 12px; font-size: .750rem; line-height: 1.4; margin: 0 0 .689em; color: #000; } ul, ol { margin-left: 15px; } li { font-size: 12px; font-size: .750rem; color: #000; } #content li {padding:0;} #content li.No {width:auto !important;} a { color: #000; text-decoration: none !important; outline: none; } a:hover { color: #393; } a:focus { color: #393; outline-offset: 0; outline: 0; } img { border: 0; } .navspacer { padding: 0px 8px; font-weight: normal; } /* --------------------------------------- font tags ---------------------------------------------------------------------------------------------- */ .h2inline { font-size: 18px; font-weight: bold; } .h3inline { font-size: 14px; font-weight: bold; } /* --------------------------------------- NetSuite overrides ---------------------------------------------------------------------------------------------- */ #div__titl, #div__label, #server_commands, #list { display: none; } #div__body { margin-bottom: 30px; } #div__body > table { width: 100%; } input, select, textarea { border: 1px solid #d9d9d9; font-size: 13px; font-size: .814rem; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 3px; } #left input, #left select, #left textarea, #maincontent input, #maincontent select, #maincontent textarea { font-size: 13px; font-size: .814rem; margin: 3px 3px 3px 0; } input { font-size: 13px; font-size: .814rem; height: 23px; } input[type='submit'], input[type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[name='qty'] { padding-left: 3px; } #maincontent input.radio, #maincontent input.checkbox { display: inline-block; height: auto; vertical-align: middle; margin-right: 5px; } textarea { background-color: #fff; } .input, .inputreq { font-size: 13px; font-size: .814rem; color: #000; border-color: #d9d9d9; } .inputreq { background-color: #fff; border-style: inset; } /* --------------------------------------- Default Buttons overrides ---------------------------------------------------------------------------------------------- */ .bgbutton, .nlbutton, #content #submitter, #content #resetter { font-size: 14px; font-size: .875rem; font-weight: normal; text-transform: uppercase; color: #fff; height: 28px; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; padding-left: 10px; padding-right: 10px; background: #545454; background: -moz-linear-gradient(top, #545454 0%, #404040 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(100%, #404040)); background: -webkit-linear-gradient(top, #545454 0%, #404040 100%); background: -o-linear-gradient(top, #545454 0%, #404040 100%); background: -ms-linear-gradient(top, #545454 0%, #404040 100%); background: linear-gradient(to bottom, #545454 0%, #404040 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#404040', GradientType=0 ); } /* default button hover */ .bgbutton:hover, .nlbutton:hover, #content #submitter:hover, #content #resetter:hover { color: #fff; background: #000; } input#qty { font-size: 12px; font-size: .750rem; height: 28px; width: 35px; text-align: right; } #item #addtocart.bgbutton { font-size: 18px; font-size: 1.125rem; height: 40px; width: 182px; } #item input#qty { font-size: 14px; font-size: .875rem; height: 40px; width: 40px; } #addtocart.bgbutton, #checkout.bgbutton { background: #289221; /* Old browsers */ background: -moz-linear-gradient(top, #289221 0%, #3ebe3b 49%, #289221 50%, #156a0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #289221), color-stop(49%, #3ebe3b), color-stop(50%, #289221), color-stop(100%, #156a0b)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #289221 0%, #3ebe3b 49%, #289221 50%, #156a0b 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #289221 0%, #3ebe3b 49%, #289221 50%, #156a0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #289221 0%, #3ebe3b 49%, #289221 50%, #156a0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #289221 0%, #3ebe3b 49%, #289221 50%, #156a0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#289221', endColorstr='#156a0b', GradientType=0 ); /* IE6-9 */ } /* Add to Cart/checkout button hover */ #addtocart.bgbutton:hover, #checkout.bgbutton:hover { color: #fff; background: #000; } .smalltext, .smalltextul, .smalltextnolink, .smalltextb { font-size: 12px; font-size: .750rem; } .smalltextbnolink, .smallgraytext { font-size: 12px; font-size: .750rem; } /* Add to Cart matrix item option table */ table.atco table { margin-left: 5px; margin-bottom: 5px; } .atc td { vertical-align: top; } .smalltext, .smalltextul, .smalltextnolink { font-size: 12px; color: #666; } .smalltextbnolink { font-size: 12px; } .bgltmedtext { background-color: transparent; } .medtextboldnolink { font-size: 24px; } .bgltmedtext, .bgmd, .bglt, .bgbar { background-color: #fff; } .medtextboldnolink, .greytitle, .tasktitlemed, #content .bgltmedtext .medtextbold { font-size: 24px; font-size: 1.500rem; font-weight: bold; color: #333; padding-bottom: 20px; } #content .portletHandle .medtext, #content .portletHandle .medtextbold { font-size: 14px;} .paginate_table {margin-top:20px;} /* -----------------pagination links----------------- */ .paginate_table td { font-size: 12px; font-size: .750rem; vertical-align: middle; padding: 10px 3px 0; } .minicart-title {display:block;width:100%;} .minicart-container-weapper .item-nav li {text-align: left;} /* --------------------------------------- Responsive overrides ---------------------------------------------------------------------------------------------- */ .btn {border: none !important;} .btn:active, .btn.active { box-shadow: none; } .navbar { min-height: 100%; margin: 0; } .navbar-default { border: 0; } .navbar-toggle { border: 0; } .form-control { box-shadow: 0; } /* --------------------------------------- main structure ---------------------------------------------------------------------------------------------- */ body, #div__header { } #outerwrapper { margin-right: auto; margin-left: auto; } #innerwrapper { background: #fff; margin-right: auto; margin-left: auto; /*padding-left: 15px; padding-right: 15px;*/ } @media (min-width:768px) { #innerwrapper { width: 750px; } } @media (min-width:992px) { #innerwrapper { width: 970px; } } @media (min-width:1200px) { #innerwrapper { width: 1170px; } } #div__header > table { width: 100%; } /* --------------------------------------- misc styles ---------------------------------------------------------------------------------------------- */ .clear { clear: both; } .bold { font-weight: bold; } .uppercase { text-transform: uppercase; } .white { color: #fff; } .orange { color: #f8a34d; } .text13 { font-size: 13px; font-size: .814rem; } .text18 { font-size: 18px; font-size: 1.125rem; } hr.pinline { border-color: #d9d9d9; } a.highlight { color: #393; } a.highlight:hover, a.highlight:focus { color: #000; } .checks { padding: 0; list-style: none; } .checks li { padding: 0; margin: 0; font-size: 14px; } .checks li:before { content: "\2713\00A0\00A0"; color: #393; font-size: 18px; } .icon { background: url(/c.1259044/site/images/dlv_global_sprite.png); background-repeat: no-repeat; background-size: 360px 600px; } /*svg not displaying properly in chrome so switching to all png*/ /*#item_tabs [class*="-icon"], .item-details-mid [class*="-icon"] { background-image: url('/c.1259044/site/images/dlv_tab_icons_sprite.svg'); background-repeat: no-repeat; overflow: hidden; background-size: 5.750em 53.125em; }*/ .item-details-mid [class*="-icon"] { background-image: url('/c.1259044/site/images/dlv_tab_icons_sprite.png'); background-repeat: no-repeat; overflow: hidden; background-size: 5.750em 53.125em; } .border { border: 1px solid #d9d9d9; } .border-rad-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .border-rad-8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .border-rad-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .border-rad-10-top { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .title-wrap { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 8px 15px; border: 1px solid #d9d9d9; border-bottom: 0; } .title-wrap h1 { color: #fff; font-size: 18px; font-size: 1.125rem; margin: 0; } /* gray--almost white--gray */ .grad-normal { background: #d9d9d9; background: -moz-linear-gradient(top, #d9d9d9 0%, #fefefe 50%, #efefef 51%, #d9d9d9 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #d9d9d9), color-stop(50%, #fefefe), color-stop(51%, #efefef), color-stop(100%, #d9d9d9)); background: -webkit-linear-gradient(top, #d9d9d9 0%, #fefefe 50%, #efefef 51%, #d9d9d9 100%); background: -o-linear-gradient(top, #d9d9d9 0%, #fefefe 50%, #efefef 51%, #d9d9d9 100%); background: -ms-linear-gradient(top, #d9d9d9 0%, #fefefe 50%, #efefef 51%, #d9d9d9 100%); background: linear-gradient(to bottom, #d9d9d9 0%, #fefefe 50%, #efefef 51%, #d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#d9d9d9', GradientType=0 ); } /* med gray---med gray--dark gray */ .grad-active { background: #545454; background: -moz-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #545454), color-stop(50%, #565656), color-stop(51%, #434343), color-stop(100%, #3e3e3e)); background: -webkit-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: -o-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: -ms-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: linear-gradient(to bottom, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#3e3e3e', GradientType=0 ); } /* med green--med green--dark green */ .grad-bar1 { background: #155f17; background: -moz-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #155f17), color-stop(50%, #197c1a), color-stop(51%, #125a14), color-stop(100%, #092d0a)); background: -webkit-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: -o-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: -ms-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: linear-gradient(to bottom, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#155f17', endColorstr='#092d0a', GradientType=0 ); } /* med green--med green--dark green - same as above */ .grad-bar-green { background: #155f17; background: -moz-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #155f17), color-stop(50%, #197c1a), color-stop(51%, #125a14), color-stop(100%, #092d0a)); background: -webkit-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: -o-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: -ms-linear-gradient(top, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); background: linear-gradient(to bottom, #155f17 0%, #197c1a 50%, #125a14 51%, #092d0a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#155f17', endColorstr='#092d0a', GradientType=0 ); } /* white--light gray */ .grad-bg-gray-down { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); } /* white--med gray */ .grad-bg-mdgray-down { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); } /* light gray--almost white */ .grad-bg-gray-up { background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 100%); background: -o-linear-gradient(top, #ededed 0%, #ffffff 100%); background: -ms-linear-gradient(top, #ededed 0%, #ffffff 100%); background: linear-gradient(to bottom, #ededed 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); } /* videos */ #video_wrapper { margin: 10px auto; padding-top: 25px; } #video_wrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .checkmark-icon { background-position: -4.063em -35.625em; height: 1em; position: absolute; top: 5px; width: 0.938em; } /*responsive videos*/ .video-wrap { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 25px; height: 0; margin: 30px 0; } .video-wrap > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /*highlight messag*/ h2.center-highlight { font-family: 'Open Sans Condensed', sans-serif; color: #f8a34d; font-size: 28px; font-size: 1.750rem; line-height: 1.4; background-color: #f7f7f7; padding: 10px; } /* --------------------------------------- Header ---------------------------------------------------------------------------------------------- */ #headertd { padding-top: 8px; } #hdr_left { float: left; z-index: 1; } #hdr_right [class^="col"] { padding: 0 !important; } #hdr_right {width:920px;margin-top:0px;max-width: 75%;} #hdr_right [class=row] {margin:0 0 5px 0;} #hdr_logo { display: block; } #hdr_logo img {width:230px; height:80px;} #utilities {width: 100%;display: inline-block;float: right;padding:8px 0 16px 0;} #utilities ul { list-style: none; margin: 0; padding: 0; } #utilities ul > li { display: inline-block; float: left; margin: 0; } #utilities ul>li a {color:#393 !important;font-weight:bold;border-right:1px solid #ccc;text-decoration: underline !important;} #utilities ul>li.account a {border:none !important;padding-right:0;} #utilities ul>li a:hover {color:#1c721b !important;} #utilities a { color: #666; font-size: 12px; padding: 0 6px; text-align: right; } #utilities a:hover { color: #393; } #utilities .cart, #utilities .count { display: none; } #hdr_banner div {width:100%;} #hdr_content_left {width:210px;background:none;} #hdr_content_left .row {padding-top:0;} #cartfb {color:#fff;width:100%;display:inline-block;margin:0;padding:9px 0;font-size:12px;} #cartfb .cart_count {display:inline-block;} #cartfb > div {display:inline-block;} #cartfb .minicart-container-weapper {vertical-align: middle;} #hdr_content_right {width: 590px;vertical-align:top;float: right;border:none;background:transparent;border:0;margin:0;padding:0;} .youtube-banner, .blog-banner { width: 100%;display: inline-block;padding-right: 14px;margin-bottom:20px;} .youtube-banner img, .blog-banner img {width:100%;} .blog-banner { margin-bottom:5px; } .left-banner img, .left-banner img {width:100%;padding-right:15px;} #y-badges {width:94.5%;} .svg-inline--fa {font-size:17px;} #mcafee_logo {position: static;display: inline-block;margin-top: 11px;margin-left:8px;} .input-group-btn {border:1px solid #cccccc;border-left:none;} .quick-delivery-img {margin-left:-5px;margin-right:5px;} #hdr_left {padding-top:20px;max-width: 24%;} #siteseal img {height:42px;} #macafeesecure {width: 93px;height: auto;} #main_nav>ul {border:1px solid #ccc;} #main_nav > ul > li {background:#f0f0f0 !important;} .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background:#2d2e30 !important;color:#fff !important;} .navbar-default .navbar-nav>li{background:transparent !important;} #utilities .project-list, .fa-unlock-alt {display:none;} #main_nav .dropdown-menu .inner>ul>li>a {background:none !important;} .subtotal-in-your-cart {width:100%;display:block;} .leftnav_wrap {padding:0;} /* --------------------------------------- search ---------------------------------------------------------------------------------------------- */ #search_wrap {float:left;width:420px;display:inline-block;margin:4px 0 0 0;} #search_wrap .navbar-form { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0px; padding: 0; } #search_wrap .form-control {height:37px;border-right:none;} #search_wrap .form-control:focus { border-color: #d9d9d9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search_wrap .btn {border-radius: 0 3px 3px 0;} /* --------------------------------------- top promo bar ---------------------------------------------------------------------------------------------- */ #top_promo {background:rgb(220,122,46);color:#fff;padding:4px 0;color: #fff;font-family: "Open Sans Condensed",sans-serif; font-size: 22px;text-align:center; } #top_promo a { color: #fff; } #top_promo span {font-size:18px !important;} #top_promo .text18 {font-size:14px;text-decoration: underline;margin-right:4px;} #top_promo {position:relative !important;margin:16px auto 0px auto;width:97.5%;} /* --------------------------------------- low header/breadcrumb nav ---------------------------------------------------------------------------------------------- */ #breadcrumb { color: #666; font-size: 14px;font-weight: bold; padding: 20px 0 10px 220px; text-align: left; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: 2px; background: #fff; /* Old browsers */} #breadcrumb a { color: #666; font-size: 14px; } #breadcrumb a:hover { color: #393; } #body_home #breadcrumb {display:none;} #body_cart .yotpo-reviews-carousel {padding-bottom:30px;padding-top:30px;} /* --------------------------------------- slider ---------------------------------------------------------------------------------------------- */ .bx-wrapper img, .bxslider li, .bx-wrapper .bx-viewport {height:220px;} .bxslider li {width:16.5% !important;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:0;top:215px;left:0;} .bx-wrapper .bx-viewport {margin-top:16px;border-radius: 10px;} /* --------------------------------------- left and right sidebars ---------------------------------------------------------------------------------------------- */ #lefttd, #righttd { padding-top: 16px; text-align: center; vertical-align: top; width: 265px; } .class_-101 #leftnav_wrap, #body_home #leftnav_wrap { display: none; } /* home page:hide left Navigation */ #leftnav_wrap { background: #E7F0E7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 15px; margin-bottom: 12px; padding: 10px 0; width: 250px; text-align: left;} #leftnav, #rightnav { width: 100%; } /* eKomi Customer Ratting icon */ #eKomiGate_widget img { width: 210px; } .navport, .navport table { width: 100%; } .navport td { vertical-align: middle; } #leftnav .smalltext, #leftnav .textboldnolink { font-size: 12px; font-size: .750rem; } #lefttd td {vertical-align: top;} #lefttd a, #righttd a { color: #666; } #leftnav td.textboldnolink a { color: #000; } #lefttd a:hover, #righttd a:hover, .navport td.textboldnolink a:hover { color: #393; } #leftnav td.smalltext, #leftnav td.textboldnolink, .navport td { padding: 3px 2px; } #leftnav img[src="/images/nav/stretch.gif"] { display: none; } .topLevelLink {} #leftnav .topLevelLink td {} #leftnav .topLevelLink td[align="right"] { padding: 0; } #leftnav .topLevelLink td[align="left"] { padding: 12px 10px; } #leftnav .topLevelLink a.dottedlink { font-weight: bold; font-size: 14px; font-size: .875rem; color: #000; } #leftnav .topLevelLink a.dottedlink:hover, #leftnav .topLevelLink a.dottedlink:focus { color: #393; } .topLevelLink .bullet { display: none; } .secondLevelLink {} #leftnav .secondLevelLink td { padding: 8px 0; border-top: 1px solid #fff; } #leftnav .secondLevelLink td[align="left"] { padding: 12px 10px 12px 18px; } #leftnav .secondLevelLink a.dottedlink { font-weight: bold; color: #000; } #leftnav .secondLevelLink a.dottedlink:hover, #leftnav .secondLevelLink a.dottedlink:focus { color: #393; } .secondLevelLink .bullet { display: none; } .thirdLevelLink {} #leftnav .thirdLevelLink td { padding: 5px 0; } #leftnav .thirdLevelLink td.text { padding: 0; } #leftnav .thirdLevelLink td[align="right"] { padding: 6px 0 0 18px; } #leftnav .thirdLevelLink td[align="left"] { padding: 6px 10px 6px 8px; } .fourthLevelLink {} #leftnav .fourthLevelLink td { padding: 5px 0; } #leftnav .fourthLevelLink td.text { padding: 0; } #leftnav .fourthLevelLink td[align="right"] { padding: 6px 0 0 18px; } #leftnav .fourthLevelLink td[align="left"] { padding: 6px 10px 6px 8px; } .fifthLevelLink {} #leftnav .fifthLevelLink td { padding: 5px 0; } #leftnav .fifthLevelLink td.text { padding: 0; } #leftnav .fifthLevelLink td[align="right"] { padding: 6px 0 0 18px; } #leftnav .fifthLevelLink td[align="left"] { padding: 6px 10px 6px 8px; } /*YotPo Badge custom style*/ #y-badges{float:left;} #y-badges-clink{float: left;position: absolute;width: 250px;height: 160px;margin-left: -250px;} /* --------------------------------------- CONTENT ---------------------------------------------------------------------------------------------- */ #maincontent { vertical-align: top; } #content a:link, #content a:visited { text-decoration: underline; } #content a:hover, #content a:active { text-decoration: none; } #body_customer_service #content a { color: #393; } /* --------------------------------------- portlets ---------------------------------------------------------------------------------------------- */ .searchport td { vertical-align: middle; } .searchport .smalltextnolink { padding: 5px 10px 1px 10px; } .searchport input.input { width: 170px; height: 16px; } .searchport input.bgbutton { margin-left: 0px; } /* --------------------------------------- footer css ---------------------------------------------------------------------------------------------- */ #footer_main { padding: 20px 0px; border: 1px solid #d9d9d9; } #footer_main .section { height: 180px; } #footer_main .section:first-child { padding-right: left; } #footer_main .section:last-child { border-right: 0; } #footer_main h4 { color: #393; font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; font-size: 1.25rem; } #footer_main h4 a { color: #393; } #footer_main h4 a:hover { color: #393; text-decoration: underline!important; } #footer_main .section.footer_socials { border-bottom: 0; border-right: 0 none; } .section ul { margin: 0; padding: 0; line-height: 1.5; font-weight: bold; font-size: 12px; list-style-type: none; } .section li { font-size: 16px; font-size: 1rem; margin: 0; padding: 10px 0; } .section li:before { content: "\00BB"; color: #393; } .section li a { color: #000; text-decoration: none; padding: 0 0 0 5px; } .section li a:hover { color: #339933; } .section li.plain_li { font-weight: normal; } .section li.plain_li:before { content: ""; } #socials { margin: 20px 0 0 0; } .footer_socials h3 { color: #000; font-size: 13px; font-style: italic; font-weight: bold; margin: 10px 0; } #socials .icon_social { display: inline-block; text-indent: -9999px; background-image: url(/c.1259044/site/images/social_sprite.png); background-repeat: no-repeat; width: 27px; height: 54px; } #socials .facebook { background-position: 0 0; } #socials .youtube { background-position: -34px 0; } #socials .twitter { background-position: -66px 0; } #socials .google { background-position: -100px 0; } #socials .blog { background-position: -132px 0; } #footer_bottom { padding: 10px 0; } #footer_bottom p { color: #666; } .weblink { float: right; font-size: 12px; font-size: .750rem; } a.weblink { color: #ccc; text-decoration: none; } a.weblink:hover { color: #339933; } #footerseals {text-align: center;} #footerseals .footer-badge {vertical-align: top;} #macafeesecure { margin-bottom: 26px; } #bbbseal { margin-bottom: 26px; } #upfront { margin-bottom: 20px; } #merchant_certified { margin-bottom: 20px; } #reseller_ratings { margin-bottom: 14px; } #paypal { margin-bottom: 20px; } .footer_top_link { text-align: center; border-top: 1px solid #d9d9d9; margin: 30px 0 10px; display: none; } .footer_top_link div { background-color: #fff; color: #999999; display: block; font-size: 12px; margin: auto; position: relative; top: -15px; width: 50px; } .footer_top_link div:hover { color: #F8A34D; cursor: pointer; } .footer_top_link div:before { content: "\25B2"; } .footer-call-to-action {background:#23742e;display:block;width:100%;padding:21px 0;margin:0 auto 70px auto;max-width: 1170px;} .footer-call-to-action .fa-certificate, .footer-call-to-action .fa-money-bill-alt, .footer-call-to-action .fa-user-circle {margin-right:3px;display:inline-block;vertical-align: middle;width:40px;font-size: 24px;} .footer-call-to-action ul {padding-left:24px;vertical-align:middle;display:inline-block;width:49%;margin-bottom:0;margin-right:5px;border-left: 1px solid #fff;} .footer-call-to-action span {line-height:1.1;font-family: 'Open Sans Condensed',sans-serif;font-size:24px;display:inline-block;width:47%;text-align: right;padding:20px;margin-left:19px;} .footer-call-to-action ul li, .footer-call-to-action span {color:#fff;list-style-type: none;vertical-align: middle;} .footer-call-to-action ul li:first-child {padding-top:0;} .footer-call-to-action ul li:last-child {padding-bottom:0;} .footer-call-to-action ul li {padding:7px 0;font-size:14px;} #footer_main {background:#f2f2f2;} #div__footer {width: 100%;display: block;position: absolute;left: 0;} #footerwrap {width:100%;} #footer_main, #footer_bottom, #footerseals {max-width: 1170px;margin:0 auto;} #siteseal img {height:42px;} /* --------------------------------------- Category and Item lists ---------------------------------------------------------------------------------------------- */ .list { width: 100%; } #catlisttd, #itemlisttd, #infoitemtd { padding: 0; } #catlisttd h1, #itemlisttd h1 {margin-top:14px;} #catlisttd #catdesc { font-size: 14px; color: #000; } .list > table { border-collapse: collapse; } .catcell [class^="row"], .itemcell [class^="row"] { margin-left: 0; margin-right: 0; } .catcell [class^="col"], .itemcell [class^="col"] { padding-left: 0; padding-right: 0; } .catcell, .itemcell { text-align: center; vertical-align: top; position: relative; padding-bottom: 10px; } .catcelltd { width: 25%; padding: 0 0 5px 0; } .catcell .thumbnail, .itemcell .thumbnail { border: 0; margin: 0 auto; border-radius: 0; padding: 0%; } .catcell .thumbnail img, .itemcell .thumbnail img { max-width: 125px; } .catcell .thumbnail a img { border: 1px solid #d9d9d9; } .catcell h4 { font-size: 12px; font-size: .750rem; color: #393; margin: 8px auto; text-align: center; } .itemcelltd { width: 25%; border: 1px solid #d9d9d9; padding: 0 0 5px 0; position: relative; } .itemcelltd .bglt { margin: auto; } .itemprice { font-weight: bold; } .itemprice span { font-weight: normal; color: #393; } .itemcell .item-thumbnail { padding-top: 12px; padding-bottom: 12px; } .item-thumbnail img{width:auto; height:auto; max-width:125px; height:125px;} #itemlist td.text { display: none; } #itemlisttd .thumbnail img { background: #F6F6F6; position: relative; } /* GRAY BACKGROUND FOR THUMBNAIL IMAGES */ .itemcell p { margin: 0 0 .5em; } .itemcell, .itemcell a, #content .itemname a, #content .catname a { color: #000; } .itemcell a:hover, #content .itemname a:hover, #content .catname a:hover { color: #393; } .item-more-info a { font-size: 13px; font-size: .814rem; color: #393; font-weight: bold; } .item-more-info a:hover, .item-more-info a:focus { text-decoration: underline !important; } /*3 column category lists*/ .column-3 .catcelltd { padding: 20px 5px; border-top: 1px solid #d9d9d9; } .column-3 .catcelltd:after { content: ''; display: table; clear: both; } /*clearfix*/ .column-3 .catcelltd .thumbnail { float: left; width: 36%; margin: 0 4% 25px 0; } .column-3 .catcell .thumbnail img { max-width: 100%; border: 1px solid #d9d9d9; } .column-3 .catcelltd .cat-info { float: left; width: 60%; text-align: left; line-height: 1.4;} .column-3 .catcelltd .catname { font-size: 14px; font-size: .875rem; text-align: left; margin: 0 0 8px; } .column-3 .catcelltd .cat-links ul { list-style: none; margin-left: 0; padding-left: 0; } .column-3 .catcelltd .cat-links li { padding: 3px 0; } .column-3 .catcelltd .cat-links a { font-size: 13px; font-size: .814rem; color: #666; } .column-3 .catcelltd .cat-links a.view-all { color: #393; font-weight: bold; } .column-3 .catcelltd .cat-links a:hover, .column-3 .catcelltd .cat-links a:focus, .column-3 .catcelltd .cat-links a.view-all:hover, .column-3 .catcelltd .cat-links a.view-all:focus { color: #393; } .column-3 .catcelltd .cat-links a.view-all:hover, .column-3 .catcelltd .cat-links a.view-all:focus { color: #393; text-decoration: underline !important; } /*.badge-video { background-image: url('/c.1259044/site/images/video-icon.png'); height: 60px; position: absolute; width: 60px; z-index: 1; text-indent: -9000px; }*/ .badge-video { height: 70px; position: absolute; width: 70px; z-index: 1; text-indent: -9000px; } .badge-bs { background-position: -5.0625em 0; display: none; height: 0.9375em; right: 0.3125em; position: absolute; text-indent: -9000px; top: 0.3125em; width: 4.8125em; z-index: 100; } .badge-bs.Yes { display: block; } /*Yotpo*/ .stars-cell .yotpo .standalone-bottomline{text-align:center;} .stars-cell .yotpo-bottomline.pull-left{display: inline-block;margin: 0 auto;float: none!important;text-align: center;} .item-details-top p.item-mfr-number{float: left;width: 100%;margin-top: 7px;} .yotpo.QABottomLine{float: left;width: 100%;margin:7px 0px;} /* --------------------------------------- item drilldown / infoitem drill down ---------------------------------------------------------------------------------------------- */ #item { position: relative; } #item_right { font-size: 12px; font-size: .750rem; position: relative; } #item_left { min-height: 190px; padding: 10px 0; text-align: center; } #item_left { margin: 0 auto; max-width: 450px; } /* images */ #mz_wrapper { margin: 0 auto; width: 90%; } #main_image > img { height: auto; width: 100%; } .itemimage { margin: 15px 0px; } #alternative_thumbnails { } #alternative_thumbnails img { max-width: 55px; } #item { margin: 5px auto; } #item .itemname { font-size: 20px; font-size: 1.250rem; color: #000; margin: 0 0 12px 0; text-align: left; } /*delete*/ .item-details-top { position: relative; margin-bottom: 12px; } .item-details-top p, .item-weight { color: #000; font-size: 14px; font-size: .875rem; font-weight: bold; } .item-tax-msg { font-size: 14px; font-size: .875rem; font-weight: bold; } .item-tax-msg a { color: #F89216; } .item-tax-msg a:hover, .item-tax-msg a:focus { color: #000; } .vendor-logo { width: 150px; } .vendor-logo img { height: auto; width: 100%; } .item-details-mid { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; padding: 6px 0; } .item-details-mid > ul { margin: 0; list-style-type: none; padding: 0; } .item-details-mid > ul > li { color: #339933; font-size: 16px; font-size: 1rem; font-weight: bold; position: relative; text-indent: 20px; } .item-details-mid a { color: #339933; } .item-details-mid a:hover { color: #000; } .item-details-mid .glyphicon { text-indent: 0; } .item-details-mid .out-of-stock a { color: #f8a34d; } .item-details-mid .out-of-stock a:hover { color: #000; } .free-shipping, .has-video { display: none; } .item-details-bottom > div { margin-bottom: 12px; } #item #storedescription { padding: 12px 0; font-size: 12px; font-size: .750rem; } #item .itemid { font-size: 14px; } #item_right .itemprice { text-align: left; font-size: 20px; font-size: 1.250rem; } /*item info popups*/ .item-msg-popup { font-size: 13px; font-size: 0.8125rem; width: 250px; } .item-msg-popup a, .item-msg-popup a:visited { color: #339933; font-weight: bold; } .item-msg-popup a:hover { color: #000; } /* qty pricing - items and item list cells */ #content .bglt td.smalltext { padding: 5px 0; } #content .bglt td.texttable { padding: 5px; } .bglt .listheadernosort { font-weight: bold; } .instock_msg, .outstock_msg, .special_order_msg { font-size: 14px; font-size: .875rem; } .instock_msg { color: #20710F; /* dark green */ font-weight: bold; } .outstock_msg { color: #F89216; /* gold */ font-weight: bold; } .special_order_msg { color: #D20000; /* red */ } .itemname a:hover { color: #393; } ul.dl_link { list-style: none; padding: 0px; } .dl_link li a { font-weight: bold; color: #000; } #item .atc td { padding: 3px 0px; } .dl_link li a:hover { color: #393; } #zoomlink { font-size: 12px; font-size: .750rem; color: #666; } /* --------------------------------------- item drilldown tab layout ---------------------------------------------------------------------------------------------- */ #item_tabs { float: left; margin: 30px 0 10px; } #item_tabs > ul.nav-tabs { border-bottom: 0; margin-left: 0; } #item_tabs > ul.nav-tabs > li { border: 1px solid #cccccc; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: none; margin-bottom: -2px; margin-right: 3px; max-width: 134px; padding: 0; text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,333333+100 */ background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ } #item_tabs > ul > li.active { border-color: #339933; } #item_tabs > ul > li.active, #item_tabs > ul > li:hover { background: #fff; border-bottom: 1px solid #fff; } #item_tabs > ul > li > a { border: none; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; color: #d9d9d9; display: block; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-size: .875rem; line-height: 38px; padding: 8px 5px 5px; } #item_tabs li.active a, #item_tabs li:hover a { color: #339933; } #item_tabs > ul > li > a:hover { background-color: transparent; } #item_tabs .item-details-mid [class*="-icon"], #item_tabs .item-button-tabs [class*="-icon"] { display: none; font-size: 90%; margin-left: 8px; vertical-align: middle; } .desc-tab-icon { background-position: -0.4146em 0; content: ''; height: 3.175em; width: 2.75em; } .active .desc-tab-icon, #item_tabs > ul > li:hover .desc-tab-icon { background-position:-0.4146em -5.438em; } .feature-tab-icon { background-position: -0.313em -10.938em; content: ''; height: 2.688em; width: 2.875em; } .active .feature-tab-icon, #item_tabs > ul > li:hover .feature-tab-icon { background-position: -0.313em -16.375em; } .specs-tab-icon { background-position: -0.25em -21.875em; content: ''; height: 2.625em; width: 3em; } .active .specs-tab-icon, #item_tabs > ul > li:hover .specs-tab-icon { background-position: -0.250em -27.313em; } .video-icon { background-position: -0.313em -32.8125em; content: ''; height: 3.1em; width: 2.875em; } .active .video-icon, #item_tabs > ul > li:hover .video-icon { background-position: -0.313em -38.25em; } .download-icon { background-position: 0 -43.6875em; content: ''; height: 2.375em; width: 3.5em; } .active .download-icon, #item_tabs > ul > li:hover .download-icon { background-position: 0 -48.25em; } .tab-content { border: 1px solid #339933; margin-bottom: 12px; padding: 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6f0e7+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e6f0e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6f0e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6f0e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6f0e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6f0e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6f0e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f0e7',GradientType=0 ); /* IE6-9 */ } .tab-content p, .tab-content span { background: transparent!important; } .tab-pane { font-size: 12px; font-size: .750rem; line-height: 1.5; min-height: 150px; } #videos_wrap { min-height: 0; } #downloads_wrap > ul { margin: 0; padding: 0; list-style: none; } #downloads_wrap a { font-size: 13px; font-size: .814rem; font-weight: bold; line-height: 20px; position: relative; } #downloads_wrap .glyphicon-download-alt { font-size: 20px; font-size: 1.250rem; margin-left: 6px; } #description_wrap > * { background-color: transparent!important; } @media (max-width:767px) { #item_tabs .item-details-mid [class*="-icon"], #item_tabs .item-button-tabs [class*="-icon"] { display: none; } #item_tabs > ul > li { -webkit-border-radius: 0; border-radius: 0; margin-right: 0; padding: 9px 8px; } #item_tabs > ul > li > a { line-height: 1; margin: 0; } } /* --------------------------------------- item drilldown button tab layout ---------------------------------------------------------------------------------------------- */ .item-button-tabs { list-style: none; padding-left: 0; margin-bottom: 20px; margin-left: 0; } #item_tabs > ul.item-button-tabs > li { float: left; position: relative; border: 1px solid #d9d9d9; -webkit-border-radius: 5px; border-radius: 5px; display: none; margin-bottom: 4px; margin-right: 4px; max-width: 134px; padding: 0; text-align: center; background-color: #fff; } #item_tabs > ul.item-button-tabs > li:hover { border: 1px solid #d9d9d9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,333333+100 */ background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#333333 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%,#333333 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ } #item_tabs > ul.item-button-tabs > li > a { border: none; -webkit-border-radius: 5px; border-radius: 5px; color: #339933; display: block; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-size: .875rem; line-height: 25px; padding: 5px; } #item_tabs ul.item-button-tabs li:hover a { color: #d9d9d9; } #item_tabs > ul.item-button-tabs > li > a:hover { background-color: transparent; } #item_tabs .item-button-tabs [class*="-icon"] { display: none; font-size: 90%; margin-left: 8px; vertical-align: middle; } .item-button-tabs .desc-tab-icon { background-position: -0.4146em -5.438em; content: ''; height: 3.175em; width: 2.75em; } #item_tabs > ul.item-button-tabs > li:hover .desc-tab-icon { background-position: -0.4146em 0; } .item-button-tabs .feature-tab-icon { background-position: -0.313em -16.375em; content: ''; height: 2.688em; width: 2.875em; } #item_tabs > ul.item-button-tabs > li:hover .feature-tab-icon { background-position: -0.313em -10.938em; } .item-button-tabs .specs-tab-icon {background-position: -0.250em -27.313em; content: ''; height: 2.625em; width: 3em; } #item_tabs > ul.item-button-tabs > li:hover .specs-tab-icon { background-position: -0.25em -21.875em; } .item-button-tabs .video-icon { background-position: -0.313em -38.25em; content: ''; height: 2.625em; width: 2.875em; } #item_tabs > ul.item-button-tabs > li:hover .video-icon { background-position: -0.313em -32.8125em; } .item-button-tabs .download-icon { background-position: 0 -48.25em; content: ''; height: 2.375em; width: 3.5em; } #item_tabs > ul.item-button-tabs > li:hover .download-icon { background-position: 0 -43.6875em; } .item-sections > div { display: none; margin-bottom: 30px; } .item-sections > div:last-of-type { margin-bottom: 20px; } .item-sections .section-content { padding: 20px; border: 1px solid #d9d9d9; font-size: 12px; font-size: .750rem; line-height: 1.85; } .item-sections .section-content img { max-width: 100%; } .item-sections #videos_wrap .section-content { padding-top: 0; padding-bottom: 0; } .section-title { clear: both; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 8px 15px; border: 1px solid #d9d9d9; border-bottom: 0; } .section-title h3 { font-weight: bold; color: #000; font-size: 18px; font-size: 1.125rem; margin: 0; } /* --------------------------------------- Related Items ---------------------------------------------------------------------------------------------- */ .related-items { margin-bottom: 15px; } .related-items h2 { color: #000; font-size: 18px; font-size: 1.125rem; margin: 0; } /* --------------------------------------- SEARCH RESULTS ---------------------------------------------------------------------------------------------- */ #itemlisttd_search .itemcell { float: left; border-bottom: 1px solid #d9d9d9; width: 600px; } #itemlisttd_search td.thumbnail { padding-right: 10px; } #itemlisttd_search .thumbnail img { background: #F6F6F6; } #itemlisttd_search p { margin: 0px 0px 8px 0px; } #itemlisttd_search .itemname a { font-size: 14px; font-weight: bold; } #itemlisttd_search .itemname a { text-decoration: underline; } #itemlisttd_search .itemname a:hover { text-decoration: none; } /* --------------------------------------- home page ---------------------------------------------------------------------------------------------- */ .class_-101 #breadcrumb, #body_home #breadcrumb { text-indent: -9999px; padding: 10px 0 0; line-height: 0; } .class_-101 .navport .secondLevelLink, #body_home .navport .secondLevelLink { display: none; } .class_-101 #catlisttd, #body_home #catlisttd { display: none; } .class_-101 #maincontent, #body_home #maincontent { padding-top: 0; } .class_-101 #homepage_message, #body_home #homepage_message { padding-bottom: 12px; } #youtube_wrapper { margin-top: 30px; padding: 15px; position: relative; overflow: hidden; } #body_home .watermark { top: 20%; left: 0; position: absolute; } #video_content { float: left; margin-right: 2%; width: 28%; } .video-wrapper { float: left; width: 70%; max-width: 100%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .class_-101 #left td.smalltext { display:none; } /* --------------------------------------- home page 2017 ---------------------------------------------------------------------------------------------- */ .home-subcategories { list-style: none; margin: 0; padding: 0; height:110px;} #content .home-subcategories li { padding: 0;} .home-subcategories li a { font-size: 14px; font-size: .875rem; font-weight: bold; } .home-subcategories li.view-all a { color: #393; } .home-subcategories li.view-all a:hover, .home-subcategories li.view-all a:focus{ text-decoration: underline!important; } .home-featured-categories { margin-top:47px;} .home-featured-categories .home-category-wrap { margin: 0 0 30px;width:32.9%;box-sizing:border-box;display:inline-block;vertical-align: top;} .home-featured-categories .home-category-wrap:last-of-type { margin-bottom: 0; } .home-featured-categories .home-category-wrap:nth-child(3n-1) {padding:0 1.5%;} .home-category-title h2 {font-size:23px;padding:10px 0 10px 15px;margin-bottom:0;} #body_cart #top_promo, #body_cart #breadcrumb {display:none;} .home-category { margin: 0; border: 1px solid #d9d9d9; border-top: 0;} .home-category .home-category-content {width:100%;line-height: 1.3;padding:15px;padding-bottom:0;height:170px;} .home-category .home-category-image {width:100%; padding: 10px 0 0;} .home-category .home-category-image img { max-width: 100%; } /* --------------------------------------- shopping cart --------------------------------------- */ #body_cart #itemlisttd { display:none; } #body_cart .text img { max-width: 100%; } #div__body td.checkoutprogresstext { color: #333; padding: 0; text-align: left; font-size: 11px; font-size: .689rem; padding: 20px 0 10px 0; } #checkout_links { text-align: center; } #checkout_links a { font-size: 13px; font-size: .814rem; padding: 0 3px; } #carttable { margin: 0 auto; border: 1px solid #d9d9d9; } #carttable td { background-color: #fff; border-width: 0; color: #333; vertical-align: middle; font-size: 13px; line-height: 120%; padding-bottom: 8px; } #carttable .texttable, #carttable .texttablert, #carttable .texttablectr, #carttable .bglttext, #carttable .listtexthl { color: #333; background-color: #fff; padding: 8px 2px 0 2px; } #carttable .extcart { padding: 3px 2px 20px 2px; } #carttable .extcarttotalshaded, #carttable .extcarttotal { color: #333; background-color: #fff; padding: 8px 2px; font-size: 13px; } #carttable input { margin-left: 4px; } #carttable input.radio { margin-left: 0; } #carttable .listheadernosort { font-size: 13px; padding: 3px; background-color: #999; color: #fff; } #carttable .errortextheading { font-size: 18px; color: red; text-align: center; padding: 10px 5px; } #carttable .errortext { font-size: 13px; } #clear-all-items-cart-1, #clear-all-items-cart-2 {width:150px;height:28px;float:right;margin-top:40px;} #clear-all-items-cart-2 {width:auto;margin-top:3px;} #clear-all-items-cart-1 {margin-bottom:20px;} /* --------------------------------------- check out --------------------------------------- */ /* ------------------------------ account pages ------------------------------ */ #body_account #righttd .navport { display: none; } #body_account #righted { padding-top: 20px; } #body_account #leftnav_wrap { background: #fff; border: 1px solid #ccc; } #body_account #lefttd #eKomiGate_widget { display: none; } #body_account #maincontent { padding: 20px 15px 0; width: 100%; } #body_account #content { margin-top: 0; } #body_account #content td.textboldnolink { /* titles for account */ font-size: 24px; padding: 0 0 20px 0; } #body_account .listtexthl, #body_account .listtexthlrt, #body_account .listtexthlctr { background-color: #FFF; border: 0; border-bottom: 1px solid #d9d9d9; padding: 3px; } #main_form { padding: 15px; } #body_account .bglt td.smalltextbnolink { padding-bottom: 10px; padding-left: 0px; } #body_account .bglt td.pic, #righttd td.pic { display: none; } #body_account #rightnav .navport { display: none; } #body_account #leftnav td.nav-portlet { padding-left: 12px; padding-top: 8px; } #body_account .inputreq { margin: 3px 0; } #body_account .pt_title { color: #666; } #body_account .input { margin: 3px; } /* SEARCH BUTTON LEFT NAV AREA */ #body_account #tbl_searchbtn .nlbutton { background: #F1F1F1; border: 1px solid #d9d9d9; color: #333; font-size: 12px; font-weight: bold; padding: 2px 5px; text-transform: uppercase; } /* ------------------------------ about us page ------------------------------ */ #body_about_us #leftnav_wrap { display: none; } #body_about_us #catlisttd > h1 { display: none; } #body_about_us #leftnav { display:none; } #body_about_us .left-menu { margin-top: 11px; } .well .checks { margin-left: 0; } .video_wrap { margin: 20px 0; } /* ------------------------------ our team page ------------------------------ */ #body_team #leftnav_wrap { display: none; } #body_team #catlisttd > h1 { display: none; } #body_team #leftnav { display:none; } #body_team .left-menu { margin-top: 11px; } .team-member { border-top: 5px solid #2b2b2b; padding: 15px 0 60px; } .team-member:after { content: ''; display: table; clear: both; } /*clearfix*/ .team-member img { float: left; width: 45%; margin-right: 5%; border: 1px solid #e9e9e9; } .member-info { font-size: 14px; font-size: .875rem; float: left; width: 50%; } .member-info p { line-height: 1.7; margin-bottom: 0; } .member-info hr { margin-top: 15px; margin-bottom: 15px; } .member-info .name { font-weight: bold; font-size: 16px; font-size: 1.000rem; } .member-info .job-title { color: #393; font-size: 15px; font-size: .938rem; } .member-info .glyphicon.glyphicon-earphone { margin-right: 10px; } .member-info .glyphicon.glyphicon-envelope { margin-right: 10px; color: #393;} /* ------------------------------ info pages and landing page content------------------------------ */ .info-page { padding: 15px 10px; } .info-page h2 { margin-bottom: 25px; } .info-page h3 { margin-bottom: 10px; line-height: 1.4; font-weight: bold; } .info-page p { font-size: 13px; font-size: .814rem; line-height: 1.85; color: #2b2b2b; margin-bottom: 15px; } .info-page p.info-block { font-size: 14px; font-size: .875rem; line-height: 1.4; } .info-page a.phone-link { color: #2b2b2b; } .info-page p.before-list { margin-bottom: 0; font-weight: bold; } /*lists*/ .info-page ul.regular-list { padding-left: 0; margin-bottom: 25px; } /* ------------------------------ customer service ------------------------------ */ #body_customer_service #leftnav { display: none; } #body_customer_service .left-menu .left-menu { margin-top: 11px; } /* ------------------------------ mini cart ------------------------------ */ #mini-cart-container {margin-top:3px;width:84px;text-align: center;float:right;background:#2d2e30;} .minicart-container .bottom-line {width:100%;} #hdr_right {padding-right:4px;} @media only screen and (max-width: 1200px) { .home-featured-categories .home-category-wrap {width:32.9%;} .home-category-title h2 {vertical-align: middle;display:inline-block;margin:0;} #footer_main, #footer_bottom, #footerseals, .footer-call-to-action {width: 970px} .footer-call-to-action ul {width:40%;} .footer-call-to-action span {font-size:24px;} #hdr_content_left {margin-left:8px;width:190px;} #hdr_content_right {width:430px;} #search_wrap {width:270px;} #hdr_right {padding-right:0 !important;} .row {padding-left:0;} } @media only screen and (max-width: 1199px) { #hdr_right {width:740px;} } @media only screen and (max-width:1100px){ .footer-call-to-action span {margin-left:0;} } @media only screen and (max-width: 991px) { #hdr_logo img {width:225px;height:80px;} #hdr_right {width: 570px;float: right;} #hdr_content_left {margin-left:24px;} #top_promo {font-size:14px !important;} #top_promo .text18 {font-size:14px;} #top_promo .container {width:100%;} #hdr_left {width:200px;} .bx-wrapper .bx-pager {top:145px !important;} .home-featured-categories .home-category-wrap {width:49.5%;padding:0 !important;} #footer_main, #footer_bottom, #footerseals, .footer-call-to-action {width: 750px} .footer-call-to-action span {width:46%;} .bx-wrapper img, .bxslider li, .bx-wrapper .bx-viewport {height:150px;} #hdr_content_right {float:right;width:320px;} #search_wrap {width:160px;} #main_nav.navbar-collapse {padding:0;} .footer-call-to-action span {width:52%;} #clear-all-items-cart-1, #clear-all-items-cart-2, #recalc {float:left;} #clear-all-items-cart-2 {clear:both;font-size:.814rem;} } /* ********************************************************************************************** ************************************************************************************************* *************************************** GLOBAL NS - SCREEN SIZE MAX WIDTH 767px ************************************************************************************************* ********************************************************************************************** */ @media (max-width:767px) { #catlisttd h1, #itemlisttd h1, #itemtd {margin-top:60px !important;} #clear-all-items-cart-1, #clear-all-items-cart-2 {float:none;margin-left:0;} #tbl_recalc {display:block;width:100px;margin-left:50%;} #carttable td.extcartborder.res_col.res_cartcol1 {padding-bottom:35px;} .wishlist-header-placeholder {display:none;} .login-body {margin-top:60px;} /* general */ #div__header table, #div__header tbody, #div__header tr, #div__header td { display: block; } #div__body table, #div__body tbody, #div__body tr, #div__body td { display: block; height: 100%; margin: auto; } #div__body #catlisttd tr, #div__body #itemlisttd tr { clear: both; } #div__body table.atc, #div__body table.atc table, #div__body .portletHandle #main_form table { display: table; margin: auto; height: auto; } #div__body table.bglt { display: table; margin: auto 0; height: auto; } #div__body #itemtd table.atc { margin: 10px 0; } #div__body table.atc tbody, #div__body .portletHandle main_form tbody, #div__body table.bglt tbody { display: table-row-group; height: auto; } #div__body table.atc tr, #div__body .portletHandle #main_form tr, #div__body table.bglt tr { display: table-row; height: auto; } #div__body table.atc td, #div__body .portletHandle #main_form td, #div__body table.bglt td { display: table-cell; height: auto; } #div__body td#left, #div__body td#right { display: none; } /* pagination */ #div__body table.paginate_table { display: table; margin: auto; height: auto; } #div__body table.paginate_table tbody { display: table-row-group; height: auto; } #div__body table.paginate_table tr { display: table-row; height: auto; } #div__body table.paginate_table td { display: table-cell; height: auto; } /* secure pages */ #div__body .empty_cell { display: none; } /* cart and checkout */ #body_cart #maincontent, #body_checkout #maincontent { padding: 0 5px 10px; } #carttable #carttableheader { display: none; } .res_row { padding: 10px 4px; background-color: #ebebeb; background-image: -moz-linear-gradient(top, #ffffff, #ebebeb); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb)); background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb); background-image: -o-linear-gradient(top, #ffffff, #ebebeb) background-image:linear-gradient(to bottom, #ffffff, #ebebeb); background-repeat: repeat-x; border-bottom: 1px solid #d9d9d9; /* *border: 0; */ border-color: #d9d9d9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #d9d9d9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ebebeb', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* *zoom: 1; */ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } #div__body #carttable td.res_col, #div__body #carttable td.res_col table, #div__body #carttable td.res_col td, #div__body #carttable .res_row td { background: transparent url(none); border: 0; } /* 1 - image */ #div__body .res_cartcol1 { width: 50%; float: left; } /* 2 - item */ .res_cartcol2 { width: 50%; float: left; font-weight: bold; } /* 3 - brief description (store description) */ .res_cartcol3 { } /* 4 -options */ .res_cartcol4 { } /* 5 - qty */ .res_cartcol5 { } .res_cartcol5:before { content: "Qty:"; font-weight: bold; } /* 6 - rate */ .res_cartcol6 { text-align: left; width: 50%; float: left; font-weight: bold; } .res_cartcol6:before { content: "Rate:"; } /* 7 - amount */ .res_cartcol7 { font-weight: bold; } .res_cartcol7:before { content: "Amount:"; } /* 8 - remove */ .res_cartcol8 { clear: both; } .res_cartcol8:before { content: "Remove:"; } /* subtotal rows */ .res_subtotal { padding: 10px 4px; } #div__body .res_subtotal .res_subtotal_label { display: none; } .res_subtotal .res_subtotal_number { font-weight: bold; } .res_subtotal .res_subtotal_number:before { content: "Subtotal:"; } /* extra cart - tax rows */ .res_extracartrow { padding: 10px 4px 0; } #div__body .res_extracartrow .res_tax_label { display: none; } #carttable .res_extracartrow .res_tax_number { font-weight: bold; border-bottom: 1px dashed #d9d9d9; } .res_extracartrow .res_tax_number:before { content: "Tax:"; } /* extra cart - shipping row */ #carttable .extcart { padding: 0 2px 0; } .res_extracartrow.res_extracart2 { padding-top: 0; } #carttable .extcart input, #carttable .extcart select { margin: 0 0 10px; } #carttable .extcart input.radio, #carttable .extcart input.checkbox { margin: 3px 5px 3px 0; } .res_extracartrow table table .smalltextnolink { text-align: left; } #div__body .res_extracartrow .res_ship_label { display: none; } #carttable .res_extracartrow .res_ship_number { font-weight: bold; border-bottom: 1px dashed #d9d9d9; padding-bottom: 10px; } .res_extracartrow .res_ship_number:before { content: "Shipping:"; } /* extra cart - shipping options */ #shippingoptionswrap { clear: left; text-align: left; } #shippingoptionswrap > table td { background: #ededed; } #shippingmethodtable { border: solid 10px #ededed; } /* promos/coupons/gift certificates */ #carttable .res_extracart2 td.extcart { padding: 10px 0 0; border-bottom: 1px dashed #d9d9d9; } #upsfooter td { text-align: center; } /* total row */ #div__body .res_extracartrow .res_total_label { display: none; } #carttable .res_extracartrow td.res_total_number { font-weight: bold; font-size: 16px; font-size: 1rem; } .res_extracartrow .res_total_number:before { content: "Total:"; } /* extra cart - button row */ .res_button_row { padding: 10px 4px; min-height: 40px; } .res_button_row table td { padding: 0; } .res_button_row .bgbutton, .res_button_row .nlbutton { float: right; } /* checkout login */ #handle_loginMainPortlet .smalltextnolink { text-align: left; } /* checkout */ #body_checkout td[onclick*='paypal'] { padding-bottom: 40px; } #handle_checkoutMainPortlet .smalltextnolink { text-align: left; clear: left; } #ordersummary_itemtotal .res_summary_itemtotal_label { display: none; } #ordersummary_itemtotal .res_summary_itemtotal_number:before { content: "Item Total:"; } #ordersummary_shipping .res_summary_shipping_label { display: none; } #ordersummary_shipping .res_summary_shipping_number:before { content: "Shipping:"; } #ordersummary_tax .res_summary_tax_label { display: none; } #ordersummary_tax .res_summary_tax_number:before { content: "Tax:"; } #ordersummary_total .res_summary_total_label { display: none; } #ordersummary_total .res_summary_total_number:before { content: "Total:"; } #carttable #ordersummary_total td.res_summary_total_number { font-size: 16px; font-size: 1rem; font-weight: bold; } #div__body .table_fields { display: table; } #div__body .table_fields tbody { display: table-row-group; } #div__body .table_fields tr { display: table-row; } #div__body .table_fields td { display: table-cell; } /* checkout - payment methods */ #paymentmethodswrap { clear: left; text-align: left; } #div__body #paymentmethodtable { border-top: 1px dashed #e5e5e5; padding-top: 10px; margin-top: 10px; } /* cart/checkout */ #body_cart h1 { font-size: 16px; font-size: 1rem; margin: 0 0 0 10px; } .greytitle { font-size: 16px; font-size: 1rem; padding: 10px 5px; } #body_cart #carttable { margin-bottom: 0; } #handle_loginMainPortlet > table, #handle_loginMainPortlet > td > table { padding: 0; } #handle_loginMainPortlet td.smalltext, #handle_loginMainPortlet td.smalltextnolink { padding-left: 5px; } #handle_loginMainPortlet input { margin-left: 5px; } .required_icon, .label_span .required_icon { float: left; } .table_fields a.smalltextnolink { float: left; } .res_button_row .bgbutton, .res_button_row .nlbutton { float: none; margin: 0 0 10px 5px; } #thirdPartyCheckoutButtons { clear: both; float: right; padding-bottom: 10px; } #body_checkout #div__body { padding: 0 5px; } #div__body .table_fields { display: block; } #div__body .table_fields tbody { display: block; } #div__body .table_fields tr { display: block; } #div__body .table_fields td { display: block; } #div__body .table_fields td.smalltextnolink { margin-bottom: 5px; } #div__body .table_fields input { display: block; clear: left; } #div__body .table_fields #defaultbilling_fs_inp { float: left; } #tbl_submitter #submitter { clear: both; float: left; margin-bottom: 10px; } #defaultbilling_fs_lbl.smalltextnolink a { padding-bottom: 10px; } /* cart/checkout fix for reference checkout by FWC March 2017 */ #innerwrapper div#main { margin-top: 95px; } #utilities {padding:0;} #utilities ul > li { display: inline-block; float: left; margin: 0; word-wrap: break-word;padding:3px 5px;width:50px;} #utilities ul>li a {border:none !important;text-decoration: none !important;color:#fff !important;white-space: initial;line-height: 1.2;} #utilities .cart, #utilities .access, #utilities .phone, #utilities .project-list {line-height:2.2;} #utilities li a span {background:none !important;} #utilities .cart, #utilities .access, #utilities .phone, #utilities .project-list, #utilities #quick_order {background:#2d2e30;width:50px;height:63px;} #utilities .count {top: -8px;right: -4px;} #utilities .access .login span {display:none;} #utilities .access svg, #utilities .cart svg, #utilities .phone svg, #utilities .project-list svg , #utilities #quick_order svg {display:block;width:100%;color:#fff;margin-top:3px;margin-bottom:5px;} #utilities .project-list, #utilities #quick_order, .fa-unlock-alt {display:block;} #div__body {margin-top:160px !important;padding:8px;} #hdr_right {margin:0;padding: 0 15px 10px 15px;max-width: 100% !important;width: 100% !important;} #hdr_content_right {width:100% !important;} #hdr_left {padding-top:0;position: absolute;} #mcafee_logo {display:none;} #search_wrap {float:right;margin-top:0;width:50%;} #search_wrap form {width:100%;} #search_wrap .btn {padding:10px 12px;border:none;} #search_wrap .form-control {height:42px;} #mini-cart-container {background:none;} #hdr_logo img {width:135px; height:48px;} .input-group-btn {border-radius: 0 3px 3px 0;} .free-delivery-img, .quick-delivery-img {display:none;} #main_nav_toggle .navbar-header {background:none;} #main_nav > ul > li:hover > a {color:gray !important;} #top_promo {margin: 0 !important;width:100%;} #top_promo a, #top_promo a span {font-size:15px !important;} .home-featured-categories .home-category-wrap {width:32.9%;} #catdesc {text-align: center;} #siteseal {display:inline-block;vertical-align: top;} .bx-wrapper img, .bxslider li, .bx-wrapper .bx-viewport {height:180px !important;} .bx-wrapper .bx-pager {top:175px !important;} } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MAX WIDTH 359px ************************************************************************************************* ********************************************************************************************** */ @media (max-width:359px) { #checkout_links a { font-size: 12px; font-size: .750rem; padding: 0 2px; } } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MAX WIDTH 767px ************************************************************************************************* ********************************************************************************************** */ @media (max-width:767px) { /* header */ #div__body { margin: 170px auto 15px auto; } /* fix header */ #body_cart #div__body {} /* fix header */ #body_home #div__body { margin: 125px auto 15px; } /* fix header */ #div__header { box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.1); } #body_home #div__header { padding-bottom: 10px; } #hdr_left { padding-right: 0; width: 150px; } #div__header header { position: fixed; top: 0; left: 0; padding: 8px 10px; background-color: #fff; z-index: 999; width: 100%; } #headertd { padding-top: 0; } /*top promo*/ #top_promo{ display:block; margin: 0 -15px 4px; position:relative; } #top_promo a, #top_promo a span { display: inline-block; font-size: 14px; font-size: 0.875em; } #breadcrumb { padding: 10px 0; background-color: #fff; background-image: none; filter: none;} #body_home #breadcrumb { display: none; } /* Home Page */ .title-wrap h1 { font-size: 1rem; } /* utilities */ #utilities ul > li {border: 1px solid #d9d9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 5px; text-align: center;} #utilities > ul li:last-child { margin-right: 0; } #utilities { margin-bottom: 10px; } #utilities li { padding-top: 2px; position: relative; } #utilities li a span { background: url(/c.1259044/site/images/dlv_global_sprite.png) no-repeat; display: block;width: 40px; } #utilities .phone span { background-position: 4px 0; } #utilities .access span { background-position: -64px 0; } #utilities .m-account span { background-position: -141px 0px; } #utilities .cart a span { background-position: -212px 2px; } #utilities .count { background: #339933; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #fff; display: block; font-size: 70%; position: absolute; top: 0; right: 0; width: 45%; height: 42%; padding: 2px 0; z-index: 2; } #utilities a { color: #333; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; padding: 0; position: relative; z-index: 2; } #utilities a:hover, #utilities a:visited { color: #333; text-decoration: none; } #utilities .register { display: none; } /* navigation toggle */ #main_nav_toggle { max-width: 42%; } #main_nav_toggle .navbar-header { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #545454; /* Old browsers */ background: -moz-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(50%, #565656), color-stop(51%, #434343), color-stop(100%, #3e3e3e)); background: -webkit-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: -o-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: -ms-linear-gradient(top, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); background: linear-gradient(to bottom, #545454 0%, #565656 50%, #434343 51%, #3e3e3e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#3e3e3e', GradientType=0 ); } #main_nav_toggle .navbar-toggle { margin-right: 0; padding: 5px 18px; } #main_nav_toggle .icon-bar { background-color: #fff; } #main_nav_toggle .navbar-brand { color: #fff; font-size: 14px; font-weight: bold; display: block; line-height: 40px; height: 40px; padding: 0 21px 0 0px; } #main_nav_toggle .navbar-brand:hover { color: #fff; } /* navigation dropdown - Tabs */ #main_nav { margin-top: 6px; } #main_nav > ul { border: none; margin: 0; padding: 0; } #main_nav > ul > li { background: #545454; background: -moz-linear-gradient(top, #545454 0%, #404040 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(100%, #404040)); background: -webkit-linear-gradient(top, #545454 0%, #404040 100%); background: -o-linear-gradient(top, #545454 0%, #404040 100%); background: -ms-linear-gradient(top, #545454 0%, #404040 100%); background: linear-gradient(to bottom, #545454 0%, #404040 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#404040', GradientType=0 ); } #main_nav > ul > li:first-child { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #main_nav > ul > li:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #main_nav > ul > li > a { color: gray; margin-bottom: 0; position: relative; text-align: left; } #main_nav > ul > li > a span { display: none; } #main_nav > ul > li > a:after { background: url(/c.1259044/site/images/dlv_global_sprite.png) no-repeat 0 -144px; content: ""; right: 8px; position: absolute; top: 7px; width: 24px; } #main_nav > ul > li.open > a:after { background-position: -72px -144px; } #main_nav .navbar-nav > li > a:hover, #main_nav .navbar-nav > li > a:focus { background: transparent; } #main_nav .navbar-nav .open > a, .navbar-nav .open > a:hover, #main_nav .navbar-nav .open > a:focus { background: transparent; } /* navigation dropdown - 1st level */ #main_nav .dropdown-menu { background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; } #main_nav .dropdown-menu > li { padding: 0; margin: 0; border: 0; } #main_nav .dropdown-menu .inner > ul { list-style: none; margin: 0; padding: 0; } #main_nav .dropdown-menu .inner > ul > li { padding: 9px 15px; } #main_nav .dropdown-menu .inner > ul > li > a { color: #339933; font-size: 14px; font-size: .875rem; font-weight: bold; } /* navigation dropdown - 2nd level */ ul.secondLevel { display: none; margin: 0; } #lefttd { display: none !important; } /* lists */ .catcelltd, .cell-wrapper, .itemcelltd, .itemcell { width: 100%; } .catcell, .itemcell { text-align: left; } .catcelltd { border: 0; border-top: 1px solid #d9d9d9; padding: 5px 0; } .catcell .thumbnail a img { border: 0; } .catcell h4 { font-size: 14px; font-size: .875rem; margin: 15px 0 0; } .itemcelltd { border: 0; border-top: 1px solid #d9d9d9; padding: 5px 0; } .itemcell .banner { top: -5px; } .badge-bs { left: 75px; } /* items */ #item { padding-bottom: 40px; } .item-mfr-number { margin-bottom: 12px; } #item_tabs { float: none; width: 100%; margin: 10px 0 0; } .tabcontainer { border-top: 0; min-height: 0; } /*related items*/ .related-items .itemcelltd { border: 1px solid #d9d9d9; border-bottom: none; } .related-items .text { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; display: none!important; } .related-items { border-bottom: 1px solid #d9d9d9; } /*.itemcelltd:last-of-type*/ /* footer */ #footer_main { padding: 5px; } #footer_main .section { border-bottom: 1px solid #ccc; text-align: center; height: auto; padding: 10px 0; } #footer_bottom { text-align: center; } .weblink { float: none; } .section li:before { content: ""; } #footerseals {text-align: center;} #footer_main, #footer_bottom, #footerseals, .footer-call-to-action {width:100%;} #footerwrap {padding:0;} /* cart/checkout */ #body_cart h1 { font-size: 16px; font-size: 1rem; margin: 5px 0 24px; } .greytitle { font-size: 16px; font-size: 1rem; padding: 10px 5px; } #body_cart #carttable { margin-bottom: 0; } #handle_loginMainPortlet > table, #handle_loginMainPortlet > td > table { padding: 0; } #handle_loginMainPortlet td.smalltext, #handle_loginMainPortlet td.smalltextnolink { padding-left: 5px; } #handle_loginMainPortlet input { margin-left: 5px; } .required_icon, .label_span .required_icon { float: left; } .table_fields a.smalltextnolink { float: left; } .res_button_row .bgbutton, .res_button_row .nlbutton { float: none; margin: 0 0 10px 5px; } #thirdPartyCheckoutButtons { clear: both; float: right; padding-bottom: 10px; } #body_checkout #div__body { padding: 0 5px; } #div__body .table_fields { display: block; } #div__body .table_fields tbody { display: block; } #div__body .table_fields tr { display: block; } #div__body .table_fields td { display: block; } #div__body .table_fields td.smalltextnolink { margin-bottom: 5px; } #div__body .table_fields input { display: block; clear: left; } #div__body .table_fields #defaultbilling_fs_inp { float: left; } #tbl_submitter #submitter { clear: both; float: left; margin-bottom: 10px; } #defaultbilling_fs_lbl.smalltextnolink a { padding-bottom: 10px; } /* Home Page */ #body_home #youtube_wrapper { margin-top: 20px; } #body_home #video_content { padding: 0 0 5px; } #body_home .watermark { display: none; } /* --------------------------------------- shopping cart --------------------------------------- */ #div__body td.checkoutprogresstext { display: none; } } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MIN WIDTH 768px ************************************************************************************************* ********************************************************************************************** */ @media (min-width:768px) { /* header */ #breadcrumb { padding-left: 235px; } #body_cart #breadcrumb { padding-left: 0; } #utilities { margin-bottom: 7px; padding: 8px 0; } #hdr_left { padding-top: 15px; } #hdr_content_left { margin-top: -10px; margin-bottom: 10px; } #hdr_content { text-align: center; } #hdr_content_left .row { /*padding-top: 10px;*/ background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(15%, rgba(255, 255, 255, 0)), color-stop(85%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } #hdr_banner_left { border-right: 1px dotted #d9d9d9; } #hdr_banner h4 { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; color: #393; margin: 0 0 5px; } #hdr_banner .checks { padding: 0; list-style: none; } #hdr_banner .checks li { padding: 0; margin: 0; font-size: 11px; } #hdr_banner .checks li:before { content: "\2713\00A0"; color: #999; } #hdr_banner p { font-size: 11px; color: #393; } #hdr_banner .phone { font-weight: bold; color: #000; font-size: 20px; } #cartfb { font-size: 11px; font-size: .689rem; font-weight: bold; line-height: 1.4; /*margin-bottom: 10px; margin-left: 6px; margin-right: 6px; padding-left: 28px;*/ position: relative; } #cartfb a:hover { color: #393; text-decoration: underline; } #headertd .navbar-default { background-color: transparent; } #main_nav.navbar-collapse { border: 0; } #main_nav > ul { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main_nav > ul > li { float: none; } #main_nav > ul > li > a { border-left: 1px solid #fff; border-right: 1px solid #CCC; color: #000; font-weight: bold; font-size: 14px; font-size: .875rem; white-space: nowrap; padding-top: 9px; padding-bottom: 9px; } #div__body { padding-left: 0; padding-right: 0; } /*footer*/ #div__footer { clear: both; } #footerwrap { padding: 0 0 12px; } #footer_main h4 { font-size: 14px; font-size: .875rem; } #footer_main .section { border-right: 1px dotted #d9d9d9; height: 180px; } .section li { padding: 0; font-size: 12px; font-size: .750rem; } .footer-badge { display:inline-block; zoom:1; *display:inline; } /* navigation left/right links */ #main_nav > ul > li:first-child a { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #main_nav > ul > li:last-child a { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #main_nav ul.dropdown-menu { background-color: transparent; border: 0; box-shadow: none; padding-top: 3px; } #main_nav ul.dropdown-menu > li { background-color: #F5F5F5; -webkit-border-radius: 8px; border: 1px solid #D9D9D9; -moz-border-radius: 8px; border-radius: 8px; padding: 20px 30px; } #main_nav .linklist { list-style-type: none; margin: 0; padding: 0; width: auto; } #main_nav ul.firstLevel > li { margin-bottom: 20px; } #main_nav ul.firstLevel > li:last-child { margin-bottom: 0; } #main_nav .linklist li a { display: inline-block; font-size: 13px; font-size: .814rem; margin-bottom: 8px; text-transform: capitalize; } #main_nav .linklist a:hover { color: #393; background:transparent;} #main_nav ul.firstLevel > li > a { color: #393; display: block; font-weight: bold; } #main_nav ul.firstLevel > li > a:hover { color: #393; text-decoration: underline !important;} .int .nav, .int .collapse, .int .dropup, .int .dropdown { position: static; } .int .container { position: relative; } .int .dropdown-menu { left: auto; margin: 0 15px; } .int .dropdown.int-fw .dropdown-menu { left: 0; right: 0; } /*3 column category lists*/ .column-3 .catcelltd { width: 33%; padding: 20px 20px 25px; border-bottom: 0; } .column-3 .catcelltd .thumbnail { float: none; width: 100%; margin: 0 auto 25px; } .column-3 .catcelltd .cat-info { float: none; width: 100%; } .column-3 .catcelltd .catname { margin: 8px 0; } /* Item drilldown */ #itemtd, #infoitemtd { padding: 15px 0 0; } #itemtd { float: left; width: 485px; } .itemcell .itemname { padding: 0 8px;} .item-details-top p { margin-right: 150px; } .vendor-logo { position: absolute; top: 0; right: 0; } /*item info popups*/ .item-msg-popup { width: 640px; } #item_tabs { width: 100%; margin-top: 50px; } /* ------------------------------ info pages ------------------------------ */ .info-page { padding: 15px 0 0; } /* ------------------------------ home page ------------------------------ */ .home-featured-categories {margin-top:47px;} .home-featured-categories .home-category-wrap {width:32.7%;box-sizing:border-box;display:inline-block;vertical-align: top;} .home-featured-categories .home-category-wrap:nth-child(3n-1) {padding:0 1.5%;} /* --------------------------------------- shopping cart --------------------------------------- */ #body_cart h1 { margin-top: 24px; } #checkout_links a { display: none; } } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MIN WIDTH 768PX / MAX WIDTH 991px ************************************************************************************************* ********************************************************************************************** */ @media (min-width:768px) and (max-width:991px) { .res_button_row {padding-bottom:80px;} /* HEADER */ #hdr_content_left { /*background: none;*/ } #hdr_banner_left { display: none; } #hdr_banner #hdr_banner_right { margin: 0 auto; text-align: center; width: auto; } /* TOP NAVIGATION */ #main_nav ul > li > a { font-size: 13px; font-size: .80rem; padding-left: 8px; padding-right: 8px; } #main_nav .linklist li a { font-size: 12px; font-size: .75rem; } #main_nav ul.dropdown-menu > li { padding: 15px; } #main_nav ul.dropdown-menu [class*="col-"] { padding-left: 5px; padding-right: 10px; } /* Left Column */ #lefttd { width: 200px; } #leftnav_wrap, #lefttd a img { max-width: 200px; margin-right: 15px; } #lefttd a img { height: 100%:max-width:100%; } /* FOOTER */ #socials .icon_social { width: 25px; } #div__footer { padding-top: 10px; } /* Breadcrumb */ #breadcrumb { padding-left: 215px; } /* LIST TEMPLATES */ #div__body #maincontent table, #div__body #maincontent tbody, #div__body #maincontent tr, #div__body #maincontent td { display: block; height: 100%; margin: auto; } .itemcelltd, .catcelltd { width: 33.3%; float: left; margin: 0 -1px -1px 0; } .itemcelltd { min-height: 250px; } .class_-101 .itemcelltd, #body_home .itemcelltd { width: 50%; } #catlisttd h1, #itemlist h1 { font-size: 16px; font-size: 1rem; margin-bottom: 1em; } .catcell .thumbnail img, .itemcell .thumbnail img { max-width: 115px; } .catcell h4 { margin-left: 8px; margin-right: 8px; } /*item detail*/ #item_tabs > ul > li { width: 93px; } /* Info Item */ #catdesc { max-width: 505px; } /* About DLV */ #body_about_us .well { float: none !important; margin-left: 0; } #body_customer_service #leftnav_wrap { display: none; } #div__body #maincontent .atc { display: table; } #div__body #maincontent .atc tr { display: table-row; } #div__body #maincontent .atc td { display: table-cell; } #catlisttd .video_wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #catlisttd .video_wrap iframe, #catlisttd .video_wrap object, #catlisttd .video_wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Home Page */ /* cart */ #div__body table.atc, .class_-101 #div__body table.atc table, #body_home #div__body table.atc table, #div__body table#carttable { display: table; margin: auto; height: auto; } #div__body table.atc tbody, #div__body table#carttable tbody { display: table-row-group; height: auto; } #div__body table.atc tr, #div__body table#carttable tr { display: table-row; height: auto; } #div__body table.atc td, #div__body table#carttable td { display: table-cell; height: auto; } #body_cart #maincontent { width: 100%; } } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MAX WIDTH 992px ************************************************************************************************* ********************************************************************************************** */ @media (max-width:992px) { textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { } input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; } /* header */ #header-links { width: 50%; } #header-mid, #cartfeedbackbox { width: 33%; } /* lists */ .catcelltd, .cell-wrapper, .itemcelltd, .itemcell { text-align: center; } #body_cart #maincontent { width: 100%; } } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MIN WIDTH 992px ************************************************************************************************* ********************************************************************************************** */ @media (min-width:992px) { /* Header */ /*#hdr_left { padding-right: 0; max-width: 28%; }*/ /*#hdr_right { width: auto; max-width: 72%; float: right; padding-left: 0; }*/ #breadcrumb { padding-left: 265px; } /* Main Content */ #maincontent { float: left; width: 705px; } /* Home Page */ .class_-101 #div__body #itemlisttd, #body_home #div__body #itemlisttd { max-width: 940px; width: 100%; } /* Item Drilldown */ #itemtd { width: 100%; } #item_right { float: right; width: 60%; } #item_left { float: left; width: 40%; } #item_tabs .item-details-mid [class*="-icon"], #item_tabs .item-button-tabs [class*="-icon"] { display: inline-block; zoom:1; } #item_tabs > ul > li { width: 134px; } #item_tabs > ul.item-button-tabs > li { margin-bottom: 0; margin-right: 5px; } #item_tabs > ul.item-button-tabs > li a { line-height: 42px; padding: 8px 5px 5px; } #item_tabs .item-button-tabs [class*="-icon"] { display: inline-block; zoom:1; } .column-3 .catcelltd { padding: 30px 35px 35px; border: 1px solid #d9d9d9; } #body_cart #maincontent { width: 100%; } } /* ********************************************************************************************** ************************************************************************************************* *************************************** SCREEN SIZE MIN WIDTH 1200px ************************************************************************************************* ********************************************************************************************** */ @media (min-width:1200px) { /* Home Page */ .class_-101 #div__body #itemlisttd, #body_home #div__body #itemlisttd { max-width: 1140px; width: 100%; } .bx-wrapper { width: 905px; } #maincontent { width: 905px; } #itemtd { width: 100%; } #itemtd #item_right { /*width: 605px;*/ min-height: 250px; } #itemtd #item_tabs { /*width: 605px;*/ float: left; } /*our team page*/ .team-member { margin-right: 40px; } } @media only screen and (min-width:767px) and (max-width: 991px){ #body_cart #div__body {margin-top:0 !important;} } @media only screen and (max-width:815px){ #hdr_right {padding-right:15px !important;} } @media only screen and (max-width:727px){ .home-featured-categories .home-category-wrap {width:32.8%;} } @media only screen and (max-width:680px){ .home-featured-categories .home-category-wrap {width:49.5%;padding:0 !important;} } @media only screen and (max-width:655px){ .footer-call-to-action span {width:100%;text-align: center;padding-top:0;padding-bottom:40px;} .footer-call-to-action ul {border:none;text-align: center;display:block;margin:0 auto;padding-left:0;} .footer-call-to-action {padding:40px 0;} .bx-wrapper img, .bxslider li, .bx-wrapper .bx-viewport {height:160px !important;} .bx-wrapper .bx-pager {top:160px !important;} } @media only screen and (max-width:600px){ .home-featured-categories .home-category-wrap {width:100%;} #catlisttd h1, #itemlisttd h1, #itemtd {margin-top:100px;} } @media only screen and (max-width:520px){ .footer-call-to-action span {font-size:20px;} .bx-wrapper img, .bxslider li, .bx-wrapper .bx-viewport {height:120px !important;} .bx-wrapper .bx-pager {top:120px !important;} } @media only screen and (max-width:480px){ .footer-call-to-action ul {width:100%;} } @media only screen and (max-width: 410px) { #body_home #div__body {margin-top:160px !important;} #utilities ul > li {margin-right:1px;} #utilities .access {padding:3px 10px;} #utilities .cart, #utilities .access, #utilities .phone, #utilities .project-list {width:45px;} #utilities .cart, #utilities .access, #utilities .phone, #utilities .project-list {line-height:1.2;} } @media only screen and (max-width: 375px){ #body_home #div__body {margin-top: 185px!important;} #catlisttd h1, #itemlisttd h1, #itemtd {margin-top:90px !important;} } @media only screen and (max-width: 365px){ #utilities .cart, #utilities .access, #utilities .phone, #utilities .project-list, #utilities #quick_order {width:39px;} #utilities .access {padding:3px 7px;} } @media only screen and (max-width: 331px){ #catlisttd h1, #itemlisttd h1, #itemtd {margin-top:140px !important;} } @media only screen and (max-width: 330px){ #utilities {margin-top:50px;} #body_home #div__body{margin-top:235px!important;} } @media only screen and (max-width: 328px){ #tbl_recalc {margin-left:0;} } @media only screen and (max-width: 307px) { #body_home #div__body {margin-top:250px !important;} #body_cart .yotpo-reviews-carousel .carousel-display-wrapper {margin-top:30px;} #catlisttd h1, #itemlisttd h1, #itemtd {margin-top:180px !important;} } @media only screen and (max-width: 298px) { #body_home #div__body {margin-top:270px !important;} } @media only screen and (max-width: 290px) { #catlisttd h1, #itemlisttd h1, #itemtd {margin-top:190px !important;} } #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-small-box {padding:10px;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper div.label-with-tooltip.carousel-tool-tip {display:initial !important;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel {border-bottom:3px solid #276d37 !important;padding:20px 20px 15px 20px !important;padding-top:0 !important;background: #00a935;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline {padding-bottom:15px;margin-bottom:0;color:#fff !important;font-size:25px !important;padding-top:15px;text-align: center;font-size:27px;} #leftnav_wrap .yotpo .yotpo-icon-left-arrow-thin:before, #leftnav_wrap .yotpo .yotpo-icon-right-arrow-thin:before {color:#fff;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .yotpo-num-of-reviews, #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_next, #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_previous, #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .all-reviews a {color:#fff !important;font-weight:bold;font-size:13px;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .yotpo-num-of-reviews {margin-left:19px;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .all-reviews {bottom:23px;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-star {width:24px !important;height:24px !important;} #leftnav_wrap .yotpo .yotpo-icon-quote-left:before {color:rgb(220,122,46);} #leftnav_wrap .carousel-review-body {font-weight:normal;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper {padding:0 !important;background:url("/c.1259044/site/banners/banners-background-grey.jpg");} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper .scroller {margin:0 20px;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper .scroller .carousel-review-title #leftnav_wrap .yotpo-reviews-carousel.yotpo-size-1 .carousel-display-wrapper.has-testimonials-link .carousel-reviews-bottom-line {margin-top:20px;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-site-quote-container .carousel-site-quote {display:none !important;} #leftnav_wrap .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel .carousel-review-title {font-weight:bold;} #leftnav_wrap .yotpo-num-of-reviews {display:none;} .yotpo-reviews-carousel.yotpo-size-1 .carousel-display-wrapper.has-testimonials-link .carousel-reviews-bottom-line {top:22px;}