/* Variables */ :root { --black: #000000; --lightblack: #131313; --lighterblack: #202020; --lightestblack: #292929; --darkgrey: #363636; --mediumgrey: #696969; --greytext: #999999; --grey: #D6D6D6; --lightgrey: #E2E2E1; --lightergrey: #F0F0F0; --offwhite: #F4F4F4; --white: #FFFFFF; --yellow: #FFFF00; --red: #FF0000; --cartgreen: #00A79B; --headergreen: #CAFA65; --navgreen: #00655E; --maxwidth: 1610px; --innerwidth: 1350px; --textwidth: 1080px; } /***** GLOBAL *****/ /* reset */ html { scroll-behavior: smooth; } body, iframe, ol, ul, td { margin: 0; padding: 0; border: 0; } body {background-image: url(/img/site-backgnd-2026.png); background-repeat: repeat-y; background-position: center top;} body { margin:0 0 0 0 ; padding:0 0 0 0; font-size: 14px; line-height: 18px; font-family: "Pangolin", Verdana, Arial, Helvetica, sans-serif; text-align: center; color: var(--lightestblack); } body, div, td, p, li, select, input, textfield, a {font-size: 14px; line-height: 18px; font-family: "Pangolin", Verdana, Arial, Helvetica, sans-serif; color: var(--lightestblack) } p {font-size: 14px; margin-top: 3px; margin-bottom: 14px; line-height: 18px} 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 var(--grey) 1px; padding: 2px} select {border: solid var(--grey) 1px;} a {color: var(--black); } a {text-decoration:none; outline: 0; outline: none;} a:hover {text-decoration:underline; color: var(--mediumgrey); } .none {display: none} .block {display: block} .inline {display: inline} .hide {display: none} .show {display: block} h1, h2 { font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; } h3, h4 { font-family: "Pangolin", Verdana, Arial, Helvetica, sans-serif; } #outerwrapper {width: 100%; max-width: 100%; margin:0 auto; padding: 0 0; text-align: center; } #innerwrapper {width: 100%; max-width: 100%; margin:0 auto; padding: 0 0; text-align: left; } #div__header {width: 100%; max-width: 100%; margin:0 auto; padding: 0 0; } #div__body {width: 100%; max-width: 100%; margin:0 auto; padding: 0 0 30px 0; } #div__footer {width: 100%; max-width: 100%; margin:0 auto -10px auto; padding:0 0; text-align: center; height: auto; } #div__footer {background-color: var(--red); border-top: solid var(--lightgrey) 2px; border-bottom: solid var(--red) 2px;} div, table {border-spacing: 0; border-collapse: collapse;} /***** FONTS *****/ *.hobo-font {font-family: "hobo-std", sans-serif; font-weight: 400; font-style: normal;} *.pangolin-font { font-family: "Pangolin", cursive; font-weight: 400; font-style: normal; } div.fullWidth {margin: 0 auto; padding: 0 0; width: 100%; max-width: 100%; } div.maxWidth {margin: 0 auto; padding: 0 0; width: 100%; max-width: var(--maxwidth); } div.textWidth {margin: 0 auto; padding: 0 0; width: 100%; max-width: var(--textwidth); } *.red {background-color: var(--red); } *.white {color: var(--white); } *.hobo {font-family: 'hobo-std', Verdana, Arial, Helvetica, sans-serif; } #hdrTD {} #hdrDiv {width: 100%; position: relative; z-index: 1; margin: 0px auto 0px auto; padding: 0; font-size: 14px; text-align: left;} #hdrMsg, #hdrMsg div.maxWidth {color: var(--white); font-size: 30px; line-height: 65px; font-weight: bold; text-align: center; text-transform: uppercase; width: 100%; height: 65px; vertical-align: middle;} #hdrTopp { height: 55px; background-color: var(--black); margin: 0 0 0 0; padding: 0; } /* search box */ #hdrSearch {margin: 11px 10px 0 30px; height: 40px; width: 100%; max-width: 400px; padding: 0 0; display: inline-block; vertical-align: top; } #hdrSearchCont {margin:0; padding:0;} #hdrSearch #hdrSearchCont form {margin:0; padding:0;} #hdrSearch #hdrSearchCont table {margin:0; height: auto; } #hdrSearch #hdrSearchCont table td {padding:0; } #hdrSearch #hdrSearchCont table td.inputTD {width: 320px; padding-top:0; } #hdrSearch #hdrSearchCont input.input {font-size: 16px; line-height: 1em; padding: 4px 6px 4px 6px; margin:0 0; color: var(--greytext); width: 320px; border: solid var(--black) 1px; } #hdrSearch #hdrSearchCont input.input {background: var(--white);} #hdrSearch #hdrSearchCont table td.butnTD {width: 45px; } #hdrSearch #hdrSearchCont a#srhBtn {text-decoration: none; display: block; width: 45px; height: 45px; margin: -7px 0 0 -10px; position: relative; z-index: 2; } #hdrSearch #hdrSearchCont a#srhBtn img {width: 45px; height: 45px; } ZZ#hdrSearch #hdrSearchCont a#srhBtn {background-image: url(/img/icon-search.png?v=4); background-repeat: no-repeat; background-position: center center; background-size: contain; } ZZ#hdrSearch #hdrSearchCont a#srhBtn:hover {background-position: left bottom; background-position: center center; } #hdrSearch #hdrSearchCont a#srhBtn, #hdrSearch #hdrSearchCont a#srhBtn:hover {background: none; } /* item suggestion - 2018 */ #hdrSearch #hdrSearchCont .search-text {color: var(--lighterblack); outline: none; } #hdrSearch #hdrSearchCont .twitter-typeahead a {display: block; font-size: 13px; text-transform: none; color: var(--lighterblack); height: auto; line-height: 1.3em; padding: 0; } #hdrSearch #hdrSearchCont .twitter-typeahead a:hover {background: none} #hdrSearch #hdrSearchCont span.twitter-typeahead { padding:0; width: auto;} #hdrSearch #hdrSearchCont span.twitter-typeahead div.tt-menu {width: 293px; left:0; padding:0; } #hdrSearch #hdrSearchCont div.tt-dataset.tt-dataset-items {width: 290px; margin-left:0} #hdrSearch #hdrSearchCont .tt-header {text-align: center; width: 99.5%; background-color: var(--offwhite); padding: 2px; } #hdrSearch #hdrSearchCont .tt-footer { padding: 10px; } #hdrSearch #hdrSearchCont .tt-footer a { text-decoration: none; display: block; padding: 5px 15px; } #hdrSearch #hdrSearchCont .tt-footer a span {font-style: italic; } #hdrSearch #hdrSearchCont .tt-footer a:hover {} #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion {padding: 0; border-bottom: var(--lightblack) 1px solid; cursor:pointer;} #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion:last-child { border-bottom:0; } #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion a {display: block; vertical-align: middle; color: var(--lighterblack); text-decoration: none; overflow: hidden; text-transform: uppercase; background: inherit; padding: 6px 5px 6px 15px; margin: 0; } #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion strong.tt-highlight {color: var(--black); font-size: 1.1em; } #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion:hover, #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion:focus {color: var(--lighterblack); background-color: var(--lightergrey); } #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion:hover strong.tt-highlight {color: var(--lighterblack); font-size: 1.1em; } #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion:hover a, #hdrSearch #hdrSearchCont span.twitter-typeahead .tt-suggestion:hover a:hover {color: var(--lighterblack); text-decoration: none; } #hdrSearch #hdrSearchCont .tt-footer a:hover {color: var(--lighterblack); background-color: var(--lightergrey); } #hdrLinkss {margin: 0 0 0 auto; text-align: right; width: calc(100% - 460px); display: inline-block; vertical-align: top; padding: 2px 0 0 0; } #hdrLinkss a {font-family: 'hobo-std', Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; } #hdrLinkss a {margin: 0 20px 0 20px; padding: 6px 0 6px 0; display: inline-block; vertical-align: middle; color: var(--white); font-size: 20px; } #hdrLinkss a img {width: 40px; height: 40px; margin: -2px 0 0 0; display: inline-block; } #hdrLinkss a span {display: inline-block; vertical-align: top; padding: 12px 8px 10px 10px;} #hdrLinkss a:hover { font-size: 20px; color: var(--lightgrey); text-decoration: none;} #hdrLinkss a:hover img {} #hdrMiddl {height: 125px; background-color: var(--headergreen); margin: 0 0 0 0; padding: 0; text-align: center; } #hdrLogoo {position: relative; text-align: left; width: 300px; padding: 0 0 15px 0; margin: 0 auto 0 60px; display: block; float: left; } #hdrLogoo a {display: block; text-decoration: none; } #hdrLogoo a img {width: 100%; max-width: 280px;} #hdrLogoo a h2 {position: absolute; left: -1500px; width: 200px; font-size: 14px; } #hdrLogoo a:hover { text-decoration: none;} #hdrLogoo a:hover img {} #shopNow {display: inline-block; margin-right: 100px; margin-top: -5px; } #shopNow img {width: 300px; } #shopNow ul {margin: 0 0 0 0; padding: 0 0 0 0;} #shopNow ul li { color: white; list-style-image: none; list-style-position: outside; list-style-type: none; text-align: center;} #shopNow ul li { color: var(--white); font-size: 24px; padding: 15px 0 0 0; } #shopNow ul li ul#topNavUL {display: none; } #shopNow ul li:hover ul#topNavUL {display: block; background: var(--navgreen); padding-top: 55px; padding-bottom: 30px; margin-top: -52px; margin-left: 40px; width: 220px; border-radius: 20px; } #shopNow ul li ul li { list-style-image: none; list-style-position: outside; list-style-type: none; text-align: center; padding: 1px 0px; width: 210px} #shopNow ul li ul li a {display: block; color: var(--white); font-size: 18px; padding: 8px 3px; } #shopNow ul li ul li:hover {} #shopNow ul li ul li:hover a { font-size: 18px; color: var(--offwhite); text-decoration: underline; } #hdrCartt { float: right; position: relative; width: 200px; margin: 30px 60px 0 auto; text-align: center; padding: 2px 0; border: solid var(--lightblack) 3px; background: var(--cartgreen); } #hdrCartt a, #hdrCartt a span {display: block; font-family: 'hobo-std', Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; } #hdrCartt a, #hdrCartt a span {font-size: 20px; line-height: 1.3em; color: var(--white); } #hdrCartt a:hover, #hdrCartt a:hover span {font-size: 20px; line-height: 1.3em; color: var(--lightgrey); text-decoration: none; } #hdrCartt a img {position: absolute; left: -30px; top: -8px; width: 70px; height: 70px; } #hdrCartt #cartCount {position: absolute; top: 15px; left: -6px; width: 25px; color:var(--red); text-align: center; font-weight: normal; font-size: 16px;} #hdrCartt.zero #cartCount {display: none; } #hdrCartt.ten #cartCount { font-size: 11px; top: 19px; right: 1px; } #hdrCartt #cartTotal {display: none; } #hdrCartt2 {} /* #hdrCart2 #MWTMiniCartDiv {position: absolute; top: 32px; right: 0px; width: 350px; } #hdrCart2 #MWTMiniCartDiv #MWTMiniCartDrop {background: none; background-color: none; border: none; } #MWTMiniCartDiv #MWTMiniCartDropCont {background: none; background-color: none; border: none;} #MWTMiniCartDiv #MWTMiniCartDropCont #miniCart p { padding-top: 10px; color: #666; } #MWTMiniCartDiv #MWTMiniCartDropCont #miniCart td { text-align: left; background-color: #DDDDDD; } #MWTMiniCartDiv #MWTMiniCartDropCont #miniBackground { background-color: #DDDDDD; } #MWTMiniCartDiv #MWTMiniCartDropCont #miniCartDiv { background-color: #DDDDDD; border: solid #DDD 1px; border-width:0 1px 1px 1px; border-color: #DDD #999 #999 #CCC; } #MWTMiniCartDiv #MWTMiniCartDropCont #miniTable td.miniImg img {margin-left: 2px;} #MWTMiniCartDiv #miniTable tr.miniFooter { } #MWTMiniCartDiv #miniTable tr.miniFooter td {padding: 4px 0; border-top: dotted #CCCCCC 1px; } #MWTMiniCartDiv #miniTable div#miniInCart {margin:0 auto 0 15px; font-size: 12px; font-weight: bold; } #MWTMiniCartDiv #miniTable div#miniSubDiv {margin:0 15px 0 auto; font-size: 12px; font-weight: bold; float: right; } #MWTMiniCartDiv #miniBackground { background-color: #DDDDDD; } #MWTMiniCartDiv #miniCartBott {background-color: #DDDDDD; padding: 4px 0 6px 0; border-top: dotted #CCCCCC 1px; } #MWTMiniCartDiv #miniCartBott a {color: #B40D0B; font-weight: bold; font-style: normal; text-decoration: underline; font-size: 12px;} #MWTMiniCartDiv #miniCartBott a:hover {text-decoration: none;} #MWTMiniCartDrop {top: 85px; } */ /* #hdrNavv div.maxWidth {padding: 0 0 0 130px; } #hdrNavv ul {margin: 0 0 0 0; padding: 0 0 0 0;} #hdrNavv ul li { color: white; width: 200px; list-style-image: none; list-style-position: outside; list-style-type: none; text-align: center;} #hdrNavv ul li { color: var(--white); font-size: 24px; padding: 15px 0 0 0; } #hdrNavv ul li ul#topNavUL {display: none; } #hdrNavv ul li:hover ul#topNavUL {display: block; background: var(--navgreen); padding-top: 15px; } #hdrNavv ul li ul li { list-style-image: none; list-style-position: outside; list-style-type: none; text-align: center; padding: 1px 0px;} #hdrNavv ul li ul li a {display: block; color: var(--white); font-size: 18px; padding: 8px 3px; } #hdrNavv ul li ul li:hover {} #hdrNavv ul li ul li:hover a { font-size: 18px; color: var(--offwhite); } */ #hdrNavv {height: 45px; background-color: var(--navgreen); margin: 0 0 0 0; padding: 0 0 0 0; border: none; } #MWTMiniCartDrop {top: -5px; background-color: var(--headergreen); border-radius: 8px; } #MWTMiniCartDiv #MWTMiniCartDropCont #miniCartDiv { background-color: var(--white); border: solid var(--grey) 1px; border-width: 0 1px 1px 1px; } #MWTMiniCartDiv #MWTMiniCartDropCont #miniCart td { background-color: var(--white); } #MWTMiniCartDiv #miniCartBott {background-color: var(--white); padding: 4px 0 6px 0; border-top: dotted var(--grey) 1px;} #MWTMiniCartDiv #miniTable div#miniSubDiv {margin: 0 15px 0 auto; font-size: 14px; font-weight: normal; float: right;} #MWTMiniCartDiv #miniTable div#miniInCart {margin: 0 auto 0 15px; font-size: 14px; font-weight: normal; } #MWTMiniCartDiv #miniCartBott a {color: var(--red); font-weight: normal; font-style: normal; text-decoration: underline; font-size: 16px; } /* bread-crumb and user info */ #hdrCrumb {display: none; } #hdrCrumb {position: absolute; z-index: 0; width: 600px; text-align: right; top: 142px; right:0; height: 15px; } #hdrCrumb {font-size: 11px; color: #333333; font-weight: normal; line-height: 1em; margin:0; padding: 8px 0 0 0; } #hdrCrumb a, #hdrCrumb a.crumb {font-size: 11px; font-weight: normal; color: #333333; line-height: 1em; text-decoration: none; padding: 2px 5px} #hdrCrumb a:hover, #hdrCrumb a.crumbover {font-size: 11px; color: #333333; line-height: 1em; text-decoration: underline} table#__enclosingtable {} /***** LEFT SIDE **** #leftTD {max-width: 150px; width: 150px; } #leftDiv {max-width: 150px; width: 150px; margin: 10px 0 0 0; } #leftDiv table#leftNavv { width: 100%; } #leftNavv #leftNavTitle {text-align: left; font-size: 30px; line-height: 1em; font-weight: bold; margin: 2px auto 10px 7px; font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 1px} #leftNavv ul#leftNavUL {padding-left: 0} #leftNavv ul#leftNavUL li {padding-left: 0; padding-bottom: 10px; list-style-image: none; list-style-position: outside; list-style-type: none; text-align: center; } #leftNavv ul#leftNavUL li a {font-size: 18px; font-weight: bold; line-height: 1em; display: block; margin:0 auto 0 0; padding: 7px 4px 7px 4px; text-align: center; text-shadow: 1px 1px 1px #666;} #leftNavv ul#leftNavUL li a {background-color: var(--red); border-radius: 8px; color: var(--white); font-family: "Times New Roman", Times, sans-serif; box-shadow: 0 4px 2px -2px gray;} #leftNavv ul#leftNavUL li a:hover {background-color: #22721D; text-decoration: none; color: var(--white); } #leftNavv ul#leftNavUL li a.active, #leftNavv ul#leftNavUL li a:active:hover {color: yellow; } #leftNavv ul#leftNavUL li a.subCat {padding: 2px 0 2px 20px; font-size: 12px; } */ /***** CONTENT *****/ #contTD {padding:0 0 0 10px; width: calc(100% - 160px); } #contDiv {width: 100%; max-width: 1390px; padding:0; margin:0; position: relative; z-index: 0; } #conTable {width: 98%; max-width: 1390px; margin:0; } header#header div.container {width: 100%; padding-right:0; padding-left:0;} #contTD {padding: 0 0 0 0; } #contDiv {max-width: 100%; } #leftTD {display: none; } /***** HOME/WELCOME template **** */ #homeTD {width: 100%; } #homeDiv {width: 100%; max-width: 100%; margin: 0px auto; } #homeOwlDiv {width: 100vw; max-width: 100vw; margin-top: -3px; } #homeOwlDiv div.item {width: 100vw; max-width: 100vw; } #homeOwlDiv div.item a {display: block; } #homeOwlDiv div.item img {width: 100%; } #homeSlides {position: relative; margin: 0 auto; padding: 0; ZZwidth: 100%; ZZmax-width: var(--maxwidth); ZZoverflow-x: hidden; } #homeSlides #prevItem, #homeSlides #nextItem {width: 70px; height: 70px; position: absolute; top: calc(50% - 25px); z-index: 1; opacity: 0.8; } #homeSlides #prevItem {right: 20px; } #homeSlides #nextItem {left: 20px; } #homeSlides #prevItem img, #homeSlides #nextItem img {width: 100%; } #homeSlides #prevItem:hover, #homeSlides #nextItem:hover {opacity: 1.0; } .owl-carousel.owl-stage-outer {max-width: 100vw; } #featuredItems {} #featuredCont {padding-top: 30px; text-align: center; } #featuredCont h2 {color: var(--navgreen); font-size: 38px; line-height: 1em; font-weight: bold; text-align: center; text-transform: uppercase; text-shadow: 5px 2px 1px var(--white); letter-spacing: 6px; } .styledBoxDiv {background-image: url('/img/who-we-are-backgnd.png?v=40'); background-position: center top; background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 100%; max-width: var(--textwidth);} .styledBoxCont {padding: 60px 60px 0 60px; margin: 0; color: var(--white); } .styledBoxCont p {color: var(--white); font-size: 16px; margin-top: 3px; margin-bottom: 14px; line-height: 1.3em; } .styledBoxCont h1 {position: absolute; left: -1500px; width: 200px; font-size: 14px; } .styledBoxCont h2 {color: var(--white); font-size: 46px; font-weight: bold; text-align: center; text-transform: uppercase; text-shadow: 5px 2px 1px var(--navgreen); margin: 40px auto 20px auto; letter-spacing: 6px;} .styledBoxCont table {margin-top: 40px; } .styledBoxCont img {margin: 10px auto 0 auto; width: 100%; } .styledBoxCont a {color: var(--white); font-size: 16px; } .styledBox2 {margin: 0 auto 20px auto; padding: 0; width: 100%; max-width: var(--textwidth); } .styledBox2 img {margin: 0; padding: 0; width: 100%; max-width: var(--textwidth); } .smallStyledDiv { background-image: url('/img/follow-us-box.png?v=4'); background-position: center top; background-repeat: no-repeat; background-size: contain ;margin: 50px auto 0 auto; padding: 0; width: 100%; max-width: 700px; } .smallStyledDivCont { padding: 60px 60px 0 60px; margin: 0; color: var(--white); text-align: center; min-height: 310px; color: var(--white);} .smallStyledDivCont h2, .smallStyledDivCont h1 {color: var(--white); font-size: 46px; font-weight: bold; text-align: center; text-transform: uppercase; text-shadow: 5px 2px 1px var(--navgreen); margin: 0 auto 20px auto; letter-spacing: 6px;} .smallStyledDivCont a {display: inline-block; width: 100px; height: 100px; margin: 40px 30px; padding: 0; text-decoration: none; } .smallStyledDivCont a img {width: 100%; } .smallStyledDivCont p {color: var(--white); font-size: 16px; margin-top: 3px; margin-bottom: 14px; line-height: 1.3em; } .smallStyledDivCont h1 {font-size: 28px; line-height: 1.4em; text-shadow: 3px 1px 0px var(--navgreen); letter-spacing: 6px; } #visitStore {margin: 20px auto 0 auto; text-align: center;} /* 2018 CATEGORY LIST template */ #mainCatgor {text-align: center; width: 100%; margin: 0 auto;} #catTitl {font-size: 40px; line-height: 1em; font-weight: bold; margin: 2px auto; font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; color: var(--white); text-shadow: dimgray 3px 3px 3px;} #mainLinks {text-align: center; } #theLinks {margin:0 auto;} #theLinks a.mainLnk:link, #theLinks a.mainLnk:visited {color: var(--white); font-size: 15px; font-weight: bold; text-decoration: none; padding: 3px 15px; text-shadow: dimgray 2px 2px 2px;} #theLinks a.mainLnk:hover {color: #FFFF66; text-decoration: none; text-shadow: dimgray 2px 2px 2px;} #catCells td.catTD {border-bottom: solid #BB0020 1px; border-right: solid #BB0020 1px; background-color: var(--black);} #catCells .catTD { width: 150px; padding: 10px 0; } #catCells .catTD {} #catCells .catTD {} #catCells .catTD a {display: block; height: 100%; } #catCells .catTD a { color: var(--white); padding-top:8px; line-height: 14px; text-decoration: none; } #catCells .catTD a:hover {color: var(--offwhite);} #catCells .catTD a h3 {padding-top:12px; padding-bottom: 8px; margin:0; font-size: 14px; } #catCells .catTD a em {display: none; font-size:8px;padding:0px;} #catCells .catTD a img {max-width: 125px; } #catCells td.text {display: none; } /* 2026 ITEM LIST template */ #lstTD {width: 100%; padding: 20px 0 0 0; } #lstDiv {margin-left: 20px; } #lstTitle {text-align: center; font-size: 44px; line-height: 1em; font-weight: bold; margin: 10px auto 8px auto; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px} #lstTitle span {font-size: 44px; line-height: 1em; font-weight: bold; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px; font-style: italic} p#lstDesc {} p#plsClick {text-align: center; font-size: 18px; line-height: 1.2em; font-weight: normal; color: var(--black); } #listItemsDiv {text-align: center; } #listItems {background-color: inherit; border: none; } #listTable {border-spacing: 10px; border-collapse: separate; width: 100%; border: none; background-color: inherit; } #listTable.w1 {} #listTable.w2 {} #listTable.w3 {} #listTable.w4 {} #listTable.w1 .listTD {width: 100%; } #listTable.w2 .listTD {width: 50%; } #listTable.w3 .listTD {width: 33.3%; } #listTable.w4 .listTD {width: 25%; } #listTable.w5 .listTD {width: 20%} #listTable.w6 .listTD {width: 16.5%} .listTD { } .listTD a {display: block; vertical-align: top; margin: 15px 10px; width: calc(100% - 22px); position: relative } .listTD a img.listImg {width: 100%; } .listTD a img.itemImg {max-width: calc(100% - 60px); position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); } .listTD a h3 {display: none; position: absolute; z-index: 2; bottom: 30px; padding: 0 10%; margin: 0 auto 0 auto; text-align: center; color: var(--grey); font-size: 18px; left: 0; right: 0; text-transform: uppercase; } .listTD a:hover h3 {display: block; color: var(--white); } .listTD a div.nonee {display: none; } .listTD a.outstock h3 {bottom: 60px; color: var(--mediumgrey); } .listTD a.outstock div.outstock {display: block; color: var(--red); font-size: 16px; text-align: center; width: 100%; text-decoration: none; font-weight: normal; margin: 0 auto 0 auto; position: absolute; bottom: 30px; } .listTD a.outstock img.itemImg {opacity: 0.5; max-width: calc(100% - 120px); top: 40%; } .listTD code {display: none; } #handle_itemMainPortlet table td.medtext {font-size: 14px; padding: 6px 10px 2px 10px; } #handle_itemMainPortlet table td.medtext a {font-size: 18px; padding: 2px 6px; ; line-height: 18px} #handle_itemMainPortlet table td.medtext a:hover {font-size: 18px; line-height: 18px; color: var(--red); } #handle_itemMainPortlet table td.bglt.medtextbold {font-size: 18px; padding: 4px 10px; background: none; line-height: 22px} /* 2022 ITEM LIST template */ /* #lstTD {width: 100%; } #lstDiv {margin-left: 20px; } #lstTitle {text-align: center; font-size: 44px; line-height: 1em; font-weight: bold; margin: 2px auto 8px auto; font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px} #lstTitle span {font-size: 44px; line-height: 1em; font-weight: bold; font-family: Times,'Times-New Roman', serif; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px; font-style: italic} p#lstDesc {} p#plsClick {text-align: center; font-size: 16px; line-height: 1em; font-weight: bold; color: var(--white); } #lstCellsBdr {margin: 1px auto 8px auto; text-align: center; width: 100%} #lstCells {background-color: inherit; border: none; width: 100%; } table#lstTable {border-spacing: 10px; border-collapse: separate; } table#lstTable {width: 100%; border: none; background-color: inherit; } table#lstTable.w1 td.lstTD {width: 100%} table#lstTable.w2 td.lstTD {width: 50%} table#lstTable.w3 td.lstTD {width: 33.3%} table#lstTable.w4 td.lstTD {width: 25%} table#lstTable.w5 td.lstTD {width: 20%} table#lstTable.w6 td.lstTD {width: 16.5%} */ #lstCells td.lstTD {border: double #545454 8px; background-color: var(--black);} #lstCells .lstTD { padding: 10px 0; } #lstCells .lstTD {} #lstCells .lstTD {} #lstCells .lstTD a { display: block; height: 100%; } #lstCells .lstTD a { color: var(--white); text-decoration: none; } #lstCells .lstTD a img.lstImg {max-width: 200px; } #lstCells .lstTD a h4 {padding: 4px 4px 0 4px; text-transform: uppercase; font-size: 13px; display: block; font-weight: normal; color: var(--white);} #lstCells .lstTD a:hover {color: var(--offwhite); text-decoration: none; } #lstCells .lstTD a:hover h4 {color: var(--offwhite); text-decoration: none; } #lstCells .lstTD a div.nonee {display: none; } #lstCells .lstTD a div.outstock {display: block; color: var(--red); font-size: 12px; text-align: center; width: 90%; text-decoration: none; font-weight: bold; margin: 3px auto 0 auto;} #lstCells .lstTD a img.outstock {opacity: 0.3; } #lstCells .lstTD code {display: none; } /* out of stock items #lstCells .lstTD a.q0InvtPart {} #lstCells .lstTD a.q0InvtPart img {opacity: 0.3; } #lstCells .lstTD a.q0InvtPart h4::after, #lstCells .lstTD a.q0InvtPart:hover h4::after {content: "Out of Stock"; display: block; color: var(--red); font-size: 12px; text-align: center; width: 90%; text-decoration: none; font-weight: bold; margin: 3px auto 0 auto;} */ #handle_itemMainPortlet table td.medtext {font-size: 14px; padding: 6px 10px 2px 10px; } #handle_itemMainPortlet table td.medtext a {font-size: 18px; padding: 2px 6px; ; line-height: 18px} #handle_itemMainPortlet table td.medtext a:hover {font-size: 18px; line-height: 18px; color: var(--red); } #handle_itemMainPortlet table td.bglt.medtextbold {font-size: 18px; padding: 4px 10px; background: none; line-height: 22px} /* 2026 ITEM DETAIL template */ #itmTD {text-align: center; width: 100%; margin: 0 auto; padding: 20px 0 30px 0; } #itmDiv {text-align: center; } #itmTop {margin:0 auto 0; } h1#itmTitle {text-align: center; font-size: 38px; line-height: 1em; font-weight: bold; margin: 2px auto 8px auto; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px; } #itmDetails {width: calc(100% - 40px); max-width: 920px; padding: 0 15px; margin: 25px auto 30px auto; border: solid var(--black) 20px; border-radius: 4px; box-shadow:0 0 15px var(--lightestblack); background: var(--black); text-align: left;} #itmImageDiv {width: 48%; opacity: 0; display: inline-block; vertical-align: top; } #itmTextDiv {width: 48%; opacity: 0; display: inline-block; vertical-align: top; margin-left: 2%;} #itmDesc {width: 100%;} #itmPriceAddDiv {width: 100%; margin-top: 20px; text-align: left; } #itmDiv.horz #itmImageDiv {width: 100%; } #itmDiv.horz #itmTextDiv {width: 100%; margin-left: 0; } #itmDiv.horz #itmDesc {width: 48%; } #itmDiv.horz #itmPriceAddDiv {margin-left: 2%; width: 48%; margin-top:0; } #itmImageDiv {text-align: center; position: relative; } #itmImage {} #itmThumbs {margin: 40px auto 10px auto; width: 100%; text-align: center; } #itmThumbs h4 {color: var(--white); margin:0 auto 8px 0; font-size: 16px; letter-spacing: 1px; } #itmThumbs h4 span {font-size: 11px; color: var(--white); letter-spacing: none; font-weight: normal; } #itmThumbs img {width: 80px; margin:0 10px 0 0; cursor: pointer; border-bottom: solid #000 3px;} #itmThumbs img.current { border-bottom: solid #A70C08 3px; } #arrowPrev, #arrowNext { display: none; font-size: 70px; padding: 20px 25px 20px 0px; vertical-align: middle; color: #FDFDFD; text-decoration: none; } #arrowNext {padding: 20px 0px 20px 25px;} #arrowPrev:hover, #arrowNext:hover {text-decoration: none; color: yellow; } #itmDesc {display: inline-block; vertical-align: top; } #itmDesc {color: var(--white); font-size: 16px; line-height: 1.5em; } #itmDesc p {color: var(--white); font-size: 16px; line-height: 1.3em; } #itmDesc ul {color: var(--white); font-size: 16px; line-height: 1.3em; } #itmDesc li { color: var(--white); font-size: 16px; line-height: 1.3em; } #itmPriceAddDiv {display: inline-block; vertical-align: top; } #itmPrice {font-size: 28px; line-height: 28px; color: var(--white); font-weight: normal; margin: 26px 5px 0 0; display: inline-block; max-width: 49%; vertical-align: top; } #itmPrice {text-decoration: none; padding-top: 2px; } #itmPrice span.saleprice { text-decoration: line-through; color: #CCC; font-size: 14px; padding-right: 5px;} #itmAddDiv {margin: 0 0 0 0; display: inline-block; max-width: 49%; vertical-align: top; } table#adtocarttabl {} #itmAddTable {margin: 0 0 0 0 ; } #itmAddTable .addTable {} #itmAddTable .addTable .addQtyTD {padding:0 0 0 5px;} #itmAddTable .addTable .addQtyTD input.input { text-align: center; padding: 4px 3px; width: 40px; height: 40px; margin: 15px 5px 0 0; font-size: 16px; color: var(--black); border-radius: 4px; -webkit-border-radius: 4px;} #itmAddTable .addTable .addBtnTD {padding:0 0 0 4px; } #itmAddTable .addTable .addBtnTD a:link, #itmAddTable .addTable .addBtnTD a:visited { color: var(--white); font-size: 20px; line-height: 36px; display: block; width: 180px; height: 36px; padding: 6px 4px; text-align: center; border: solid var(--navgreen) 5px; border-radius: 30px; border-radius: 30px; text-decoration: none; font-weight: normal; letter-spacing: 1px; background-color: var(--red); font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif} #itmAddTable .addTable .addBtnTD a:hover {color: yellow; text-decoration: none; } #itmAddTable a.smalltextnolink, #itmAddTable a.smalltextnolink:hover {color: var(--white); text-decoration: none; } #itmAddTable td.medtext {padding-top: 6px; color: var(--offwhite); } #itmAddTable td.medtext b { color: var(--offwhite); } #itmAddDiv div.outstock {padding: 0 0 0 6px; color: var(--offwhite); line-height: 24px} #itmPriceAddDiv div.outstock {padding: 10px 0 0 6px ; color: var(--offwhite); line-height: 24px} /* RELATED items template */ #relMsg {margin: 50px auto 0; text-align: center} #relMsg h3 {text-align: center; font-size: 36px; line-height: 1em; font-weight: bold; margin: 2px auto 8px auto; font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px} #relDivv {margin: 15px auto 50px auto; max-width: 900px; width: 100%; border: solid var(--black) 20px; border-radius: 4px; box-shadow:0 0 15px var(--lightestblack); background: var(--black); text-align: left;} #relTable { margin:0 auto; } #relCells { margin:0 auto; } #relCells .relTD {color:#FFFFFF; padding: 5px 10px; text-align: center;} #relCells .relTD .relCells {font-size: 12px; color:#FFFFFF; } .relTD .relCells a {color:#FFFFFF; text-decoration: none;} .relTD .relCells a:hover {color: #FFFF66; text-decoration: none;} .relTD .relCells a.relLink:link, .relTD .relCells a.relLink:visited, .relTD .relCells a.relLink:active {font-size: 12px; color:#FFFFFF; line-height: 14px; text-decoration: none; display: block; text-align: center; } .relTD .relCells a.relLink:hover {color: #FFFF66;} .relTD .relCells a.relLink img {max-width: 85px; max-height: 85px; } .relTD .relCells p {margin: 3px; color:#FFFFFF} .relTD .relCells .relPrice {color:#FFFFFF;} .relTD .relCells .adtocarttabl {} .relTD .relCells input.input {width: 20px; text-align: center; } /* 2018 INFO cateogry template */ #infoDiv {width: 100%;} #infoTop { text-align: center; margin: 10px 10px; } #infoTitle {font-size: 34px; line-height: 1em; font-weight: bold; margin: 2px auto 8px auto; font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; color: var(--red); text-shadow: 1px 1px 1px var(--lightestblack); letter-spacing: 3px; text-align: center; } #infoDesc {text-align: left; background: #FFFFFF; margin: 15px auto 20px 20px; padding: 10px; border: 1px double #333333; font-size: 12px; color: #333333; } #infoDescCont {font-size: 12px; color: #333333; } #infoDescCont {} #infoDescCont dl {color: #333333; padding: 0 5px 0 5px;} #infoDescCont dd {font-size: 12px; padding: 0 15px 10px;} #infoDescCont dt {font-size: 14px; font-style: italic; font-weight: bold;} #infoDescCont p { padding: 0 15px 15px} /* contact us form */ .emailform {text-align: center} .emailform {text-align: center} .contentp {width: 98%;} .contentt {width: 98%; padding: 10px; background-color: var(--white); border: solid #333333 1px} .formTitl {background-color: #BD0221; text-align: center; font-size: 24px; line-height: 40px; font-weight: bold; margin: -5px; padding: 10px auto 3px 0; font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; color: var(--white); text-shadow: dimgray 3px 3px 3px; height: 40px; } /* INFO instructions template */ #infoLinks {} #infoTable {} #infoTable .instructionCell { text-align: left; width: 340px;} #infoTable .instructionCell a {display: block; text-align: left; margin: 3px; padding: 3px 5px; color: var(--lightestblack); text-decoration: none; font-size: 13px; } #infoTable .instructionCell a:hover {text-decoration: underline; } /* contact us 20128 */ #contactFaq button.btn.btn-link {display: block; padding-bottom: 3px; font-weight: bold; white-space: normal; text-align: left; width:100%; } #contactFaq button.btn.btn-link.collapsed {display: block; white-space: normal; text-align: left;} #contactFaq div.collapse.in {} #contactFaq div.collapsing {} #contactFaq div.collapse.in .faqAnswer {color: var(--black);000; line-height: 1.6; } #contactFaq div.collapsing .faqAnswer {color: var(--black);000; opacity: 0.6; line-height: 1.6; } #contactFaq div.faqAnswer {margin: 2px 15px 15px 25px; } #contactFaq div.faqAnswer a {color: #337ab7; text-decoration: underline; } #contactFaq div.faqAnswer a:hover {color: #23527c; text-decoration: none;} #contactFaq h3 span {font-size: 12px; } .contactDiv {width: 39%; margin: 0 5%; padding: 0; display: inline-block; text-align: top; } /* 2026 FOOTER & FOOTERHTML */ #footerDiv { height: auto; max-width: var(--textwidth); width: 100%; padding: 15px 0 10px 0; margin:0 auto -1px auto; color: var(--white); font-size: 14px; } #footerDiv div.ib {display: inline-block; vertical-align: top; width: 100%; } #footerDiv div.ftrCats {width: 35%;} #footerDiv div.ftrHelp {width: 20%;} #footerDiv div.ftrAbout {width: 19%;} #footerDiv div.ftrCust {width: 24%;} #footerDivCont {max-width: var(--textwidth); margin: 14px 40px 0 40px; } #footerDiv div {color: var(--white) text-align: left; } #footerDiv div h4 { margin:0 15px 5px 15px; padding:0 0 5px 0; border-bottom: dotted var(--white) 1px; font-size: 22px; line-height: 1em; letter-spacing: 3px; text-shadow: 1px 1px 1px var(--darkgrey); color: var(--white); font-family: "hobo-std", Verdana, Arial, Helvetica, sans-serif; } #footerDiv div a {display: block; text-decoration: none; color: var(--white); font-size: 14px; line-height: 1em; padding: 5px 7px 5px 7px; } #footerDiv div a:hover { text-decoration: underline; } #footerDiv div a.none {display: none; } #footerDiv #tollfree {margin:0 auto 0 auto; } #footerDiv #tollfree a, #footerDiv #tollfree a:hover {font-size: 16px; font-weight: normal; color: var(--white); text-align: center; letter-spacing: 2px; text-shadow: 1px 1px 1px var(--darkgrey); text-decoration: none; } #footerDiv address {font-style: normal; margin: 12px auto 0 auto; color: var(--white); font-size: 12px; text-align: center;} #footerDiv address a {text-decoration: none; color: var(--white); font-size: 12px;} #footerDiv address a:hover { text-decoration: underline; } #header-mobile {display: none; } #header-mobile a.logoo {display: block; vertical-align: top; width: calc(100% - 100px); max-width: 180px; padding: 0; margin: 5px auto 5px 20px; } #header-mobile a.logoo img {width: 100%; } #header-mobile #cartMob {float: right; height: 40px; width: 40px; margin: 20px 20px 0 0; padding: 0; position: relative; } #header-mobile #cartMob a {display: block; width: 40px; height: 40px; margin: 0; padding: 0} #header-mobile #cartMob img { width: 100%; } #header-mobile #cartMob #cartMobCnt {position: absolute; left: 10px; top: 9px; color: var(--white); width: 30px; text-align: center; } #header-mobile #cartMob #cartMobCnt.zero {display: none; } #header-mobile #hambUrg {display: block; width: 40px; height: 40px; float: right; margin: 20px 20px 0 auto; padding: 0 0 0 0; position: relative; } #header-mobile #hambUrg.closedd {} #header-mobile #hambUrg.openn {} #header-mobile #hambUrg span {display: block !important; position: absolute !important; height: 1px !important; width: 100%; background: var(--white); border-radius: 9px; opacity: 1; left: 0; padding: 0! important; transform: rotate(0); transition: .1s ease-in-out; background: var(--red); height: 3px !important; margin-top: -1px; } #header-mobile #hambUrg span:nth-child(1) {top: 10px; } #header-mobile #hambUrg span:nth-child(2) {top: 20px; } #header-mobile #hambUrg span:nth-child(3) {top: 20px; } #header-mobile #hambUrg span:nth-child(4) {top: 30px; } #header-mobile #hambUrg.openn span:nth-child(1) { top: 9px; width: 0%; left: 50%; } #header-mobile #hambUrg.openn span:nth-child(2) {transform: rotate(45deg); } #header-mobile #hambUrg.openn span:nth-child(3) {transform: rotate(-45deg); } #header-mobile #hambUrg.openn span:nth-child(4) { top: 9px; width: 0%; left: 50%; } body *.noHandheld {} body *.noDesktop {display: none; } /*--------- SCREEN WIDTH CHANGES ------------*/ /* super wide screen */ @media screen and (min-width:1200px) { ZZ#hdrNavv {background: orange;} } @media screen and (min-width:1080px) and (max-width:1200px) { ZZ#hdrNavv {background: pink;} #hdrTagline{ font-size: 17px; } div#hdrLinkss a {margin: 0 15px 0 15px} div#shopNow {margin-right: 75px; } } @media screen and (max-width:1080px) { ZZ#hdrNavv { background: green;} #hdrTagline {font-size: 15px; } div#hdrLinkss a {margin: 0 10px 0 10px} div#hdrLinkss a img {display: none; } div#hdrLogoo {width: 250px; margin-left: 20px} div#shopNow {margin-right: 50px; } div#hdrCartt {margin-right: 20px; } } @media screen and (max-width:990px) { ZZ#hdrNavv{background: yellow;} #hdrTagline {font-size: 14px; } div#hdrLinkss a {margin: 0 10px 0 10px; font-size: 16px; } div#hdrLinkss a:hover {font-size: 16px; } } @media screen and (max-width:880px) { ZZ#hdrNavv {background: blue;} #hdrCart a span {display: none;} #hdrDiv #hdrRightDiv {margin-left: 1%; width: 56%; margin-right:0; } #hdrDiv #hdrLinks {position: relative; top:0; right:0;} #hdrTagline {font-size: 12px; } div#hdrSearch {max-width: 300px; } div#hdrSearch #hdrSearchCont table td.inputTD {width: 260px; } div#hdrSearch #hdrSearchCont input.input {width: 260px; } div#hdrLinkss {width: calc(100% - 360px); } div#hdrMiddl {height: 110px; } div#hdrLogoo {width: 200px;} div#shopNow {margin-right: 20px; } div#shopNow img {width: 240px; } div#hdrCartt {margin-top: 20px; } } @media screen and (max-width:767px) { /* iPhone 8+ & 8 */ body *.noDesktop {display: block; } body span.noDesktop {display: inline; } body *.noHandheld, div.noHandheld {display:none;} #header-mobile {display: block; } #hdrMsg, #hdrMsg div.maxWidth {font-size: 20px; line-height: 50px; height: 50px; margin: 0 0 0 0; padding: 0 0 0 0; } #hdrTopp {padding: 10px 0 0 0; height: 50px; } #hdrSearch {height: auto; padding: 0; text-align: center; width: 100%; display: block; margin: 0 auto 0 auto; } #hdrSearchCont {padding: 3px 0 0 15px; } #hdrLinkss {display: none; } #hdrLogoo {display: none; } #hdrMiddl {height: auto; background: inherit; } #shopNow {margin: -10px 0 0 0; display: block; width: 100%; } #shopNow img {display: none} #shopNow ul li {padding: 0 0 0 0; width: 100%; } #shopNow ul li:hover ul#topNavUL {display: block; background: var(--cartgreen); padding-top: 0; margin-top: 0; margin-left: auto; width: 100%; border-radius: 0px; } #shopNow.openn ul li ul#topNavUL {display: block !important; background-color: var(--cartgreen);} #shopNow ul li ul li {display: inline-block; width: 49%; } #shopNow ul li ul li a {padding: 20px 5px; } #hdrNavv {display: none; } #homeSlides #prevItem, #homeSlides #nextItem {height: 40px; width: 40px; } .styledBoxCont {padding: 60px 10px 0 10px; } #visitStore {margin: 20px auto 0 auto; } .smallStyledDivCont { padding: 50px 10px 0 10px; } .smallStyledDivCont a { width: 80px; height: 80px; margin: 30px 25px; } /* div#hdrCart {display: none; } #hdrSearch #hdrSearchCont span.twitter-typeahead { padding:0; width: 100%;} #hdrSearch #hdrSearchCont input#search.input {width: 100%} #leftTD {display: none; } #hdrDiv {width: 99%; } header#header div.container {width: 99%} #hdrDiv #hdrLeftDiv {width: 99%; max-width: 99%; display: block; height: auto; padding:0 10px;} #hdrDiv #hdrRightDiv {width: 99%; max-width: 99%; display: block; height: auto; background: none; border: none; padding:0 10px;} #hdrLogo {margin:0 auto; } #hdrTagline {font-size: 14px; letter-spacing: normal; } #hdrSearch { margin: 15px 0 0 0; height: 50px; padding:0; text-align: center; width: 99%; } #hdrSearchCont {width: 100%; text-align: center; } #hdrSearch #hdrSearchCont table {width: 100%} #hdrSearch #hdrSearchCont input#search.input {width: 100%} #hdrDiv div#hdrLinks.noHandheld {display: none; } #hdrSearch span.twitter-typeahead div.tt-menu {width: 110%; } #hdrSearch span.twitter-typeahead .tt-suggestion {padding: 10px 5px 10px 15px; } #contDiv #lstTD #lstDiv {margin-left: 8px;} #contDiv #lstTD #lstDiv #lstCellsBdr {border: solid var(--black) 6px; box-shadow: 0 0 2px var(--lightestblack);} */ #itmDetails {padding: 0 0px; border: solid var(--black) 10px; box-shadow: 0 0 1px var(--lightestblack); width: calc(100% - 10px); } #itmImageDiv {width: 100%; display: block; } #itmTextDiv {width: 100%; display: block; margin-left: 2%;} #itmDesc {width: 100%;} #itmPriceAddDiv {width: 100%; margin-top: 20px; text-align: left; padding: 0 0 10px 0; } #itmDiv.horz #itmImageDiv {width: 100%; } #itmDiv.horz #itmTextDiv {width: 100%; margin-left: 0; } #itmDiv.horz #itmDesc {width: 100%; } #itmDiv.horz #itmPriceAddDiv {margin-left: 0%; width: 100%; margin-top:10px; } #itmImage img {max-width: 100%; max-height: 60%} #itmPrice {width: 100%; display: block; } #itmAddDiv {width: 100%; display: block; } #itmAddDiv a#addtocart {} #infoDesc { margin: 0; padding: 0 10px; } #contactFaq h3 span {display: block; } #div__footer {height: auto; text-align: left; } #footerDiv {height: auto; } #footerDivCont {max-width:calc(100% - 24px); margin: 20px 10px 10px 10px; } #footerDiv div.ftrCats {display:none;} #footerDiv div.ftrHelp {width: 48%;} #footerDiv div.ftrAbout {width: 48%;} #footerDiv div.ftrCust {width: 98%; margin-top: 30px; } #footerDiv div a {padding: 14px 5px 14px 10px; font-size: 16px; } #footerDiv #tollfree a, #footerDiv #tollfree a:hover { } #footerDiv div h4 { } } @media screen and (max-width:390px) { /* iPhone 8 */ #hdrTagline {font-size: 13px; letter-spacing: normal; } } @media screen and (max-width:340px) { /* iPhone SE */ body *.noHandheld, body div.noHandheld {display: none; } #leftTD {display: none; } #hdrDiv {width: 100%; } #hdrTagline {font-size: 11px; letter-spacing: normal; } } @media screen and (max-width:767px) { /* iPhone 6+ & 6 */ } @media screen and (max-width:340px) { /* iPhone 5 */ }