/* BODY FONT AND SIZE */
html, body, div, td, nav, section {
font-family: 'Arial', ' Helvetica', sans-serif;
font-size: 10pt;
}
/* HTML5 display-role reset for older browsers */
article, aside, footer, header, menu, nav, section {
display: block;
}
body {
color: #989898;
background-color: #ffffff;
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: #989898;
}
a:hover {
color: #665541;
}
/* ALIGNMENTS */
.aleft {
text-align: left;
}
.acenter, .formcenter, .center {
text-align: center;
}
.aright {
text-align: right;
}
/* SMALL FONT SIZE */
.smfont {
font-size: 8pt;
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: #7f7f7f;
font-weight: bold;
}
/* ACCENT TEXT */
.accenttext {
color: #7f7f7f;
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: #665541;
font-weight: bold;
font-size: 24pt;
}
/* CELL COLOR FOR ACCENTS */
.accentcell {
background-color: #7f7f7f;
}
/* TABLE BORDER FOR ACCENTS */
.accenttable {
border: 1px solid #7f7f7f;
border-collapse: collapse;
}
/* EMAIL ITEM LINKS */
a.emailitem {
display: block;
margin: 10px 0;
color: #665541;
}
/* EMAIL FRIEND LINK */
.emailcolor {
color: #665541;
}
a.emailitem:hover, .emailcolor:hover {
color: #989898;
}
/* 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: #7f7f7f;
}
.pop_pg:hover {
color: #989898;
}
.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: 210px;
}
.product-single h3, .product-single h3 a {
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
.product-single div.product {
word-wrap: break-word;
margin-left: 200px;
}
/* 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: #7f7f7f;
}
div[class^='product-'] div.item-holder a:hover {
color: #665541;
}
.product-info {
clear: both;
padding: 5px;
}
.product-multi {
position: relative;
max-width: 14%;
min-height: 210px;
}
.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: 210px;
margin-bottom: 30px;
}
.product-detail .image-holder {
float: none !important;
padding: 0;
text-align: center !important;
}
.product-single .image-holder {
width: 200px;
float: left;
padding: 0 10px 0 0;
text-align: center;
}
.product-single .image-holder img {
max-width: 200px;
max-height: 200px;
}
.product-detail .image-holder img, .product-single .image-holder img {
max-width: 100%;
height: auto;
padding-bottom: 1cm;
float: none;
}
.product-multi .image-holder {
padding: 5px 5px 0;
min-height: auto;
}
.product-multi .image-holder img, .product-maincat .image-holder img {
width: auto;
height: auto;
max-width: 200px;
max-height: 200px;
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: 8pt;
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;
}
/* ZOOM IMAGE */
.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: 10pt;
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;
}
/* 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: #c7b7a5;
}
/* ERROR COLOR */
.error {
color: #c7b7a5;
}
/* AUTO ADD */
.autoadd {
color: #c7b7a5;
text-align: center;
}
/* LIMITED QUANTITIES */
.limitedqty {
text-align: center;
color: #c7b7a5;
}
/* 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: #665541;
}
.product-maincat a:hover {
color: #7f7f7f;
}
/* PAGE LINK */
.sb_pagination {
padding: 10px;
text-align: center;
}
.sb_pagination>div.pagedisplay {
margin-top: 15px;
}
.sb_pagination a, .sb_pagination a:hover, .sb_pagination span.selpage {
display: inline-block;
*zoom: 1;
*display: inline;
text-decoration: none;
color: #989898;
padding: 8px 10px;
margin: auto 4px;
text-align: center;
font-size: 1.1em;
}
.sb_pagination>div.pagedisplay>span, .sb_pagination>span.pagedisplay>span, .sb_pagination span.selpage {
font-weight: bold;
}
.sb_pagination .nopage {
opacity: 0.4;
filter: alpha(opacity=40);
pointer-events: none;
}
/* FEATURED ITEMS */
.featureditems {
display: block;
margin: 10px auto 30px;
}
.featureditems img {
max-height: 200px;
max-width: 100%;
height: auto;
width: auto;
}
.featureditems a {
color: #665541;
}
.featureditems a:hover {
color: #989898;
}
/* 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: #7f7f7f;
}
.relateditems a:hover {
color: #989898;
}
/* DRILL DOWN LINK */
a.drilldown {
color: #7f7f7f;
}
a.drilldown:hover {
color: #989898;
}
/* VIEW CART LINK */
.cartcolor {
color: #989898;
}
.cartcolor:hover {
color: #665541;
}
/* VIEW CART BOX */
.addcartbox {
max-width: 30em;
margin: 0 auto;
text-align: center;
background: #F4F4F4;
background: rgba(153, 153, 153, .15);
padding: 10px;
border-radius: 5px;
}
.addcartbox .check_mark {
position: relative;
display: inline-block;
*zoom: 1;
*display: inline;
vertical-align: middle;
width: 24px;
height: 24px;
background: ;
border-radius: 50%;
margin: 10px;
}
.addcartbox .check_mark span, .addcartbox .check_mark span:after {
display: block;
content: "";
position: absolute;
background: ;
}
.addcartbox .check_mark span {
top: 10px;
right: 3px;
height: 3px;
width: 14px;
-ms-transform: rotate(125deg);
-webkit-transform: rotate(125deg);
transform: rotate(125deg);
}
.addcartbox .check_mark span:after {
top: 2px;
left: 9px;
height: 3px;
width: 7px;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.addcartbox a, .addcartbox a:hover {
font-size: 1.1em;
text-decoration: none;
color: ;
background: ;
border: 1px solid ;
padding: 5px 10px;
margin-left: 10px;
border-radius: 5px;
}
/* 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: #ffffff;
color: #ffffff;
height: 1px;
border-top: 1px dotted #7f7f7f;
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;
}
.sb_main_override {
background: #F4F4F4;
background: rgba(153, 153, 153, .1);
padding: 10px;
border-radius: 5px;
}
.sb_main_override span {
display: block;
font-style: italic;
color: #AAAAAA;
color: rgba(0, 0, 0, .3);
font-size: .8em;
}
/* 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;
}
.sb_sociallinks {
text-align: center;
margin: auto;
}
.sb_sociallinks a {
text-decoration: none;
color: #CCCCCC;
}
.sb_sociallinks a:hover {
color: #CCCCCC;
}
.sb_sociallinks a > span.fa-stack > i.fa-circle {
color: #CCCCCC;
}
.sb_sociallinks a:hover > span.fa-stack > i.fa-circle {
color: #CCCCCC;
}
.sb_sociallinks a > span.fa-stack > i.fa-inverse, .sb_sociallinks a:hover > span.fa-stack > i.fa-inverse {
color: #000000;
}
/* 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: #989898;
text-decoration: underline;
cursor: pointer;
}
#addrevlink span:hover {
color: #665541;
}
/* 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: #ffffff 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: 10pt;
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;
}
.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: #ffffff;
}
/* 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%;
}
.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: #665541;
}
.sbnav_vertical ul li a:hover, nav[class^='sbnav_bu'] ul li a:hover {
color: #7f7f7f;
}
/* NAVIGATION - VERTICAL SUBCATEGORY LINKS */
.sbnav_vertical ul ul li a, nav[class^='sbnav_bu'] ul ul li a {
color: #665541;
}
.sbnav_vertical ul ul li a:hover, nav[class^='sbnav_bu'] ul ul li a:hover {
color: #989898;
}
/* NAVIGATION - VERTICAL END CATEGORY LINKS */
.sbnav_vertical ul ul ul li a, nav[class^='sbnav_bu'] ul ul ul li a {
color: #7f7f7f;
}
.sbnav_vertical ul ul ul li a:hover, nav[class^='sbnav_bu'] ul ul ul li a:hover {
color: #989898;
}
.sbnav_vertical ul li.sel>a, nav[class^='sbnav_bu'] ul li.sel>a {
font-weight: bold;
}
.sbnav_vertical img {
width: 100%;
max-width: 100%;
}
/* 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: #665541;
}
.sbnav_horizontal>ul>li>a:hover {
color: #7f7f7f;
}
.sbnav_horizontal>ul>li.sel>a, .sbnav_horizontal>ul>li.sel>a:hover {
font-weight: bold;
}
/* 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: #989898;
}
.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: #665541;
}
/* CATEGORY COLOR OVERRIDE */
.sbnav_vertical.sb_pages a.catcolor, .sbnav_horizontal.sb_pages a.catcolor, nav[class^='sbnav_bu'].sb_pages a.catcolor {
color: #665541;
}
.sbnav_vertical.sb_pages a.catcolor:hover, .sbnav_horizontal.sb_pages a.catcolor:hover, nav[class^='sbnav_bu'].sb_pages a.catcolor:hover {
color: #7f7f7f;
}
.sbnav_vertical.sb_pages a.subcatcolor, .sbnav_horizontal.sb_pages a.subcatcolor, nav[class^='sbnav_bu'].sb_pages a.subcatcolor {
color: #665541;
}
.sbnav_vertical.sb_pages a.subcatcolor:hover, .sbnav_horizontal.sb_pages a.subcatcolor:hover, nav[class^='sbnav_bu'].sb_pages a.subcatcolor:hover {
color: #989898;
}
.sbnav_vertical.sb_pages a.endcatcolor, .sbnav_horizontal.sb_pages a.endcatcolor, nav[class^='sbnav_bu'].sb_pages a.endcatcolor {
color: #7f7f7f;
}
.sbnav_vertical.sb_pages a.endcatcolor:hover, .sbnav_horizontal.sb_pages a.endcatcolor:hover, nav[class^='sbnav_bu'].sb_pages a.endcatcolor:hover {
color: #989898;
}
/* NAVIGATION - BAR */
.sbnav_bar {
text-align: center;
background-color: ;
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: ;
padding: 6px;
margin: 0;
}
.sbnav_bar li:hover {
background-color: ;
}
.sbnav_bar li:hover a {
color: ;
}
.sbnav_bar li.sel {
background-color: ;
}
.sbnav_bar li.sel a {
color: ;
}
/* 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: ;
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: ;
display: block;
width: 100%;
white-space: normal;
}
.sbnav_dropmenu li:hover {
background-color: ;
}
.sbnav_dropmenu li:hover>a {
color: ;
}
.sbnav_dropmenu ul > li > ul {
display: none;
}
/* subcategory background/border color */
.sbnav_dropmenu ul li:hover > ul {
background-color: ;
}
/* highlighted subcategory background */
.sbnav_dropmenu ul li ul li:hover {
background-color: ;
}
/* highlighted subcategory text */
.sbnav_dropmenu ul li ul li:hover > a {
color: ;
}
/* active entry */
.sbnav_dropmenu ul li.sel, .sbnav_dropmenu ul li ul li.sel:hover {
background-color: ;
}
.sbnav_dropmenu ul li.sel > a, .sbnav_dropmenu ul li ul li.sel:hover > a {
color: ;
}
/* 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: 95%;
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;
left: 100%;
}
.sbnav_flyout ul li:hover ul {
top: 0;
}
/* 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: ;
}
/*general text color */
.sbnav_flyout ul li a, .sbnav_flyout ul li ul li a {
color: ;
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: ;
}
/* hover text color - optional */
.sbnav_flyout ul li:hover > a {
color: ;
text-decoration: none;
}
/* active category background */
.sbnav_flyout ul li.sel > a {
display: block;
background-color: ;
margin: 0;
padding: 10px;
}
/* active category text */
.sbnav_flyout ul li.sel > a {
color: ;
}
/* 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: ;
text-align: center;
}
.sbnav_table li a {
color: ;
text-decoration: none;
}
.sbnav_table li:hover {
background-color: ;
}
.sbnav_table li:hover a {
color: ;
}
.sbnav_table li.sel {
background-color: ;
}
.sbnav_table li.sel a {
color: ;
}
/* 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-bottom: none;
background: ;
color: ;
}
.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: ;
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: ;
color: ;
}
.sbnav_tabs ul li.sel>a {
background: ;
color: ;
}
/* MOBILE MENU */
ul.mobile-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
background-color: ;
}
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: ;
font-size: 12pt;
}
ul.mobile-menu li:hover {
color: ;
background-color: ;
}
ul.mobile-menu li:hover a:hover {
color: ;
}
@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: ;
text-align: center;
color: ;
}
.sb_hpages nav.sb_hlinks ul li a {
display: block;
width: 100%;
vertical-align: middle;
padding: 5px 0;
color: ;
}
}
@media screen and (min-width: 800px) {
.sbnav_dropmenu ul li {
min-height: 30px;
background-color: ;
}
.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: block;
z-index: 0;
}
img.logo_img {
display: table-cell;
}
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;
}
.sbnav_flyout ul li:hover ul, .sbnav_flyout ul li:hover ul>li:hover>ul {
left: 5%;
}
.sbnav_flyout ul li:hover ul {
top: 100%;
}
}
@media screen and (max-width: 500px) {
header .sb_content form {
text-align: center;
}
}