f/* BODY FONT AND SIZE */ html, body, div, td, nav, section { font-family: 'MS Sans Serif', ' Geneva', sans-serif; font-size: 12pt; } /* HTML5 display-role reset for older browsers */ article, aside, footer, header, menu, nav, section { display: block; } body { color: #808080; background-color: #A9E2F7; margin: 0; padding: 0; height: 100%; min-width: 320px; } html { height: 100%; } div, div:before, div:after, section, section:before, section:after { margin: 0; padding: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .orderframe iframe { width: 100%; height: 100%; min-height: 3000px; } img { border: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } strong { font-weight: bold; } .underline { text-decoration: underline; } /* ANCHOR STYLES */ a { color: #333333; } a:hover { color: #DBDBDB; } /* ALIGNMENTS */ .aleft { text-align: left; } .acenter, .formcenter, .center { text-align: center; } .aright { text-align: right; } /* SMALL FONT SIZE */ .smfont { font-size: 12pt; text-decoration: none; } /* LARGE FONT SIZE */ .lgfont { font-size: 12pt; } /* BOLD FONT */ .boldtext { font-weight: bold; } /* ACCENTED FONT */ .accent { font-style: italic; } /* HIGHLIGHT TEXT */ .highlighttext { color: #757B80; font-weight: bold; } /* ACCENT TEXT */ .accenttext { color: #333333; font-weight: bold; } /* ADDED STYLES */ .twocolumn { overflow: hidden; } .twocolumn div { display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 42%; margin: 0 2% -200px 2%; padding: 1% 2% 200px 2%; } .paddtop { padding-top: 20px; } /* HEADER FONT COLOR */ .header { color: #333333; font-weight: bold; font-size: 12pt; } /* CELL COLOR FOR ACCENTS */ .accentcell { background-color: #333333; } /* TABLE BORDER FOR ACCENTS */ .accenttable { border: 1px solid #333333; border-collapse: collapse; } /* EMAIL ITEM LINKS */ a.emailitem { display: block; margin: 10px 0; color: #333333; } /* EMAIL FRIEND LINK */ .emailcolor { color: #333333; } a.emailitem:hover, .emailcolor:hover { color: #666666; } /* ENVELOPE BASE */ .envelope { position: relative; display: inline-block; zoom: 1; *display: inline; height: 20px; width: 30px; background-color: #FFFFFF; border: 1px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; } /* BOTTOM/TOP FLAP - COMMON */ .envelope:before, .envelope:after { content: ''; position: absolute; left: -1px; height: 30px; width: 30px; background-color: #FFFFFF; transform: rotate(45deg); } /* BOTTOM FLAP */ .envelope:before { top: 10px; box-shadow: -2px -2px 0 0 #BBBBBB; } /* TOP FLAP */ .envelope:after { bottom: 11px; box-shadow: 2px 2px 2px 0 #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .optionbox { padding: 10px; max-width: 400px; text-align: center; margin: auto; } .optionbox label.mainopt { display: block; padding: 5px 0; } .optbox { text-align: left; } .colorblock { height: 25px; width: 25px; padding: 2px; display: inline-block; *display: inline; *zoom: 1; text-align: center; vertical-align: middle; margin: 1px; border: 1px solid #494949; background-repeat: no-repeat; background-position: center; background-image: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; cursor: pointer; } .colorblock input[type='radio'] { visibility: hidden; } /* PAGE LIST */ .pagedisplay { text-align: center; } .pagedisplay span, .pagedisplay li.pgsel a, .pagedisplay li.pgsel a:hover { font-weight: bold; } .pagedisplay ul { list-style-type: none; margin: 0; padding: 0; } .pagedisplay li { display: inline-block; zoom: 1; *display: inline; margin: 0 3px; } .pagedisplay li + li:before { content: " | "; padding: 0 3px; } /* POP UPS */ #popupoverlay { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.6); text-align: center; } #popupoverlay #popimginner { max-width: 900px; margin: auto; height: 98%; overflow-y: auto; } #popupoverlay img.popupimg { background-color: #FFFFFF; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0, 0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.6); margin-top: 20px; min-width: 50px; min-height: 50px; max-width: 96%; max-height: 96%; } #popupoverlay #poppcontent { position: relative; background-color: #FFFFFF; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0, 0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0, 0.6); width: 500px; height: 100%; max-width: 94%; max-height: 90%; padding: 1%; margin: 20px auto; text-align: left; } #popupoverlay #poppcontent #poppinner { height: 100%; overflow-y: auto; } #popupoverlay #poppcontent #poppinnerimg { overflow-y: none; z-index: 99999; } .pop_pg { color: #00CCCC; } .pop_pg:hover { color: #666666; } .pop_img { display: block; } #popupoverlay .closex { display: inline-block; *zoom: 1; *display: inline; padding: 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; cursor: pointer; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; height: 25px; width: 25px; line-height: 25px; text-align: center; vertical-align: middle; border: 1px solid #888888; background-color: #AAAAAA; color: #FFFFFF; z-index: 1; } #popupoverlay .closex:before { content: "\00d7"; } #popupoverlay #popimginner .closex { margin-left: -15px; margin-bottom: 5px; } #popupoverlay #poppcontent .closex { position: absolute; top: -10px; right: -10px; z-index: 999; } /* PRODUCT LAYOUTS */ .product-detail { text-align: center; } .product-detail div.product { display: block; text-align: left; word-wrap: break-word; } .product-detail div.product-vars { margin: 0 auto; text-align: left; display: inline-block; *display: inline; *zoom: 1; word-wrap: break-word; } .product-single { position: relative; margin: 10px auto 30px; padding: 10px; overflow: auto; zoom: 1; ; } .product-single:not(.noimg) { min-height: 155px; } .product-single h3, .product-single h3 a { font-weight: bold; font-size: 12pt; text-decoration: none; } .product-single div.product { word-wrap: break-word; margin-left: 190px; } /* SINGLE LAYOUT WITH NO IMAGES */ .product-single.noimg div.product { display: block; margin: 0; } .product-single.noimg div.image-holder { display: none !important; } /* GENERAL LAYOUT STYLES */ .product-layout-d:nth-child(2n+1) { clear: left; } div[class^='product-'] div.item-holder, div[class^='product-'] div.item-holder a { margin: 5px auto; color: #00CCCC; font-weight: bold; } div[class^='product-'] div.item-holder a:hover { color: #DBDBDB; } .product-info { clear: both; padding: 5px; } .product-multi { position: relative; max-width: 14%; min-height: 155px; } .product-maincat { position: relative; max-width: 23%; } .product-multi, .product-maincat { text-align: center; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; width: 98%; margin-right: 2%; min-width: 200px; margin-bottom: 30px; } .product-detail .image-holder { float: none !important; padding: 0; text-align: center !important; padding-bottom: 20px !important; } .product-single .image-holder { width: 190px; float: left; padding: 0 10px 0 0; text-align: center; } .product-single .image-holder img { max-width: 190px; max-height: 145px; } .product-detail .image-holder img, .product-single .image-holder img { max-width: 100%; height: auto; float: none; padding-bottom: 20px !important; } .product-multi .image-holder { padding: 5px 5px 0; min-height: 145px; } .product-multi .image-holder img, .product-maincat .image-holder img { width: auto; height: auto; max-width: 190px; max-height: 145px; margin: auto; } .product-multi .image-holder, .product-maincat .image-holder { position: relative; float: none; width: 100%; text-align: center; } /* MULTI SINGLE */ .product-single.product-multi2, .product-single.product-multi3 { display: inline-block; vertical-align: top; text-align: center; overflow: hidden; } .product-single.product-multi2 { width: 49%; } .product-single.product-multi3 { width: 33%; } .product-single.product-multi2 .image-holder, .product-single.product-multi3 .image-holder { float: none; padding: 5px; margin: auto; } .product-single.product-multi2 div.product, .product-single.product-multi3 div.product { display: block; margin: 0; } /* OTHER IMAGE DETAILS */ .zoomlabel { display: block; font-size: 12pt; font-style: italic; } .sb_gallery img, .sb_slideshow img { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; } .sb_gallery img { max-width: 50px; max-height: 50px; border: 1px solid transparent; } .sb_gallery .active img { border: 1px solid #4C4C4C; border: 1px solid rgba(0, 0, 0, .7); } /* LIGHT BOX */ .sb_hidelightbox { display: none; } /* DOTS AT BOTTOM */ .sb_slideshow { margin-top: -20px; z-index: 1000; } .sb_slideshow img { width: 0; height: 0; border: 1px solid #AAAAAA; border-radius: 4px; margin: 1px; background: #DDDDDD; padding: 3px; } .sb_slideshow .active img { border: 1px solid #333333; background: #333333; } .product-single .sb_slideshow, .product-multi .sb_slideshow { display: none; } /* LEFT/RIGHT ARROWS */ .sb_mainzoomimg { position: relative; } .sb_mainzoomimg img { display: block; text-align: center; margin: auto; } .sbsliderprev, .sbslidernext { position: absolute; width: 49%; height: 100%; cursor: pointer; z-index: 1000; font-family: Arial, Helvetica, sans-serif; font-size: 3em; color: transparent; } .sbsliderprev:hover, .sbslidernext:hover { color:#FFFFFF; text-shadow:1px 1px 0 #777777, 1px -1px 0 #777777, -1px -1px 0 #777777, -1px 1px 0 #777777, 0px 1px 0 #777777, 0px -1px 0 #777777, 1px 0px 0 #777777, -1px 0px 0 #777777, 4px 4px 3px rgba(0, 0, 0, 0.3); } .sbsliderprev span, .sbslidernext span { position: absolute; top:50%; transform:translateY(-50%); margin-top: -5px; } .sbsliderprev, .sbsliderprev span { left: 0; text-align: left; } .sbslidernext, .sbslidernext span { right: 0; text-align: right; } .product-detail .sbsliderprev, .product-detail .sbslidernext { height: 90%; font-size: 6em; } /* SMALL GALLERY IMAGES ON SMALLER LAYOUTS */ .product-single .sb_gallery, .product-multi .sb_gallery { margin: 0; } .product-single .sb_gallery img, .product-multi .sb_gallery img { max-width: 14%; margin: 0; } /* DISABLE DRAG HIGHLIGHT */ .image-holder, .image-holder * { -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .image-holder { text-align: center; } img[class^='largeimage'], img[class^='smallimage'] { display: block; margin: auto; } /* FORM */ form { margin: auto; } form label:not(.inlinelabel):not(.qtylabel) { display: block; margin-bottom: 6px; } div.label_qty { text-align: center; } form label.qtylabel, form label.inlinelabel { margin-right: 5px; } input[type='text'], input[type='password'], input[type='email'], input[type='url'], input[type='date'], input[type='search'], select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1px 3px; display: inline-block; zoom: 1; *display: inline; font-size: 12pt; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 20px; height: 30px; width: 100%; max-width: 300px; } .inputpadd { padding: auto 3px; margin-bottom: 20px; } textarea { height: 100px; } input[type='text'].qtybox { width: 25px; min-width: 25px; } form.itmsingle { margin-bottom: 50px; } form .searchconditions { font-size: 12px; margin: -15px auto 20px; } form img.captchaimg, form input[type='text'].captcha { display: inline-block; zoom: 1; *display: inline; width: 100px; margin-right: 20px; } .searchform input[type='text'], .searchform input[type='submit'], .searchform input[type='image'] { vertical-align: middle; margin: 0; } .formbutton { color: #FFFFFF; background-color: #333333; border: 1px solid #333333; padding: 2px 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; transition: background-color .3s; } a.formbutton, a.formbutton:hover { text-decoration: none; } /* FORM LABELS */ .itemlabels { padding: 5px; text-align: center; max-width: 400px; margin: 0 auto; } .itemlabels label { font-style: italic; } .pricedisplay { font-weight: bold; } /* REGULAR (NON SALE) PRICES */ .regprice { font-size: 1em; } .regprice .pricereg { display: block; } /* PRICE STRIKEOUT */ .pricestrike { display: block; text-decoration: line-through; padding-left: 5px; font-size: .75em; } .pricestrike:before { content: "was "; } .itemlabels .pricestrike { display: inline-block; *display: inline; *zoom: 1; font-size: 1em; } /* SALE COLOR */ .salecolor, .salelabel { padding-left: 5px; color: #FF0000; } /* ERROR COLOR */ .error { color: #FF0000; } /* AUTO ADD */ .autoadd { color: #FF0000; text-align: center; } /* LIMITED QUANTITIES */ .limitedqty { text-align: center; color: #FF0000; } /* REQUIRED FIELD STAR */ .starrequired:after { content: "(required)"; font-size: .8em; vertical-align: middle; padding-left: 5px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block; *display: inline; *zoom: 1; } /* ITEM LIST */ .itemdirectory { width: 100%; } .itemdirectory td { vertical-align: top; } .itemdirectory ul { list-style-type: none; padding: 0; margin: 0; } .itemdirectory div.pagelist { padding: 10px; } .itemdirectory div.pagelist span, .itemdirectory div.pagelist a, .itemdirectory div.pagelist a:hover { font-size: .85em; text-decoration: none; } .itemdirectory div.pagelist span.bold { font-weight: bold; } a.sb_arrow, span.sb_arrow { display: inline-block; zoom: 1; *display: inline; cursor: pointer; padding: 0 3px; font-size: 1.1em; } span.sb_arrow { opacity: .4; filter: alpha(opacity=40); } /* GRID SETUP */ .sb_grid { max-width: 100%; text-align: center; } .sb_unit { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; /* Clearfix */ overflow: hidden; *overflow: visible; } /* CATEGORY (MAIN PG) LINK */ .product-maincat a { color: #333333; } .product-maincat a:hover { color: #DBDBDB; } /* PAGE LINK */ .sel_pagelinkcolor, .sel_viewalllink { font-weight: normal; } /* FEATURED ITEMS */ .featureditems { display: block; margin: 10px auto 30px; } .featureditems img { max-height: 145px; max-width: 100%; height: auto; width: auto; } .featureditems a { color: #7AFF05; } .featureditems a:hover { color: #DBDBDB; } /* RELATED ITEMS */ div.relateditems { clear: both; display: block; width: 100%; } div.relateditems div.relatedmsg { margin: 30px 0 10px; } ul.relateditems { list-style-type: none; display: block; text-align: center; padding: 0; margin: 10px; } ul.relateditems li { padding: 5px; } .relateditems a { color: #333333; } .relateditems a:hover { color: #666666; } /* DRILL DOWN LINK */ a.drilldown { color: #FF66CC; } a.drilldown:hover { color: #666666; } /* VIEW CART LINK */ .cartcolor { color: #000000; } .cartcolor:hover { color: #DBDBDB; } /* PARAGRAPH LAYOUT FOR CATALOG PRODUCTS */ .p_layout { margin-top: 10px; margin-bottom: 10px; } .p_layout[class*="disp_"] { text-align: center; } div[class^='sb_main_'] ul { list-style-type: none; text-indent: 0; } div[class^='sb_main_'] hr { background-color: #A9E2F7; color: #A9E2F7; height: 1px; border-top: 1px dotted #333333; margin: 25px auto 50px; opacity: 0.5; filter: alpha(opacity=50); } div[class^='sb_main_'] input[type='text'], div[class^='sb_main_'] input[type='url'], div[class^='sb_main_'] input[type='email'], div[class^='sb_main_'] input[type='password'], div[class^='sb_main_'] select, div[class^='sb_main_'] textarea, div[class^='product-'] input[type='text']:not(.qtybox), div[class^='product-'] select, div[class^='product-'] textarea { max-width: 400px; text-align: left; } /* SEARCH/DIRECTORY */ .sb_main_search input[type='text'], .sb_main_search select, .sb_main_search input[type='text'], .sb_main_search select { max-width: 300px; } .sb_main_sitesearch input[type='submit'] { display: block; margin: 10px auto 0; } .directorylist { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .directorylist ul { list-style: none; padding-left: 0; } .directorylist > ul > li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; display: table; } .directorylist ul li a { font-weight: normal; text-transform: none; margin: 0; } .directorylist h2, .directorylist ul.catlevels > li > a { font-weight: bold; text-transform: uppercase; padding: 0; margin: 10px 0; display: block; } .directorylist h2 { margin-bottom: -5px; } .directorylist ul.catlevels > li > ul > li > a { font-weight: normal; text-transform: none; margin: 0; } .socialmedia { text-align: center; margin: auto; padding: 20px 0; } .socialmedia>div.insocial { display: inline-block; zoom: 1; *display: inline; min-width: auto; text-align: center; margin: 0 5px; vertical-align: top; } /* ADD A REVIEW */ #addreview { display: none; box-sizing: border-box; text-align: center; padding: 10px; } #addreview form { display: inline-block; zoom: 1; *display: inline; box-sizing: border-box; position: relative; text-align: left; margin: auto; min-width: 420px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; border-radius: 1em; padding: 10px; } #addreview input[type='text']:not(.captcha), #addreview input[type='email'], #addreview textarea { width: 100%; max-width: 100%; } /* CLOSE BUTTON */ #addreview .closex { display: inline-block; *zoom: 1; *display: inline; padding: 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; cursor: pointer; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 25px; height: 20px; width: 20px; line-height: 20px; text-align: center; vertical-align: middle; background-color: #BBBBBB; color: #FFFFFF; z-index: 1; position: absolute; top: 5px; right: 5px; z-index: 999; } #addreview .closex:before { content: "\00d7"; } /* ANCHOR STYLES */ #addrevlink span { color: #333333; text-decoration: underline; cursor: pointer; } #addrevlink span:hover { color: #DBDBDB; } /* INLINE SO ADD BUTTON IS INLINE */ #showreviews h3 { display: inline-block; zoom: 1; *display: inline; margin: 10px; } /* DISPLAY REVIEWS */ #showreviews .itemreview { margin: 20px auto 30px; padding: 10px; text-align: left; } #showreviews .itemreview .revname { font-style: italic; } #showreviews .itemreview .revdate { margin-left: 10px; } /* REPLIES */ #showreviews .itemreply { margin: 10px auto auto 40px; padding: 10px; border: 1px solid #D1D1D1; box-shadow: #D1D1D1 0 1px 1px; border-radius: 1em; } #showreviews .itemreply:before, #showreviews .itemreply:after { position: absolute; display: block; content: ""; width: 0; left: 20px; border-style: solid; border-width: 0 12px 12px; } #showreviews .itemreply:before { top: -12px; border-color: #D1D1D1 transparent; } #showreviews .itemreply:after { top: -10px; border-color: #A9E2F7 transparent; } #showreviews .itemreply .revname { font-weight: normal; font-style: italic; } /* HEADLINE */ #showreplies .starline { margin-bottom: 3px; } #showreplies .starline .startotals { display: inline-block; zoom: 1; *display: inline; text-align: left; } #showreplies .revbyline { margin-bottom: 8px; } #showreplies .revheadline { display: inline-block; zoom: 1; *display: inline; font-weight: bold; margin-left: 10px; } #showreplies .revcomments { margin-bottom: 15px; } /* STAR CONTAINER */ .starlist, .startotals { position: relative; white-space: nowrap; } .starlist { unicode-bidi: bidi-override; direction: rtl; height: 50px; cursor: pointer; } /* GENERAL STAR INFO */ .starlist .star, .startotals .star { position: relative; color: #888888; display: inline-block; *zoom: 1; *display: inline; margin: 0; text-decoration: none; } /* STAR CONTAINER */ .starlist .star { font-size: 35px; line-height: 30px; } /* STAR TOOLTIP */ .starlist .star>span.tooltip { display: none; } .starlist .star:hover>span.tooltip { display: block; position: absolute; top: 25px; left: -40px; right: -40px; width: 80px; margin: auto; text-align: center; font-size: 12pt; font-weight: normal; } /* FILLED IN STARS */ .starlist > .star:not(.sel):hover:before, .starlist > .star:not(.sel):hover ~ .star:not(.sel):before, .starlist .sel:after, .startotals .sel:after, .startotals .star.partial1:after, .startotals .star.partial2:after, .startotals .star.partial3:after { content: "\2605"; position: absolute; top: 0; left: 0; color: #FFC100; opacity: .7; filter: alpha(opacity=70); overflow: hidden; } /* RATING WORDS AND COUNTS */ .starlist, .ratingwords { display: inline-block; zoom: 1; *display: inline; } .startotals { text-align: center; padding-top: 8px; } .startotals .star { vertical-align: text-bottom; } .startotals .countrevs { vertical-align: text-top; color: #888888; } /* ITEM STARS */ .startotals .star { font-size: 25px; line-height: 20px; width: 20px; margin-left: -2px; } .startotals .star.partial1:after { width: .35em; } .startotals .star.partial2:after { width: .425em; } .startotals .star.partial3:after { width: .5em; } .startotals a,startots { margin-left: 5px; } /* STAR RATING FIELD */ #starrating { display: inline-block; *zoom: 1; *display: inline; width: 0 !important; height: 0 !important; border: none; background: transparent; box-shadow: none; cursor: not-allowed; pointer-events: none; color: #A9E2F7; } /* MOBILE STYLES */ @media screen and (max-width: 900px) { .product-info div.item-holder { min-width: 100%; display: block; text-align: left; float: none; } .product-info .holder { display: block; float: none; } } @media screen and (max-width: 800px) { .product-single.product-multi3 { width: 49%; } } @media screen and (max-width: 600px) { .product-single.product-multi2, .product-single.product-multi3 { width: 99%; } } @media (max-width: 600px){ .product-single div.image-holder { width: auto; max-width: 96%; float: none; position: relative; margin: 0 auto; padding: 0; text-align: center; } .product-single div.product { margin-left: 0; } } @media screen and (max-width: 550px) { form { width: 100%; } } @media screen and (max-width: 800px) { /* GRID SETUP */ .sb_grid { margin-left: 0; max-width: none; } .sb_unit { width: auto; margin-left: 0; display: block; } } @media screen and (max-width: 600px) { .directorylist { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .twocolumn div { display: block; width: 100%; margin: 0 2%; padding: 1% 2%; } } @media screen and (max-width: 450px) { .sb_main_events h3, .sb_main_events h4 { display: block; width: 100%; text-align: left; } .directorylist { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .sb_main_weblinks .inlinebox { overflow: visible; } } @media screen and (max-width: 400px) { .optionwrap, .itemlabels, .sb_main_affiliates form, .sb_main_certificates form, .sb_main_contact form, .sb_main_guestbook form, .sb_main_registry form, .sb_main_orders form, .sb_main_wholesale form { max-width: 300px; } } @media screen and (max-width: 550px) { #addreview form { width: 100%; min-width: 100%; } } /* NAVIGATION */ nav.sb_hlinks ul { list-style-type: none; text-align: center; margin: 0; padding: 0; display: block; } nav.sb_hlinks ul li { display: inline-block; zoom: 1; *display: inline; line-height: 2; white-space: nowrap; height: auto; } nav.sb_hlinks ul li a { text-decoration: none; } nav[class^='sbnav_'] ul { list-style-type: none; } /* NAVIGATION - VERTICAL LINKS */ .sbnav_vertical ul { list-style-type: none; padding: 0; text-indent: 0; } /* NAVIGATION - VERTICAL LINKS (GENERAL) */ .sbnav_vertical ul li a, nav[class^='sbnav_bu'] ul li a { color: #333333; } .sbnav_vertical ul li a:hover, nav[class^='sbnav_bu'] ul li a:hover { color: #DBDBDB; } /* NAVIGATION - VERTICAL SUBCATEGORY LINKS */ .sbnav_vertical ul ul li a, nav[class^='sbnav_bu'] ul ul li a { color: #757B80; text-decoration: none; } .sbnav_vertical ul ul li a:hover, nav[class^='sbnav_bu'] ul ul li a:hover { color: #DBDBDB; text-decoration: none; } /* NAVIGATION - VERTICAL END CATEGORY LINKS */ .sbnav_vertical ul ul ul li a, nav[class^='sbnav_bu'] ul ul ul li a { color: #333333; } .sbnav_vertical ul ul ul li a:hover, nav[class^='sbnav_bu'] ul ul ul li a:hover { color: #DBDBDB; } .sbnav_vertical ul li.sel>a, nav[class^='sbnav_bu'] ul li.sel>a { font-weight: bold; } .sbnav_vertical img { width: 100%; max-width: 133px; } /* VERTICAL NAVIGATION INDENTS */ .sbnav_vertical ul ul li { margin-left: 10px; } /* VERTICAL NAVIGATION - DASHES BEFORE SUBCATS .sbnav_vertical ul ul li:before { content: '- '; } */ /* NAVIGATION - HORIZONTAL */ .sbnav_horizontal li { display: inline-block; *display: inline; *zoom: 1; margin: auto 15px; } .sbnav_horizontal>ul>li>a { color: #333333; } .sbnav_horizontal>ul>li>a:hover { color: #DBDBDB; } .sbnav_horizontal>ul>li.sel>a, .sbnav_horizontal>ul>li.sel>a:hover { font-weight: normal; } /* NAVIGATION - VERTICAL AND HORIZONTAL PAGES */ .sbnav_vertical.sb_pages ul li a, .sbnav_horizontal.sb_pages ul li a, nav[class^='sbnav_bu'].sb_pages ul li a { color: #333333; } .sbnav_vertical.sb_pages ul li a:hover, .sbnav_horizontal.sb_pages ul li a:hover, nav[class^='sbnav_bu'].sb_pages ul li a:hover { color: #DBDBDB; } /* CATEGORY COLOR OVERRIDE */ .sbnav_vertical.sb_pages a.catcolor, .sbnav_horizontal.sb_pages a.catcolor, nav[class^='sbnav_bu'].sb_pages a.catcolor { color: #333333; } .sbnav_vertical.sb_pages a.catcolor:hover, .sbnav_horizontal.sb_pages a.catcolor:hover, nav[class^='sbnav_bu'].sb_pages a.catcolor:hover { color: #DBDBDB; } .sbnav_vertical.sb_pages a.subcatcolor, .sbnav_horizontal.sb_pages a.subcatcolor, nav[class^='sbnav_bu'].sb_pages a.subcatcolor { color: #757B80; } .sbnav_vertical.sb_pages a.subcatcolor:hover, .sbnav_horizontal.sb_pages a.subcatcolor:hover, nav[class^='sbnav_bu'].sb_pages a.subcatcolor:hover { color: #DBDBDB; } .sbnav_vertical.sb_pages a.endcatcolor, .sbnav_horizontal.sb_pages a.endcatcolor, nav[class^='sbnav_bu'].sb_pages a.endcatcolor { color: #333333; } .sbnav_vertical.sb_pages a.endcatcolor:hover, .sbnav_horizontal.sb_pages a.endcatcolor:hover, nav[class^='sbnav_bu'].sb_pages a.endcatcolor:hover { color: #DBDBDB; } /* NAVIGATION - BAR */ .sbnav_bar { text-align: center; background-color: #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; padding: 0 !important; } .sbnav_bar li { display: inline-block; *display: inline; *zoom: 1; margin: 0; padding: .25em 0 0; min-height: 2.5em; text-align: center; } .sbnav_bar li a { color: #333333; padding: 6px; margin: 0; } .sbnav_bar li:hover { background-color: #333333; } .sbnav_bar li:hover a { color: #333333; } .sbnav_bar li.sel { background-color: #333333; } .sbnav_bar li.sel a { color: #333333; } /* NAVIGATION - BULLETS */ .sbnav_bullets img { max-width: 25px; max-height: 25px; margin-right: 5px; vertical-align: middle; } .sbnav_bullets ul { margin-left: 10px; padding: 0; text-indent: 0; list-style-type: none; } .sbnav_bullets li a { line-height: 25px; vertical-align: middle; } /* NAVIGATION - BUTTON */ .sbnav_buttons ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; } .sbnav_buttons li { display: table; position: relative; width: 100%; text-align: center; } .sbnav_buttons li a { width: 100%; } .sbnav_buttons .sb_buttonimg { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; vertical-align: middle; text-decoration: none; max-width: 100%; } /* NAVIGATION - DROP MENU */ .sbnav_dropmenu { text-align: center; background-color: #333333; padding: 0 !important; } .sbnav_dropmenu li { display: inline-block; *display: inline; *zoom: 1; padding: 5px; margin: 0; text-align: center; } .sbnav_dropmenu li a { color: #333333; display: block; width: 100%; white-space: normal; } .sbnav_dropmenu li:hover { background-color: #333333; } .sbnav_dropmenu li:hover>a { color: #333333; } .sbnav_dropmenu ul > li > ul { display: none; } /* subcategory background/border color */ .sbnav_dropmenu ul li:hover > ul { background-color: #333333; box-shadow: 2px 2px 6px #333333; } /* highlighted subcategory background */ .sbnav_dropmenu ul li ul li:hover { background-color: #333333; } /* highlighted subcategory text */ .sbnav_dropmenu ul li ul li:hover > a { color: #333333; } /* active entry */ .sbnav_dropmenu ul li.sel, .sbnav_dropmenu ul li ul li.sel:hover { background-color: #333333; } .sbnav_dropmenu ul li.sel > a, .sbnav_dropmenu ul li ul li.sel:hover > a { color: #333333; } /* NAVIGATION - FLY OUT */ .sbnav_flyout ul, .sbnav_flyout ul li { margin: 0; padding: 0; list-style: none; width: 100%; max-width: 300px; cursor: pointer; text-align: center; z-index: 9999; } .sbnav_flyout > ul { width: calc(100% - 4px); } .sbnav_flyout ul li:hover { position: relative; } .sbnav_flyout ul li a, .sbnav_flyout ul li ul li a { display: inline-block; zoom: 1; *display: inline; padding: 5px; } /* OTHER LEVELS */ .sbnav_flyout ul li ul, .sbnav_flyout ul li:hover ul li ul { position: absolute; display: none; } .sbnav_flyout ul li:hover ul, .sbnav_flyout ul li:hover ul>li:hover>ul { display: block; box-shadow: 2px 2px 6px #333333; left: 100%; } .sbnav_flyout ul li:hover ul { top: -1px; } /* general background color */ .sbnav_flyout ul li, .sbnav_flyout ul li ul li, .sbnav_flyout ul li:hover ul li:hover ul li { background-color: #333333; } /*general text color */ .sbnav_flyout ul li a, .sbnav_flyout ul li ul li a { color: #333333; text-decoration: none; } /* hover background - optional */ .sbnav_flyout ul li:hover, .sbnav_flyout ul li ul li:hover, .sbnav_flyout ul li:hover ul li:hover ul li:hover { background-color: #333333; } /* hover text color - optional */ .sbnav_flyout ul li:hover > a { color: #333333; text-decoration: none; } /* active category background */ .sbnav_flyout ul li.sel > a { display: block; background-color: #333333; margin: 0; padding: 10px; } /* active category text */ .sbnav_flyout ul li.sel > a { color: #333333; } /* NAVIGATION - TABLE */ .sbnav_table { width: 100%; } .sbnav_table ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; } .sbnav_table li { margin: 5px auto; padding: 5px; background-color: #333333; border: 1px solid #333333; text-align: center; } .sbnav_table li a { color: #333333; text-decoration: none; } .sbnav_table li:hover { background-color: #333333; } .sbnav_table li:hover a { color: #333333; } .sbnav_table li.sel { background-color: #333333; } .sbnav_table li.sel a { color: #333333; } /* NAVIGATION - TABS */ .sbnav_tabs ul { display: table; position: relative; margin: 0; padding: 0; list-style: none; } .sbnav_tabs a { text-decoration: none; } .sbnav_tabs ul li { display: table-cell; } .sbnav_tabs ul li a { display: block; line-height: 2.5em; margin: 0 2px; padding: 0 1.875em; text-align: center; border: 1px solid #333333; border-bottom: none; background: #333333; color: #333333; } .sbnav_tabs ul ul { display: none; } /* OTHER LEVELS */ .sbnav_tabs ul li:hover > ul { position: absolute; top: 0; left: 0; right: 0; display: block; height: 2.8125em; margin: 2.5em 0 0; background: #333333; z-index: 99; } .sbnav_tabs ul li:hover > ul li a { display: block; line-height: 2.8125em; margin: auto; padding: 0 10px; text-align: center; border: none; } .sbnav_tabs ul li:hover > a { background: #333333; color: #333333; } .sbnav_tabs ul li.sel>a { background: #333333; color: #333333; } /* MOBILE MENU */ /* CUSTOM EDITS */ .iconbump { display: inline; } @media screen and (max-width: 800px) { .sbnav_vertical ul ul li a, nav[class^='sbnav_bu'] ul ul li a { color: #333333; text-decoration:none; } .sbnav_vertical ul ul li a:hover, nav[class^='sbnav_bu'] ul ul li a:hover { color: #333333; text-decoration:none; } } ul.mobile-menu { display: none; list-style: none; margin: 0; padding: 0; width: 100%; background-color: #333333; } @media screen and (max-width: 800px) { .sidebar_left { background-color: #333333; } .sidebar_left a{ color: #333333; } .sidebar_left ul li a:hover { color: #333333; } .sbnav_vertical ul li a, nav[class^='sbnav_bu'] ul li a { color: #333333; } } /* CUSTOM EDITS */ ul.mobile-menu li { display: inline-block; zoom: 1; *display: inline; width: 24%; text-align: center; cursor: pointer; font-size: 12pt; height: 2.5em; line-height: 2.5em; vertical-align: middle; padding: 0; margin: 0; } ul.mobile-menu li, ul.mobile-menu a, ul.mobile-menu a:hover { text-decoration: none; color: #333333; font-size: 12pt; } ul.mobile-menu li:hover { color: #333333; background-color: #333333; } ul.mobile-menu li:hover a:hover { color: #333333; } @media screen and (max-width: 800px) { ul.mobile-menu { display: block; } /* NAVIGATION */ .sb_hpages nav.sb_hlinks { margin-bottom: 0; display: none; padding: 0; } .sb_hpages nav.sb_hlinks ul { padding: 0; z-index: 100; } .sb_hpages nav.sb_hlinks ul li { display: block; margin: 0; background-color: #333333; border: 1px solid #333333; text-align: center; color: #333333; } .sb_hpages nav.sb_hlinks ul li a { display: block; width: 100%; vertical-align: middle; padding: 5px 0; color: #333333; } } @media screen and (min-width: 800px) { .sbnav_dropmenu ul li { min-height: 30px; background-color: #333333; } .sbnav_dropmenu ul li:hover > ul { position: absolute; display: block; width: 200px; top: 40px; left: 0; z-index: 49; } .sbnav_dropmenu ul li:hover ul li > ul { left: 199px; top: -1px; } .sbnav_dropmenu ul li:hover > ul li { display: block; } .sbnav_dropmenu ul li:hover { position: relative; z-index: 99; } } #overwrap, div.sb_hpages, header, footer { width: 100%; max-width: 1200px; margin: 0 auto; } .sb_content { margin: auto; display: block; width: 100%; } section.mainwrap { width: 66%; padding: 1%; text-align: left; } section.mainwrap img { max-width: 100%; height: auto; } /* HEADER */ header { width: 100%; margin-top: 20px; } header .sb_content { display: table; height: 100px; width: 100%; padding: 1%; } header .sb_content .sitelogo { display: inline; z-index: 0; } img.logo_img { display: block; text-align: -webkit-center; margin: 0 auto; } img.mobile_logo { display: none; } header .sb_content h1 { display: table-cell; vertical-align: middle; padding-left: 25px; font-weight: bold; font-size: 32px; padding-right: 15px; white-space:nowrap; } header .sb_content input { width: auto; margin-bottom: 0; } header .searchform { position: absolute; z-index: 99; right: 5px; bottom: 5px; } header .viewcartbox { display: block; position: absolute; z-index: 99; right: 5px; top: 5px; } /* TOP AND BOTTOM BAR */ .sb_hpages { text-align: center; } nav.sb_hlinks { padding: 3px; } /* LEFT SIDEBAR */ .sidebar_left { padding: 1%; overflow: hidden; text-align: left; width: 20%; max-width: 300px; } .sidebar_left:hover { overflow: visible; } .sidebar_left div { margin-bottom: 15px; margin-top: 15px; } .sidebar_left div:first-child { margin-top: 0; } .sidebar_left ul li a { margin-top: 5px; margin-bottom: 5px; display: inline-block; } .sidebar_left .sb_vertical ul { margin-left: 1em; } .sidebar_left .sb_vertical ul:first-child { margin-left: 0; } .sidebar_left .sb_table ul li a img { max-width: 100%; } .sidebar_left .sb_bullets ul li img { margin-right: .25em; } .sidebar_left .sb_buttons li { background-repeat: no-repeat; text-align: center; vertical-align: middle; line-height: 20px; background-position: center; background-size: 100% 100%; margin-bottom: 5px; padding: 3px; } .sidebar_left .sb_buttons li a { display: block; width: 100%; height: 100%; } .sidebar_left input[type='text'] { width: 70%; } /* RIGHT SIDEBAR */ .sidebar_right { text-align: center; padding: 1%; width: 12%; } .sidebar_right ul li { margin-bottom: 40px; } .sidebar_right ul li p { margin-bottom: 0; } .sidebar_right .button { font-size: 14px; padding: .5em 0; display: block; width: 100%; } .sidebar_right img { max-width: 100%; } /* FOOTER */ footer { text-align: center; padding: 1px 0; } @media screen and (max-width: 1200px) { header { margin-top: 0; } } /* RESIZE SCREEN SETTINGS */ @media screen and (max-width: 800px) { header .sb_content h1 { display: block; margin: 0; } #overwrap { margin-top: 0; } section.mainwrap { padding: 5%; width: 100%; } header { padding: 2% auto; } header .sb_content { height: auto; text-align: center; } header .viewcartbox { display: none; } header .sb_content .sitelogo a { width: 75px; height: 75px; margin: auto; } header .sb_content .sitelogo { display: block; width: auto; text-align: center; } header .sb_content .sitelogo img { max-width: 98%; max-height: 98%; text-align: center; margin: auto; } img.logo_img:not(.mobile_img) { display: none; } img.mobile_logo, img.mobile_img { display: block; width: auto; text-align: center; } header .sb_content h1 { display: block; text-align: center; height: auto; padding: 0; font-size: 22px; margin-top: 5px; } header .searchform { display: none; position: relative; width: 100%; max-width: inherit; text-align: center; padding: 2%; margin: 0; } .sidebar_left { position: absolute; z-index: 1; width: 300px; padding: 2%; left: -900px; transition: all .5s; height: 0; } .sidebar_right { width: 100%; text-align: center; padding: 5%; } .sidebar_right ul li { display: inline-block; vertical-align: top; margin: 5%; } .sidebar_right .button { width: 125px; margin: auto; } .sbnav_tabs { height: auto; } .sbnav_tabs ul { float: none; } .sbnav_tabs ul li:hover > ul { display: none; } } @media screen and (max-width: 500px) { header .sb_content form { text-align: center; } }