/***** GLOBAL *****/ body { margin:0px; padding: 0; font-size: 13px; line-height: 16px; font-family: 'Lato', Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center; color: #333;} body, div, td, p, li, select, input, textfield, span {font-size: 12px; line-height: 16px; font-family: 'Lato', Arial, Helvetica, sans-serif; color: #333;} p {font-size: 13px; margin-top: 3px; margin-bottom: 15px; line-height: 17px} img {border-style:none; } input, textarea, select { vertical-align:middle; } form, fieldset { margin: 0; padding: 0; border-style:none; } blockquote { margin: 0; padding: 0; } input.input, input.inputreq {border: solid #CCC 1px; padding: 2px} select {border: solid #CCC 1px;} a { color: #18226A; text-decoration: none; outline: 0; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } a:hover {text-decoration:underline; color: #18226A} a:focus {outline: thin dotted } a:hover, a:active { outline: 0; outline: none; } .none, .nonee {display: none} .block {display: block} .inline {display: inline} .hide, hidee {display: none} .openn {display: block} .show, .showw {display: block} .closee {display: none} h1 { font-size: 26px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} div#outerwrapper {width: 100%; margin: 0; padding: 0 0; text-align: left; } div#innerwrapper {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0; text-align: left;} div#div__header {width: 100% margin: 0 0; padding: 0 0; } div#div__body {width: calc(100% - 10px); margin: 0 0; padding: 0 5px; position: relative; z-index: 30;} div#div__footer {width: 100%; margin: 0 0; padding: 0 0; } /* video */ .video-container { margin: 20px 0; 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%; } /* fixes gap between top and body for Firefox, IE7 */ iframe#server_commands, #div__label {display: none} #div__title {display: block; width: 100% } body div.modal-backdrop.fade.in {display: none; } /* HOME PAGE */ #div__body div#homeDiv { width: 100%; max-width: 100%; } #div__body div#homeTopp {height: 490px; } #homeImageGroup {width: 70%; display: inline-block; vertical-align: top; } #homeImageGroup div {border: solid #DDDDDD 1px; vertical-align: top; } #homeImageGroup h3 {width: 100%; margin: 5px 0; text-align: center; font-size: 24px; color: #18226A;} #homeImageGroup img {background-position: center center; background-repeat: no-repeat; background-size: contain; } #homeImageGroup a {} #homeImageGroup .half {display: inline-block; width: calc(50% - 8px); margin: 0 5px 0 0; padding: 0 0 0 5px; height: 245px; vertical-align: top;} #homeImageGroup .half img {width: 54%; max-width: 220px; max-height: 165px; display: inline-block; border: none; vertical-align: top; } #homeImageGroup .half span {display: inline-block; width: 43%; margin: 0 0 0 0; padding: 38px 0 0 10px; } #homeImageGroup .half span a {display: block; max-width: 200px; padding: 2px 2px 2px 2px; text-align: left; font-size: 18px; text-decoration: none; line-height: 1.3em; } #homeImageGroup .third {display: inline-block; width: calc(33.3% - 8px); height: 240px; margin: 5px 5px 0 0; padding: 0 0 0 5px; text-align: center; vertical-align: top;} #homeImageGroup .third img {width: 90%; max-width: 185px; max-height: 145px; border: none; display: block; margin: 0 auto; } #homeImageGroup .third span {display: inline-block; width: 100%; max-width: 175px; margin: 0 auto 0 auto; padding: 0 0 0 10px;} #homeImageGroup .third span a {display: block; max-width: 200px; padding: 2px 2px 2px 2px; text-align: left; font-size: 18px; text-decoration: none; line-height: 1.3em;} #homeImageGroup a {text-decoration: none; } Z#homeImageGroup a {background-image: url(/img/homearrow.png); background-repeat: no-repeat; background-position: 0 5px; } #homeImageGroup a:hover { text-decoration: underline; } #homeImageGroup h3 a {font-size: 24px; color: #18226A; text-decoration: none; display: block; background-image: none; padding: 0; text-align: center; width: 100%; max-width: 100%; } #homeImageGroup h3 a:hover {font-size: 24px; color: #18226A; text-decoration: underline; } #homeBanner {display: inline-block; vertical-align: top; margin-left: 10px; width: calc(30% - 15px); } #homeBanner img {width: 100%; } #homeGrayBar {background-color: #EDEDED; background-color: #F0F0F0} #homeGrayBar {border: solid #FFFFFF 2px; border-width: 2px 0 2px 0; border-color: #DDDDDD #FFFFFF #F8BD00 #FFFFFF; margin: 25px 0 0 0; height: 100px; } #homeGrayBarCont {margin: 12px 0; width: 100%; } .grayBarDiv {display: inline-block; width: 32.50%; vertical-align: top; text-align: center; border-right: solid #dddddd 1px; color: #18226A; font-size: 18px;} .grayBarDiv {height: 76px; } .grayBarDiv.noborder {border: none; } .grayBarDiv a {display: block; } .grayBarDiv a img {max-height: 55px; } #homeReviews {margin: 20px 0 10px 0; padding: 0; width: 96%; } #homeReviews .sa_comments {font-size: 14px; } #homeFeaturedItems {margin: 0px 0 20px; padding: 0px 0; min-height: 150px; width: 100%; background: white; } #homeFeaturedItemsCont {} #homeFeaturedItems .homeFeatCatTitle {background-color: #F0F0F0; vertical-align: middle; margin-top: 10px; } #homeFeaturedItems .homeFeatCatTitle {border: solid #FFFFFF 2px; border-width: 1px 0 1px 0; border-color: #DDDDDD #FFFFFF #DDDDDD #FFFFFF; height: 80px; } #homeFeaturedItems .homeFeatCatTitle {font-size: 28px; color: #18226A; line-height: 70px} #homeFeaturedItems .homeFeatCatTitle a {float: right; font-size: 24px; color: #18226A; text-decoration: underline; margin-right: 40px; line-height: 70px} #homeFeaturedItems .homeFeatCatTitle a:hover {text-decoration: none} #homeFeaturedItems div.carousel.slide {position: relative; padding-bottom: 10px; margin-bottom: 10px; Zborder-top: solid #DDD 1px} #homeFeaturedItems .carousel-inner {width: 100%; margin: 0 0 0 0; padding: 0 0 10px 0; width: calc(100% - 68px); margin: 0 0 0 34px;} #homeFeaturedItems .homeItem {max-width: 150px; padding: 5px 5px 0 5px; text-align: center; } #homeFeaturedItems .homeLink, #homeFeaturedItems .homeItemLink {display:block; text-decoration: none; position: relative; } #homeFeaturedItems .homeItem img {max-width: 120px; } #homeFeaturedItems .iconsDiv {position: absolute; width: 60px; height: 60px; top: 5px; left: 5px; z-index: 1; } #homeFeaturedItems .iconsDiv img {width: 60px; } #homeFeaturedItems span.homeItemImg {display: block; background-position: center center; background-size: contain; background-repeat: no-repeat; margin: 0 auto; } #homeFeaturedItems span.homeItemImg {max-width: 140px; width: 90%; height: 140px; } #homeFeaturedItems .homeItem h4 {text-decoration: underline; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; margin: 10px 0; padding: 0; } #homeFeaturedItems .homeItem .homeItemPrice { text-align: center; font-size: 14px; font-weight: bold; color: #18226A; line-height: 20px; } #homeFeaturedItems .homeItem .homeItemSave { text-align: center; color: #940000; font-size: 13px;} #homeFeaturedItems .homeItem a.homeViewoptionsLink, #homeFeaturedItems .homeItem a.homeAddLink {display: block; width: 104px; height: 26px; margin: 4px auto; color: #C20000; font-size: 16px; text-align: center; padding: 3px 5px; text-decoration: none; border: solid #18226A 1px; border-radius: 5px; background-color: #f6f3f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafcfd), to(#f2ebeb)); background-image: -webkit-linear-gradient(top, #fafcfd, #f2ebeb); background-image: -moz-linear-gradient(top, #fafcfd, #f2ebeb); background-image: -ms-linear-gradient(top, #fafcfd, #f2ebeb); background-image: linear-gradient(top, #fafcfd, #f2ebeb); } #homeFeaturedItems .homeItem a.homeViewoptionsLink:hover, #homeFeaturedItems .homeItem a.homeAddLink:hover { text-decoration: none; color: #940000;} #homeFeaturedItems .homeItem .listcell_stars {position: absolute; top: 115px; opacity: 0.75; right: 0; left: 0; padding: 0; width: 100%; text-align: center; } #homeFeaturedItems .homeItem .listcell_stars span.on, #homeFeaturedItems .homeItem .listcell_stars span.half {width: 14px; height: 14px} #homeFeaturedItems a:hover .homeItem img {} #homeFeaturedItems a:hover .homeItem h4 {text-decoration: underline} #homeFeaturedItems a:hover .homeItem .homeItemPrice {text-decoration: none} #homeFeaturedItems a:hover .homeItem .homeItemSave {text-decoration: none} #homeFeaturedItems a:hover .homeItem .listcell_stars { opacity: 1.0; } #homeFeaturedItems .carousel-control {max-width: 34px; margin-top: 20px;} #homeFeaturedItems .carousel-control.left, #homeFeaturedItems .carousel-control.right {background-image: none; } #homeFeaturedItems .carousel-control .glyphicon-chevron-left, #homeFeaturedItems .carousel-control .glyphicon-chevron-right, #homeFeaturedItems .carousel-control .icon-next, #homeFeaturedItems .carousel-control .icon-prev {width: 24px; height: 24px; margin-top: -5px; font-size: 24px; color: #18226A} #homeFeaturedItems .carousel.slide.hideRight .carousel-control.right, #homeFeaturedItems .carousel.slide.hideLeft .carousel-control.left {opacity: 0.1} #homeBottDiv {margin: 20px 40px; color: #18226A; line-height: 1.4em; } #homeBottDiv p { color: #18226A; line-height: 1.4em; } /***** HEADER *****/ #hdrLeftDiv {} #hdrDiv {height: 340px; position: relative; } #hdrDiv.noPromo {height: 300px;} #hdrDiv.onHomepage {height: 320px;} #hdrDiv.onHomepage.noPromo {height: 280px;} #hdrDiv #hdrTopp {background-color: #7F7EB7; width: 100%; margin: 0px; padding: 1px; width: 100%; } #hdrDiv #hdrTopp td {padding: 4px 0; text-align: center; } #hdrDiv #hdrTopp a {display: block; color: #FFFFFF; background-repeat: no-repeat; background-position: left center; padding: 2px 1px 2px 1px; text-align: center; vertical-align: middle; border-right: solid #999999 2px; font-size: 14px; line-height: 1em;} #hdrDiv #hdrTopp a img {max-height: 20px; text-decoration: none; margin-right: 2px; vertical-align: middle} #hdrDiv #hdrTopp a:hover {} #hdrDiv #hdrTopp a:hover img {text-decoration: none; } #hdrDiv #hdrTopp td.hdrCustService {width: 18.5%; } #hdrDiv #hdrTopp td.hdrChat {width: 10.0%; } #hdrDiv #hdrTopp td.hdrPhone {width: 17.0%} #hdrDiv #hdrTopp td.hdrContact {width: 13.0%; } #hdrDiv #hdrTopp td.hdrFAQ {width: 8.0%} #hdrDiv #hdrTopp td.hdrAbout {width: 12.0%; } #hdrDiv #hdrTopp td.hdrShipping {width: 19.5%; } #hdrDiv #hdrTopp td.hdrShipping a {border-right: none;} #hdrDiv #hdrTopp td.hdrPhone a:hover {text-decoration: none; cursor: default} #hdrDiv #hdrLogoo {margin: 13px 0 0 0; padding: 0 0 0 20px; max-width: 280px;} #hdrDiv #hdrLogoo img {width: 315px; width: 245px } #hdrDiv #hdrLogoo span {display: block; margin: 10px 0 0 3px; padding: 0px; font-weight: bold; font-size: 14px; line-height: 1em; } #hdrDiv #hdrLogoo span#hdrLogoo2 {float: right; margin-left: 15px; max-width: 200px; } #hdrDiv #hdrLogoo span#hdrLogoo2 a {display: block; text-align: center; } #hdrDiv #hdrLogoo span#hdrLogoo2 a img {width: 100%; } #hdrInfoDiv { width: 495px; position: absolute; top: 53px; right: 0px; vertical-align: top; } a#hdrAccountLink, a#hdrAccountLink:hover {display: inline-block; width: 180px; padding: 5px 0 0 0; font-size: 18px; color: #18226a; text-decoration: none; } a#hdrAccountLink span, a#hdrAccountLink:hover span {display: block; margin: 10px 0 0 0; font-size: 18px; color: #18226a; text-decoration: none; } a#hdrAccountLink span i.hdrArrow {margin: 0; padding: 0; display: inline-block; width: 16px; height: 10px; text-align: left; } .hdrArrow {background-image: url(/img/arrow.png); background-position: right top; background-repeat: no-repeat; } a#hdrAccountLink span#hdrUser2 {margin: 0; } a#hdrAccountLink span#hdrUser2.medium {font-size: 16px; } a#hdrAccountLink span#hdrUser2.small {font-size: 13px;} #hdrAccountDrop {position: absolute; top: 48px; left: -15px; width: 190px; z-index: 32; background: #FFFFFF; padding: 10px 10px 10px 15px;} #hdrAccountDrop.closee {display: none; } #hdrAccountDrop.open {display: block; } #hdrAccountDrop a {display: block; padding: 5px; font-size: 14px; } #hdrAccountDrop span#hdrUser {padding: 0 5px; font-size: 13px; line-height: 20px; color: #18226a;} #hdrCartt {position: relative; display: inline-block; width: 145px; margin: 0 5px 0 0; padding: 0; vertical-align: top; } #hdrCartt a, #hdrCartt a:hover {display: block; background: #EDEDED; text-align: left; height: 50px; text-decoration: none; padding: 10px 0 10px 10px; } #hdrCartt #hdrCartIcon {margin: 0px 0 0 0px; display: inline-block; height: 40px; width: 40px;} #hdrCartt #hdrCartIcon {background-image: url(/img/icons/icon-cart-color.png); background-position: center center; background-repeat: no-repeat; background-size: contain} #hdrCartt a #hdrCartTotal, #hdrCartt a:hover #hdrCartTotal {color: #000000; font-size: 20px; font-weight: bold; margin: 0; padding: 0; display: inline-block; text-decoration: none; height: 30px; width: 65px; vertical-align: top; text-align: right; line-height: 30px; } #hdrCartt #hdrCartCountt {position: absolute; padding: 2px 6px; left: 22px; top: 2px; text-align: center; z-index: 3; } #hdrCartt #hdrCartCountt {font-weight: bold; font-size: 13px; border: solid #940000 1px; border-radius: 10px; background-color: #940000; color: #FFFFFF; } #hdrCartt .hdrArrow {margin: 0; padding: 0; display: inline-block; width: 24px; height: 30px; text-align: right; } #hdrCartt.zero {} #hdrCartt.ten {} #hdrCartt.hundred {} #hdrCartt.zero #hdrCartCountt {display: none; } #hdrCartt.ten #hdrCartCountt {left: 16px;} #hdrCartt.hundred #hdrCartCountt {left: 13px;} #hdrCartt.zero #hdrCartIcon {background-image: url(/img/icons/icon-cart-blue.png); } #hdrCartt.ten #hdrCartIcon {background-image: url(/img/icons/icon-cart-color.png); } #hdrCartt.hundred #hdrCartIcon {background-image: url(/img/icons/icon-cart-color.png); } a#hdrCartLink, a#hdrCartLink:hover {display: inline-block; width: 145px; margin: 0 0 0 0; padding: 0; height: 50px; line-height: 50px; color: #FFFFFF; background: #940000; text-align: center; height: 50px; font-weight: bold; font-size: 18px; text-transform: uppercase; vertical-align: top; border: solid #940000 1px; border-radius: 4px; float: right; } div#hdrCartDrop {position: absolute; top: 50px; right: -5px; background-color: #FFFFFF; padding: 0; margin: 0; width: 310px;} /* search box */ #hdrSearchh {position: absolute; top: 122px; right: 0; height: 44px; margin: 0 auto; padding: 0; width: calc(100% - 380px); max-width: 96%; background: none; border: solid #CCCCCC 1px; } #hdrSearchh .hdrSearchCont {margin: 0 0 0 0; width: 100%; } #hdrSearchh form {margin: 0; padding: 0;} #hdrSearchh table {margin: 0 auto; width: 100%; } #hdrSearchh table td.inputTD {padding-right: 0; width: calc(100% - 60px); } #hdrSearchh input.input.search {font-size: 20px; line-height: 42px; color: #18226A; background: #FFF; padding: 2px 2px 2px 4px; margin: 0; height: 42px; outline: none; width: 100%;} #hdrSearchh table td.butnTD {width: 60px; padding-left: 0; text-align: center; background-color: #EDEDED; } #hdrSearchh table td.butnTD a#srhBtn { width: 42px; height: 42px; margin: 0 auto 0 auto; display: block;} #hdrSearchh table td.butnTD a#srhBtn {background-image: url(/img/icons/icon-search-color.png); background-repeat: no-repeat; background-position: left top; background-size: contain; } #hdrSearchh table td.butnTD a#srhBtn:hover {background-image: url(/img/icons/icon-search-blue.png); } #handSearch table {margin: 0 auto; width: 100%; max-width: 440px;} #handSearch table td.inputTD {padding-right: 0; width: calc(100% - 32px); } #handSearch input.search { border: solid #E4E4E4 4px; padding: 2px 2px 2px 8px; margin: 0; height: 32px; outline: none; width: 100%; } #handSearch table td.butnTD {width: 32px; padding-left: 0; } #handSearch table td.butnTD a#srhBtn {border: solid #E4E4E4 4px; border-width: 4px 4px 4px 0; width: 28px; height: 32px; margin: 0 auto 0 0; display: block;} #handSearch table td.butnTD a#srhBtn {background-image: url(/img/bk-searchArrow.png); background-repeat: no-repeat; background-position: left top;} /********* Header Navigation 2018 ********/ div#hdrNavvv {position: absolute; z-index: 20; width: 100%; text-align: left; top: 190px; left: 0px; height: 70px; background-image: none; background: #EDEDED; border: solid #999999 2px; border-width: 2px 0 2px 0; } div#hdrNavvv #hdrNavvCont {margin: 2px 0px 0px; height: 70px; text-align: center; } #hdrNavvv #navvTable {margin: 6px 0px; width: 100%; } #hdrNavvv #navvTable td {vertical-align: middle; border-right: solid #999999 1px } #hdrNavvv #navvTable td#tdLearning {border-right: none} #hdrNavvv a.navvLink, #hdrNavvv a.current { display: block; padding: 4px 5px 4px 5px; font-size: 20px; font-weight: normal; line-height: 44px; color: #323878; text-decoration: none; text-align: center; } #hdrNavvv a:hover, #hdrNavvv a.current:hover {text-decoration: none; color: #FFF; } #hdrNavvv a#hdrNavvLink6.navvLink {color: #940000} #hdrNavvv a#hdrNavvLink6.navvLink:hover {color: #FFFFFF} #hdrNavvv a#hdrNavvLink8.navvLink {color: #940000} #hdrNavvv a#hdrNavvLink8.navvLink:hover {color: #FFFFFF} #hdrNavvv a#hdrNavvLink9.navvLink {color: #F8BD00} #hdrNavvv a#hdrNavvLink9.navvLink:hover {color: #FFFFFF} #hdrNavvv #navvTable td.active a.navvLink {} #hdrNavvv #navvTable td a.navvLink:hover {background-color: #FFFFFF; color:#000000; Zborder-top: solid #B0AFAF 1px; Zpadding-top: 9px; Zpadding-bottom: 9px; } #hdrDiv #hdrNavv3 { position: absolute; top: 250px; left: 0; width: 100%; } #hdrPromoo {background: #F8BD00; width: 100%; height: 28px; position: absolute; top: 275px; left: 0; text-align: center; padding-top: 3px; padding-bottom: 3px; } #hdrPromoo .leftt, #hdrPromoo .rightt {font-size: 20px; font-weight: normal; color: #18226A; line-height: 1em; display: inline-block; margin: 0 5px 0 5px; padding: 0; } #hdrPromoo .rightt {margin-left: 60px; } #hdrPromoo span.red {color: #940000; font-size: 20px; font-weight: normal; line-height: 1em;} #hdrPromoo i {font-size: 20px; font-weight: normal; color: #FFFFFF; line-height: 1em; font-weight: 300;} #hdrPromoo a {font-size: 20px; font-weight: normal; color: #18226A; line-height: 1em; text-decoration: none; } #hdrPromoo a:hover {text-decoration: underline; } /* OLD OLD OLD from here down... remove what is not needed header div */ /* #hdrWishlist { height: 34px; display: inline-block; position: absolute; left: 0; top: 10px; text-align: left; width: 95px; } #hdrDiv #hdrWishlist a {border: solid transparent 2px; } #hdrDiv #hdrWishlist a:hover; #hdrDiv #hdrWishlist a.current {border: solid #CCC 2px; } #hdrListDrop {position: absolute; left: -15px; top: 34px; z-index: 10; } #hdrListDrop.close {z-index: 100; max-height: 0; overflow: hidden; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; float: none;} #hdrListDrop.open {z-index: 100; max-height: 900px; overflow: visible; -webkit-transition: all .80s; -moz-transition: all .80s; transition: all .80s; } #hdrListDropCont {width: 160px; padding-top: 5px; } #hdrListDropCont {background-image: url(/img/arrow-up.png); background-position: center top; background-repeat: no-repeat; } #hdrListDropCont2 {background-color: #FFF; border: solid #18226a 1px; border-radius: 10px; padding: 10px 10px 10px 10px; } div.reorderListDiv {font-size: 11px; color: #999; text-align: left; font-weight: normal;} div.reorderListDiv a {display: block; font-size: 14px; color: #18226A; text-decoration: none; margin-top: 8px; font-weight: normal;} div.reorderListDiv a:hover {text-decoration: underline; font-size: 14px; color: #18226A; } div.reorderListDiv h3 {margin: 15px 0 0 0; border-top: solid #999 1px; padding: 3px 0 0 0; text-align: center; font-weight: normal; } #hdrDiv div.reorderListDiv a.createNew, div.reorderListDiv a.createNew {display: block; font-size: 11px; color: #999; text-align: center; text-decoration: none; margin-top: 30px; padding-top: 5px; border-top: solid #999 1px; } div.reorderListDiv a.createNew:hover {text-decoration: underline;} div.reorderListDiv span.createNew2 {display: none; text-align: center; margin-top: 30px; padding-top: 5px; border-top: solid #999 1px;} div.reorderListDiv span.createNew2 input.newList {width: 85px; font-size: 11px; } div.reorderListDiv span.createNew2 a {display: inline-block; margin-left: 3px; font-size: 11px; color: #999; text-decoration: none;} div.reorderListDiv span.createNew2 a:hover {display: inline-block; color: #18226A; text-decoration: none;} */ /**/ #hdrCartDrop {position: absolute; top: 34px; right: 0; background-color: #FFFFFF; padding: 0; margin: 0; width: 300px; } #hdrCartDrop.close {z-index: 100; max-height: 0; overflow: hidden; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; float: none;} #hdrCartDrop.open {z-index: 100; max-height: 900px; overflow: visible; -webkit-transition: all .80s; -moz-transition: all .80s; transition: all .80s; } #hdrCartDropCont {margin: 0; padding: 10px; border: solid #666 2px; background: #FFFFFF; } #cartDropPromo {text-align: center; } #cartDropPromo strong { color: #94000; text-transform: uppercase; } #userInfoSpan {text-align: center; font-style: italic; } #userInfoSpan.none {display: none; } #miniCart, #miniCart td, #miniCart span, #miniCart a { font-family: Arial, Helvetica, sans-serif; color: #333;} #miniCartDiv {background-color: #FFFFFF; } #miniCartCont {position: relative; z-index: 0; width: 330px;} #miniCart {width: 330px; margin: 10px 0; padding: 0;} #miniTable {width: 330px; margin: 0} #miniTable th {} #miniTable td {font-size: 11px; line-height: 1.2em; padding: 4px 0; color: #333; border-top: dotted #CCCCCC 1px; } #miniTable td.none {display: none; } #miniTable td a { text-decoration: none; font-size: 11px; line-height: 1.4em; } #miniTable td a:hover {text-decoration: underline; font-size: 11px; line-height: 1.4em; } #miniTable td.miniImg {width: 60px} #miniTable td.miniImg img {width: 50px; max-width: 50px; } #miniTable td.miniDesc {width: 140px} #miniTable td.miniDesc h3 {margin: 0; padding: 0; font-size: 12px;} #miniTable td.miniDesc h3 a {text-decoration: none; display: block; margin: 0; padding: 0 0 3px 0; } #miniTable td.miniDesc h3 a:hover {text-decoration: underline} #miniTable td.miniDesc table {margin: 0;} #miniTable td.miniDesc table td, #miniTable td.miniDesc table td.bglttext {margin: 0; background: none; border: none; padding: 0; } #miniTable td.miniQty {width: 30px; text-align: center;} #miniTable td.miniQty .miniEditInput {font-size: 11px; width: 24px; text-align: center; padding: 1px; margin: 0 auto; border: solid #CCCCCC 1px; } #miniTable td.miniAmnt {width: 55px; } #miniTable td.miniRem {width: 45px; text-align: right; } #miniTable td.miniRem a.remove { color: #CC0000; text-decoration: none; font-weight: bold; } #miniTable td.miniRem a.remove:hover {color: black; text-decoration: none; } #miniTable tr td.miniQty span.miniQtySpan, #miniTable tr.edit td.miniQty span.miniQtySpan2 {display: block; text-align: center; } #miniTable tr td.miniQty span.miniQtySpan2, #miniTable tr.edit td.miniQty span.miniQtySpan {display: none} #miniTable tr td.miniRem span.miniRemSpan, #miniTable tr.edit td.miniRem span.miniRemSpan2 {display: block; text-align: center;} #miniTable tr td.miniRem span.miniRemSpan2, #miniTable tr.edit td.miniRem span.miniRemSpan {display: none} #miniTable tr.miniHeader td {font-weight: bold} #miniTable tr.miniFooter { } #miniTable tr.miniFooter td {padding: 4px 0; border-top: dotted #CCCCCC 1px; } #miniTable div#miniInCart {margin: 6px auto 0 15px; font-size: 12px; font-weight: bold; } #miniTable div#miniSubDiv {margin: 6px 15px 0 auto; font-size: 12px; font-weight: bold; float: right; } #miniBackground {background-color: #FFFFFF; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; opacity: 0.75; filter: Alpha(opacity=75); } #miniLoading {height: 100%; width: 100%; position: absolute; z-index: 2; top: 0; left: 0; text-align: center; vertical-align: middle; } #miniLoading {margin-top: 40px} #miniBackground.hide, #miniLoading.hide {display: none; } #cartDropLinks {text-align: center; padding: 6px 0 4px; border-top: dotted #CCCCCC 1px; } #cartDropLinks a {color: #7F7EB7; font-weight: bold; font-style: normal; text-decoration: underline; } #cartDropLinks a {text-decoration: none;} #cartDropLinks a#miniCheckout {color: red; font-weight: bold; font-style: normal;} #cartDropLinks a#miniCheckout {text-decoration: none;} #miniCartDiv #miniCartCont {width: 270px} #miniCartDiv #miniCart {width: 270px} #miniCartDiv #miniCart #miniTable {width: 270px} span#cartTotal3 {padding-left: 30px; } #hdrCartAdded, #handCartAdded {position: absolute; top: 34px; right: 0; background-color: #FFFFFF; padding: 0; margin: 0; width: 300px; z-index:3 } #handCartAdded {top: 38px; left: none; right: 0; } #hdrCartAddedCont, #handCartAddedCont {margin: 0; padding: 10px; border: solid #666 2px; background-color: #FFFFFF;} #hdrCartAddedCont h4, #handCartAddedCont h4 {font-size:14px ; color: #333; font-weight: bold; padding: 0; margin: 2px auto 5px auto; color: #18226A; text-align: center; } #hdrCartAddedCont td, #handCartAddedCont td { font-size: 12px; padding: 2px 0; } #hdrCartAddedCont h3, #handCartAddedCont h3 {font-size:12px ; color: #333; font-weight: bold; margin: 2px 5px 5px 0;} #hdrCartAddedCont img, #handCartAddedCont img {width: 60px; } #hdrCartAddedCont tr.miniFooter td, #handCartAddedCont tr.miniFooter td { padding: 5px 0 5px 0; border-top: dotted #BEBEBE 1px; } #hdrCartAddedCont .inBag {} #hdrCartAddedCont .inLinks { } #hdrCartAddedCont .checkLink {} #hdrCartAdded, #handCartAddedCont { } #hdrCartAdded.close, #handCartAdded.close {z-index: 100; max-height: 0; overflow: hidden; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; float: none;} #hdrCartAdded.open, #handCartAdded.open {z-index: 100; max-height: 300px; overflow: visible; -webkit-transition: all .80s; -moz-transition: all .80s; transition: all .80s; } /* search box */ /********* 2016 Header Navigation changes made from old styles ***********/ #hdrNavv2 { position: absolute; top: 180px; left: 0; height: 45px; ZZwidth: 980px; width: 100%; background-image: url(/img/bk-hdrNavv.png); background-repeat: repeat-x; background-position: left bottom; z-index: 1;} #hdrNavv2 div#navvTable2 {margin-top: 2px; } #hdrNavv2 a.tabLnk {display: block; padding: 7px 2px 8px 2px; font-size: 14px; line-height: 1em; font-weight: normal; color: #FFF; text-decoration: none; } #hdrNavv2 a.tabLnk:hover, #hdrNavv2 td.active a.tabLnk { background-color: #FFF; color: #18226A; border-left: solid #18226A 2px; border-right: solid #18226A 2px; padding: 7px 0 8px 0; } td#tabSupplies {border-left: solid transparent 1px; } td#tabSupplies:hover, td#tabSupplies.active {border-left: solid #B0AFAF 1px; } #hdrNavvDropTop {display: none; position: absolute; top: 218px; left: 0; width: 978px; height: 1px; border-top: solid #18226A 2px; } #hdrNavvDropTop.show {display: block; z-index: 0; } /* when open */ #hdrNavv3 { position: absolute; top: 209px; left: 0; ZZwidth: 980px; width: 100%; top: 180px;} #hdrNavv3 div.dropNavvDiv { position: relative; z-index: 18000; } #hdrNavv3 div.subDivv { position: absolute; vertical-align: top; top: 0; border: solid #B0AFAF 1px; border-width: 0 1px 2px 1px;} #hdrNavv3 div.subDivv { text-align: left; padding: 0 0 0 0; margin: 0; width: 978px; } #hdrNavv3 div.subDivv { background-color: #FFF; color: #333; } #hdrNavv3 div.close div.subDivv {opacity: 0; visibility: hidden; z-index: 0; max-height: 0; overflow: hidden; -webkit-transition: all .0s; -moz-transition: all .0s; transition: all .0s; float: none;} #hdrNavv3 div.open div.subDivv {opacity: 1; visibility: visible; z-index: 999; max-height: 600px; overflow: visible; -webkit-transition: all .0s; -moz-transition: all .0s; transition: all .0s;} #hdrNavv3 div.subDivv .subDivvTable {margin: 10px auto 10px 20px; } #hdrNavv3 div.subDivv .subDivvTable td {padding-top: 10px} #hdrNavv3 div.subDivv .subDivvTable td.last {padding-top: 0} #hdrNavv3 div.subDivv .subDivvItemDiv {} #hdrNavv3 div.subDivv .subDivvItemDiv {text-align: center; } #hdrNavv3 div.subDivv .subDivvItemDiv a {text-decoration: none; padding: 0 0 0 20px; } #hdrNavv3 div.subDivv .subDivvItemDiv a:hover {text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a h4 { color: #FFF; font-width: normal; font-size: 11px; padding: 4px 7px 4px 7px; background-color: #940000; width: 130px; margin: 0 auto; text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a h4 {background-image: url(/img/whiteArrow.png); background-position: right top; background-repeat: no-repeat; } #hdrNavv3 div.subDivv .subDivvItemDiv a:hover h4 { color: #999999; background-position: right bottom; text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a img, #hdrNavv3 .subDivvItemDiv a:hover img {text-decoration: none;} /* link divs */ #hdrNavv3 div.subDivv a {display: block; text-transform: none; padding: 4px 5px; font-size: 13px; line-height: 1em; text-decoration: none; color: #333 ; text-align: left; } #hdrNavv3 div.subDivv a:hover { text-decoration: underline;} /* add to style sheet... new dropdowns */ #hdrNavv2 a {font-size: 12px; line-height: 1em; padding: 8px 20px 0; color: #FFFFFF; display: inline-block; } #hdrNavv2 a:hover { font-size: 12px; line-height: 1em; padding: 8px 20px 0; color: #FFFFCC; } #hdrNavv3 div.subDivv a {display: block; text-transform: none; padding: 3px 0 3px 10px; font-size: 14px; line-height: 1.2em; text-decoration: none; color: #000000; font-weight: 300; width: 210px;} #hdrNavv3 div.subDivv a:hover {color: #000000; text-decoration: underline;} #hdrNavv3 div.subDivv a.subLink { font-weight: 700; text-transform: none; font-size: 14px; line-height: 1.1em; color: #18226A; border-bottom: dotted #18226A 1px; padding: 3px 0 2px 0; } #hdrNavv3 div.subDivv a.subLink:hover { text-decoration: none; color: #7F7E7B; border-bottom: solid #7F7E7B 1px} #hdrNavv3 div.subDivv a.space {padding-top: 30px; } #hdrNavv3 div.subDivv a.subLink.noborder {border-bottom: none;} #hdrNavv3 div.subDivv a.subLink.space.noborder {border-bottom: none; padding-top: 20px;} #hdrNavv3 div.subDivv a.subLink.noborder:hover {text-decoration: underline;} #hdrNavv3 div.subDivv td.last {} /********* Header Navigation 2017 ********/ #hdrNavv2 { position: absolute; top: 180px; left: 0; height: 45px; width: 980px; background-image: url(/img/bk-hdrNavv.png); background-repeat: repeat-x; background-position: left bottom; z-index: 1;} #hdrNavv2 div#navvTable2 {margin-top: 2px; } #hdrNavv2 a.tabLnk {display: block; padding: 7px 2px 8px 2px; font-size: 14px; line-height: 1em; font-weight: normal; color: #FFF; text-decoration: none; } #hdrNavv2 a.tabLnk:hover, #hdrNavv2 td.active a.tabLnk { background-color: #FFF; color: #18226A; border-left: solid #18226A 2px; border-right: solid #18226A 2px; padding: 7px 0 8px 0; } #hdrNavvDropTop {display: none; position: absolute; top: 218px; left: 0; width: 978px; height: 1px; border-top: solid #18226A 2px; } #hdrNavvDropTop.show {display: block; z-index: 0; } /* when open */ #hdrNavv3 { position: absolute; top: 209px; left: 0; width: 100%; } #hdrNavv3 div.dropNavvDiv { position: relative; z-index: 18000; } #hdrNavv3 div.subDivv { position: absolute; vertical-align: top; top: 0; border: solid #18226A 2px; border-width: 0 2px 2px 2px;} #hdrNavv3 div.subDivv { text-align: left; padding: 0 0 0 0; margin: 0; width: 100%; max-width: 940px; } #hdrNavv3 div.subDivv.five { max-width: 1160px; } #hdrNavv3 div.subDivv { background-color: #FFF; color: #333; } #hdrNavv3 div.close div.subDivv {opacity: 0; visibility: hidden; z-index: 0; max-height: 0; overflow: hidden; -webkit-transition: all .0s; -moz-transition: all .0s; transition: all .0s; float: none;} #hdrNavv3 div.open div.subDivv {opacity: 1; visibility: visible; z-index: 999; max-height: 600px; overflow: visible; -webkit-transition: all .0s; -moz-transition: all .0s; transition: all .0s;} #hdrNavv3 div.subDivv .subDivvTable {margin: 10px auto 10px 20px; width: 100%; max-width: 900px; } #hdrNavv3 div.subDivv.five .subDivvTable {max-width: 1120px; } #hdrNavv3 div.subDivv .subDivvTable td {padding-top: 10px} #hdrNavv3 div.subDivv .subDivvTable td.last {padding-top: 0} #hdrNavv3 div.subDivv .subDivvItemDiv {} #hdrNavv3 div.subDivv .subDivvItemDiv {text-align: center; } #hdrNavv3 div.subDivv .subDivvItemDiv a {text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a:hover {text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a h4 { color: #FFF; font-width: normal; font-size: 11px; padding: 4px 7px 4px 7px; background-color: #940000; max-width: 130px; width: 100%; margin: 0 auto; text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a h4 {background-image: url(/img/whiteArrow.png); background-position: right top; background-repeat: no-repeat; } #hdrNavv3 div.subDivv .subDivvItemDiv a:hover h4 { color: #999999; background-position: right bottom; text-decoration: none; } #hdrNavv3 div.subDivv .subDivvItemDiv a img, #hdrNavv3 .subDivvItemDiv a:hover img {text-decoration: none;} /* link divs */ #hdrNavv3 div.subDivv a {display: block; text-transform: none; padding: 4px 5px; font-size: 13px; line-height: 1em; text-decoration: none; color: #333 ; text-align: left; } #hdrNavv3 div.subDivv a:hover { text-decoration: underline;} /* blogNavvDiv */ #hdrNavv3 div.subDivv div.blogNavvDiv {background-color: #F6F6F6; background-position: top center; background-size: contain; background-repeat: no-repeat; margin: -20px -16px 0px 0;} /*** quick order ***/ td#tdQuick {border-right: solid transparent 1px; } td#tdQuick:hover{border-right: solid #B0AFAF 1px; } #hdrQuickAdd.show, #hdrQuickAdd.showw {display: block; position: absolute; top: 258px; right: 80px; width: 290px; height: 100px; background-color: #FFF; z-index: 33; } #hdrQuickAdd.show, #hdrQuickAdd.showw {border: solid #999999 2px; } #hdrQuickAdd.hide, #hdrQuickAdd.hidee {display: none} #hdrQuickAdd #hdrQuickCont {margin: 10px; line-height: 20px; } #hdrQuickAdd #hdrQuickCont #quickAddCloseX {text-decoration: none; color: #808080; position: absolute; display: block; width: 18px; text-align: right; font-size: 12px; right: 5px; top: 0; } #hdrQuickAdd #hdrQuickCont #quickAddCloseX:hover {color: #940000; text-decoration: none; } #hdrQuickAdd #hdrQuickCont input {position: absolute; top: 37px; padding: 2px 2px; height: 12px; font-size: 12px; line-height: 12px; border: solid #B7B7B7 1px; color: #000; } #hdrQuickAdd #hdrQuickCont input#quickAddInput {left: 11px; width: 122px; color: #999 ; font-size: 12px; height: 24px; } #hdrQuickAdd #hdrQuickCont input#quickAddQty {left: 155px; width: 32px; text-align: center; font-size: 16px; height: 24px; padding: 0 2px 2px 2px; } #hdrQuickAdd #hdrQuickCont .quickOrderAdd {position: absolute; top: 42px; left: 200px; width: 75px; text-align: right; font-size: 13px} #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink, #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink:hover {padding: 4px 0; line-height: 12px; color: #940000; opacity: 0.6; font-weight: normal; text-decoration: none;} #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink.add {color: #940000; font-weight: bold; opacity: 1;} #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink.add:hover { color: #18226A; font-weight: bold; opacity: 1; text-decoration: underline; } #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink.adding { color: #360; opacity: 1; font-weight: normal; } #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink.added {color: #360; opacity: 1; font-weight: normal; } #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink.adding:hover, #hdrQuickAdd #hdrQuickCont .quickOrderAdd a#quickAddLink.added:hover {text-decoration: none; font-weight: normal; } #hdrQuickAdd #hdrQuickCont #quickAddName {position: absolute; top: 73px; left: 10px; height: 20px; width: 180px; font-size: 11px; line-height: 12px; } #hdrQuickAdd #hdrQuickCont #quickAddPrice {position: absolute; top: 73px; left: 195px; height: 20px; width: 80px; font-size: 12px; line-height: 12px; text-align: right; } #hdrQuickAdd #hdrQuickCont #quickAddName span { color: #666; font-weight: bold; padding-left: 2px; } #hdrQuickAdd #hdrQuickCont #quickAddName span.notFound {color: #FFF; -webkit-transition: color 1.0s ease-in-out 2s; -moz-transition: color 1.0s ease-in-out 2s; transition: color 1.0s ease-in-out 2s; } /* bread-crumb */ #crumbDiv {position: absolute; top: 310px; left: 0; } #crumbDiv {font-size: 11px; color: #7F7EB7; font-weight: bold; line-height: 16px; height: 16px; margin: 0 0 10px 0px; padding: 8px 0 8px 0px; text-align: left; } #crumbDiv a, #crumbDiv a.crumb {font-size: 11px; font-weight: normal; color: #7F7EB7; font-weight: bold; line-height: 16px; text-decoration: none; padding: 2px 5px} #crumbDiv a:hover, #crumbDiv a.crumbover {font-size: 11px; color: #7F7EB7; font-weight: bold; line-height:16px; text-decoration: underline} #hdrDiv.noPromo #crumbDiv {top: 265px;} #hdrDiv.onHomepage #crumbDiv {display: none; } #hdrTabName {height: 23px; } #hdrTabName #hdrTabNameCont {display:inline; font-size: 15px; color: #FFF; padding: 4px 10px 4px 15px; background-color: #18226A; } #hdrTabName #hdrTabNameCont {border-radius: 0 10px 10px 0;} #hdrTabName #hdrTabNameCont a {color: #FFF; text-decoration: none; } #hdrTabName #hdrTabNameCont a:hover {color: #CCC; text-decoration: none;} #hdrImage {height: 300px; width: 980px; display: none; } #hdrImage.show {display: block; } /* handheld header */ div#handNavv {background: #FFFFFF; text-align: center; } div#handNavv nav.navbar-default {background-color: #FFFFFF; border-color: #FFFFFF; margin-bottom: 5px; } ZZdiv#handNavv nav.navbar-default div.container {padding-left: 10px; padding-right: 10px; } div#handNavv nav.navbar-default button.navbar-toggle {float: left; background-color: #FFFFFF; border-color: #FFFFFF; margin: 13px 10px 4px 10px} div#handNavv nav.navbar-default button.navbar-toggle {background: white} div#handNavv nav.navbar-default button.navbar-toggle span.icon-bar{display: none; } div#handNavv nav.navbar-default button.navbar-toggle span.icon-x {display: block; font-size: 20px; color: #18226a; font-weight: bold; line-height: 1em; width: 22px; height: 22px; text-align: center; vertical-align: top; } div#handNavv nav.navbar-default button.navbar-toggle.collapsed {background: white} div#handNavv nav.navbar-default button.navbar-toggle.collapsed span.icon-bar {display: block; background-color: #18226a; } div#handNavv nav.navbar-default button.navbar-toggle.collapsed span.icon-x {display: none; background-color: #18226a} div#handNavv nav.navbar-default .navbar-collapse {border-color: #FFFFFF; text-align: left; } div#handNavv nav.navbar-default .navbar-nav>li>a.dropdown-toggle, div#handNavv nav.navbar-default .navbar-nav>li>a.single {color: #18226A; font-size: 14px; font-weight: bold; text-align: left; padding: 13px 0 13px 50px;} div#handNavv nav.navbar-default .navbar-nav>li>a.single {background-color: #F7F9FC} div#handNavv nav.navbar-default .navbar-nav>li>a.topborder {padding-top: 20px; border-top: solid #dddddd 2px; } div#handNavv nav.navbar-default .navbar-nav>li>a.single span.phone{color: #F8BD00; font-size: 16px; font-weight: bold; } div#handNavv nav.navbar-default .navbar-nav>li.blueHello {background-color: #18226A; color: #FFFFFF; text-align: left;} div#handNavv nav.navbar-default .navbar-nav>li.blueHello a {color: #FFFFFF; font-size: 15px; font-weight: bold; text-align: left; padding-left: 20px;} div#handNavv nav.navbar-default .navbar-nav>li.blueHello a span {color: #FFFFFF; font-size: 15px; font-weight: bold; text-align: left; } div#handNavv nav.navbar-default .navbar-nav>li.open>a.dropdown-toggle {background-color: #F6F6F6; } div#handNavv nav.navbar-default .navbar-nav>li.open .dropdown-menu {background-color: #F6F6F6; } div#handNavv nav.navbar-default .navbar-nav>li.open .dropdown-menu>li>a {padding: 12px 0 12px 60px; font-size: 14px; color: #18226A; } div#handNavv .handLogo { margin: 8px 15px} div#handNavv #handLogoo2 { margin: 8px 15px; max-width: 90%; text-align: center; } div#handNavv #handLogoo2 a { display: block; text-align: center;} div#handNavv #handLogoo2 a img {max-height: 70px; } div#handNavv .handCart { margin: 17px 0 6px; padding: 0 15px; float: right; position: relative; } div#handNavv span#handCartCount {position: absolute; top: -7px; right: 25px; display: block; padding: 1px; font-size: 12px; line-height: 12px; border: solid white 1px; border-radius: 10px; background: white; color: #C20000; font-weight: bold; width: 16px; text-align: center; } div#navbar div.subDivv table.subDivvTable {ZZdisplay: inline-table; width: 98%; } div#navbar div.subDivv table.subDivvTable td {display: inline-table; width: 98%; padding: 0;} div#navbar div.subDivv table.subDivvTable td a {display: none;} div#navbar div.subDivv table.subDivvTable td a.subLink, div#navbar div.subDivv table.subDivvTable td a.subLink.space {display: block; width: 90%; padding: 10px; margin: 2px 0 2px 7%; font-weight: normal; clear: both; text-align: left; } div#handNavv #handSearch {text-align: center; padding: 5px 0 10px 0; width: 100%; } div#handNavv #handSearch input {width: 100%; font-size: 16px; } div#handNavv #handSearch a {} div#handSearch table td.inputTD {padding-right: 0; width: calc(100% - 34px); } div#handSearch input.search { border: solid #18226A 2px; padding: 2px 0 2px 4px; margin: 0; height: 32px; outline: none; width: 100%; -webkit-appearance: textfield; border-radius: 0; box-shadow: none; } div#handSearch table td.butnTD {width: 34px; padding-left: 0; text-align: left; } div#handSearch table td.butnTD a#srhBtn {border: solid #18226A 2px; border-width: 2px 2px 2px 0; width: 32px; height: 32px; margin: 0 auto 0 0; display: inline-block } div#handSearch table td.butnTD a#srhBtn {background-image: url(/img/bk-searchArrow.png); } div#handSearch table td.butnTD a#srhBtn {display: block} div#handNavv div#handBar {text-align: center; padding: 5px 15px; background-color: #fcda82; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff3ce), to(#fac237)); background-image: -webkit-linear-gradient(top, #fff3ce, #fac237); background-image: -moz-linear-gradient(top, #fff3ce, #fac237); background-image: -ms-linear-gradient(top, #fff3ce, #fac237); background-image: linear-gradient(top, #fff3ce, #fac237); } div#handNavv div#handBar span#handLogin, div#handNavv.logout div#handBar span#handLogout, div#handNavv a#handSignin, div#handNavv.logout a#handHello {display: inline-block} div#handNavv.logout div#handBar span#handLogin, div#handNavv div#handBar span#handLogout, div#handNavv.logout a#handSignin, div#handNavv a#handHello {display: none} /***** LEFT SIDE *****/ #leftTD {display: none; } #leftDiv {display: none; } /***** CONTENT *****/ #contTD {width: 100%; padding: 0 0; } #contDiv {width: 100%; padding: 0 0; margin: 0 0; position: relative; z-index: 0;} #contTbl {margin: 0; } /***** BLOG TAB *****/ #blogTD {width: 950px; padding: 0 15px 0 15px; width: 100%} #blogListTD {width: 950px; padding: 0 15px 0 15px; width: 100%} #blogDiv {width: 950px; margin: 0 0; width: 100%} #blogTable {} #blogTD h1 {margin: 0 0 10px 0; } #blogTD h2 {margin: 0; padding: 10px; text-align: center; } #blogTD h3 {margin: 0; } #blogTD h4 {margin: 5px 0 0; color: #666; font-weight: normal; } #blogTDLeft {width: calc(100% - 300px)} #blogTDLeft h1 {padding: 0 0 10px 0; margin: 10px 0 0; color: #18226A; font-size: 28px; line-height: 1.1em} #blogTDRight {width: 300px; } #blogTDRight a {display: block; margin: 2px 0; padding: 2px 0 2px 5px; } #blogSearch {width: 290px; margin: 0; border: solid 5px #DDD; } #blogRecent {width: 290px; margin: 20px 0 0; border: solid 5px #DDD; padding: 10px; } #blogAds {width: 290px; margin: 10px 0 0; } #blogAds img {max-width: 100%; margin: 0 auto; } #blogCategories {width: 290px; margin: 20px 0 0; border: solid 5px #DDD; padding: 10px; } #blogTopArticles {width: 290px; margin: 20px 0 0; border: solid 5px #DDD; padding: 10px; } #blogRelatedCat {width: 290px; margin: 20px 0 0; border: solid 5px #DDD; padding: 10px; } #blogTDRight #relDivv {width: 290px; margin: 20px 0 0; border: solid 5px #DDD; padding: 10px; } #blogInfo {margin: 0 40px 0 15px; } #blogDesc {margin: 20px 0 0; font-size: 14px; font-family: sans-serif; line-height: 1.6em; Zmax-width: 590px; max-width: 100%; width: 100%} #blogDesc h3 {margin: 20px 0 0;} #blogDesc p {margin: 20px 0 0; font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #blogDesc h3 + p {margin: 5px 0 0; } #blogDesc p span { font-size: 14px; font-family: sans-serif; line-height: 1.6em; } #blogDesc li { font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #blogDesc a {color: #0000FF; text-decoration: underline; font-weight: bold; font-weight: normal; } #blogDesc a:hover {color: #0000FF; text-decoration: none; font-weight: normal; } #blogDesc img {float:right; margin-left: 35px; width: 100%; max-width: 375px} #blogCurCats {margin: 20px 0 0; } #blogCurTags {margin: 10px 0 0; } #blogInfo p.question, #blogInfo li.question {margin: 10px 0; } #blogInfo p.question a, #blogInfo li.question a {display: inline-block; text-decoration: none; color: #0000FF; cursor: pointer; font-weight: bold; font-size: 12px; line-height: 1.7em; } #blogInfo p.question a:hover, #blogInfo li.question a:hover {display: inline-block; text-decoration: underline; color: #0000FF; cursor: pointer; color: #C20000} #blogInfo p.question span, #blogInfo li.question span {opacity: 0; display: block; color: #C20000; margin: 0 0; font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #blogInfo p.question.answered span, #blogInfo li.question.answered span {opacity: 1; transition: all .50s; } #blogMainItem {background-color: #F2F2F2; width: 600px; padding: 0; margin: 0; width: 100%} #blogMainItemDiv {margin: 0; padding: 20px; } #blogMainItemDiv h1 {margin: 0; padding: 20px 0; lin-height: 1em; font-size: 34px; color: #F0A22C; font-weight: normal; } #blogMainItemDiv h1 {text-shadow: 1px 0 0 #18226A, 0 1px 0 #18226A, -1px 0 0 #18226A, 0 -1px 0 #18226A;} #blogMainItemDiv div.featArticle {color: #18226A; line-height: 20px; font-size: 18px; margin: 0;} #blogMainItemDiv div.featArticle span {border: solid #18226A 3px; border-radius: 5px; padding: 1px; display: inline-block; margin-left: 50px; margin-right: auto; width: 310px; } #blogMainItemDiv img {margin: 15px auto; } #blogTD #extraCont {margin-top: 20px; } #blogTD .blogTabCell {} #blogTD .blogTabCell img.blogTabThumb {max-width: 250px; max-height: 150px; margin: 10px auto; } #blogTD .blogTabCell p {margin-bottom: 2px; } #blogTD #blogTableFull {} #blogTD #blogTableFull img {max-width: 60px; margin-bottom: 5px; margin-right: 10px; } .blogListTD {padding: 5px 0 } .blogListDiv {width: 575px; margin: 0 10px 0 0; width: 100%; } .blogListDiv .blogListDivTD1 {min-width: 145px;} .blogListDiv blogListDivTD2 {} .blogListDiv img {max-width: 135px; margin: 0 10px 0 0 } /* blog search box */ #blogSearch {height: 39px; margin: 5px 0 0 0; padding: 0; text-align: right; } #blogSearch {background-image: url(/img/blogSearchBttn.png); background-repeat: no-repeat; background-position: right top; } #blogSearchCont {margin: 0; text-align: right; } #blogSearch form {margin: 0; padding: 0;} #blogSearch table {margin: 0; } #blogSearch table td.inputTD { } #blogSearch input.input {font-size: 14px; line-height: 1em; padding: 2px 0; margin: 4px 4px 0 4px; color: #999; height: 19px; width: 220px; border: none; background: #FFF; text-align: left; } #blogSearch table td.butnTD {text-align: right; } #blogSearch a#srhBtn {text-decoration: none; display: block; width: 38px; height: 22px; margin: 3px 0 0 4px; } .floatCaption {display: inline-block; float:right; margin: 0 0 12px 15px; } .floatCaption img { } .floatCaption div { margin: 0; padding: 2px 3px 2px 9px; color: #000; text-align: center; font-style: italic; font-weight: bold; } td.bglt.medtextbold {padding: 5px 10px; font-size: 14px; } td.medtext a {padding: 6px 10px 0; display: inline-block; } span#resultsSpan {padding: 2px 8px 0 0; font-size: 14px;} div#resultsDiv2 {padding: 0 40px 10px 40px; border-bottom: solid #dddddd 1px; text-align: center; } div#blogSearchDiv {float: right; margin-top: -30px; padding: 0 10px 0 30px; background: #FFFFFF; } /***** CORNERSTONE CATEGORY TEMPLATE *****/ #filterLeftTD {width: 180px; padding-right: 15px; vertical-align: top; } #filterRightTD {width: calc(100% - 200px); vertical-align: top; } #filterLeftTD {} #leftResourcesDiv {margin: 10px 5px 15px 5px; padding: 0} #leftResourcesDivCont {border: solid #F4E4B6 1px; border-radius: 5px; background-color: #F4E4B6; padding: 10px; } #leftResourcesDivCont b {font-size: 16px; display: block; margin: 0 0 10px 0; } #leftResourcesDivCont ul { list-style: none; padding: 0; margin: 0; } #leftResourcesDivCont li { padding-left: 1em; text-indent: -.7em; line-height: 1.2em; padding: 6px 0 6px 10px} #leftResourcesDivCont li::before { content: "• "; color: #D29E29;} #leftResourcesDivCont a {color: #18226A; text-decoration: underline; } #leftResourcesDivCont a:hover {text-decoration: none; } #leftPromoDiv {} #leftPromoDiv {} #leftPromoDiv {} #leftPromoDiv {} #filterRightTD {} #filterRightTD #catTitle {padding: 0 0 0 0; margin: 1px 0 0 20px; color: #18226A; font-size: 30px; } #filterRightTD #catImage {display: inline-block; vertical-align: top; text-align: center; width: 35%; padding: 0 2% 0 0;} #filterRightTD #catImage img {width: 100%; max-width: 285px; } #filterRightTD #catDescInline, #catDescInlineH {display: inline-block; vertical-align: top; width: 60%; padding: 0 0 10px 3%; margin: 0; font-size: 18px; line-height: 1.4; } #catDescInlineH {width: 98%; font-size: 16px; } #resourcesNavv {border-bottom: solid #18226A 2px; margin: 25px 0 0 0; } #resourcesNavv a {padding: 4px 12px; border-right: solid #DDDDDD 1px; margin: 0; display: inline-block; color: #18226A; font-weight: normal; font-size: 18px; } #resourcesNavv a.noborder {border-right: solid #DDDDDD 1px; } #resourcesNavv a span {border-bottom: solid #FFFFFF 3px; font-size: 18px; line-height: 1.1em; } #resourcesNavv a img.resourceIcon {max-height: 50px; margin-left: 5px; margin-top: -5px; } #resourcesNavv a:hover {text-decoration: none; } #resourcesNavv a:hover span {border-bottom: solid #18226A 3px; font-weight: normal; } #resourcesNavv.articles a#articlesNavv span, #resourcesNavv.videos a#videosNavv span, #resourcesNavv.otherResources a#otherResourcesNavv span {border-bottom: solid #18226A 3px; font-weight: bold; } #filterRightTD #catCells {} #filterRightTD #catTable { border-collapse: separate; border-spacing: none} #filterRightTD #resourcesDiv { } #filterRightTD #resourcesDivCont {} #filterRightTD #resourcesDivCont .resourcesDiv {margin: 20px 0; padding: 0; } #filterRightTD #resourcesDivCont .titleDiv {height: 50px; background-color: #F0F0F0; margin: 30px 0 0 0; padding: 0; } #filterRightTD #resourcesDivCont .titleDiv h3 {color: #18226A; font-size: 20px; line-height: 46px; font-size: bold; margin: 0 0 0 25px; padding: 0 0; } #filterRightTD #resourcesDivCont .titleDiv img.resourceIcon {max-height: 50px; margin-left: 5px; margin-top: -5px; } #filterRightTD #resourcesDivCont .contentDiv {margin: 20px 10px; padding: 0; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink { max-width: 180px; width: 100%; display: inline-block; text-align: center; padding: 10px; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink img { max-width: 150px; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink h4 {color: #18226A; font-size: 14px; font-weight: normal; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink span {display: block; width: 104px; height: 26px; margin: 4px auto; color: #C20000; font-size: 16px; text-align: center; padding: 3px 5px; text-decoration: none; border: solid #18226A 1px; border-radius: 5px; background-color: #f6f3f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafcfd), to(#f2ebeb)); background-image: -webkit-linear-gradient(top, #fafcfd, #f2ebeb); background-image: -moz-linear-gradient(top, #fafcfd, #f2ebeb); background-image: -ms-linear-gradient(top, #fafcfd, #f2ebeb); background-image: linear-gradient(top, #fafcfd, #f2ebeb); } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink:hover span { text-decoration: none; color: #940000;} #filterRightTD #resourcesDivCont .contentDiv a.resourceLink:hover { text-decoration: none; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink:hover img { text-decoration: none; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink:hover h4 { text-decoration: none; color: #C20000} #filterRightTD #resourcesDivCont .contentDiv a.resourceLink:hover span { text-decoration: none; } #filterRightTD div#cornerstoneMainBlog #filterRightTD div#cornerstoneMainBlog2 {margin: 10px 20px; padding: 0; } #filterRightTD div#cornerstoneMainBlogTitle.titleDiv, #filterRightTD div#cornerstoneMainBlogTitle2.titleDiv {padding: 0 0 0 30px; margin: 30px 0 0 0px; color: #18226A; font-size: 20px; line-height: 46px; height: 50px; background-color: #F0F0F0;} #filterRightTD div#blogInfo, #filterRightTD div#blogInfo2 {font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #filterRightTD div#blogInfo h3, #filterRightTD div#blogInfo2 h3 {margin: 15px 0 2px 0; font-size: 16px; font-family: sans-serif; line-height: 1.6em; font-weight: bold} #filterRightTD div#blogInfo p, #filterRightTD div#blogInfo2 p {margin: 0 0 20px 0; font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #filterRightTD div#blogInfo span, #filterRightTD div#blogInfo2 span {font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #filterRightTD div#blogInfo ul, #filterRightTD div#blogInfo2 ul {margin-top: 0px; } #filterRightTD div#blogInfo li, #filterRightTD div#blogInfo2 li {font-size: 14px; font-family: sans-serif; line-height: 1.6em;} #filterRightTD div#blogInfo a, #filterRightTD div#blogInfo2 a {color: #0000FF; text-decoration: underline; font-weight: bold; font-weight: normal; } #filterRightTD div#blogInfo a:hover, #filterRightTD div#blogInfo2 a:hover {color: #0000FF; text-decoration: none; font-weight: normal;} #catDiv #catDesc2 {padding: 20px 30px; } #filterRightTD #recentlyViewed.nonee {display: none; } #filterRightTD #recentlyViewed {margin-top: 20px; padding: 0px 30px 20px 10px; border: solid #CCC 1px; border-color: #CCCCCC #FFFFFF #CCCCCC #FFFFFF; } #filterRightTD #recentlyViewed #lastViewedDiv {padding-top: 5px } #filterRightTD #recentlyViewed lastViewedCont {} #filterRightTD #recentlyViewed h3 {font-size: 22px; } #recentlyViewed a {margin: 0 10px; max-width: 90px; display: inline-block; } #recentlyViewed img {width: 100%} div#recentlyViewed.nonee {display: none; } div.filterTopDiv #paginateTopDiv {margin: 0px 10px 5px auto;} select#sortSelect { background-image: url("data:image/svg+xml;utf8,"); -webkit-appearance: none; appearance: none; background-color: #fff; background-repeat: no-repeat; background-size: 25px; background-position: 100% 100%; text-indent: 0.01px; text-overflow: ''; } /* FILTERED CONTENT cells */ #filterTable {border-spacing: 8px 15px; border-collapse: separate; border-spacing: none; margin-top: 10px; } td.filterTD {border: solid #CCCCCC 1px; padding: 5px 5px 5px 5px; position: relative; text-align: left; } td.filterTD {box-shadow: 0 0 2px 0px #FFFFFF;} .filterListDiv {margin: 0px; width: 100%; display: block; vertical-align: top; } .filterListDiv.notOnThisPage {display: none; } .filterListDivCont {margin: 5px 0; vertical-align: top; display: block; } .filterListDivCont a.filterListLink { min-height: 195px; position: relative; } .filterListDivCont a.filterListLink {display: block; margin: 0 0; padding: 0 0; text-decoration: none; color: #18226A; vertical-align: top; text-align: center; } .filterListDivCont a.filterListLink span.filterListImg {display: block; max-width: 160px; text-align: center; margin: 0 auto;} .filterListDivCont a.filterListLink .filterListImg img {text-decoration: none; margin: 0 auto; width: 100%; max-width: 160px; } .filterListDivCont a.filterListLink h4.filterListName {margin: 0; padding: 5px 0 0 0; text-decoration: none; color: #18226A; font-weight: normal; font-size: 15px;} .filterListDivCont a.filterListLink .filterListItemid {} .filterListDivCont a.filterListLink:hover.filterListLink {} .filterListDivCont a.filterListLink:hover .filterListImg img {text-decoration: none; } .filterListDivCont a.filterListLink:hover h4.filterListName {text-decoration: none; color: #C20000;} .filterListDivCont a.filterListLink:hover .filterListItemid {} .filterListDivCont .filterListItemid {display: block; text-align: center; vertical-align: top; margin-top: 10px; font-size: 12px; } .filterListDivCont .filterListPrice {display: block; text-align: center; vertical-align: top; margin-top: 5px; font-size: 14px; font-weight: bold } .filterListDivCont .filterListAdd {display: block; text-align: center; vertical-align: top; margin-top: 10px; } .filterListDivCont .filterListAdd input.filterAddQty {border: 1px solid #B33333; border-radius: 5px 5px 5px 5px; display: inline-block; text-align: center; line-height: 16px; font-weight: normal; height: 26px; width: 44px; font-size: 14px; color: #000000; Zdisplay: none; } .filterListDivCont .filterListAdd input.filterAddQty.adding { } .filterListDivCont .filterListAdd a.filterAddLink.adding { } .filterListDivCont .filterListAdd input.filterAddQty.added { background-color: #FFFFFF; background: #FFFFFF; border: 1px solid #FFFFFF; color: green} .filterListDivCont .filterListAdd a.filterAddLink.added { background: none; border-color: #FFFFFF; color: green;} .filterListDivCont span.filterImgSpan {position: relative; display: block; vertical-align: top; } .filterListDivCont span.filterImgSpan img {max-width: 140px; } .filterListDivCont span.filterIconSpan {position: absolute; width: 60px; height: 60px; top: -10px; left: -5px; z-index: 1; } .filterListDivCont span.filterIconSpan img {width: 60px; } .filterListDivCont span.filterImageBar {display: block; width: 90%; margin: 8px auto; border-top: solid #C20000 1px; display: none; } .filterListDivCont span.filterByBrand {display: inline-block; width: 65%; font-size: 11px; margin: 0 auto 0 0; padding: 5px 0 0 10px; color: #18226A; text-align: left; } .filterListDivCont span.filterListItemid {display: inline-block; width: 30%; font-size: 11px; margin: 0 auto 0 0; padding: 5px 10px 0 0; color: #18226A; text-align: right;} .filterListDivCont span.filterReviewSpan {display: block; } .filterReviewSpan span.listcell_stars {padding: 5px 0 0 0; opacity: 0.7; } .filterListDivCont span.filterListPrice {margin-left: -8px; margin-right: -8px } .filterListDivCont span.filterListPrice s {font-size: 12px; color: #666666; font-weight: normal; display: inline-block; margin-right: 5px; } .filterListDivCont span.filterListPrice span {font-size: 18px; line-height: 1em; color: #000000; margin-left: 5px; margin-right: 5px; display: inline-block; } .filterListDivCont span.filterListPrice span.cellPrice {font-size: 18px; line-height: 1em; color: #000000; margin-left: 5px; margin-right: 5px;} .filterListDivCont span.filterListPrice span.cellPrice.onsale {color: #920000; } .filterListDivCont span.filterListPrice span.cellPrice.smaller {font-size: 16px; margin-left: 2px; margin-right: 10px;} .filterListDivCont span.filterListPrice span.saveSpan { display: inline-block; border: solid #EEE 1px; border-radius: 4px; background-color: #FFF; color: #920000; font-size: 14px; line-height: 18px; font-weight: bold; padding: 2px; } .filterListDivCont span.filterListPrice span.youSaveSpan {font-size: 8px; line-height: 8px; display: inline-block; width: 15px; margin-right: 3px; color: #920000; font-weight: normal;} .filterListDivCont span.filterListPrice span.youSaveSpan.small {width: 4px; font-weight: bold; font-size: 15px; margin-right: 1px; } .filterListDivCont span.filterListPrice {} td.filterTD {} td.filterTD:hover {border-color: #ffa700; box-shadow: 0 0 2px 0px #ffa700; transition-delay: 0.4s; } td.filterTD:hover .filterReviewSpan span.listcell_stars { opacity: 1.0; } td.filterTD span.filterOnhover {display: block; position: absolute; right: 0; left: 0; overflow: hidden; z-index: 10; height: 0; visibility: hidden; transition-delay: 0.2s; } td.filterTD:hover span.filterOnhover {height: auto; visibility: visible; margin: 0 -1px; border: solid #ffa700 1px; border-width: 0 1px 0px 1px; box-shadow: 0 3px 2px 0px #ffa700; } td.filterTD:hover span.filterOnhoverCont { display: block; Zborder: solid #ffa700 1px; Zborder-width: 0 1px 0px 1px; Zbox-shadow: 0 3px 2px 0px #ffa700;} td.filterTD:hover span.filterOnhoverCont { text-align: left; Zmargin: 5px -1px; background: #FEFEFE; Zborder: solid #ffa700 1px; Zborder-width: 0 1px 0px 1px; position: relative; z-index: 11; padding: 0 0 10px 0; Zbox-shadow: 0 3px 2px 0px #ffa700; margin: 0} .filterListDivCont span.filterItemOptions {display: inline-block; width: 100%; text-align: center; } .filterListDivCont .filterSelect {margin: 5px 0; } .filterListDivCont span.filterStockSpan {display: block; border: solid #EDEDED 1px; border-radius: 3px; padding: 5px 5px 5px 5px; width: calc(100% - 18px); margin: 15px auto 15px 10px; } .filterListDivCont span.filterStockSpan span.iconSpan {display: inline-block; vertical-align: top; } .filterListDivCont span.filterStockSpan span.iconSpan img {} .filterListDivCont span.filterStockSpan span.textSpan {display: inline-block; vertical-align: top; font-size: 11px; line-height: 1em; } .filterListDivCont span.filterStockMsg {display: inline-block; width: 48%; } .filterListDivCont span.filterStockMsg span.iconSpan {width: 28px; } .filterListDivCont span.filterStockMsg span.iconSpan img {margin: 3px 0px 0 0; width: 24px; } .filterListDivCont span.filterStockMsg span.textSpan { color: green; line-height: 1em; font-weight: bold; padding-top: 3px; width: calc(100% - 28px); } .filterListDivCont span.filterStockMsg.outStock span.textSpan {color: #920000; } .filterListDivCont span.filterShipMsg {display: inline-block; width: 49%; margin-left: 3%; margin-top: 0px; } .filterListDivCont span.filterShipMsg span.iconSpan {width: 34px; } .filterListDivCont span.filterShipMsg span.iconSpan img {margin: 0px 0px 0 0; width: 32px; } .filterListDivCont span.filterShipMsg span.textSpan { color: #000000; line-height: 1em; font-weight: bold; padding-top: 3px; width: calc(100% - 34px); } .filterListDivCont span.filterShipMsg span.textSpan.when { font-size: 10px; font-weight: normal; padding-top: 0px } .filterListDivCont span.filterShipMsg.nottoday span.textSpan { } .filterListDivCont span.filterDesc {display: block; margin: 5px 10px; } .filterListDivCont span.filterDesc ul {margin: 0; -webkit-padding-start: 20px; } .filterListDivCont span.filterDesc li {font-size: 11px; } .filterListDivCont span.filterDesc.desc {max-height: 140px; overflow-y: hidden; overflow-y: scroll} .filterListDivCont span.filterAddReorderList, span.filterAddReorderList:hover {display: block; border: solid #EDEDED 1px; border-radius: 3px; padding: 3px 5px; width: calc(100% - 20px); margin: 10px 10px; position: relative; z-index: 9; text-align: center; cursor: pointer} .filterListDivCont span.filterAddReorderList img {width: 30px; } .filterListDivCont span.filterReorderListSpan {display: none; } .filterListDivCont .filterListAdd input.filterAddQty {display: block; margin: 5px auto; } .filterListDivCont .filterListAdd a.filterAddLink {width: 90%; margin: 5px auto; padding: 5px; font-size: 14px; text-align: center; color: #FFFFFF; background-color: #940000; border: solid #920000 1px; border-radius: 3px; text-transform: capitalize; display: block; text-decoration: none; height: 28px; background-image: none; } .filterListDivCont .filterListAdd a.filterAddLink:hover {background-color: #C20000; text-decoration: none; color: #FFFFFF;} .filterListDivCont .filterListAdd input.filterAddQty.adding { } .filterListDivCont .filterListAdd a.filterAddLink.adding { } .filterListDivCont .filterListAdd a.filterAddLink.adding:hover { } .filterListDivCont .filterListAdd input.filterAddQty.added { background-color: #FFFFFF; background: #FFFFFF; background-image: none; border: 1px solid #FFFFFF; margin: 5px auto 0 auto; color: green} .filterListDivCont .filterListAdd a.filterAddLink.added { background: none; border-color: #FFFFFF; color: green; margin: 0 5px 5px 5px auto; padding: 6px 5px 5px 5px;} .filterListDivCont .filterListAdd a.filterAddLink.added:hover { background: none; border-color: #FFFFFF; color: green;} ZZZZZspan.filterUnderHover {position: absolute; bottom: -15px; right: 0; left: 0; height: 13px; background-color: #FFFFFF; opacity: 0.7; } /* end of new styelse to replace */ /* filter list modal for add to list */ div#orderListDropCont {width: 100%; padding-top: 0px; } div#orderListDropCont {background-image: none; } div#orderListDropCont2 {background-color: #FFF; border: solid #FFFFFF 1px; border-radius: 0px; padding: 0px 10px 10px 20px; border: none; } div.reorderListDiv {font-size: 11px; color: #999; text-align: left; font-weight: normal;} div.reorderListDiv a {display: block; font-size: 14px; color: #18226A; text-decoration: none; margin-top: 8px; font-weight: normal;} div.reorderListDiv a:hover {text-decoration: underline; font-size: 14px; color: #18226A; } div.reorderListDiv h3 {margin: 15px 0 0 0; border-top: solid #999 1px; padding: 3px 0 0 0; text-align: center; font-weight: normal; } #hdrDiv div.reorderListDiv a.createNew, div.reorderListDiv a.createNew {display: block; font-size: 11px; color: #999; text-align: center; text-decoration: none; margin-top: 30px; padding-top: 5px; border-top: solid #999 1px; } div.reorderListDiv a.createNew:hover {text-decoration: underline;} div.reorderListDiv span.createNew2 {display: none; text-align: center; margin-top: 30px; padding-top: 5px; border-top: solid #999 1px;} div.reorderListDiv span.createNew2 input.newList {width: 85px; font-size: 11px; } div.reorderListDiv span.createNew2 a {display: inline-block; margin-left: 3px; font-size: 11px; color: #999; text-decoration: none;} div.reorderListDiv span.createNew2 a:hover {display: inline-block; color: #18226A; text-decoration: none;} /* top items extra 2019 */ .lta {} .lta { min-height: 195px; max-height: 260px; margin: 0 5px 15px 0; padding: 2px 5px 15px 5px; position: relative; width: 168px; float: left; } .lta {display: block; text-decoration: none; color: #18226A; vertical-align: top; text-align: center; } .lta span.ims {position: relative; display: block; vertical-align: top; max-width: 160px; text-align: center; margin: 0 auto;} .lta .ims img {text-decoration: none; margin: 0 auto; width: 100%; max-width: 130px; } .lta .ims div.lic {position: absolute; top: -20px; left: -15px; z-index: 1; } .lta .ims div.lic img {max-width: 60px; } .lta h4 {margin: 0; padding: 5px 0 0 0; text-decoration: none; color: #18226A; font-weight: normal; font-size: 13px;} .lta h4.one {padding-bottom: 15px; } .lta h4.two {padding-bottom: 29px; } .lta .lid {} .lta .lpr {} .lta:hover {text-decoration: none; } .lta:hover img {text-decoration: none; } .lta:hover h4 {text-decoration: none; color: #C20000;} .lta:hover .lid {text-decoration: none; } .lta:hover .lpr {text-decoration: none; } .lta .lbr {display: inline-block; vertical-align: top; width: 65%; font-size: 11px; margin: 0 auto 0 0; padding: 5px 0 0 10px; color: #18226A; text-align: left;} .lta .lid {display: inline-block; vertical-align: top; width: 30%; font-size: 11px; margin: 0 auto 0 0; padding: 5px 10px 0 0; color: #18226A; text-align: right;} .lta code.lpr {display: block; text-align: center; vertical-align: top; margin-top: 10px; font-size: 14px; font-weight: bold ; margin-left: -8px; margin-right: -8px;} .lta code.lpr {color: #333333; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 15px; background: none; border: none; border-radius: 0; padding: 0px; } .lta code.lpr span {width: 4px; font-weight: bold; font-size: 15px; margin-right: 1px; } .lta code.lpr s {font-size: 12px; color: #666666; font-weight: normal; } .lta code.lpr s.smaller {font-size: 10px;} .lta code.lpr span.cellPrice {font-size: 18px; line-height: 1em; color: #000000; margin-left: 5px; margin-right: 5px; } .lta code.lpr span.cellPrice.onsale {color: #920000; } .lta code.lpr span.cellPrice.smaller {font-size: 18px; } .lta code.lpr span.saveSpan {margin-left: 5px; margin-right: 3px; display: inline-block; border: solid #EEE 1px; border-radius: 4px; background-color: #FFF; color: #920000; font-size: 14px; line-height: 16px; font-weight: bold; padding: 0 2px 2px 2px; width: 34px; text-align: center;} .lta code.lpr span.saveSpan span.youSaveSpan {font-size: 8px; line-height: 8px; display: inline-block; width: 15px; margin-right: 3px; color: #920000; font-weight: normal;} .lta code.lpr span.saveSpan span.youSaveSpan.small {width: 4px; font-weight: bold; font-size: 15px; margin-right: 1px; } .lta code.lpr span.saveSpan.smaller {} .lta code.lpr span.saveSpan.smaller span.youSaveSpan {} #resourcesDivCont .resourcesDiv {clear: both} #topitemsDivTop .resourcesDiv { margin: 20px 0; padding: 0; } #topitemsDivTop .titleDiv {height: 50px; background-color: #F0F0F0; margin: 30px 0 0 0; padding: 0;} #topitemsDivTop .titleDiv h3 {color: #18226A; font-size: 20px; line-height: 46px; font-size: bold; margin: 0 0 0 25px; padding: 0 0; } #topitemsDivTop .titleDiv img.resourceIcon {max-height: 50px; margin-left: 5px; margin-top: -5px; } #topitemsDivTop .contentDiv {margin: 20px 10px; padding: 0; } /* CATEGORY LIST template cornerstone */ #catTD {width: 100%; padding: 0; margin: 0 0; } #catTD #catDiv {width: 100%; padding: 0; margin: 0; } #catTD #catDiv #catTitle {padding: 0 0 10px 0; margin: 1px 0 0 8px; color: #18226A; font-size: 30px; } #catTD #catDiv #catTitle {} #catTD #catDesc, #catTD #catDesc2 {padding: 0 0 10px 0; margin: 0; font-size: 13px; line-height: 17px; position: relative; z-index: 0; } #catTD #catDesc hr {display: none; } #catTD #catCells {width: 100%; padding: 10px 0 0 0; margin: 15px 0; } #catTD #catTable {margin: 0 0 0 0; } #catTD #catTable td {text-align: center;} #catCells .catTD {padding: 0; border: solid #CCCCCC 1px; } #catCells .catTD:hover {border-color: #ffa700; border-color: #C20000} #catCells a.catLink { display: block; margin: 0; padding: 0 0 10px 0; text-align: center; width: 100%; max-width: 230px; text-align: center; border: solid #fff 1px; } #catCells a.catLink:hover { text-decoration: none; } #catCells a.catLink h3 { font-size: 16px; line-height: 1em; color: #18226A; text-align: center; width: 100%; max-width: 190px; margin: 0 auto; padding: 0; font-weight: normal; text-decoration: none} #catCells a.catLink:hover h3 {color: #7F7EB7; text-decoration: none; color: #C20000} #catCells a.catLink img {width: 110px; max-height: 110px } #catCells a.catLink:hover img {width: 110px; opacity: 0.9} /* responsive updates */ #contDiv #catDesc { margin: 0 auto 0 10px;} #contDiv #catDesc img {width: 100%; max-width: 980px; } #catCells a.catLink {width: 100%; } #catCells a.catLink img {width: 100%; max-width: 230px; max-height: 230px; } #catCells a.catLink:hover img {width: 100%; max-width: 230px; max-height: 230px; } #catCells a.catLink h3 {width: 80%; } /* ITEM LIST template */ #lstTD {width: 100%; padding: 0; margin: 0 0; margin-top: -15px; } #lstTD #lstDiv {width: 100%; padding: 0; margin: 0; } #lstTD #lstDiv #lstTitle, #lstTitle {padding: 0 0 10px 0; margin: 0 auto 0 10px; color: #18226A; font-size: 30px; } #lstTitle span { color: #18226A; font-size: 20px; } #lstTD #lstDesc, #lstTD #lstDesc2 {padding: 0 0 10px 0; margin: 0 auto 0 10px; font-size: 13px; line-height: 17px; position: relative; z-index: 0; } #lstTD #lstDesc hr {display: none; } #lstTD #lstCells {width: 100%; padding: 10px 0 0 0; margin: 0; border-top: solid #EEEEEE 1px;} #lstTD #lstTable {border-spacing: 8px 15px; border-collapse: separate; border-spacing: none; margin: 0 0 0 0; } #lstTD #lstTable td {text-align: center;} td.lstTD {border: solid #CCCCCC 1px; padding: 5px 5px 5px 5px; position: relative; } td.lstTD {box-shadow: 0 0 2px 0px #FFFFFF;} .lstDiv {margin: 0px; width: 100%; display: block; vertical-align: top; } td.lstTD {} td.lstTD:hover {border-color: #ffa700; box-shadow: 0 0 2px 0px #ffa700; transition-delay: 0.4s; } td.lstTD span.filterOnhover {display: block; position: absolute; right: 0; left: 0; overflow: hidden; z-index: 10; height: 0; visibility: hidden; transition-delay: 0.3s; } td.lstTD:hover span.filterOnhover {height: auto; visibility: visible; margin: 0 -1px; border: solid #ffa700 1px; border-width: 0 1px 0px 1px; box-shadow: 0 3px 2px 0px #ffa700; } td.lstTD:hover span.filterOnhoverCont { display: block; Zborder: solid #ffa700 1px; Zborder-width: 0 1px 0px 1px; Zbox-shadow: 0 3px 2px 0px #ffa700;} td.lstTD:hover span.filterOnhoverCont { text-align: left; Zmargin: 5px -1px; background: #FEFEFE; Zborder: solid #ffa700 1px; Zborder-width: 0 1px 0px 1px; position: relative; z-index: 11; padding: 0 0 10px 0; Zbox-shadow: 0 3px 2px 0px #ffa700; margin: 0} ZZ#lstCells .lstTD {padding: 0 0 45px 0; text-align: center; } ZZ#lstCells .lstDiv {position: relative; z-index: 0; text-align: center;} /* ITEM LIST template */ #lstCells a.lstLink { display: block; margin: 3px 0; padding: 0; text-align: center; width: 182px; height: 242px; text-align: center; overflow: hidden; } #lstCells a.lstLink:hover { text-decoration: none} #lstCells a.lstLink h3 { font-size: 15px; line-height: 1.1em; color: #18226A; text-align: center; width: 165px; margin: 10px 0 auto 0 auto; padding: 0; font-weight: normal; text-decoration: none} #lstCells a.lstLink:hover h3 {color: #C20000; text-decoration: none} #lstCells a.lstLink img {width: 175px; max-height: 175px; } #lstCells a.lstLink:hover img {width: 175px; opacity: 0.9} .lstIcons, .lstIcons img {position: absolute; z-index: 0; left: 0; top: 0; } #lstCells .lstPrice {width: 165px; margin: 10px auto 5px 5px; padding: 0; line-height: 16px; font-size: 16px; color: #18226A; text-align: center; font-weight: bold; } #lstCells .sale {color: #C20000;} #lstCells .sale s {font-size: 12px; color: #18226A;} #lstCells .lstPrice .qtyPriceTable {border: solid #DDD 1px; border-width: 1px 0 1px 1px; display: none; } #lstCells .lstPrice .topTR td {background: #FCFCFC; padding: 1px 6px; border-right: solid #DDD 1px; font-size: 12px;} #lstCells .lstPrice .botTR td {background: #EEEEEE; padding: 1px 6px; border-right: solid #DDD 1px; font-size: 12px;} #lstCells .lstPrice span {line-height: 16px; font-size: 16px; color: #18226A; font-weight: bold; } #lstCells .lstPrice .asLowAs {} #lstCells .lstAddDiv {margin: 10px auto 0 auto; text-align: center;} #lstCells .lstAddTbl {} #lstCells .lstAddTbl .addOptions {} #lstCells .lstAddTbl .addOptions .required_icon {display: none; } #lstCells .lstAddTbl .addOptions span {display: block; margin: 0 0 5px 0; } #lstCells .lstAddTbl .addOptions select {margin: 0 0 5px 0; } #lstCells .lstAddTbl .addCartTable {} #lstCells .lstAddTbl .addQtyInput {display: none;} #lstCells .lstAddTbl .addQtyInput input.input {display: none;} #lstCells .lstAddTbl .addQtyText {display: none;} #lstCells .lstAddTbl .addCartTD {} #lstCells .lstAddTbl .addCartLink {display: block; width: 88px; height: 26px; margin: 0 auto 0 auto; } #lstCells .lstAddTbl .addCartLink img {width: 88px; height: 26px; background-image: url(/img/lstAddCart.jpg); background-repeat: no-repeat; } #lstCells .lstAddTbl .addCartLink:hover {} #lstCells .lstAddTbl .addCartLink img:hover {background-position: left bottom; } #lstCells .addCartLink {display: block; width: 88px; height: 26px; margin: 0 auto 0 auto; } #lstCells .addCartLink img {width: 88px; height: 26px; background-image: url(/img/lstAddCart.jpg); background-repeat: no-repeat;} #lstCells .addCartLink:hover {} #lstCells .addCartLink img:hover {background-position: left bottom; } #lstCells .refillCartLink img {background-image: url(/img/lstRefillKit.png); } #lstCells .downloadLink img {background-image: url(/img/lstViewPDF.png); } #lstCells .lstBakDiv {display: none;} #lstCells .viewOptionsLink {display: block; width: 88px; height: 26px; margin: 12px auto 0 auto; } #lstCells .viewOptionsLink img {width: 88px; height: 26px; background-image: url(/img/lstViewOptions.jpg); background-repeat: no-repeat;} #lstCells .viewOptionsLink:hover {} #lstCells .viewOptionsLink img:hover {background-position: left bottom; } #lstCells .lstImgLink {display: block; margin: 6px auto 0 9px; width: 73px; height: 21px; background-image: url(/img/lstDetails.jpg); background-repeat: no-repeat; } #lstCells .lstImgLink:hover {background-position: left bottom; } #lstCells a.quickView {position: absolute; top: 160px; left: 52px; z-index: 1; width: 80px; padding: 3px 1px 13px 14px; display: none; } #lstCells a.quickView {text-decoration: none; font-size: 11px; font-weight: bold; border: solid red 1px; border-radius: 4px; background-color: #F6F6F6; display: block; width: 70px; height: 12px; line-height: 12px; color:#18226A; padding: 2px 0 2px 10px; } #lstCells a.quickView {background-image: url(/img/bluePlus.png); background-repeat: no-repeat; background-position: 3px 3px; display: none; } #lstCells a.quickView:hover {background-color: #ccc; } span.listcell_stars {padding: 5px 0; text-align: center; display: block; } span.listcell_stars .on { width: 20px; height: 19px; background-image: url('https://www.shopperapproved.com/page/images_svg/star-full.svg'); display: inline-block; } span.listcell_stars .half { width: 20px; height: 19px; background-image: url('https://www.shopperapproved.com/page/images_svg/star-half.svg'); display: inline-block; } span.listcell_stars .off { width: 20px; height: 19px; background-image: url('https://www.shopperapproved.com/page/images_svg/star-empty.svg'); display: none; } span.listcell_stars .blank { width: 20px; height: 19px; background-image: url('/img/star-grey.svg'); display: inline-block; } /* ITEM LIST popup */ #popBackgnd {width: 100%; height: 100%; z-index: 0; display: none; position:fixed; left: 0; top: 0; cursor: pointer; } #popupDiv {position: absolute; z-index: 1; top: 25px; left: 186px; width: 600px; border: solid #DDD 5px; border-radius: 4px; background-color: #FFF; } #popupDiv { -webkit-box-shadow: 0 0 20px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 20px rgba(50, 50, 50, 0.75); box-shadow: 0 0 20px rgba(50, 50, 50, 0.75); } #popupDiv.close { display: none; float: none;} #popupDiv.open { display: block;} #closeX, #closeX2 {position: absolute; display: block; padding: 8px; width: 30px; height: 28px; top: -20px; right: -20px; background-image: url(/img/closeX.png); z-index: 1; cursor: pointer; } #closeX:hover, #closeX2:hover {cursor: pointer;} #popupDivCont {margin: 10px; background: #FFF; } #popupDivCont #popImgDiv {width: 270px; text-align: left; } #popupDivCont #popImgDiv img {width: 250px; } #popupDivCont #popImgDiv {} #popupDivCont #popInfoDiv {padding: 0 10px 0 0; width: 280px;} #popupDivCont #popInfoDiv h3#popTitle {margin: 10px 0 10px 0; font-size: 16px; } #popupDivCont #popInfoDiv #popDesc {max-height: 80px; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis-word;} #popupDivCont #popInfoDiv #popDesc {width: 280px; padding: 0; margin: 10px 0 0 0; text-align: left;} #popupDivCont #popInfoDiv #popPrice {text-align: left; margin: 10px 0 0 0; } #popupDivCont #popInfoDiv #popPrice {width: 165px; padding: 0; line-height: 14px; font-size: 14px; color: #18226A; font-weight: bold;} #popupDivCont #popInfoDiv #popPrice .asLowAs {display: none; } #popupDivCont #popInfoDiv #popPrice.sale {color: #C20000;} #popupDivCont #popInfoDiv #popPrice.sale s {font-size: 12px; color: #18226A;} #popupDivCont #popInfoDiv #popPrice .qtyPriceTable {border: solid #DDD 1px; border-width: 1px 0 1px 1px; } #popupDivCont #popInfoDiv #popPrice .topTR td {background: #F9F9F9; padding: 1px 4px; border-right: solid #DDD 1px; font-size: 11px;} #popupDivCont #popInfoDiv #popPrice .botTR td {background: #EEEEEE; padding: 1px 4px; border-right: solid #DDD 1px; font-size: 11px;} #popupDivCont #popInfoDiv #popAvail {float: right; width: 110px; margin: 10px 0 0 auto; } #popupDivCont #popInfoDiv #popAvail {font-size: 12px; } #popupDivCont #popInfoDiv #popAvail .green {color: green} #popupDivCont #popInfoDiv #popAvail .red {color: #C20000} #popupDivCont #popAddDiv {margin: 10px 0 0 0;} #popupDivCont #popAddDiv {} #popupDivCont #popOptionsTable {width: 280px} #popupDivCont #popAddTable {width: 280px} #popupDivCont #popAddDiv {} #popupDivCont #popAddDiv #popQty {width: 25px; padding: 2px; margin: 0 5px 0 0; text-align: center; border: solid #999 1px; } #popupDivCont #popAddDiv .addCartLink {display: block; width: 88px; height: 26px; } #popupDivCont #popAddDiv .addCartLink img {width: 88px; height: 26px; background-image: url(/img/lstAddCart.jpg); background-repeat: no-repeat;} #popupDivCont #popAddDiv .addCartLink:hover {} #popupDivCont #popAddDiv .addCartLink img:hover {background-position: left bottom; } #popupDivCont #popAddDiv {} #popupDivCont a#popMoreDetail {margin: 10px 10px 0 0; display: block; width: 100px; text-align: center; float: right; } #popupDivCont a#popMoreDetail {border: solid #666 1px; padding: 2px 4px; background: #F0F0FF; color: black; font-size: 10px;} #popupDivCont a#popMoreDetail:hover {color: red} #popupDivCont #popIcons, #popupDivCont #popIcons img {position: absolute; top: 0; left: 0; } #popupDivCont #popSizeDiv {margin: 10px 0 0; padding: 0 20px; background: #FFFFFF; background-color: #FFFFFF; } #popupDivCont #popSizeDiv.close {max-height: 0; overflow: hidden; float: none;} #popupDivCont #popSizeDiv.open {max-height: 700px; overflow: visible; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s;} #popupDivCont #popSizeDiv {} #popupDivCont #popSizeDiv {} #popupDivCont a#popSizeLink {margin: 10px 10px 0 45px; display: block; width: 70px; text-align: center; } #popupDivCont a#popSizeLink {border: solid #666 1px; padding: 2px 4px; background: #F0F0FF; color: black; font-size: 10px;} #popupDivCont a#popSizeLink:hover {olor: red} #popupDivCont a#popSizeLink.hide {display: none; } /* DRAG DROP item list template */ #dragTD {} #dragDiv { position: relative; z-index: 1;} #dragTitle {} #dragDesc {} #dragImgDiv {position: relative; z-index: 10; text-align: center; margin: 0 0; background-color: #FFF; border: dotted #CCC 1px; } #dragImgDiv img {} #dragCells {} #dragTable {} #dragMapDiv {} img.map, map area { outline: none;} #dragPopup {display: none; position: absolute; z-index: 1000; top: 200px; left: 290px; width: 350px; background-color: #FFF; padding: 10px; } #dragPopup {border: solid #CDCDCD 1px; box-shadow: 0 0 10px #999; } #dragPopup .dragTable {width: 350px; } #dragPopup .dragImg {max-width: 150px; } #dragPopup .dragTitle {font-size: 14px; max-width: 180px; padding-right: 14px;} #dragPopup .dragDesc {} #dragPopup .dragAddDiv {text-align: right; } #dragPopup .dragAddTable {width: 350px; margin: 0 15px 0 auto; } #dragPopup .dragPriceTD {width: 160px; text-align: right; padding: 0 2px; font-size: 14px; } #dragPopup .dragPrice { width: 40px; font-family: Arial, Helvetica, sans-serif; } #dragPopup .dragInputTD {width: 40px; padding: 0 2px; } #dragPopup .dragInput {width: 20px; text-align: center; border: solid #CCC 1px; font-size: 14px; padding: 1px 1px;} #dragPopup .dragAddTD {width: 130px; padding: 0 2px; } #dragPopup .dragAdd {display: block; margin: 0 20px 0 10px; padding: 2px 5px; width: 100px; border: solid #18226A 1px; border-radius: 5px; text-align: center; background-color: #F8DB00;} #dragPopup .dragAdd:hover {text-decoration: none; background-color: #FAFAFA; } #dragPopup a.added, #dragPopup a.added:hover {color: green; font-weight: bold; text-decoration: none; background-color: #FFF; border-color: #FFF;} #dragPopup .dragInputTD input.added {border: solid #FFF 1px; color: green; font-weight: bold;} #dragTD #popBackgnd {background: #FFF; opacity: 0.1; z-index: 0} /* ITEM DETAIL template */ #itemTD {width: 980px; padding: 0; margin: 0 0; } #itemTD #itmDiv {width: 980px; padding: 0; margin: 5px 0 0; } #itemTableInfo {} #itemTDLeft {width: 417px; padding: 0 9px; } #itemTDRight {width: 539px; padding: 0 8px 0 0; } #itemTDLeft {} #itmImgDiv { margin: 0 auto 0 auto; text-align: center; z-index: 0; max-width: 375px; margin: 0 30px 0 auto;} #itmImgDiv img { width: 375px; height: 375px; max-width: 375px; max-height: 375px; margin: 0 auto 0 auto; } #itmImgDiv a img { width: 375px; height: 375px; max-width: 375px; max-height: 375px; margin: 0 auto 0 auto; } #itmImgDiv a#Zoomer.MagicZoomPlus {width: 375px; height: 375px; } #itmImgDiv .mz-hint-message, #itmImgDiv .mz-caption, #itmImgDiv .mz-zoom-window .mz-caption, #itmImgDiv .mz-expand .mz-caption {color: #FFFFFF} #itmThumbs {width: 64px; margin: 0 2px 0 0; padding: 3px 0; text-align: center; width: 100%; display: inline-block; vertical-align: top; width: 64px; margin: -300px 2px 0 20px;} #itmThumbs a { margin: 6px 0 6px 0; padding: 0; border: solid 2px #B4A696; border-radius: 2px; display: inline-block; } #itmThumbs a:hover {border: solid 2px #DEDEDE; } #itmThumbs a img {width: 60px; max-height: 60px; } #itmVideo {position: absolute; z-index: 2; position: absolute; top: 0; left: 0; padding: 20px 15px 0 0; height: 330px; background: #FFF; text-align: center; width: 500px; } #videoContainer {max-width: 400px; } #vidClos { position: absolute; top:310px; text-align: center; width: 390px; background-color: #FFF; height: 20px; padding: 5px 0; top: 310px; width: 100%;} #vidClos a {color: #666} #itmIcons, #itmIcons img {position: absolute; z-index: 1; left: 7px; top: 0; } #itemTDRight {} #itmInfo {position: relative; z-index: 0;} #itmName {font-size: 28px; line-height: 1.2em; font-weight: bold; margin: 0 0; color: #18226A ; width: 480px; width: none; } #itmReviewStarDiv {margin: 10px 0; } #itemTDRight div.line {width: 463px; height: 0; border-top: solid #D9D9D9 1px; border-bottom: solid #E2E2E2 1px; margin: 15px 0 15px 0; } #itmDiv #itmPrice {margin: 5px 0 0 0; font-size: 20px; line-height: 1em; font-weight: normal; color: #333; text-wrap: none; } #itmDiv #itmPrice span {font-weight: normal; font-size: 20px; line-height: 1em; display: inline-block;} #itmDiv #itmPrice {color: #C20000; font-weight: bold; } #itmDiv #itmPrice .regPrice {font-size: 14px; font-weight: normal; color: #666666; display: block; margin-top: 5px; } #itmDiv #itmPrice .regPrice s {font-size: 14px; font-weight: normal; color: #666666} #itmDiv #itmPrice .yourPrice {color: #18226A; font-size: 16px; line-height: 1em; display: block} #itmDiv #itmPrice .yourPrice i.red {color: #C20000; font-weight: bold; font-style: normal; font-size: 20px;} #itmDiv #itmPrice td.priceTitle {font-size: 20px; line-height: 1em; font-weight: normal; color: #333; } #itmDiv #itmPrice .qtyPriceTable {border: solid #DDD 1px; border-width: 1px 0 1px 1px; } #itmDiv #itmPrice .topTR td {background: #EEEEEE; padding: 1px 10px; border-right: solid #DDD 1px; font-size: 11px;} #itmDiv #itmPrice .botTR td {background: #F9F9F9; padding: 3px 10px; border-right: solid #DDD 1px; font-size: 14px; color: #18226A; } #matrixQtyPrice {} #matrixQtyPrice {border: solid #DDD 1px; border-width: 1px 0 1px 1px; } #matrixQtyPrice .topTR td {background: #EEEEEE; padding: 1px 10px; border-right: solid #DDD 1px; font-size: 11px;} #matrixQtyPrice .botTR td {background: #F9F9F9; padding: 3px 10px; border-right: solid #DDD 1px; font-size: 14px; color: #18226A; } #itmDiv #itmItemid {margin: 15px 0 0 0; font-weight: normal; font-size: 18px; color: #333 ; width: 150px; } #itmDiv #itmItemid span {font-weight: normal; font-size: 18px; color: #333 ;} /* 2017 extensions */ #itmDiv div#itemTDLeft {display: inline-block; vertical-align: top; width: 49.5%; } #itmDiv div#itemTDRight {display: inline-block; vertical-align: top; width: 49.5%; float: right; } #itmDiv div.vtop {vertical-align: top; display: inline-block} #itmDiv #itemPriceDiv {width: 48.0%; max-width: 180px; } #itmDiv #itmAddDiv {Zwidth: 49.5%; padding-left: 1%; display: inline-block; width: calc(99% - 180px) } #itmDiv div.span50 {width: 49.5%; display: inline-block; vertical-align: top;} #itmAddDiv {margin: 0 0 0 0; border: solid #EDEDED 2px; border: none; padding: 0 10px 0 0; width: 260px; clear: both; } #itmAddDiv { } #itmAddTable {margin: 0 0 0 0;} #itmAddDiv .addOptions {margin: 0 0 10px 0;} #itmAddDiv .addOptions td {padding: 2px 0;} #itmAddDiv .addOptions td span { } #itmAddDiv .addOptions td span img {display: none; } #itmAddDiv .addOptions select.inputreq { } #itmAddDiv .addOptions a.smalltextnolink {font-size: 12px; color: #333; } #itmAddDiv .addCartTable {width: 280px; } #itmAddDiv .addQtyInput {padding: 0 4px 0 0; width: 30px;} #itmAddDiv .addQtyInput input.input {border: solid #ccc 1px; font-size: 14px; width: 30px; text-align: center; } #itmAddDiv .addQtyText {font-size: 14px; line-height: 14px; color: #333; padding: 6px 0 0 6px;} #itmAddDiv td.addCartTD {padding-bottom: 5px;} #itmAddDiv td.addCartTD a.addCartLink {display: block; margin: 0 auto 0 10px; padding: 0; width: 130px; height: 30px;} #itmAddDiv td.addCartTD a.addCartLink { background-image: url(/img/itmAddCart.png); } #itmAddDiv td.addCartTD a.addCartLink { } #itmAddDiv td.addCartTD a.addCartLink:hover { background-position: left bottom; } #itmAddDiv td.addCartTD a.addCartLink img {width: 106px; height: 27px; } /* 2017 extensions */ #itmDiv input#qty.input {width: 40px; height: 30px; padding: 3px 5px; border: solid #D7D8D9 1px; border-radius: 3px; text-align: center; font-weight: normal; margin: 0 0 0 8px; Zcolor: #808080; font-size: 16px; line-height: 1em; } #itmAddDiv a.addCartLink {display: block; margin: 0 auto 0 0; padding: 0; width: 130px; height: 30px;} #itmAddDiv a.addCartLink {background-image: url(/img/itmAddCart.png); } #itmAddDiv a.addCartLink { } #itmAddDiv a.addCartLink:hover {background-position: left bottom; } #itmAddDiv a.addCartLink img {width: 106px; height: 27px; } #itmAddDiv #orderListDiv {width: 100%; margin: 10px auto 15px 0; } #itmAddDiv #orderListDiv a {font-weight: bold; text-deoration: none; } #itmAddDiv #orderListDiv a:hover {text-deoration: underline } #itmAddDiv #orderListDiv a img {text-deoration: none; margin: 0 auto 0 auto; width: 137px; } #sizeDiv {text-align: center; margin: 0 auto 0 0; position: relative; z-index: 1} #sizeDiv {color: #18226A; font-size: 14px;} #sizeDiv {} #sizeDiv a img {margin: 0 auto 0; } #sizeDivCont {text-align: left; background: #FFFFFF; color: #18226A; font-size: 14px; width: 180px; margin: 0 auto 10px 70px; line-height: 1.5em; } #orderListDiv {position: relative; z-index: 10; } #orderListDrop {position: absolute; left: 0; top: 40px; z-index: 10; } #orderListDrop.close {z-index: 100; max-height: 0; overflow: hidden; -webkit-transition: all .30s; -moz-transition: all .30s; transition: all .30s; float: none;} #orderListDrop.open {z-index: 100; max-height: 900px; overflow: visible; -webkit-transition: all .80s; -moz-transition: all .80s; transition: all .80s; } #orderListDropCont {width: 160px; padding-top: 0; } #orderListDropContZZZ {background-image: url(/img/arrow-up.png); background-position: center top; background-repeat: no-repeat; } #orderListDropCont2 {background-color: #FFF; border: solid #18226a 1px; border-radius: 10px; padding: 10px 10px 10px 10px; } #itmAddDiv #orderListDiv div.reorderListDiv a {font-weight: normal; } /* 2017 extensions */ #itmDiv #itmDescDiv {vertical-align: top; display: inline-block; width: 47.5%; padding: 14px 2%; border-top: solid #CDCDCD 2px; border-right: solid #CDCDCD 2px; margin: 15px 0 0 0; font-size: 12px; } #itmDiv #itmIconsDiv {vertical-align: top; display: inline-block; width: 47.5%; padding: 14px 2%; border-top: solid #CDCDCD 2px; margin: 15px 0 0 0; } td.botmborder {border-bottom: solid #CDCDCD 2px; } td.rightBorder {border-right: solid #CDCDCD 2px; } #itmPromo {margin: 25px 0 0 0; } #itmBottom { padding: 0 0 0 0; margin: 0 auto 0 0; width: 539px; position: relative; z-index: 0} #itmTabNavv { width: 539px; height: 30px; font-weight: bold; margin: 0; } #itmTabNavv { position: absolute; z-index: 1; top: 0; left: 0; position: relative; z-index: 0} #itmTabNavv { border-bottom: solid #18226A 3px} #itmTabNavv td {text-align: center; } Z#itmTabNavv td a {background-image: none; background-position: left top; background-repeat: no-repeat; background-position: center top; } #itmTabNavv td a {display: block; margin: 0 5px 0 0; padding: 0 0; font-size: 15px; font-weight: normal; text-decoration: none;} #itmTabNavv td a {color: #18226A; height: 27px; line-height: 27px; text-align: center; background: #FFFFFF; } #itmTabNavv td a {border: solid #cdcdcd 2px; border-width: 2px 2px 0 2px; } #itmTabNavv td a:hover {color: #FFFFFF; text-decoration: none; background-color: #18226A; border-color: #18226A} #itmTabNavv td.current a, #itmTabNavv td.current a:hover { color: #FFFFFF; background: #18226A; border-color: #18226A} #itmTabNavv td.hidden, #itmTabNavv td.hidden a {display: none; } {display: none; } #itmTabNavv td#tabNavv3 a {color: #18226A;} #itmTabNavv td#tabNavv3.current a, #itmTabNavv td#tabNavv3 a:hover {color: #FFFFFF;} #borderDiv {border: solid #cdcdcd 2px; border-width: 0 2px 2px 2px; } #tabContentDiv {border: none; position: relative; z-index: 0; } #tabContentDiv div.tabCont {display: block; padding: 20px 2px;} #tabContentDiv div.hide {display: none;} #tabContentDiv div.itmDesc {margin: 0 30px 10px 0; font-size: 14px; line-height: 18px; } #tabContentDiv div.itmDesc, #tabContentDiv div.itmDesc p {font-size: 14px; line-height: 18px; font-weight: normal; color: #666} #tabContentDiv div#itmDesc {margin: 14px 10px 10px 0; color: #666; position: relative; z-index: 0; display: block; } #tabContentDiv div#itmDesc.closee {max-height: 80px; overflow-y: hidden; display: block; } #tabContentDiv div#itmDesc.open {max-height: 1000px; ZZoverflow-y: auto; display: block; } #tabContentDiv div#itmDesc.closee a#lessDetails {display: none; } #tabContentDiv div#itmDesc.open a#moreDetails {display: none; } #tabContentDiv div#itmDesc a#lessDetails, #tabContentDiv div#itmDesc a#moreDetails {display: block; position: absolute; background-color: #FFFFFF; width: 85px; height: 14px; padding: 3px 0 0 10px; right: 0; bottom: 2px; z-index: 10; text-align: right; font-weight: bold; color: #18226A; } #tabContentDiv div#itmDesc a#lessDetails {position: relative; margin-right: 0; margin-left: auto;} #tabContentDiv div#itmDesc.nobullets {max-height: 400px; overflow-y: auto;} #tabContentDiv div#itmDesc.nobullets a#lessDetails, #tabContentDiv div#itmDesc.nobullets a#moreDetails {display: none} #itmBullets {margin-top: 18px; } #itmBullets ul {margin: 0; padding: 0 0 0 20px; } #itmBullets li {margin: 0; padding: 3px 0 3px 0; } #iconsTable {} #iconsTable td { font-weight: bold; color: #808080; padding: 8px 0;} #iconsTable td img {margin-left: 15px; } #itmDiv #itmPoints {margin: 0 0 0 0; width: 220px; font-weight: bold; color: #808080; } #itmDiv #itmStockMsg {margin: 0 0 0 0; width: 220px; font-weight: bold; color: #808080; } #itmDiv #itmStockMsg span {font-size: 18px} #itmDiv #itmStockMsg .green, #itmDiv #itmStockMsg .green span.text, #itmDiv #itmStockMsg .green span.stock {color: green} #itmDiv #itmStockMsg .red, #itmDiv #itmStockMsg .red .text, #itmDiv #itmStockMsg .red span.text {color: #C20000} #itmDiv #itmStockMsg span.start {font-size: 12px; font-weight: bold; color: #808080; } #itmDiv #itmShipMsg {float: right; margin: 10px 40px 10px 0; padding: 5px; border: solid #C20000 1px; font-size: 14px; Zwidth: 285px; height: 30px; color: #C20000; background-color:rgba(255, 247, 0, 0.8)} #itmSocial {margin: 20px 0 0 10px; padding: 0 0 0 0; width: 100%; position: relative; z-index: 0; height: 30px; } #itmSocialCont {padding: 0 0; width: 100%; position: relative; z-index: 0; } #itmSocialCont .addthis_toolbox {position: relative; top: 0; left: 0; } #itmSave {margin: 15px 0 10px 0; text-align: center;} #itmSpecs {margin: 15px 0 10px 10px;} #itmSpecs h3 {color: #18226A; margin: 0 0 0 2px; font-size: 16px; } #specTable td {font-weight: bold; color: #808080; padding: 4px 0;} #specTable td span {font-weight: bold; color: #808080; } #specTable td {} #reviewsDiv div.yotpo-label , #reviewsDiv div.yotpo-small-box {padding: 5px 10px 0 10px;} #reviewsDiv div.yotpo-label {display: none; } #reviewsDiv div.merchantheader {font-size: 15px; padding: 10px 0 5px; } #refillSpan {display: block; font-size: 18px; color: #C20000; font-weight: bold; margin-bottom: 5px; } #refillSpan a {font-size: 18px; color: #C20000; font-weight: bold; } #refillSpan a:hover { } #refillSpan.none {display: none} #itmVideo {padding: 10px 0 10px 0; width: 335px; height: 300px; width: 520px; height: 330px} #vidClos, #vidClos a {font-size: 14px; font-weight: bold; color: #666; } /* components */ #reorderDiv {margin: 0 auto 30px 0; width: 100%;} #reorderDiv div.red {font-size: 14px; color: #C20000; font-weight: normal; text-align: center; } #reorderTable {margin: 10px auto 0 5px; width: 510px;} #reorderTable tr.alt td {background-color: #F0F0F0; } #reorderTable td {padding: 0 2px 0 2px; } #reorderTable td.imgTD {padding: 0;} #reorderTable td.descTD {padding-top: 22px; } #reorderTable td.priceTD {padding-top: 23px; } #reorderTable td.qtyTD {padding-top: 18px; } #reorderTable td.addTD {padding-top: 22px; } #reorderTable td.remTD {padding-top: 25px; } #reorderTable td img {width: 70px; border: solid #FFFFFF 1px; border-width: 1px 5px 1px 0;} #reorderTable td a {font-weight: bold; display: block; margin: 0 5px 0 5px} #reorderTable td input {width: 24px; font-size: 12px; padding: 1px 0; text-align: center; border: solid #DDD 1px; margin-top: 4px} #reorderTable td input.itemAdded {border: none; padding: 2px 1px; background: none; } #reorderTable td a.addLink, #reorderTable td a.addingItem, #reorderTable td a.itemAdded {font-weight: bold; display: block; margin: 0 5px 0 0; font-size: 12px; line-height: 1em; padding: 3px 0; text-align: center; border: solid #999 1px; border-radius: 6px; font-weight: normal; background-color: #FFF; width: 90px; } #reorderTable td a.addLink:hover {color: #940000; text-decoration: none; border: solid #666 1px;} #reorderTable td a.addingItem {color: #940000; } #reorderTable td a.addingItem:hover {text-decoration: none;} #reorderTable td a.itemAdded {color: green; padding: 4px 0; border: solid #999 0; background: none; font-weight: bold; } #reorderTable td a.itemAdded:hover {text-decoration: none;} /* 2017 extensions */ #itmDiv #itmDescDiv {vertical-align: top; display: inline-block; width: 47.5%; padding: 14px 2%; border-top: solid #CDCDCD 2px; border-right: solid #CDCDCD 2px; margin: 15px 0 0 0; font-size: 12px; } #itmDiv #itmIconsDiv {vertical-align: top; display: inline-block; width: 47.5%; padding: 14px 2%; border-top: solid #CDCDCD 2px; margin: 15px 0 0 0; } #itmDiv #reorderDiv #reorderTable {width: 510px; } #itmDiv #reorderDiv #reorderTable td.imgTD {width: 70px; width: 13.7%} #itmDiv #reorderDiv #reorderTable td.descTD {width: 260px; width: 50.9%} #itmDiv #reorderDiv #reorderTable td.priceTD {width: 50px; width: 9.8%} #itmDiv #reorderDiv #reorderTable td.qtyTD {width: 30px; width: 5.8%} #itmDiv #reorderDiv #reorderTable td.addTD {width: 90px; width: 17.6%} /* BAK 2016 ADDITIONS TO ITEM DETAIL */ /* BAK item detail tabCont4 content */ div#tabCont4.tabCont {margin: -3px 0 0 0; background: #FFFFFF; border: solid #CDCDCD 0; border-top: solid #182267 3px; } div#buildDiv {margin: 0 0 10px 0;} #buildInstructions {} #buildInstructions h3 {margin: 0 0 3px 0; color: #182267; } #buildInstructions p {margin: 0 0 12px 0; } #buildInstructions b {} #buildInstructions ol.redBold {margin: 0 0 15px 0; padding: 0 0 0 25px;} #buildInstructions ol.redBold li {font-size: 16px; color:#c30a0a; line-height: 1.2em; padding: 2px 0; font-weight: bold; } /* BAK item detail tabs */ #buildTabs {margin: 0 0 0 0; position: relative; z-index: 1; vertical-align: top; display: inline-block !important; width: 175px; } #buildTabs.hide {display: none;} #buildTabs.show {display: inline-block !important; } #buildTabsDiv {vertical-align: top; margin: 0 10px; padding: 5px 0 10px 5px; width: 150px; background-color: #DDDFE9; border: solid #DDDFE9 1px; border-radius: 6px;} #buildTabs a {line-height: 1.2em; padding: 5px 0 5px 0; border: solid #999999 0; border-width: 0 0 0 0; color: #18226; background: #DDDFE9; } #buildTabs a {-webkit-border-radius: 0; border-radius: 0; display: block; font-weight: bold;} #buildTabs a:hover {background: #DDDFE9; text-decoration: none; color: #333333; } #buildTabs a.active {color: #C20000; font-weight: bold; padding: 5px 0 5px 0; background: #DDDFE9; } #buildTabs #buildTabsBottom {text-align: center; } #buildTabs #buildTabsBottom img {width: 100px; } #buildTabs a#tabbLink000.active, #buildTabs a#tabbLink000.active:hover {text-decoration: underline; } #buildItems div.aboveItemsDiv {max-width: 100%; width: 100%; margin: 0 auto 10px 0;} /* copied from org bak css then modified with 2016 changes */ #buildItems {display: inline-block !important; vertical-align: top; padding: 0 0 0 0; margin: 0; min-height: 600px; width: calc(100% - 550px) } #buildItems div.hide {display: none; } #buildItems div.show {display: inline-block !important; width: 100%; } #buildItems .buildContLoading {padding: 50px; margin: 0 auto; background-image: url(/img/loadingCircle.gif); background-position: center center; background-repeat: no-repeat; } #buildItems .buildItemsTable {max-width: 100%; width: 100%; margin: 0 auto 20px 0;} #buildItems .buildItemsTable tr td.imgTD {} #buildItems .buildItemsTable tr td.imgTD img.regular {width: 50px; } #buildItems .buildItemsTable tr td.smallimg img {width: 50px;} #buildItems .buildItemsTable tr.overTD td.imgTD img.over {width: 150px; position: absolute; z-index: 10; top: -100px; left: -100px; display: block; } #buildItems .buildItemsTable tr td.imgTD img.over {display: none; } #buildItems .buildItemsTable tr.overTD td.imgTD img.regular {opacity: 0; } #buildItems .buildItemsTable td.descTD {} #buildItems .buildItemsTable td.descTD a {} #buildItems .buildItemsTable td.descTD a:hover {} #buildItems .buildItemsTable td.priceTD {} #buildItems .buildItemsTable td.qtyTD {} #buildItems .buildItemsTable td.qtyTD input {width: 25px; text-align: center; } #buildItems .buildItemsTable td.addTD {} #buildItems .buildItemsTable td.addTD a.addLink {} #buildItems .buildItemsTable td.addTD a:hover.addLink {} #buildItems .buildItemsTable td.addTD a.added {color: green; text-decoration: none; } #buildItems .buildItemsTable td.addTD a:hover.added {color: green; text-decoration: none;} #lstTD.build #buildItems #buildContDetails .buildItemsTable td.addTD {display: none; } #buildItems #buildContDetails .buildItemsTable td.addTD a.addLink {font-size: 10px; } #buildItems #buildContDetails .buildItemsTable td.addTD a.addLink:hover {font-size: 10px; } #buildItems .buildItemsTable td.remTD {} #buildItems .buildItemsTable td.remTD a.remLink {} #buildItems .buildItemsTable td.remTD a:hover.remLink {} #buildItems .buildItemsTable tr.overTD td {background-color: #F9F9F9; } #buildItems .buildItemsTable td {} #buildItems .buildItemsTable td {} #buildItems .buildItemsTable td.qtyTD input.added {border: solid #FFF 1px; } #buildItems .buildItemsTable td.addTD a.inKit {color: #C20000; font-weight: bold;} #buildItems .buildItemsTable td.addTD a.inKit:hover {color: #C20000; text-decoration: none; } #buildItems .buildItemsTable tr.headerRow {} #buildItems .buildItemsTable tr.headerRow td {padding: 5px 5px 5px 0; background-color: #EDEDED; font-weight: bold; border-bottom: solid #FFF 10px; } #buildItems .buildItemsTable td span.oshaSpan { font-size: 10px; padding: 1px 4px 1px 15px; background-image: url(/img/bk-checks.png); background-repeat: no-repeat; background-position: left bottom; } #buildItems .buildItemsTable td span.doorSpan {display: none; } #buildItems.doorpouch .buildItemsTable td span.doorSpan { display: block; font-size: 10px; padding: 1px 4px 1px 15px; background-image: url(/img/bk-door.png); background-repeat: no-repeat; } #buildItems tr.remove td {background: pink} #buildItems .buildItemsTable .showPrint {display: none; } #buildCurrentKit {display: inline-block; vertical-align: top; max-width: 330px; width: 330px; padding: 0 0 0 0; margin: 0 0 0 15px; min-height: 500px; } #buildCurrentKit.empty { background-color: #EDEDED; border: solid #E2E2E2 1px; border-radius: 8px;} #buildCurrentKit #buildCurrentKitCont {} #buildCurrentKit #buildCurrentKitCont {} #currentKitInfo {background-color: #EAD9B0; padding: 10px; border: solid #E2E2E2 1px; border-width: 1px 1px 0 1px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } #currentKitItems {padding: 0 10px 10px 10px; background-color: #FEF2D5 ; border: solid #E2E2E2 1px; border-width: 0 1px 0 1px; } #currentKitBox {padding: 0 10px 10px 10px; background-color: #FEF2D5 ; border: solid #E2E2E2 1px; border-width: 0 1px 0 1px; } #currentKitANSIItems {padding: 0 10px 1px 10px; background-color: #FEF2D5 ; border: solid #E2E2E2 1px; border-width: 0 1px 0 1px; } #currentKitBottom {padding: 0 10px 10px 10px; background-color: #FEF2D5 ; border: solid #E2E2E2 1px; border-width: 0 1px 1px 1px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } #currentKitInfo { } #currentKitInfo #curCapTable {width: 48%; display: inline-table; vertical-align: top; } #currentKitInfo #curCapTable td {padding: 0 0 6px 0; font-size: 14px; color: #182267; } #currentKitInfo #addAllItemsDiv {width: 49%; display: inline-block; vertical-align: top; text-align: right; } #currentKitInfo #addAllItemsDiv a {display: block; width: 86%; margin: 0 0 0 auto; height: 25px; text-align: center; padding: 6px 0 4px 0; font-weight: bold; color: #FFFFFF; } #currentKitInfo #addAllItemsDiv a {border-radius: 8px; text-shadow: 1px 1px 1px #333; } #currentKitInfo #addAllItemsDiv a { background-color: #af3b33; background-image: -webkit-gradient(linear, left top, left bottom, from(#d26259), to(#8c140e)); background-image: -webkit-linear-gradient(top, #d26259, #8c140e); background-image: -moz-linear-gradient(top, #d26259, #8c140e); background-image: -ms-linear-gradient(top, #d26259, #8c140e); background-image: linear-gradient(top, #d26259, #8c140e); } #currentKitInfo #addAllItemsDiv a:hover {color: #F9E8E6; text-decoration: none; background-color: #af3b33; background-image: -webkit-gradient(linear, left top, left bottom, from(#d26259), to(#8c140e)); background-image: -webkit-linear-gradient(top, #d26259, #8c140e); background-image: -moz-linear-gradient(top, #d26259, #8c140e); background-image: -ms-linear-gradient(top, #d26259, #8c140e); background-image: linear-gradient(top, #d26259, #8c140e); } #currentKitItems { } #currentKitANSIItemsItems {} table.kitItemsTable {width: 100%} table.kitItemsTable td {font-weight: normal; color: #182267; padding: 4px 0 4px 0; } table.kitItemsTable .headerRow {} table.kitItemsTable .headerRow td {font-weight: bold; padding: 6px 0 0 0; border-bottom: solid #182267 2px; } table.kitItemsTable .descTD {} table.kitItemsTable .priceTD {text-align: right; } table.kitItemsTable .qtyTD {text-align: center; padding-top: 2px; } table.kitItemsTable .qtyTD input {width: 20px; background-color: #FEF2D5; text-align: center; border: solid #D2D2D2 1px; padding: 0 } table.kitItemsTable .remTD {text-align: center; } table.kitItemsTable .remTD a.removeItem {} table.kitItemsTable .remTD a.removeItem:hover {color: #CC0000; text-decoration: none; } table.kitItemsTable .addTD {text-align: center; display: none; } table.kitItemsTable .addTD a.addItem { } table.kitItemsTable .addTD a.addItem:hover {color: green; text-decoration: none; } table.kitItemsTable tr.remove .descTD {opacity: 0.4; } table.kitItemsTable tr.remove .priceTD {opacity: 0.4; } table.kitItemsTable tr.remove .qtyTD {opacity: 0.4; } table.kitItemsTable tr.remove .addTD {display: table-cell;} table.kitItemsTable tr.remove .addTD a {opacity: 0.8;} table.kitItemsTable tr.remove .addTD a:hover {opacity: 1.0; color: green; text-decoration: none; } table.kitItemsTable tr.remove .remTD {display: none;} table.kitItemsTable .qtyTD input.warning {color: #CC0000; font-weight: bold; } div#kitboxMsg {font-size: 10px; margin: 0; padding: 5px 0; color: #666; line-height: 1.1} #assemblyFeeDiv {position: relative; z-index: 10; width: 0; height: 0; margin: 0; padding: 0; } #assemblyFeeCont { top: 0; right: -170px; } #assemblyFeeCont {position: absolute; z-index: 100; width: 330px; padding: 20px; border: solid #999999 1px; border-radius: 8px; font-weight: bold; font-size: 14px; color: #182267; background-color: #FFFFFF;} #assemblyFeeCont a {display: inline-block; height: 20px; padding: 3px 15px 0 ; border: solid #d2d2d2 1px; border-radius: 6px; margin: 15px 8px; } #assemblyFeeCont a.yes {background: #F6F6F6; } #assemblyFeeCont a.no {background: #F0F0F0;} #assemblyFeeCont a:hover {color: #182267;} } /* 2018 extensions */ #printHeader {display: none; } .printFooter {display: none; } #printHeader {display: none; } #fixedBox {position: fixed; top: 0; left: 0; right: 0; width: 100%; padding-right: 25px; box-shadow: rgba(0, 0, 0, 0.0980392) 3px 3px 3px; z-index: 300; overflow: hidden; display: none; background-color: #ffffff; background-color: #F8BD00; background-color: #ffdb64; left: 4px; right: 4px; width: calc(100% - 8px);} #fixedBox #rightDiv {float: right; padding: 6px 0 0 0; margin: 6px 0 15px 0; } #fixedBox #rightDiv a#fixedToCart {display: inline-block; text-align: center; width: 112px; height: 27px;} #fixedBox #rightDiv a#fixedToCart { color: #FFFFFF; background-color: #940000; font-size: 16px; padding: 5px 5px; border-radius: 4px; margin: 0 auto;} #fixedBox #rightDiv a#fixedToCart:hover {background-color: #C20000; text-decoration: none; color: #FFFFFF;} #fixedQty {padding-right: 15px; color: #333333; display: inline-block; margin: 4px 0 0 0; vertical-align: top; margin-top: 4px; font-size: 14px;} #fixedBox #rightDiv #fixedCheckout {display: none; margin: 0 15px 0 0; vertical-align: top} #fixedBox #rightDiv #fixedCheckout a {text-decoration: none; display: block; font-size: 16px; line-height: 26px; background-color: #18226A; text-align: center; color: #FFFFFF; padding: 0px 5px 0 5px; width: 112px; height: 27px; font-weight: bold;} #fixedBox #fixedImageDiv {float: left; margin: 0 15px 10px 25px; padding: 6px 0 0 0; } #fixedBox #fixedImageDiv img {max-height: 40px; max-width: 40px; width: 100%; } #fixedBox #centerDiv {padding: 10px 0 0 0; } #fixedBox #centerDiv #centerDivTop {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden !important; overflow-y: hidden !important; font-weight: bold; color: #333333;} #fixedBox #centerDiv #centerDivBottom {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden !important; overflow-y: hidden !important; } #fixedBox #centerDiv #centerDivBottom #fixedPrice {display: inline-block; color: #920000; font-size: 12px; } #fixedBox #centerDiv #centerDivBottom #fixedPrice span, #fixedBox #centerDiv #centerDivBottom #fixedPrice span#itmPriceCont {color: #920000; font-size: 12px; } #fixedBox #centerDiv #centerDivBottom #fixedProdID {display: inline-block; margin-left: 25px; color: #333333;} #fixedBox #rightDiv.added {} #fixedBox #rightDiv.added a#fixedToCart, #fixedBox #rightDiv.added a#fixedToCart:hover{} #fixedBox #rightDiv.added #fixedCheckout {display: inline-block; } #itmName {color: #666666; width: 100%; } #itmTopp {margin-bottom: 15px; } #itmToppLeft {display: inline-block; vertical-align: top; width: calc(100% - 310px); } #itmPromoIcons {display: block; } #itmPromoIcons img {margin: 5px 5px 5px 0; } #itmToppLeftCont {display: inline-block; vertical-align: top; width: 100%; } #itmImgDiv {display: inline-block; vertical-align: top; margin: 0 auto 0 auto; text-align: center; z-index: 0; max-width: 375px; margin: 0 0 0 auto; } #itmBulletsDiv {display: inline-block; vertical-align: middle; text-align: center; margin-top: 10px; width: calc(100% - 380px); } div#itmReviewStarDiv {max-width: 350px; margin: 0 auto 10px;} #itmBullets {max-width: 350px; margin: 0 auto; text-align: left; } #itmBullets ul {} #itmBullets li {padding: 3px 0 3px 0; margin: 0; color: #666666; font-weight: bold; line-height: 1.5em; font-size: 17px; text-align: left;} #itmBullets a#moreDetails {display: block; position: absolute; background-color: #FFFFFF; width: 80px; height: 18px; padding: 3px 0 0 10px; right: 0; bottom: 2px; z-index: 10; text-align: right; font-weight: bold; color: #18226A; } #itmBullets.nobullets {max-height: 245px; overflow-y: hidden; position: relative; font-size: 16px; line-height: 1.4em; padding-right: 20px; } #itmButtonsDiv {display: block; text-align: center; width: 100%; } #itmButtonsDiv a {display: inline-block; width: 64px; text-align: center; font-weight: normal; border: none; border-radius: 4px; padding: 0; text-decoration: none; margin: 25px 9px 0 9px; font-size: 12px; line-height: 1.1em; } #itmButtonsDiv a.full {} #itmButtonsDiv a.contents {} #itmButtonsDiv a.refil {} #itmButtonsDiv a.make {} #itmButtonsDiv a img {width: 50px; } #itmButtonsDiv a:hover {text-decoration: none; color: #5D6E8A;} #itmButtonsDiv a img:hover {opacity: 0.7; } #itmVideo {display: inline-block; vertical-align: top; } #itmVideo.none {display: none; } #itmThumbs {display: block; width: 100%; margin: 10px 0 0 0; padding: 0; text-align: left; } #itmThumbs a {margin: 5px 5px; border: solid #FFFFFF 1px; } #itmToppRight {display: inline-block; vertical-align: top; width: 290px; } #itmToppRightCont {} #itmToppRightCont {} #itmAdddDiv {width: 100%; border: solid #EEEEEE 2px; border-radius: 8px; background-color: #F6F6F6; } #itmAdddDivCont {margin: 10px 15px; } #itmPriceDiv {} #itmPriceDiv, #itmPriceCont, #itmPriceSpan, #itmPriceDiv span { color: #920000; font-size: 24px; line-height: 1em; } #itmPriceCont {} #itmPriceDivZZZ {margin-left: -8px; margin-right: -8px } #itmPriceDiv s {font-size: 12px; color: #666666; font-weight: normal; } #itmPriceDiv span.cellPrice {font-size: 18px; line-height: 1em; color: #000000; margin-left: 5px; margin-right: 5px;} #itmPriceDiv span.cellPrice.onsale {color: #920000; } #itmPriceDiv span.saveSpan { display: inline-block; border: solid #EEE 1px; border-radius: 4px; background-color: #FFF; color: #920000; font-size: 22px; line-height: 1em; font-weight: bold; float: right; width: 70px; padding: 10px 6px; text-align: center; } #itmPriceDiv span.youSaveSpan {font-size: 12px; line-height: 1em; display: block; margin: 0 auto 5px auto; ; color: #920000; font-weight: normal;} #itmPriceDiv span.youSaveSpan.small {width: 4px; font-weight: bold; font-size: 16px; margin-right: 1px; } #listPriceDiv {padding: 10px 0 0 0; margin: 0; } #listPriceDiv, #listPriceDiv span {font-size: 18px; color: #666666; line-height: 1em; } #itmDiv #itmPriceDiv td.priceTitle {font-size: 20px; line-height: 1em; font-weight: normal; color: #333; } #itmDiv #itmPriceDiv .qtyPriceTable {border: solid #DDD 1px; border-width: 1px 0 1px 1px; } #itmDiv #itmPriceDiv .topTR td {background: #EEEEEE; padding: 1px 10px; border-right: solid #DDD 1px; font-size: 11px;} #itmDiv #itmPriceDiv .botTR td {background: #F9F9F9; padding: 3px 10px; border-right: solid #DDD 1px; font-size: 14px; color: #18226A; } #matrixQtyPrice {} #itmDiv #itmItemid {color: #666666; font-size: 16px; line-height: 1em; display: inline-block; padding: 10px 0 0 0; margin: 0; clear: both; width: 108px; } #itmDiv #itmItemid #itmItemidSpan {color: #666666; font-size: 16px; line-height: 1em; } #itmOptions {display: inline-block; width: 100%; max-width: calc(100% - 120px); } table.addOptions { } table.addOptions td {padding-top: 10px;} table.addOptions select {} table.addOptions options {} #itmAddCart {} #itmAddCart #itmQtyDiv {margin: 15px auto 0px; text-align: center; } #itmAddCart input.input {font-size: 16px; line-height: 1em; padding: 1px 5px 3px 5px; text-align: center; width: 30px; } #itmAddCart #itmAddLinkDiv {margin: 10px auto 0px; text-align: center;} #itmAddCart a#addCartLink {display: block; width: 80%; text-align: center; color: #FFFFFF; background-color: #940000; font-size: 20px; padding: 10px 5px; border-radius: 4px; margin: 0 auto;} #itmAddCart a#addCartLink:hover {background-color: #C20000; text-decoration: none; color: #FFFFFF;} #itmAddCart.adding {} #itmAddCart.adding #itmQtyDiv {} #itmAddCart.adding input.input {font-size: 16px; line-height: 1em; padding: 1px 5px 3px 5px; text-align: center; width: 30px; } #itmAddCart.adding #itmAddLinkDiv {} #itmAddCart.adding a#addCartLink {background-color: green;} #itmAddCart.added {} #itmAddCart.added #itmQtyDiv {} #itmAddCart.added input.input {font-size: 16px; line-height: 1em; padding: 1px 5px 3px 5px; text-align: center; width: 30px; } #itmAddCart.added #itmAddLinkDiv {} #itmAddCart.added a#addCartLink {background-color: #FFFFFF;} #itmExtraDiv {margin: 25px 0 0 0; padding: 0 0 20px 0; width: 100%; } #iconsTable {} #iconsTable td { font-weight: normal; padding: 3px 0; color: #666666; font-size: 16px; } #iconsTable td img {margin-left: 15px; margin-right: 15px; max-width: 40px; } #itmDiv #itmPoints {margin: 0 0 0 0; width: 220px; font-weight: normal; color: #666666; font-size: 16px; } #itmDiv #itmStockMsg {margin: 0 0 0 0; width: 220px; font-weight: normal; color: #666666; font-size: 16px; } #itmDiv #itmStockMsg span {font-size: 16px} #itmDiv #itmStockMsg .green, #itmDiv #itmStockMsg .green span.text, #itmDiv #itmStockMsg .green span.stock {color: green} #itmDiv #itmStockMsg .red, #itmDiv #itmStockMsg .red .text, #itmDiv #itmStockMsg .red span.text {color: #C20000} #itmDiv #itmStockMsg span.start {font-size: 16px; font-weight: normal; color: #666666; } #itmDiv #orderListDiv a { color: #666666; font-size: 16px; text-decoration: none; } #itmNavv {border-bottom: solid #DDDDDD 2px; margin: 0 auto 0 0; background: #FFFFFF; height: 45px; width: 100%; } #itmNavv a {padding: 4px 12px 4px 12px; border-right: solid #DDDDDD 1px; margin: 0 0 0 0; display: inline-block; color: #18226A; font-weight: normal; font-size: 22px; } #itmNavv a.noborder {border-right: solid #FFFFFF 1px; } #itmNavv a span {border-bottom: solid #FFFFFF 3px; font-size: 22px; line-height: 1.1em; display: inline-block; margin-bottom: 5px; color: #18226A;} #itmNavv a:hover {text-decoration: none; } #itmNavv a:hover span {border-bottom: solid #18226A 3px; font-weight: normal; } #itmNavv.description a#descriptionNavv span, #itmNavv.specifics a#specificsNavv span, #itmNavv.contentslist a#contentslistNavv span, #itmNavv.refillthiskit a#refillthiskitNavv span, #itmNavv.makeafirstaidkit a#makeafirstaidkitNavv span, #itmNavv.sizechart a#sizechartNavv span, #itmNavv.reviews a#reviewsNavv span, #itmNavv.questions a#questionsNavv span {border-bottom: solid #18226A 3px; font-weight: bold; } #itmNavv #itmSocial {display: block; width: 295px; height: 30px; float: right; margin: 0; padding: 0; } #itmNavv #itmSocial a.at-icon-wrapper.at-share-btn {width: 30px; height: 30px; padding: 0; margin: 0 4px; } #itmNavv.fixedd {position: fixed; top: 55px; Zwidth: 100%; z-index: 100; } #itmSections {margin: 0 10px 20px 0; } #itmSections .sectionDiv {margin: 30px 0 0 0;} #itmSections .titleDiv {background-color: #F0F0F0; vertical-align: middle; margin-top: 10px; height: 50px;} #itmSections .titleDiv {border: solid #FFFFFF 2px; border-width: 1px 0 1px 0; border-color: #DDDDDD #FFFFFF #DDDDDD #FFFFFF; } #itmSections .titleDiv {font-size: 24px; color: #18226A; padding: 15px 30px; } #itmSections .titleDiv a {font-size: 24px; color: #18226A; text-decoration: none; display: block; } #itmSections .titleDiv a:hover {text-decoration: none} #itmSections .titleDiv a i.more-less {font-size: 16px; float: right; color: #18226A;} #itmSections .contentDiv {margin: 0 0 0 0; padding: 10px 30px; } #itmSections .contentDiv #itmDesc, #itmSections .contentDiv #itmDesc p {font-size: 14px; line-height: 1.4em; } #itmSections .contentDiv #contentsContentDiv ul {} #itmSections .contentDiv #contentsContentDiv li {display: inline-block; width: 210px; text-decoration: none; font-size: 14px; line-height: 1.4em;} #itmSections.fixedd {margin-top: 83px; } #itmDiv #reorderDiv .reorderText {font-size: 14px; line-height: 1.3em; padding-left: 15px;} #itmDiv #reorderDiv #reorderTable {width: 100%; max-width: 600px; margin: 10px auto 0 0;} /* super wide screen */ @media screen and (min-width:1200px) { } @media screen and (min-width:1080px) and (max-width:1200px) { #itmNavv a {padding: 4px 10px 4px 10px; font-weight: normal; font-size: 20px; } #itmNavv a span {border-bottom: solid #FFFFFF 3px; font-size: 20px;} } @media screen and (max-width:1080px) { #itmNavv a {padding: 4px 10px 4px 10px; font-weight: normal; font-size: 18px; } #itmNavv a span {border-bottom: solid #FFFFFF 3px; font-size: 18px;} #itmNavv #itmSocial { width: auto; } } @media screen and (max-width:990px) { #itmBulletsDiv {display: inline-block; margin-top: 80px; } #itmBullets {} #itmBullets ul {} #itmBullets li {padding: 3px 0 3px 0; line-height: 1.4em; font-size: 13px; } #itmNavv a {padding: 4px 9px 4px 9px; font-weight: normal; font-size: 16px; } #itmNavv a span {border-bottom: solid #FFFFFF 3px; font-size: 16px;} } @media screen and (max-width:840px) { #itmBulletsDiv {display: inline-block; margin-top: 70px; } #itmBullets {} #itmBullets ul {} #itmBullets li {padding: 2px 0 2px 0; line-height: 1.3em; font-size: 11px; } #itmButtonsDiv {display:none; } } @media screen and (max-width:767px) { /* iPhone 7+ & 7 */ #fixedBox {padding-right: 5px; } #fixedBox #fixedImageDiv {margin: 0 7px 10px 5px; } #fixedBox #rightDiv #fixedQty.noHandheld {display: none;} #fixedBox #centerDiv #centerDivBottom #fixedProdID {display: none} #fixedBox #rightDiv.added a#fixedToCart {display: none} #fixedBox #rightDiv #fixedCheckout {margin: 0; } } /* RELATED ITEM list template */ #relDivv {margin-top: 20px; } #relTable {} #relTD, #upsTD {} #relDiv, #upsDiv {} h3#relTitle, h3#upsTitle, #lastViewedCont h3 {font-size: 16px; line-height: 1em; color: #18226A; font-weight: bold; padding: 15px 10px 15px 20px; margin: 0; background-color: #F0F0F0; } h3#upsTitle {margin-top: 20px} #relCells, #upsCells {} #relTbl, #upsTbl {margin: 5px;} #relTbl .relTD, #upsTbl .relTD {padding: 5px 0; } #relTbl .relTD a.relLink, #upsTbl .relTD a.relLink {font-size: 14px; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px;} #relTbl .relTD a.relLink img, #upsTbl .relTD a.relLink img {border: none; margin: 0 auto 4px auto; height: 88px; width: 88px; border: solid #dedede 1px; } #relTbl .relTD a.relLink h3, #upsTbl .relTD a.relLink h3 {margin: 5px 0 3px 0; font-size: 12px; font-weight: normal; text-decoration: none; } #relTbl .relTD a.relLink span, #upsTbl .relTD a.relLink span {} #relTbl .relTD a.relLink:hover, #upsTbl .relTD a.relLink:hover { text-decoration: none;} #relTbl .relTD a.relLink:hover img, #upsTbl .relTD a.relLink:hover img { text-decoration: none;} #relTbl .relTD a.relLink:hover h3, #upsTbl .relTD a.relLink:hover h3 { text-decoration: underline;} #relTbl .relTD a.relLink:hover span, #upsTbl .relTD a.relLink:hover span {text-decoration: none;} div.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-question-button, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-question-button { top: 20px; } #lastViewedDiv {margin-top: 15px; } #lastViewedCont #lastContent {margin: 12px auto; } /* INFO CATEGORY template */ /* INFO ITEM template */ td#infTempl {padding: 0 10px; } #infTitle {padding: 0 0 10px 0; margin: 1px 0 0 8px; color: #18226A; font-size: 32px;} #infoLstTempl {} #infoLstCells {} #infoLstCells .infoTD {} #infoLstCells div.infoCell { } #infoLstCells .infoCell h3 {} #infoLstCells .infoCell h3 a {} #infoLstCells .infoCell h3 a:hover {} #infoLstCells .infoCell div {} /***** FOOTER *****/ #footerDiv {margin: 0 auto; width: 100%; } #footerBar {margin: 10px 0 0 0; background-image: url(/img/bk-body.jpg)} #footerBar td {padding: 0 20px; } #footerBar a {color: #666; text-decoration: none; padding: 5px; display: block; font-weight: bold; font-size: 13px; } #footerBar a:hover {text-decoration: underline;} #footerBar a img {text-decoration: none;} #footerBar a:hover img {text-decoration: none;} #footerLinks {width: 890px; margin: 30px auto 0 50px; } #footerLinks table {width: 890px; } #footerLinks td {padding: 10px 5px 30px 20px; background-color: #EDEDED; background-color: #F6F4F2} #footerLinks td h3 {margin: 20px auto 20px 0; color: #18226A; Zfont-weight: normal; font-size: 15px; } #footerLinks td a {display: block; color: grey; font-size: 14px; margin: 1px 0; padding: 4px 0; text-decoration: none; color: #999; font-weight: normal; } #footerLinks td a:hover {text-decoration: underline; } #footerSocial {margin: 20px 0 10px; text-align: center; color: #000; font-weight: bold; font-size: 14px; } #footerSocial a {color: #18226A; font-weight: bold; text-decoration: none; padding: 0 10px 0 2px; font-size: 14px;} #footerSocial a:hover {text-decoration: underline; } div#footerLinks #footerSocial div#atftbx p span {color: #FFFFFF; } #footerSocial div#atftbx p {display: inline-block; width: 120px; font-size: 18px; line-height: 1em} #footerSocial div#atftbx p span {font-size: 18px; line-height: 34px; vertical-align: bottom;} #footerSocial div#atftbx div.addthis_toolbox {display: inline-block;} div#footerLinks {width: 100%; margin: 30px 0 0; margin: 15px 0 0} div#footerLinks { background-color: #2b3673; background-image: -webkit-gradient(linear, left top, left bottom, from(#162265), to(#414b81)); background-image: -webkit-linear-gradient(top, #162265, #414b81); background-image: -moz-linear-gradient(top, #162265, #414b81); background-image: -ms-linear-gradient(top, #162265, #414b81); background-image: linear-gradient(top, #162265, #414b81); } div#footerLinks table {width: 100%; } div#footerLinks table td {padding: 10px 5px 10px 20px; background: none; color: #FFFFFF; } div#footerLinks td h3 {margin: 20px auto 15px 0; color: #FFFFFF; font-size: 17px; border-bottom: solid #FFFFFF 1px; Zfont-weight: normal; max-width: 310px; } div#footerLinks table td a {color: #EDEDED; font-weight: bold; font-size: 15px; font-weight: normal; font-weight: 100; padding: 6px 0; } div#footerLinks table td a#ftrPhone {color: #F8BD00; font-size: 20px; font-weight: normal; font-weight: 100; } div#footerLinks table td#ftrBtmLinks {font-size: 16px; line-height: 16px;color: #EDEDED; font-weight: normal; padding-left: 10px; } div#footerLinks #ftrBtmLinks a {font-size: 12px; line-height: 16px; display: inline; padding: 2px 10px; color: #EDEDED; text-decoration: none; } div#footerLinks #ftrBtmLinks a:hover {text-decoration: underline; } #footerAssure {margin: 10px 150px; text-aign: center; } a.scrollToTop {width: 80px; height: 100px; padding: 84px 0 0 0; text-align:center; font-size: 13px; font-weight: normal; color: #9B9C9D; text-decoration: none; position:fixed; bottom: 85px; right:40px; display:none; background-image: url(/img/backtotop8.png); background-repeat: no-repeat; background-position: center top; z-index: 31; } a.scrollToTop:hover{ text-decoration:none; } header#header div.container {width: 100%; padding-right: 0; padding-left: 0;} body *.noHandheld {} body *.noDesktop {display: none; } /*--------- SCREEN WIDTH CHANGES ------------*/ /* super wide screen */ @media screen and (min-width:1200px) { } @media screen and (min-width:1080px) and (max-width:1200px) { } @media screen and (max-width:1080px) { #hdrNavvv a.navvLink, #hdrNavvv a.current { padding: 4px 3px 4px 3px; font-size: 18px; } } @media screen and (max-width:990px) { #hdrNavvv a.navvLink, #hdrNavvv a.current { padding: 4px 3px 4px 3px; font-size: 16px; } } @media screen and (max-width:840px) { #hdrNavvv a.navvLink, #hdrNavvv a.current { padding: 4px 2px 4px 2px; font-size: 14px; } } @media screen and (max-width:767px) { /* iPhone 8+ & 8 */ body {background-image: none; } body *.noDesktop {display: block; } body span.noDesktop {display: inline; } body *.noHandheld, div.noHandheld {display:none;} #hdrDiv div#hdrLinks.noHandheld {} div.hdrSearchCont {margin: 0 0; width: 100%; } /* START */ #div__body {width: calc(100%); padding: 0 5px 0 0; } #div__body div#homeDiv { width: 100%; max-width: 100%; } #div__body div#homeTopp {height: auto;} #homeImageGroup {width: 100%; } #homeImageGroup div { } #homeImageGroup h3 {margin: 5px 0; font-size: 18px; } #homeImageGroup img {display: none } #homeImageGroup a {max-width: 200px; padding: 2px 2px 2px 5px; font-size: 14px; } #homeImageGroup .half {width: calc(50% - 7px); height: auto; } #homeImageGroup .half img {display: none } #homeImageGroup .half span {width: 100%; margin: 0 0 0 0; padding: 5px 0 15px 10px; } #homeImageGroup .half span a { font-size: 14px; } #homeImageGroup .third { height: auto; margin: 5px 5px 0 0; padding: 0 0 0 5px; } #homeImageGroup .third img {display: none } #homeImageGroup .third h3 {height: 40px; } #homeImageGroup .third h3 a {font-size: 14px; } #homeImageGroup .third span {width: 100%; max-width: 200px; margin: 0 auto 0 auto; padding: 0 0 10px 5px;} #homeImageGroup .third span a {font-size: 14px;} div#homeImageGroup h3 a, div#homeImageGroup h3 a:hover {font-size: 15px; font-weight: bold; } #homeImageGroup a { } #homeImageGroup a { background-image: none; padding: 2px 2px 2px 5px;} #homeImageGroup a:hover {} #homeBanner {display: none } #homeBanner img {display: none } #homeGrayBar {} #homeGrayBar { margin: 25px 0 0 0; height: 100px; } #homeGrayBarCont {margin: 10px 0; width: 100%; } .grayBarDiv {width: 32.5%; font-size: 14px;} .grayBarDiv {height: 76px; } .grayBarDiv.noborder {} .grayBarDiv a {} .grayBarDiv a img {max-height: 30px; } #homeFeaturedItems .homeFeatCatTitle {font-size: 20px; height: 60px; line-height: 50px; margin-top: 0px; } #homeFeaturedItems .homeFeatCatTitle a {display: none; } #homeFeaturedItems .homeFeatCatTitle img {max-height: 50px; } /* END */ #homeImageGroup h3 a:hove div#homePromoDiv {width: 94%} div#homeBottDiv {margin: 30px 2% 20px 3%; padding: 0 0; width: 94%; clear: both; } #contDiv #catTD #catCells {margin: 5px 0; } #contDiv #catTD #catDiv #catTitle {position: relative; left: 3px; width: 98%; font-size: 24px; } #contDiv #catTD #catDesc.handHeld { width: 92%; font-size: 11px; max-height: 80px; overflow: hidden; line-height: 1.3em; margin-bottom: 5px;} #contDiv #catTD #catDesc2 { width: 92%} #contDiv #catTD #catDesc2 h2 {font-size: 18px; } #contDiv #catTD #catDesc2 img {display: none; } #catCells a.catLink {} #catCells a.catLink img {max-width: 150px; max-height: 150px; } #catCells a.catLink:hover img {max-width: 150px; max-height: 150px; } #catCells a.catLink h3 {width: 80%; font-size: 11px; } #filterRightTD #catImage {display:none; } #filterRightTD #catImage img {} #filterRightTD #catDescInline { width: 100%; font-size: 15px; } #resourcesNavv {border-bottom: solid #18226A 2px; margin: 15px 0 0 0; } #resourcesNavv a {padding: 4px 3px; font-size: 14px; } #resourcesNavv a.noborder {border-right: solid #DDDDDD 0px; } #resourcesNavv a span { font-size: 14px; } #resourcesNavv a img.resourceIcon {max-height: 30px; } #handSortDiv {width: 70%; margin: 0 auto 10px auto; } #allFiltersDiv {padding: 0px 0px 10px 0px; } #paginateTopDiv {margin: 0; width: 100%; text-align: center; } div.filterTopDiv { height: 22px; } div.filterTopDiv #showingDiv { width: calc(100% - 25px); margin: 0; display: block; } div#filterTopDiv1 {display: none} div.filterListDiv span.filterListPrice {text-align: center; width: 100%; margin-left: -5px; } td.filterTD, td.filterTD:hover { box-shadow: none;} td.filterTD span.filterOnhoverCont, td.filterTD:hover span.filterOnhoverCont { display: block; margin: 5px 0px; padding: 0; border: none; position: relative; box-shadow: none;} span.filterOnhover, td.filterTD:hover span.filterOnhover {display: block; position: relative; right: 0; left: 0; } span.filterListDivCont a.filterListLink h4.filterListName {height: 55px; max-height: 55px; overflow: hidden; } span.filterListDivCont span.filterByBrand { widtyh: 70%; padding: 5px 0 0 5px; } span.filterListDivCont span.filterListItemid {width: 25%; padding: 5px 5px 0 0 ;} span.filterListDivCont span.filterReviewSpan { height: 28px; } div.filterListDiv .filterListAdd {width: 100%; vertical-align: top; } div.filterListDiv .filterListAdd input.filterAddQty {font-size: 16px; width: 20%; display: inline-block; vertical-align: top; height: 28px} div.filterListDiv .filterListAdd a.filterAddLink {font-size: 16px; width: 70%; display: inline-block; vertical-align: top; margin-left: 5px;} #filterRightTD #resourcesDivCont .contentDiv a.resourceLink {max-width: 170px; padding: 5px; } #contDiv table td.medtext #sortName, #contDiv table td.medtext #sortPrice {display: none; } #contDiv #lstTD #lstDiv {margin-left: 8px;} #contDiv #lstTD #lstDiv #lstDesc2 { width: 94%} #contDiv #lstTD #lstDiv #lstDesc2 h2 {font-size: 18px; } #contDiv #lstTD #lstDiv #lstDesc2 img {display: none; } #lstTD #lstDiv #lstTitle {padding-bottom: 0 ; font-size: 22px; text-align: center; } #lstTD #lstCells {width: 100%; margin: 0 -10px; } #lstCells .lstTD { padding: 10px 0 5px 0; } #lstCells .lstDiv {} #lstCells a.lstLink {margin: 3px 0; max-width: 172px; width: 100%; height: 223px; } #lstCells a.lstLink:hover { text-decoration: none} #lstCells a.lstLink h3 { text-align: center; max-width: 155px; width: 100%; margin: 10px auto 0 auto; } #lstCells a.lstLink:hover h3 {color: #C20000; text-algin: center; } #lstCells a.lstLink img {width: 140px; max-height: 140px; } #lstCells a.lstLink:hover img {width: 140px; opacity: 0.9} #lstCells .lstPrice {width: 100%} #lstCells a.quickView {display: none; } span.filterListDivCont span.filterListPrice span.saveSpan {display: none; } span.filterListDivCont .filterListAdd.handheldAdd div.lstOptions td span.labelSpanEdit.smalltextnolink {padding-top: 5px} span.filterListDivCont .filterListAdd.handheldAdd div.lstOptions select {margin-top: 5px; } span.filterListDivCont .filterListAdd.handheldAdd {margin-top: 0; padding: 0 5px; } span.filterListDivCont .filterListAdd.handheldAdd input.filterAddQty {display: inline-block; width: 35px; margin: 0 auto; } span.filterListDivCont .filterListAdd.handheldAdd a.filterAddLink {width: calc(100% - 50px); display: inline-block; margin: 0 auto 0 5px; } #itmDiv #itmToppLeft #itmThumbs {width: 100%; margin: 0 2px 0 2px; display: block;} #itmDiv #itmToppLeft #itmVideo { padding: 20px 0 0 0; height: 300px; width: 320px; } #itmDiv #itmToppLeft #videoContainer {max-width: 320px; } #itmDiv #itmToppLeft #itmBulletsDiv {width: 100%; margin-top: 0px; } #itmDiv #relTD {padding-top: 24px; } #itmDiv div#itmToppLeft {display: inline-block; vertical-align: top; width: 99.5%; clear:both; } #itmDiv div#itmToppRight {display: inline-block; vertical-align: top; width: 99.5%; clear:both; } #itmDiv div#itmInfo {min-height: 80px; } #itmDiv h1#itmName {width: 100%; font-size: 16px; text-align: center; } #itmDiv #itmBottom {width: 100%; } #itmDiv #itmTabNavv {width: 100%; height: 30px; } #itmDiv div.span50 {width: 100%; max-width: 135px; } #itmDiv #itemPriceDiv {width: 140px; width: 138px; margin-left: 3px; } #itmDiv .priceTitle {display: none; } #itmDiv #itmAddDiv {display: inline-block; width: calc(98% - 140px)} #itmDiv span.labelSpanEdit {display: block; margin-top: 10px; } #itmDiv input#qty.input {font-size: 16px; } #itmDiv .addOptions select { margin-top: 10px; width: 90px; height: 30px; padding: 3px 6px; font-size: 16px; line-height: 1em; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; max-width: 110px; } #itmDiv #itmDescDiv {width: 100%; border-right: none; Zmargin-top: 15px; } #itmDiv #itmIconsDiv {width: 100%; Zborder-top: none;} #itmDiv #itmSave img {width: 100%} #itmDiv td#tabNavv4 {display: none; } #itmDiv #itmTabNavv td a {font-size: 14px; margin-right: 3px} #itmDiv #itmAddDiv #orderListDiv a img {width: 130px; } #itmDiv #itmAddDiv #orderListDiv #orderListDrop {left: -25px} #itmDiv #reorderDiv #reorderTable {width: 98%} #itmDiv #reorderDiv #reorderTable td.imgTD {width: 70px; width: 13.7%; padding-top: 20px; width: 15%} #itmDiv #reorderDiv #reorderTable td.imgTD img {width: 50px; } #itmDiv #reorderDiv #reorderTable td.descTD {width: 260px; width: 50.9%; width: 28%; } #itmDiv #reorderDiv #reorderTable td.descTD a {font-weight: normal; } #itmDiv #reorderDiv #reorderTable td.priceTD {width: 50px; width: 9.8%; width: 13%} #itmDiv #reorderDiv #reorderTable td.qtyTD {width: 30px; width: 5.8%; width: 15%} #itmDiv #reorderDiv #reorderTable td input {font-size: 16px; width: 28px; padding: 4px 2px} #itmDiv #reorderDiv #reorderTable td.addTD {width: 90px; width: 17.6%; width: 15%} #itmDiv #reorderDiv #reorderTable td a.addLink, #itmDiv #reorderDiv #reorderTable td a.addingItem, #itmDiv #reorderDiv #reorderTable td a.itemAdded {padding: 3px 1px; width: 50px; } #blogTD {padding: 0 15px 0 15px;} #blogTDRight {Zdisplay: none; } #blogTDLeft {width: 100%; } #blogTDLeft #blogHandCats {margin: 10px auto 6px; text-align: center; } #blogTDLeft #blogHandCats a { display: inline-block; padding: 5px; font-size: 13px; color: #FFFFFF; background: #18226A; margin: 0 1px 4px 1px;} #blogTDLeft #blogHandCats a:hover {} #blogMainItem #blogMainItemDiv {padding: 10px; } #blogMainItem #blogMainItemDiv h1 {width: 100%; font-size: 24px; padding: 5px 0; line-height: 1.2em; } #blogMainItem #blogMainItemDiv div.featArticle {width: 100%} #blogMainItem #blogMainItemDiv div.featArticle > span {display: none;} #blogMainItem #blogMainItemDiv > div > img {width: 100%; } #blogTDLeft #extraCont {width: 100%; } .blogListTD {} .blogListTD .blogListDiv {} .blogListTD .blogListDiv .blogDesc { display: none; } #blogInfo {margin: 0; } #blogInfo h1 {font-size: 24px; } #blogInfo #blogDesc {margin: 0; } #blogInfo #blogDesc img {float:none; margin-left: 0; width: 100%; max-width: 375px} #relTbl .relTD a.relLink img, #upsTbl .relTD a.relLink img {height: 60px; width: 60px;} div#div__footer {ZZZwidth: 98%; } div#div__footer div#footerDiv {width: 100%; } div#div__footer div#footerLinks { } div#div__footer div#footerLinks td.footerLinksTD { display: inline-table; width: 45%; margin: 0 2%} div#div__footer div#footerLinks table td a {padding: 15px 3px} div#div__footer div#footerLinks td#footerSignupTD.footerLinksTD {display: none; } div#div__footer #footerAssure {width: 90%; margin: 10px 4%; } div#div__footer #footerAssure td{ display: inline-table; width: 90%; margin: 2% 4%; text-align: center; } } @media screen and (max-width:340px) { /* iPhone 5 */ body *.noHandheld, body div.noHandheld {display: none; } div#homeDiv div.div-container.homeScrolling {height: 160px; } .grayBarDiv {font-size: 12px;} .grayBarDiv {height: 76px; } .grayBarDiv.noborder {} .grayBarDiv a {} .grayBarDiv a img {max-height: 25px; } #resourcesNavv a {padding: 4px 3px; font-size: 12px; } #resourcesNavv a span { font-size: 12px; } #resourcesNavv a img.resourceIcon {margin-left: 0; max-height: 25px; } div.filterListDiv span.filterListPrice span.saveSpan {display: none; } div.filterListDiv .filterListAdd a.filterAddLink {font-size: 14px; } #filterRightTD #resourcesDivCont .contentDiv a.resourceLink {max-width: 135px; padding: 5px; } div.filterListDiv .filterListAdd a.filterAddLink {font-size: 13px;} #catCells a.catLink img {max-width: 125px; max-height: 125px; } #catCells a.catLink:hover img {max-width: 125px; max-height: 125px; } #lstCells a.lstLink {height: 200px; } #lstCells a.lstLink h3 {font-size: 14px; padding-left: 5px; padding-right: 5px; } #lstCells a.lstLink img {width: 125px; max-height: 125px; } #lstCells a.lstLink:hover img {width: 125px; opacity: 0.9} #itmDiv #itmTabNavv td a {font-size: 11px; margin-right: 2px} #itmDiv #itmImgDiv a img {width: 280px; height: 280px; } } .inputTD span.twitter-typeahead { padding: 0px; } .inputTD span.twitter-typeahead .tt-menu {width: 100%; max-width:400px; padding: 0px; Zoverflow-y: auto; } .inputTD .tt-header {text-align: center; text-align: center; background-color: #f6f6f6; padding: 2px; } .inputTD div.tt-dataset.tt-dataset-keywordss {border-top: #CCC 1px solid;} .inputTD .tt-footer { padding: 0px; } .inputTD .tt-footer a { text-decoration: none; display: block; padding: 5px 15px; border-bottom: #CCC 1px solid; cursor:pointer; } .inputTD .tt-footer a span {font-style: italic; } .inputTD .tt-footer:hover, .tt-footer a:hover, .tt-footer a:hover span {color: #FFFFFF; background-color: #7F7EB4; background-color: #337ab7; } .inputTD span.twitter-typeahead .tt-suggestion {padding: 0; border-bottom: #CCC 1px solid; cursor:pointer;} .inputTD span.twitter-typeahead .tt-suggestion:last-child { border-bottom: 0px; } .inputTD span.twitter-typeahead .tt-suggestion a {display: block; vertical-align: middle; color: #18226A; text-decoration: none; overflow: hidden; padding: 6px 5px 6px 15px; margin: 0; } .inputTD span.twitter-typeahead .tt-suggestion strong.tt-highlight {color: #000000; font-size: 1.1em; } .inputTD span.twitter-typeahead .tt-suggestion.tt-cursor { background: none; } .inputTD span.twitter-typeahead .tt-suggestion:hover {color: #FFFFFF; background-color: #7F7EB4; background-color: #337ab7;} .inputTD span.twitter-typeahead .tt-suggestion:hover strong.tt-highlight {color: #FFFFFF; font-size: 1.1em; } .inputTD span.twitter-typeahead .tt-suggestion:hover a, .inputTD span.twitter-typeahead .tt-suggestion:hover a:hover {color: #FFFFFF; text-decoration: none; } .inputTD span.twitter-typeahead .tt-suggestion:focus { background-color: #337ab7; } @media screen and (max-width:767px) { /* iPhone 8+ & 8 */ .inputTD span.twitter-typeahead .tt-menu {width: 110%; } .inputTD span.twitter-typeahead .tt-suggestion {padding: 10px 5px 10px 15px; } } @media screen and (max-width:340px) { /* iPhone 5S */ }