/* Colors */ :root { --darkgrey: #373636; --grey: #5C5C5C; --lightgrey: #F7F7F7; --white: #FFFFFF; --green: #60C45E; --lightgreen: #C3EEC2; --orange: #F18100; --lightorange: #FFDEB7; --blue: #1A82C5; --mainblue: #2AA8E2; --lightblue: #CDE8F9; --burgundy: #B0015E; } /***** GLOBAL *****/ html {font-size: 16px; line-height: 1.5em; color: var(--darkgrey); } body {margin: 0; padding: 0; background-color: var(--white);} body, td, p {font-family: "Roboto", Arial, sans-serif; font-size: 16px; line-height: 1.5em; color: var(--darkgrey); } sup {padding-left: 2px; padding-right: 3px; font-size: 60%;} h1 {font-size: 44px; line-height: 52px; color: var(--darkgrey);} h2 {font-size: 36px; line-height: 46px; font-size: normal; color: var(--darkgrey);} h3 {font-size: 28px; line-height: 38px; color: var(--darkgrey);} h4 {font-size: 22px; line-height: 28px; font-weight: bolder; color: var(--darkgrey);} h5 {font-size: 16px; line-height: auto; font-weight: bolder; color: var(--darkgrey);} a {color: var(--blue); } a:hover {color: var(--blue); text-decoration: none;} .nonee {display:none !important; } .block {display:block} .inline {display:inline} /* widths and backgrounds */ #outerwrapper {background-color: var(--white); } #innerwrapper {width: 100%; margin: 0px auto; max-width: 1280px; } #div__header {width: 100%; position: relative; z-index: 1; overflow: visible; } #div__body {width: 100%; position:relative; z-index: 0; } #__enclosingtable {margin: 0 auto; max-width: 1280px; } /* fixes gap between top and body for Firefox */ iframe#server_commands, #div__label, #div__title {display:none} /* responsive video container */ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } a.hdrPhone {font-weight: normal; color: var(--white); position: relative; padding-left: 17px; width: 150px; display: inline-block; text-decoration: none !important; } .hdrPhone:before {content: ""; display: inline-block; width: 17px; height: 17px; margin: 0 0; padding: 0 0; background-image: url('/img/icon-phone-white.png'); background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 3px; } a.hdrPhone:hover {text-decoration: none; } /***** HEADER *****/ #div__header table {width: 100%; } #div__header td {padding: 0; } #hdrDiv {width: 100%; max-width: 1280px; height: auto; overflow: visible; position: relative; } #hdrTopp {width: 100%; padding: 0 8% 0 8%; margin: 0; height: 40px; background-color: var(--blue); text-align: left; } #hdrTopLeft {margin: 4px auto 0 0; display: inline-block; vertical-align: top; color: var(--white); width: 220px; } #hdrTopLeft a {color: var(--white); text-decoration: underline; padding: 2px 4px; margin: 2px 0 0 0; } #hdrTopLeft a:hover {color: var(--white); text-decoration: none; } #hdrTopLeft.login #account-button, #hdrTopLeft.login #logout-button {display: none; } #hdrTopLeft.logout #register-button, #hdrTopLeft.logout #login-button {display: none; } #hdrTopLeft.login #register-button, #hdrTopLeft.login #login-button {display: inline-block; } #hdrTopLeft.logout #account-button, #hdrTopLeft.logout #logout-button {display: inline-block; } #hdrHandInfo { padding: 20px 20px 20px 20px; vertical-align: top; color: var(--white); text-align: center; display: none; } #hdrHandInfo a {color: var(--white); text-decoration: underline; padding: 2px 4px; margin: 2px 0 0 0; } #hdrHandInfo a:hover {color: var(--white); text-decoration: none; } #hdrHandInfo.login #account-button2, #hdrHandInfo.login #logout-button2 {display: none; } #hdrHandInfo.logout #register-button2, #hdrHandInfo.logout #login-button2 {display: none; } #hdrHandInfo.login #register-button2, #hdrHandInfo.login #login-button2 {display: inline-block; } #hdrHandInfo.logout #account-button2, #hdrHandInfo.logout #logout-button2 {display: inline-block; } #hdrHandInfo .hdrPhone {margin: 0 30px 0 0; } #hdrTopMidd { display: inline-block; vertical-align: top; width: calc(100% - 454px); margin: 8px 0 0 0; text-align: center; } #hdrTopRight { margin: 8px 0 0 auto; display: inline-block; vertical-align: top; margin: 5px 0 0 0; text-align: right; width: 220px; } #hdrTopRight a {display: inline-block; padding: 4px; margin: 0 3px 0 3px; } #hdrTopRight a img {width: 100%; max-width: 16px;} #hdrTopRight a::before {} #hdrSearchDiv {display: inline-block; vertical-align: top; margin-left: 8px; position: relative; } #hdrSearchDiv img {width: 100%; max-width: 16px; margin: 8px 0 0 0; cursor: pointer; } #hdrSearchDiv #hideSearch {display: none; position: absolute; color: var(--white); top: 5px; right: -22px; font-weight: 300; font-size: 18px; cursor: pointer; } #hdrSearchDiv #hideSearch.showw {display: block; } #hdrBack {min-height: 90px; padding: 0; margin: 0; border: solid transparent 1px; border-width: 1px 0 0 0; position: absolute; width: 100%; } #hdrNavv {margin: 20px auto 0 auto; width: auto; height: 52px; z-index: 2; text-align: left; position: absolute; top: 5px; left: 8%; right: 8%; border: solid var(--blue) 1px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.8); background-color: var(--white); } #hdrBack.search {min-height: 94px; position: relative; } #hdrBack.search #hdrNavv {top: 99px; } #hdrSearch {display: none; } #hdrSearch.nonee {display: none !important} #hdrSearch.showw {display: block !important; background: var(--white); width: 100%; text-align: center; padding: 10px 10px 30px 10px; } #hdrSearch #searchForm { display: block; width: 100%; padding: 0px; margin: 0 auto 0 auto; position: relative; } #hdrSearch .searchFormDiv {display: block; width: 100%; padding: 0px; margin: 10px auto 0 auto; max-width: 650px; position: relative; } #hdrSearch .searchInput {display: block; vertical-align: top; margin: 0 auto; padding: 8px 24px; font-size: 16px; outline: none; border: solid var(--white) 2px; border-radius: 24px; -webkit-box-shadow: 4px 0px 15px rgba(0,0,0,.15); box-shadow: 4px 0px 15px rgba(0,0,0,.15); width: 100%; } #hdrSearch .searchSpan {width: 19px; height: 19px; margin: 0; padding: 0; display: block; vertical-align: top; position: absolute; right: 20px; top: 11px; background-image: url('/img/icon-search-grey.png'); background-size: contain; cursor: pointer; opacity: 0.7; } #hdrSearch .searchSpan:hover {opacity: 1;} #hdrSearch .searchButton {width: 19px; height: 19px; display: block; border-width: 0; background-color: transparent; } #hdrNavvLeft {width: 240px; margin: 6px auto 0 25px; display: inline-block; vertical-align: top; } #hdrNavvLeft a {display: block; text-decoration: none; } #hdrNavvLeft a img {width: 100%; max-width: 240px;} #hdrNavvLeft a span {color: var(--grey); text-align: center; font-size: 13px; line-height: 1.1em; text-decoration: none; margin: 0 0 0 auto; padding: 3px 0 0 50px; display: block; } #hdrNavvLeft a:hover span {text-decoration: none; } #hdrNavvRight {width: calc(100% - 290px); margin: 0 0 0 auto; display: inline-block; vertical-align: top; text-align: right; } #hdrNavvRight ul { margin: 0 0; padding: 0 0; } #hdrNavvRight li { display: inline-block !important; padding: 0px 1px; position: relative; text-align: center; } #hdrNavvRight li {} #hdrNavvRight li:hover { background: var(--white); } #hdrNavvRight li a, #hdrNavvRight li a:hover {text-decoration: none; padding: 0px 10px; margin: 0 0; display: block; font-size: 16px; line-height: 50px; color: var(--darkgrey); text-align: center; } #hdrNavvRight li:hover a, #hdrNavvRight li a:hover { background-color: var(--white); text-decoration: none; font-weight: 600; padding: 0px 9px;} #hdrNavvRight li#navvLearn {width: 110px; } #hdrNavvRight li#navvOffering {width: 120px; } #hdrNavvRight li#navvResrch {width: 100px; } #hdrNavvRight li#navvStore {width: 80px; } #hdrNavvRight li#navvDonate {width: 80px; } #hdrNavvRight li#navvStore a { } #hdrNavvRight li#navvDonate > a { color: var(--orange); text-decoration: underline;} #hdrNavvRight li#navvDonate > a:hover { text-decoration: none; } #hdrNavvRight ul.dropdown-menu { display: none; min-width: 206px; padding: 5px 0 15px 0; margin: 0px 0 0 0; position: absolute; top: 100%; right: -80px; z-index: 1000; float: left; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0 0 20px 20px; left: unset; border: solid var(--blue) 1px; border-width: 0 1px 1px 1px; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.0); box-shadow: 0px 0px 0px rgba(0,0,0,.0); } #hdrNavvRight li#navvLearn ul.dropdown-menu {} #hdrNavvRight li#navvOffering ul.dropdown-menu {} #hdrNavvRight li#navvResrch ul.dropdown-menu } #hdrNavvRight li#navvStore ul.dropdown-menu {min-width: 206px; } #hdrNavvRight li#navvDonate ul.dropdown-menu {min-width: 246px; right: 0px; } #hdrNavvRight li:hover ul.dropdown-menu {display: block; background: var(--white); } #hdrNavvRight li ul.dropdown-menu li {display: block; font-weight: normal; width: 100%; padding: 0; margin: 0; } #hdrNavvRight li ul.dropdown-menu li a {display: block; margin: 0px 12px; padding: 15px 12px; text-align: left; font-weight: normal; border-radius: 8px; font-size: 15px; line-height: 15px; color: var(--darkgrey); width: auto; } #hdrNavvRight li ul.dropdown-menu li a:hover { background: var(--lightblue); font-weight: 500; padding-left: 11px; } #hdrPromo {display: none} #handDonate {display: none; } /***** CONTENT *****/ table#__enclosingtable { } td#bkcontt { position: relative; padding: 0px;} div#contentt {margin: 0px; padding: 0px; position: relative; } #addedBox {position: absolute; background-color: #fffcf7; z-index: 1100; font-size: 12px; border: solid var(--orange) 3px; border-width: 0 1px 1px 1px; color: var(--darkgrey); padding: 20px; text-align: center; top: -4px; left: calc(50% - 120px); width: 280px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} span#addedBag {font-size: 15px; font-weight: bold; color: var(--mainblue); } /* body top image in templates */ #bodyTopCont {padding: 0; margin:-3px 0 0 0 !important; background-color: var(--blue); text-align: right; } #pageTitle {display: block; max-width: 40%; vertical-align: top; color: var(--white); margin: 0 auto 0 8%; padding: 18% 0 0 0; float: left; } #pageCrumb {display: block; vertical-align: top; color: var(--white); margin: 0; text-align: left; margin: 0; padding: 0; font-size: 16px; font-weight: normal; } #pageCrumb a {font-size: 14px; text-decoration: none; font-weight: normal; color: var(--white); } #pageCrumb a:hover { text-decoration: underline; color: var(--white); } #pageTitle h1 {font-weight: normal; padding: 13px 0 0 0; margin: 0; text-align: left; color: var(--white); } #bodyTopCont img {width: 50%; margin: 0 0 0 auto; border: none; display: inline-block; } @media screen and (max-width:767px) { /* iPhone */ #bodyTopCont { margin-top: 5px; } #pageTitle {padding: 5% 0 0 0; margin: 0 auto 0 4%; font-size: 24px; } #pageTitle h1 {font-size: 24px; } #pageTitle #pageCrumb { display: none; } } /* store cart and message bar - formerly in the header */ #hdrBar {background: #FFF; height: auto; text-align: center; width: 100%; margin: 0 auto; padding: 0 0; } #hdrBar.nonee { display: none; } #hdrBarCont {text-align: left; font-size: 16px; width: 100%; max-width: 1070px !important; margin: 0 auto; padding: 25px 5px 45px 5px; font-weight: normal; color: var(--darkgrey); min-height: 40px; border-bottom: solid #EEEEEE 1px;} #hdrBarCont a {font-weight: normal; color: var(--darkgrey); color: var(--darkgrey);} #hdrBarCont a:hover {text-decoration: underline} #hdrBarCont #hdrPhone {font-weight: normal; color: var(--darkgrey); position: relative; padding-left: 24px; width: 150px; display: none; } #hdrBarCont #hdrPhone:before {content: ""; display: inline-block; width: 17px; height: 17px; margin: 0 0; padding: 0 0; background-image: url('/img/icon-phone.png'); background-size: contain; background-repeat: no-repeat; position: absolute; left: 0; top: 1px; } #hdrBarCont #cartSpan {float: right; display: inline-block; position: relative; vertical-align: top; padding-left: 45px; } #hdrBarCont #cartSpan:before {content: ""; display: inline-block; width: 18px; height: 15px; margin: 0 0; padding: 0 0; background-image: url('/img/icon-cart.png'); background-size: contain; background-repeat: no-repeat; position: absolute; left: 10px; top: 1px; } #hdrBarCont #cartLink {font-size: 16px; text-decoration: none; } #hdrBarCont #cartLink:hover {text-decoration: underline; } #hdrBarCont #cartCount {font-size: 16px; } #hdrBarCont #cartTotal {display: none; } #cartMsg {font-size: 16px; text-align: center; margin: 0 10px 4px auto; max-width: 380px; display: inline-block; padding: 0 20px 0 10px; float: right; border-right: solid #CCCCCC 1px; } #cartMsg a {font-size: 16px; color: var(--blue); text-decoration: underline; } #cartMsg a:hover {text-decoration: none; } /* category templates */ .category {text-align: center} /* MAINcategory template */ #mainCatgor {width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 0 40px 0; } #mainCatgor2 {margin: 0px 0px 10px 0px; } table#mainCat {} table#mainCat a:hover {color: var(--grey); text-decoration: none; } td.catCellTD {padding: 0; vertical-align: top; } .catCellSpan {color: var(--darkgrey); padding: 20px 0 50px 0; margin: 0 15px; vertical-align: top; border-width: 0px; display: block; } .catCellSpan a, .catCellSpan a:hover {text-decoration: none; } .catImgDiv {display: inline-block; vertical-align: top; width: 100%; text-align: center; padding: 0 0 0 0; position: relative; background-color: var(--white); border-radius: 10px; height: 185px; background-repeat: no-repeat; background-position: center center; } .catImgDiv img {width: 175px; max-width: 175px; height: auto; } .catCellSpan a h4.catName {font-size: 22px; line-height: 28px; color: var(--darkgrey); margin-bottom: 1px; text-decoration: none; text-align: center; margin-top: 10px; } .catCellSpan a:hover h4.catName{color: var(--grey); text-decoration: none;} .catCellSpan a p, .catCellSpan a:hover p {text-decoration: none; text-align: center; color: var(--darkgrey); width: 83%; margin: 5px auto 0 auto; padding: 0 0; font-size: 14px; text-align: center; line-height: 1.4em; } .catCellSpan a span {width: 190px; margin: 10px auto 0 auto; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--green); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--green); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px;} .catCellSpan a:hover span {color: var(--green); background-color: transparent; } #resultsDiv { font-size: 22px; color: var(--blue); margin: 20px auto 0 auto; text-align: left; width: 100%; max-width: 1080px; padding-left: 10px; } #resultsDiv span {font-size: 20px; color: var(--blue); font-style: italic; text-align: left; } /* ITEM LIST template */ #lstTD {padding: 0 0 40px 0; } #lstCells {margin: 0 auto; padding: 0; width: 100%; max-width: 1110px; } /* add 15px to each side to make up for cell padding */ #lstTable {margin: 0 auto; padding: 0; width: 100%; opacity: 1; } td.lstCell {padding: 20px 15px 10px 15px; } div.lstDiv {color: var(--darkgrey); padding: 5px 0 12px 0; vertical-align: top; } div.lstDiv a {display: block; } .lstImgDiv {display: inline-block; vertical-align: top; width: 100%; text-align: center; padding: 0 0 0 0; position: relative; background-color: var(--white); border-radius: 10px; height: 185px; background-repeat: no-repeat; background-position: center center; } .lstImgDiv img {width: 175px; max-width: 175px; height: auto; } .lstDiv.sale .lstImgDiv:before, .lstDiv.new .lstImgDiv:before {content: ""; display: inline-block; width: 67px; height: 66px; margin: 0 0; padding: 0 0; background-image: url('/img/banner-sale.png'); background-size: contain; background-repeat: no-repeat; position: absolute; left: 10px; top: 1px; } .lstDiv.sale .lstImgDiv:before { background-image: url('/img/banner-sale.png'); } .lstDiv.new .lstImgDiv:before { background-image: url('/img/banner-new.png'); } .lstCatName {font-size: 14px; color: var(--blue); margin: 15px 0 0 0; padding: 0; font-weight: bolder; display: none; } .lstDiv h4, .lstDiv a h4, .lstDiv a:link h4 , .lstDiv a:visited h4 {font-size: 22px; line-height: 28px; color: var(--darkgrey); margin-bottom: 1px; text-decoration: none; text-align: left; margin-top: 10px; } .lstDiv span.lstMore {text-decoration: none; display: inline-block; vertical-align: top; width: 150px; padding: 0 16px 0 0; margin: 8px 0 0 0; float: right; font-size: 14px; text-align: right; color: var(--blue); } .lstDiv span.lstMore::after {content: ""; display: inline-block; width: 13px; height: 15px; margin: 0 0 0 5px; padding: 0 0 0 0; background-image: url('/img/icon-right-arrow-blue.png'); background-size: contain; background-repeat: no-repeat; background-position-y: 4px; } .lstDiv a:hover h4 {color: var(--grey); text-decoration: none;} .lstDiv a:hover span.lstMore {text-decoration: underline; } .lstDiv a:hover span.lstMore::after {background-image: url('/img/icon-right-up-arrow-blue2.png'); } .lstStars { display: inline-block; vertical-align: top; width: calc(100% - 160px); padding: 0; margin: 10px auto 0 0; } .lstStars .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container:before, .lstStars .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container:after {display: none !important; } .lstStars .bv-cv2-cleanslate .bv-core-container-69:before, .lstStars .bv-cv2-cleanslate .bv-core-container-69:after {display: none !important; } .lstStars dl.bv-stars-container {border-spacing: 0} .lstStars dl.bv-stars-container:before {display: none !important;} .lstStars dl.bv-stars-container:after {display: none !important;} .lstDesc {font-size: 16px; line-height: 1.4em; margin: 10px 0 0 0; text-align: left; height: 91px; width: 100%; } .lstDesc #renewTbl {display: none} .lstDesc { overflow: hidden; display: -webkit-box; /* display 3 lines only */ -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; } ZZZ.lstDesc { display: block; overflow: hidden; text-overflow: ellipsis; word-break: break-word; max-height: 5.1em; line-height: 1.7em; } .lstDesc h4 {font-size: 18px; line-height: 20px; } .lstDiv .lstAddDiv { display: inline-block; vertical-align: top; width: 40%; margin-top: 25px; } .lstDiv .lstAddDiv table.addCart {margin: 0 auto 0 0; } .lstDiv .lstAddDiv table.addCart td {vertical-align: top; } .lstDiv .lstAddDiv table.addCart input {border: solid #ccc 1px; font-size: 16px; line-height: 30px; width: 36px; height: 30px; text-align: center; vertical-align: top; } .lstDiv .lstAddDiv table.addCart span.buttons {display: inline-block; width: 170px; text-align: left; vertical-align: top; } .lstDiv .lstAddDiv button.addtocartt { width: 130px; margin: 0 auto 0 0; display: block; vertical-align: top; text-align: center; color: var(--white); background-color: var(--green); height: 36px; font-weight: bold; border-radius: 18px; border: solid 2px var(--green); font-size: 16px; line-height: 16px; padding: 8px 10px 12px 10px; } .lstDiv .lstAddDiv button.addtocartt:hover {border: solid 2px var(--green); background-color: transparent; color: var(--green); } .lstDiv .lstAddDiv button.addtocartt.optionss {font-size: 16px; padding: 0 5px; } .lstDiv .lstAddDiv button.addtocartt.moree {font-size: 16px; padding: 0 5px; } .lstDiv .lstAddDiv button.addtocartt.added {color: var(--white); background-color: var(--orange); border: solid 2px var(--orange); } .lstDiv .lstAddDiv button.addtocartt.added:hover {border: solid 2px var(--orange); background-color: transparent; color: var(--orange); } .lstDiv span.lstItemid {font-size: 14px; font-weight: 400; display: block; width: 130px; line-height: 14px; text-align: right; margin: 0 0 0 auto; } .lstDiv span.lstItemid::before {content:"Item # "; font-size: 13px; font-weight: 400; } .lstDiv div.pricing {display: inline-block; vertical-align: top; width: calc(58% - 10px); text-align: right; margin: 23px 10px 0 0; } .lstDiv span.pricHTml {color: var(--grey); font-size: 16px; font-weight: bold; } .lstDiv span.pricHTml.Sale {color: var(--green); font-size: 16px; font-weight: normal; } .lstDiv .salesprc {margin: 1px auto 1px 0px; font-size: 16px; font-weight: normal; } .lstDiv span.priceText { font-size: 14px; font-weight: normal; } .lstDiv .memprc {font-size: 11px; color: #444; } .lstDiv .memprc2 {font-size: 13px; color: var(--orange); } .lstDiv .basePrc2 {color: var(--grey); font-size: 14px; } table.prcTable {border: solid #CCCCCC 1px; border-width: 1px 0px 1px 1px; margin: 0px auto 5px 5px; } table.prcTable td {text-align: center; padding: 2px 4px; border-right: solid #CCCCCC 1px; font-size: 12px; color: var(--grey); } table.prcTable tr.prcTR td { border-top: solid #CCCCCC 1px; font-size: 10px; } .lstDiv.sale .priceText {padding-left: 10px} .lstDiv.sale .priceText::before {content: "Sale "; } code, typ {display: none; } /* td#lstTD.grid {} td#lstTD.grid .lstDesc {display: none; } td#lstTD.grid td.subCell {border: solid #BC2C5D 1px; } td#lstTD.grid td.subCell .lstDiv {border: none; margin: 8px 8px 0px 8px; width: calc(100% - 16px); padding: 5px 0 0 0; } td#lstTD.grid td.subCell .lstImgDiv {display: block; width: 100%; } td#lstTD.grid td.subCell .lstRightDiv {display: block; width: 100%; margin-top: 15px; } td#lstTD.grid td.subCell .lstRightDiv h3 {line-height: 1.3em; } td#lstTD.grid td.subCell .lstRightDiv .pricing {margin-top: 10px} td#lstTD.grid td.subCell .lstDiv span.priceText {display: none; } td#lstTD.grid td.subCell .lstDiv table.prcTable {margin: 5px auto 10px 1px;} td#lstTD.grid td.subCell .lstRightDiv .itmCode {padding-top: 5px; margin-right: 5px; } td#lstTD.grid td.subCell .lstStars { display: block; text-align: center; margin: 10px auto 0 auto; } td#lstTD.grid .lstStars .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container:before, td#lstTD.grid .lstStars .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container:after {display: none !important; } td#lstTD.grid .lstStars .bv-cv2-cleanslate .bv-core-container-69:before, td#lstTD.grid .lstStars .bv-cv2-cleanslate .bv-core-container-69:after {display: none !important; } td#lstTD.grid .lstStars dl.bv-stars-container {border-spacing: 0} td#lstTD.grid .lstStars dl.bv-stars-container:before {display: none !important;} td#lstTD.grid .lstStars dl.bv-stars-container:after {display: none !important;} td#lstTD.row td.subCell .lstStars { display: block; text-align: center; margin: 10px auto 0 auto; } td#lstTD.row .lstStars .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container:before, td#lstTD.row .lstStars .bv-cv2-cleanslate .bv-core-container-69 .bv-rating-stars-container:after {display: none !important; } td#lstTD.row .lstStars .bv-cv2-cleanslate .bv-core-container-69:before, td#lstTD.row .lstStars .bv-cv2-cleanslate .bv-core-container-69:after {display: none !important; } td#lstTD.row .lstStars dl.bv-stars-container {border-spacing: 0} td#lstTD.row .lstStars dl.bv-stars-container:before {display: none !important;} td#lstTD.row .lstStars dl.bv-stars-container:after {display: none !important;} */ @media screen and (max-width:767px) { /* iPhone 8+ & 8 */ /* item list */ #lstTD {padding-right: 0px;} #lstTable .lstImgDiv {display: block; width: 100%; padding: 10px 0 5px 0; } #lstTable .lstRightDiv {display: block; width: 100%; max-width: 100%; padding: 10px 10px 5px 10px; text-align: center; } #lstTable .lstDiv h3 {text-align: center; } #lstTable .lstDiv .lstStars {text-align: center; display: block; max-width: 160px; margin: 0 auto; } #lstTable .lstDiv .pricing {text-align: center; margin-top: 5px; max-width: 300px; } #lstTable .lstDiv .itmCode {padding-top: 4px; } #lstTable .lstDiv .lstDesc {text-align: left; margin: 10px auto 0 auto; max-width: 100%; } #lstTable .lstDiv .lstAddDiv {text-align: center; max-width: 240px; margin: 10px auto 0 auto;} #lstTable .lstDiv .lstAddDiv table.addCart {margin: 0 auto; } #lstCells.deskTop #lstTable .lstImgDiv {display: inline-block; width: 150px; padding: 0; } #lstCells.deskTop #lstTable .lstRightDiv { display: inline-block; vertical-align: top; width: calc(100% - 155px); max-width: 100%; text-align: center; padding: 0; } #lstCells.deskTop #lstTable .lstDiv h3 {text-align: left; } #lstCells.deskTop #lstTable .lstDiv .lstStars {text-align: left; display: block; max-width: 160px; margin: 0 auto 0 0; } #lstCells.deskTop #lstTable .lstDiv .pricing {margin-top: 0px; margin-bottom: 4px; text-align: left;} #lstCells.deskTop #lstTable .lstDiv .itmCode {padding-top: 4px; } #lstCells.deskTop #lstTable .lstDiv .lstDesc {text-align: left; margin: 10px auto 0 auto;} #lstCells.deskTop #lstTable .lstDiv .lstAddDiv {text-align: left; max-width: 280px; margin: 10px auto 0 0;} #lstCells.deskTop #lstTable .lstDiv .lstAddDiv table.addCart {margin: 0 auto 0 0; } #addedBox { left: 90px} #viewsDiv { margin: -8px 0 0 0; } } /* ITEM DRILLdown template */ /* RELATED items template */ /* INFO item */ .infocell {font-size: 16px; color: var(--darkgrey); line-height: 24px;} #infoDivv {margin: 0px auto 0 auto; width: 100%; font-size: 16px; color: var(--darkgrey);} #infoTitle {font-size: 26px; line-height: 1.3em; color: var(--darkgrey); letter-spacing: 2px; font-weight: 800; padding-bottom: 0px ; margin: 10px 20px 10px 0px; text-align: left} #infoTitl {font-size: 26px; line-height: 1.3em; color: var(--darkgrey); letter-spacing: 2px; font-weight: 800; padding-bottom: 0px ; margin: 10px 20px 10px 0px; text-align: left} #infoDesc, .infoCellDesc {font-size: 16px; color: var(--darkgrey); margin: 30px auto 0 auto; width: 100%; max-width: 1000px;} #infoDesc p {font-size: 16px; color: var(--darkgrey); padding: 0 20px 20px 0; line-height: 24px;} #infoDesc b, #infoDivv strong {font-size: 16px; color: var(--blue)} #infoDesc a {font-size: 16px; color: var(--mainblue); line-height: 24px; text-decoration: underline; } #infoDesc a:hover {} #infoDesc .img {text-align: center; font-size: 13px; color: var(--darkgrey); font-weight: bold; margin: 0px auto 10px auto;} #infoDesc .img img {display:block; margin: 1px auto} #infoDesc p > b {font-size: 30px; line-height: 1.3em; color: var(--darkgrey); letter-spacing: 2px; font-weight: 800; padding-bottom: 0px; margin: 10px 20px 10px 0px; text-align: left; } /* INFO ITEM - monthly giving */ #infoMonthlyDiv { color: var(--blue); } #mgTagline {color: var(--orange); font-size: 12px; text-align: center; padding: 10px 0px; margin: 20px 0px 0px 0px; } #mgDiv {background-repeat: no-repeat; background-image: url(/img/bk-chart.jpg); background-position: 0px 20px; color: var(--blue); } #mgStep1 {color: var(--blue); } #mgStep1 table {width: 475px; margin: 0px auto 0px 120px; } #mgStepSelected1 {} #mgStep2 {color: var(--blue); background-repeat: no-repeat; background-image: url(/img/bk-step2.png); background-position: left bottom; } #mgStep2 table {width: 475px; margin: 0px auto 0px 120px; } #mgStepSelected2 {} .mgStep { color: var(--blue); background-repeat: no-repeat; background-image: url(/img/bk-step.png); width: 63px; height: 28px; padding: 0px; margin: 0px 10px 0px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 28px; text-align: center; vertical-align: center; } .mgStepSelected, .mgStepSelectedOver {color: var(--blue); background-repeat: no-repeat; background-image: url(/img/bk-stepSelected.png); width: 392px; height: 14px; padding: 7px 0px 7px 10px; margin: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 14px; position: relative; z-index: 10; } .mgStepSelected em, .mgStepSelectedOver em { font-size: 12px; line-height: 14px; font-style: normal; } #mgContent {margin: 30px 30px 30px 15px; } #mgContent table { width: 669px } #mgContent, #mgContent td, #mgContent p { font-size: 14px; line-height: 19px; color: var(--blue); padding: 0px;} #mgContent p {margin: 0px 0px 5px 0px; } #mgContent img {margin: 0px; } #mgContent .contBox { padding: 15px; height: 145px; background-repeat: no-repeat; background-image: url(/img/bk-blueBox.png); background-position: right 5px;} #mgContent a {color: var(--orange); float: right; font-size: 14px; padding: 2px 20px 2px 10px; } #mgDrop1, #mgDrop2 { background-repeat: no-repeat; background-image: url(/img/bk-mgDrop.png); background-position: left bottom; } #mgDrop1, #mgDrop2 { position: absolute; z-index: 11; top: 22px; left: 0px; padding: 8px 10px 15px 10px; width: 392px; } .mgStepSelected #mgDrop1, .mgStepSelected #mgDrop2 {display: none; height: 0px;} .mgStepSelectedOver #mgDrop1 {display: block; } .mgStepSelectedOver #mgDrop2 {display: block; } #mgDrop1 a, #mgDrop2 a { display: block} #mgDrop1 a, #mgDrop2 a { font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 20px; text-decoration: none; color: var(--blue); } #mgDrop1 a:hover, #mgDrop2 a:hover { font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 20px; text-decoration: none; color: var(--orange)} #mgDrop1 a em , #mgDrop2 a em { font-size: 13px; line-height: 18px; font-style: normal; } #mgContent .show {} #mgContent .hide {display: none; opacity: 0; } #mgMember {font-size: 13px; line-height: 18px; text-align: center; margin: 30px auto 20px auto; padding: 0px; color: var(--blue)} #compareTechChart {} #compareTechChart img {width: 100%; max-width: 150px; } .comparison { margin: 0 auto; font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; padding: 10px; } .comparison table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; border-bottom: 1px solid #CCC; } .comparison td, .comparison th { border-right: 1px solid #CCC; empty-cells: show; padding: 10px; } .compare-heading { font-size: 16px; font-weight: bold !important; border-bottom: 0 !important; padding-top: 10px !important; } .comparison tbody tr:nth-child(odd) { display: none; } .comparison .compare-row { background: #F5F5F5; } .comparison .tickblue { color: #0078C1; } .comparison .tickgreen { color: #009E2C; } .comparison th { font-weight: normal; padding: 0; border-bottom: 1px solid #CCC; background: white; text-align: center; color: #212529; } .comparison tr td:first-child { text-align: left; } .comparison .qbse, .comparison .qbo, .comparison .tl { color: #FFF; padding: 10px; font-size: 13px; border-right: 1px solid #CCC; border-bottom: 0; } .comparison .tl2 { border-right: 0; } .comparison .qbse { background: #bb2067; border-top-left-radius: 3px; border-left: 0px; } .comparison .qbo { background: #560184; border-top-right-radius: 3px; border-right: 0px; } .comparison .price-info { padding: 5px 15px 15px 15px; } .comparison .price-was { color: #999; text-decoration: line-through; } .comparison .price-now, .comparison .price-now span { color: #ff5406; } .comparison .price-now span { font-size: 32px; } .comparison .price-small { font-size: 18px !important; position: relative; top: -11px; left: 2px; } .comparison .price-buy { background: #1ab8f5; padding: 10px 20px; font-size: 12px; display: inline-block; color: #FFF; text-decoration: none; border-radius: 3px; text-transform: uppercase; margin: 5px 0 10px 0; border-radius: 39px; } .comparison .price-buy.added {background: green; } .comparison .price-try { font-size: 12px; } .comparison .price-try a { color: #202020; } .comparison .bg-primary { background: linear-gradient(135deg, #742b86 0%, #9d2574 50%, #bb2067 100%);} .comparison h1.bg-primary { color: #fff !important;} .comparison h2.bg-primary { color: #fff !important;} .comparison p.bg-primary { color: #fff !important;} .comparison .bg-secondary { background: linear-gradient(45deg, #d50056 0%, #fcd303 100%);} .comparison .bg-success { background: linear-gradient(45deg, #26bf8c 0%, #fcd303 100%);} .comparison .bg-danger { background: #d50056 !important;} .comparison .bg-warning { background: #fcd303 !important;} .comparison .bg-info { background: linear-gradient(135deg, #2ab8df 0%, #29bab8 50%, #26bf8c 100%);} .comparison .bg-lite { background: #f2f2f2 !important; } .comparison .table-warning { background-color: #ffeeba; } .comparison .text-white {color: white;} .comparison .text-secondary { color: #1798da !important; } @media (max-width: 767px) { .comparison td:first-child, .comparison th:first-child { display: none; } .comparison tbody tr:nth-child(odd) { display: table-row; background: #EEEEEE; } .comparison .row { background: #FFF; } .comparison td, .comparison th { border: 1px solid #CCC; } .price-info { border-top: 0 !important; } } @media (max-width: 639px) { .comparison .price-buy { padding: 5px 10px; } .comparison td, .comparison th { padding: 10px 5px; } .comparison .hide-mobile { display: none; } .comparison .price-now span {font-size: 16px; } .comparison .price-small {font-size: 16px !important; top: 0; left: 0; } .comparison .qbse, .comparison .qbo {font-size: 12px; padding: 10px 5px; } .comparison .price-buy {margin-top: 10px; } .compare-heading { font-size: 12px; } } /* 2021 additions */ #div__header {} #topsrch input#search.st-default-search-input { float: none; top: 0; height: 40px; border-radius: 0; font-size: 16px; color: #444; text-align: center; position: relative; width: calc(100% - 40px); min-width: calc(100% - 40px); padding: 0 12px; margin: 0; vertical-align: top; border: 0; box-shadow: none; right: 0; background: #FFFFFF;} #topsrch span.input-group-btn {width: 40px; height: 40px; background: #bebebe; padding: 0; margin: 0; line-height: 40px; } #topsrch button {border-color: #bebebe !important; width: 40px; height: 40px; background: #bebebe !important; padding: 0; margin: 0; line-height: 40px; border-radius: 0;} div.st-ui-autocomplete div.st-query-present, section.st-ui-slide-autocomplete div.st-query-present { margin-top: 4px; width: calc(100% + 40px); } div.st-ui-autocomplete div.st-query-present a.st-ui-result {padding: 5px 10px; color: var(--mainblue); } div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading { font-size: 13px; } div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail { font-size: 11px; color: #707070; } td#bkcontt {background: none; padding-right: 0; } /* ############## */ /***** FOOTER *****/ #div__footer {border-top: none; } #footerDiv {margin: 0 auto 0 auto; padding: 0; background: var(--grey); width: 100%; max-width: 1280px; } #footerDivCont {padding: 60px 100px 0px 100px; margin: 0; text-align: center; } .footerCont {width: 24%; display: inline-block; vertical-align: top; margin: 0 auto; padding: 0; color: var(--white); text-align: left; font-size: 12px; line-height: 18px; } #column1.footerCont {width: 29%; } #column2.footerCont {width: 22%; padding-top: 30px; } #column3.footerCont {width: 22%; padding-top: 30px; } #column4.footerCont {width: 24%; padding-top: 30px; } .footerCont #footerLogoLink {display: block; width: 135px; text-decoration: none; } .footerCont #footerLogoLink img {width: 100%; } .footerCont h3 {color: var(--white); font-weight: 700; font-size: 18px; line-height: 1em; margin: 40px 0 0px; letter-spacing: 1px; } .footerCont h3:first-of-type {margin: 0px 0 0px;} .footerCont p {margin: 35px auto 0 0; color: var(--white); } .footerCont a {display: block; text-decoration: underline; font-size: 14px; line-height: 22px; color: var(--white); padding: 15px 0 0 5px; } .footerCont a:hover { text-decoration: none; } .footerCont a span {font-size: 11px; text-decoration: none; } #column1.footerCont p {width: 160px; font-size: 13px; line-height: 20px; } #column1.footerCont p.footerSocial {margin: 5px auto 0 0; } #column1.footerCont p.footerSocial a {display: inline-block; width: 100%; max-width: 16px; margin: 0 8px 0 0; padding: 0 } #column1.footerCont p.footerSocial a img {width: 100%; } a#footerLogoLink span {color: var(--white); text-align: center; font-size: 10px; line-height: 1.1em; text-decoration: none; margin: 3px 0 0 auto; padding: 3px 0 0 0; display: block; text-decoration: none; } a#footerLogoLink:hover span {text-decoration: none; } #column3.footerCont a.noHandheld, #column3.footerCont a.noHandheld:hover {color: var(--grey); text-decoration: none; cursor: none; } .footerBottom {color: var(--white); background: var(--grey); padding: 25px 0 25px 0; margin: 40px 0 0 0; border-top: solid var(--white) 1px; width: 100%; max-width: 1280px; font-size: 12px; line-height: 1.2em; text-align: center; font-size: 12px; line-height: 1.2em; } .footerBottom a {color: var(--white); display: inline-block; padding: 0 0 0 3px; margin: 0; font-size: 12px; line-height: 1.2em; text-decoration: none; } .footerBottom a:hover { text-decoration: underline; } z.footerDivCont {width: 26%; display: inline-block; vertical-align: top; margin: 0 auto; padding: 0; color: #FFFFFF} z.footerDivCont.ssl {width: 18%; padding-right: 2%; } z.footerDivCont.ssl a {margin: 0 auto 0 0; width: 100%; display: block; max-width: 222px; } z.footerDivCont.ssl img {margin: 0; width: 100%; } z.footerDivCont a {color: var(--white); display: block; padding: 8px 5px 8px 0px; margin: 0; font-size: 16px; line-height: 1.1em;} z.footerDivCont a span {font-size: 12px; } ZZ#footerBottomCont div {width: 20%; display: inline-block; vertical-align: top; text-align: center; font-size: 14px; line-height: 1.2em; text-align: left; } ZZ#footerBottomCont div.left {text-align: left; padding-left: 1%; width: 27%;} ZZ#footerBottomCont div.right {text-align: right; padding-right: 1%; width: 27%;} div.modal-backdrop.fade.in {z-index: unset; } #hambBtn { display: none } /*--------- SCREEN WIDTH CHANGES ------------*/ @media screen and (max-width:1550px) { } @media screen and (max-width:1350px) { ZZ#hdrTopp {border-bottom: solid red 5px;} } @media screen and (max-width:1200px) { ZZ#hdrTopp {border-bottom: solid yellow 5px;} } @media screen and (max-width:1080px) { /* iPad landscape */ ZZ#hdrTopp {border-bottom: solid purple 5px;} h1 {font-size: 40px; line-height: 1.2em; } h2 {font-size: 34px; line-height: 1.2em; } } @media screen and (max-width:990px) { ZZ#hdrTopp {border-bottom: solid green 5px;} h1 {font-size: 36px; line-height: 1.2em; } h2 {font-size: 32px; line-height: 1.2em; } #hdrNavvRight {width: calc(100% - 270px); } #hdrNavvRight li a, #hdrNavvRight li a:hover { padding: 0px 6px; font-size: 14px; line-height: 50px; } #hdrNavvRight li#navvLearn {width: 90px; } #hdrNavvRight li#navvOffering {width: 100px; } #hdrNavvRight li#navvResrch {width: 90px; } #hdrNavvRight li#navvStore {width: 70px; } #hdrNavvRight li#navvDonate {width: 70px; } #footerDivCont { padding: 60px 70px 0px 70px; } #column1.footerCont {width: 26%; } #column2.footerCont {width: 24%; } #column3.footerCont {width: 24%; } #column4.footerCont {width: 24%; } } @media screen and (max-width:840px) { /* iPad portrait */ ZZ#hdrTopp {border-bottom: solid red 5px;} h1 {font-size: 34px; line-height: 1.2em; } h2 {font-size: 30px; line-height: 1.2em; } #hdrNavv { left: 5%; right: 5%; } #hdrNavvLeft {width: 200px; } #hdrNavvRight {width: calc(100% - 255px); } #hdrNavvRight li a, #hdrNavvRight li a:hover { padding: 0px 3px; font-size: 14px; line-height: 50px; } #hdrNavvRight li#navvLearn {width: 90px; } #hdrNavvRight li#navvOffering {width: 90px; } #hdrNavvRight li#navvResrch {width: 80px; } #hdrNavvRight li#navvStore {width: 55px; } #hdrNavvRight li#navvDonate {width: 65px; } #footerDivCont { padding: 60px 60px 0px 60px; } } @media screen and (max-width:767px) { /* iPhone */ ZZ#hdrBack {border-top: solid green 5px;} h1 {font-size: 32px; line-height: 1.2em; } h2 {font-size: 28px; line-height: 1.2em; } h3 {font-size: 22px; line-height: 1.2em; } h4 {font-size: 20px; line-height: auto; font-weight: bolder; } h5 {font-size: 16px; line-height: auto; font-weight: bolder; } #hdrTopp {display: none; } #hdrBack {min-height: 65px; } #hdrBack.showw {height: calc(100vh - 65px); background: var(--white); } #hdrNavv { position: relative; border: none; margin: 0 auto 0 0; border-radius: 0; width: calc(100% - 10px); right: 5px; left: 5px; top: 5px; background-color: var(--white); } #hambBtn { display: inline-block; width: 30px; height: 30px; float: right; margin: 0 10px 0 auto; padding: 0; background-color: var(--white); } #hambBtn button {padding: 0; margin: 8px 5px 0 0; border: none; background-color: var(--white); cursor: pointer; } #hambBtn span {display: inline-block; text-align: right; margin: 0; padding: 0; } #hambBtn span hr {height: 2px; width: 30px; background-color: var(--darkgrey); display: block; margin: 0 0 0 auto; border-top: none; } #hambBtn span hr.one { transform: rotate(0deg); transition: transform 0.2s } #hambBtn span hr.two { width: 24px; margin: 6px 0 0 auto;} #hambBtn span hr.three { transform: rotate(0deg); margin: 6px 0 0 auto; transition: transform 0.2s } #hambBtn span.sr-only {display: none; } #hdrBack.showw #hambBtn {} #hdrBack.showw #hambBtn span hr.one { transform: rotate(45deg); margin-top: -6px; transition: transform 0.25s } #hdrBack.showw #hambBtn span hr.two { display: none; } #hdrBack.showw #hambBtn span hr.three { transform: rotate(135deg); margin-top: -2px; transition: transform 0.25s } #hdrNavvLeft { margin: 6px auto 0 5px; width: 240px; } #hdrNavvRight { display: none; } #hdrBack.showw #hdrNavvRight {display: block !important; } #hdrNavvRight {width: 100%; margin: 0; padding: 10px 20px 10px 20px; } #hdrNavvRight ul {background-color: var(--white); } #hdrNavvRight li {position: relative; border-bottom: solid var(--darkgrey) 1px; border-radius: 0px; } #hdrNavvRight li#navvLearn, #hdrNavvRight li#navvOffering, #hdrNavvRight li#navvResrch, #hdrNavvRight li#navvStore {width: 100%; } #hdrNavvRight li#navvDonate {display: none !important; } #hdrNavvRight li a, #hdrNavvRight li a:hover, #hdrNavvRight li:hover a { padding: 12px 10px; font-size: 18px; line-height: 30px; text-align: left; font-weight: normal; } #hdrNavvRight ul li a::after { content: ""; display: block; position: absolute; margin: 0 0 0 0; height: 11px; width: 18px; top: 22px; right: 15px; background-image: url('/img/icon-chevron-down.png'); background-size: contain; background-repeat: no-repeat; background-position-y: 0px; } #hdrNavvRight ul li.dropLi.showw a::after { transform: rotate(180deg); } #hdrNavvRight ul li:hover ul.dropdown-menu {display: none; } #hdrNavvRight ul li.dropLi.showw ul.dropdown-menu {display: block; margin-top: -15px; } #hdrNavvRight ul li ul.dropdown-menu, #hdrNavvRight ul li:hover ul.dropdown-menu, #hdrNavvRight ul.dropdown-menu {border-color: var(--white); border-radius: 0px; box-shadow: none; position: relative; right:auto; top: auto; } #hdrNavvRight ul li.dropLi.showw a { font-weight: bold; } #hdrNavvRight ul li ul li {float: none; position: relative; border: none; box-shadow: none; border-radius: none; font-size: 16px; } #hdrNavvRight ul li ul li {padding: 0px; font-size: 16px; text-align: left; border-bottom: solid transparent 0px;} #hdrNavvRight ul li.dropLi.showw ul li a, #hdrNavvRight li ul.dropdown-menu li a, #hdrNavvRight ul li.dropLi.showw ul li a:hover, #hdrNavvRight li ul.dropdown-menu li a:hover {padding: 6px 10px 6px 20px; font-size: 16px; line-height: 24px; font-weight: normal; background: var(--white); } #hdrNavvRight li ul.dropdown-menu li:first-of-type a {} #hdrNavvRight ul li ul li a::after {display: none; } #hdrNavvRight li a:hover ul {display: none; } #hdrBack.showw #handDonate {display: block !important; position: absolute; right: 20px; left: 20px; top: calc(100vh - 200px);} #hdrBack.showw #handDonate a { color: var(--white); text-align: center; background-color: var(--orange); border: solid var(--orange) 2px; border-radius: 20px; padding: 7px 10px; text-decoration: none; display: block; } #hdrBack.showw #hdrSearch { display: block !important; position: absolute; right: 20px; left: 20px; top: calc(100vh - 140px); } #hdrSearch .searchInput { box-shadow: none; border-color: var(--lightgrey); } #hdrBack.showw #hdrHandInfo { display: block !important; position: absolute; right: 0px; left: 0px; top: calc(100vh - 70px); background-color: var(--blue); } #hdrBar { padding: 5px 2% 10px 2%; } #hdrBarCont { padding: 20px 5px 20px 5px } #hdrBar #cartSpan { } #hdrBar #cartMsg { float: none; font-size: 14px; padding: 0 0 0 0; text-align: left; border: none; } /* Category List */ .catCellSpan {padding: 0px 0 20px 0; } /* Item List */ /* Footer */ #footerDivCont { padding: 50px 30px 0px 30px; } #column1.footerCont {width: 96%; display: block !important; } #column2.footerCont {width: 96%; display: block !important; } #column3.footerCont {width: 96%; display: block !important; } #column4.footerCont {width: 96%; display: block !important; } #column1.footerCont p {width: 90%; } #column2.footerCont a.noHandheld {display: none !important; } #footerDivCont .noHandheld {display: none !important; } } @media screen and (max-width:340px) { /* iPhone small */ ZZ#hdrTopp {border-bottom: solid pink 2px;} } /* HTML -- contHTML */ .contHTML {padding-left: 15px; font-size: 12px; line-height: 16px; text-align: left; color: var(--darkgrey)} .contHTML h1 {font-size: 17px; color: var(--orange); font-style: italic; border-bottom: solid 1px #ccc; letter-spacing: 2px; padding-bottom: 0px ; margin: 10px 20px 10px 0px; text-align: left} .contHTML a {color: #4152C6;} .contHTML a:hover {color: #DF8B53; text-decoration: none;} .shipmssg {top: -750px; left: 530px; width: 450px; padding: 5px 5px 5px 10px; background-color: #FFF3E5; position: absolute; font-size: 10px; line-height: 14px; font-weight: normal; color: #111; text-align: left;} #intlmsg {font-size: 9px; top: -750px; left: 530px; width: 450px; } #canadmsg {font-size: 9px; top: -750px; left: 530px; width: 450px; }