@import url("../webfonts/SourceSansPro_Semibold/stylesheet.css"); @import url("../webfonts/OpenSans_Semibold/stylesheet.css"); @import url("../webfonts/OpenSans_Bold/stylesheet.css"); @import url("../webfonts/PTSans_NarrowBold/stylesheet.css"); /* Web Font */ /* A font by The League of Moveable Type -> http://www.theleagueofmoveabletype.com @font-face { font-family: "LeagueGothic"; src: url(/webfonts/LeagueGothic.otf) format("opentype"); } */ /* Master link colors */ /* get rid of those system borders being generated for A tags */ #addToCartBttn { display: none !important; } .row500 { display:none !important; } .row5000 { display:none !important; } img { border:none; outline:none; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } input { border: 1px solid #ACACAC; border-radius: 3px !important; font-size: 1.2em !important; } textarea { border: 1px solid #ACACAC !important; border-radius: 3px !important; font-size: 1.2em !important; } a:active { outline:none; } a:link, a:visited { color: #eb0124; text-decoration:none; } a:hover, a:active { color: #eb0124; text-decoration:underline; } /* Link Transition - If you want it */ .thumbBox { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; } .hide-color { display: none; } /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, .xsmHdr, h4, .xxsmHdr, h5, .xxxsmHdr, h6 { font-weight: normal; color: #000000; font-family: PTSans-NarrowBold, "PT Sans Narrow Bold", Arial, sans-serif; line-height: normal; } .lrgHdr, h1 { font-size: 27px; color:#CD1518; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #accountWrap h1 { color:#273D65; } .storetypeBox a:link, .storetypeBox a:visited, .storetypeBox a:hover .storetypeBox, a:active { color: #232323; } #accountWrap a:link, #accountWrap a:visited { color: #484848; text-decoration:none; } #accountWrap a:hover, #accountWrap a:active { color: #273D65; text-decoration:underline; } .medHdr, h2 { font-size: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .smHdr, h3 { font-size: 22px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .snaptypeImage h3 { height:60px; margin-top:30px; } .snaptypeImage a:link, .snaptypeImage a:visited { color: #484848; text-decoration:none; } .snaptypeImage a:hover, .snaptypeImage a:active { color: #747474; text-decoration:underline; } .xsmHdr, h4 { font-size: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxsmHdr, h5 { font-size: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .checkoutHdr { font-weight: bold; color: #273D65; font-family: PTSans-NarrowBold, "PT Sans Narrow Bold", Arial, sans-serif; line-height: normal; font-size: 28px; } .smallPrintTd { word-wrap: break-word; overflow-wrap: break-word; padding:6px; } .pink { color:#C71089; } .green { color:#027B45; } .purple { color:#58328D; } .pinkButton { background-color:#C71089; } h5 b { color: rgba(189,8,35,1.00); } .xxxsmHdr,h6 { font-size: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /* Content text */ .largeText { font-size: 16px; } .bodyText { font-size: 13px; } .medText { font-size: 14px; } .smText { padding-top:10px; font-size: 13px; } .xSmText { padding-top:10px; font-size: 9px; line-height: 10px; } .smPrintText { padding-left:8px; padding-top:8px; font-size: 11px; } /* Content Stuff */ body { /* Use #bodyGoods for background styles */ font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 13px; margin: 0px; line-height: 1.6em; } p { margin-top: 0px; padding-top: 0px; } /*#accountLinksBox a:link, #accountLinksBox a:visited { color:#ffffff; } #accountLinksBox a:active, #accountLinksBox a:hover { color:fe0101; } #accountLinksBox a { display: block; float: left; white-space: nowrap; text-align: center; } #accountLinksBox #homelink { border-bottom: 7px solid #ff0101; height: 38px; padding-top: 13px; width: 35px; } #accountLinksBox #homelink:hover { } #accountLinksBox #myaccountlink, #accountLinksBox #loginlink, #accountLinksBox #wholesale { border-bottom: 7px solid #838383; height:28px; padding-top:23px; } #accountLinksBox #myaccountlink { width: 105px; } #accountLinksBox #loginlink { width: 58px; } #accountLinksBox #wholesale { width: 95px; }*/ #accountLinksBox #myaccountlink:hover, #accountLinksBox #loginlink:hover { /*border-bottom: 7px solid #ff0101;*/ } #addressBox { } .allslides { list-style-type: none; } .allslides > ul { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 15px; } .allslides img { width: 65px; } .allslides li { display: block; float: left; } .randomslides { list-style-type: none; } .randomslides > ul { margin: 0px; padding: 0px; list-style-type: none; margin-bottom: 15px; } .randomslides img { width: 120px; } .randomslides li { display: block; float: left; } #bodyArea { width: 970px; margin-right: auto; margin-left: auto; } #bodyBg { } #bodyGoods { /* Used for background styles */ background-color: #f4f4f4; background-image: url(/mainimages/backgroundSnaps.png); } .buttonsSm, .buttonsXSm, .formbutton{ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -opera-border-radius: 4px; border-radius: 4px; padding: 10px; margin: 10px; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px dashed #fff; box-shadow: 0 0 0 2px #696a65, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); } .byte-pageactions a, .action, .accHistoryButton, .accButton{ margin: 10px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.3em; border: 1px #fff; background-color: #848484; } .action, .byte-pageactions a { /* [disabled]background-image: url(/mainimages/buttonbg.png); */ background-repeat: repeat-x; background-position: left center; display: inline-block; margin: 5px; padding: 5px 10px; font-weight: bold; font-size: 14px; background-color: #434343; /* Rounded Corners*/ /*-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; overflow: hidden;*/ } .buttons a, .accHistoryButton { display: inline-block; margin: 20px; text-align:center; padding: 5px 10px; font-weight: bold; color: #fff !important; font-size: 12px; border: 1px solid #906006; background-color: #F8A325; text-decoration: none; } .buttons a:hover { display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color: #fff; font-size: 12px; background-color: #696a65; text-decoration: none; } .remove { display: inline-block; margin: 4px; text-align: center; border: 1px solid #D2BCBD; padding: 3px 7px; font-weight: bold; color: #C2ABAC !important; font-size: 12px; background-color: #FFF; text-decoration: none; } .remove:hover { display: inline-block; margin: 4px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 3px 7px; font-weight: bold; color: #fff !important; font-size: 12px; background-color: #AFAFAF; text-decoration: none; } .active a { display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color: #fff; font-size: 12px; background-color: #696a65; text-decoration: none; } .active a:hover { display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color: #fff; font-size: 12px; background-color: #424242; text-decoration: none; } .stichButtons a { display: inline-block; margin: 20px; text-align:center; padding: 5px 10px; font-weight: bold; text-decoration: none; font-size:16px; color:#6F6F6F; } .stichButtons a:hover { display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color:#020202; } .fa-caret-right { display:none; } /* new Buttons */ .buttonPadding { padding: 8px !important; padding-left: 14px !important; padding-right: 14px !important; margin: 8px; } .button a, .buttonRed a, .buttonOrange a, .buttonGreen a, .buttonMag a { color:#FFFFFF; text-decoration:none; } .button { font-family: 'OpenSans Semibold' !important; font-weight:600; letter-spacing: .02em; padding-left:14px !important; padding-right:14px !important; display: inline-block; position: relative; overflow: hidden; height: auto; padding: 4px 6px; font-size: 1.2em; color:#FFFFFF !important; text-align: center; text-decoration: none !important; text-shadow: 0 1px #363636; background-color: #572d93; background-clip: padding-box; border: 3px solid; border-color: #572d93 #572d93 #572d93; border-radius: 22px !important; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); } .button:before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -20%; right: -20%; border-radius: 50%; background: transparent; -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); } .button:hover { background-color: #362155; text-decoration:none; } .button:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #154c86; background: #572d93; border-color: #572d93 #572d93 #572d93; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #572d93, #6F3B99); background-image: -moz-linear-gradient(top, #572d93, #6F3B99); background-image: -o-linear-gradient(top, #572d93, #6F3B99); background-image: linear-gradient(to bottom, #572d93, #6F3B99); } .button:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } .buttonRed { font-family: 'OpenSans Semibold' !important; font-weight:600; letter-spacing: .02em; padding-left:14px !important; padding-right:14px !important; display: inline-block; position: relative; overflow: hidden; height: auto; padding: 4px 6px; font-size: 1.2em; color:#FFFFFF !important; text-align: center; text-decoration: none !important; text-shadow: 0 1px #363636; background-color: #D00003; background-clip: padding-box; border: 3px solid; border-color: #D00003 #D00003 #D00003; border-radius: 22px !important; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); } .buttonRed:before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -20%; right: -20%; border-radius: 50%; background: transparent; -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); } .buttonRed:hover { background-color: #A71E1F; text-decoration:none; } .buttonRed:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #780001; background: #BF7A7B; border-color: #572d93 #572d93 #572d93; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #572d93, #6F3B99); background-image: -moz-linear-gradient(top, #572d93, #6F3B99); background-image: -o-linear-gradient(top, #572d93, #6F3B99); background-image: linear-gradient(to bottom, #572d93, #6F3B99); } .buttonRed:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } .hideButton { display: none !important; } .buttonOrange { font-family: 'OpenSans Semibold' !important; font-weight:600; letter-spacing: .02em; padding-left:14px !important; padding-right:14px !important; display: inline-block; position: relative; overflow: hidden; height: auto; padding: 4px 6px; font-size: 1.2em; color:#FFFFFF !important; text-align: center; text-decoration: none !important; text-shadow: 0 1px #363636; background-color: #F19006; background-clip: padding-box; border: 3px solid; border-color: #C78700 #C78700 #C78700; border-radius: 22px !important; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.04)); } .buttonOrange:before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -20%; right: -20%; border-radius: 50%; background: transparent; -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); } .buttonOrange:hover { background-color: #C27B20; text-decoration:none; } .buttonOrange:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #563A00; background: #EBCE79; border-color: #563A00 #563A00 #563A00; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #572d93, #6F3B99); background-image: -moz-linear-gradient(top, #572d93, #6F3B99); background-image: -o-linear-gradient(top, #572d93, #6F3B99); background-image: linear-gradient(to bottom, #572d93, #6F3B99); } .buttonOrange:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } .buttonGreen { font-family: 'OpenSans Semibold' !important; font-weight:600; letter-spacing: .02em; padding-left:14px !important; padding-right:14px !important; display: inline-block; position: relative; overflow: hidden; height: auto; padding: 4px 6px; font-size: 1.2em; color:#FFFFFF !important; text-align: center; text-decoration: none !important; text-shadow: 0 1px #363636; background-color: #11793B; background-clip: padding-box; border: 3px solid; border-color: #0D4C26 #0D4C26 #0D4C26; border-radius: 22px !important; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); } .buttonGreen:before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -20%; right: -20%; border-radius: 50%; background: transparent; -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); } .buttonGreen:hover { background-color: #0D4C26; text-decoration:none; } .buttonGreen:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #0D4C26; background: #97CAAB; border-color: #0D4C26 #0D4C26 #0D4C26; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #572d93, #6F3B99); background-image: -moz-linear-gradient(top, #572d93, #6F3B99); background-image: -o-linear-gradient(top, #572d93, #6F3B99); background-image: linear-gradient(to bottom, #572d93, #6F3B99); } .buttonGreen:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } .buttonMag { font-family: 'OpenSans Semibold' !important; font-weight:600; letter-spacing: .02em; text-rendering: optimizeLegibility !important; padding-left:14px !important; padding-right:14px !important; display: inline-block; position: relative; overflow: hidden; height: auto; padding: 4px 6px; font-size: 1.2em; color:#FFFFFF !important; text-align: center; text-decoration: none !important; text-shadow: 0 1px #363636; background-color: #E41CEA; background-clip: padding-box; border: 3px solid; border-color: #9B149F #9B149F #9B149F; border-radius: 22px !important; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 61%, rgba(0, 0, 0, 0.04)); } .buttonMag:before { content: ''; position: absolute; top: -25%; bottom: -25%; left: -20%; right: -20%; border-radius: 50%; background: transparent; -webkit-box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 38px rgba(255, 255, 255, 0.5); } .buttonMag:hover { background-color: #9B149F; text-decoration:none; } .buttonMag:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #B78CB9; background: #9B149F; border-color: #9B149F #9B149F #9B149F; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #572d93, #6F3B99); background-image: -moz-linear-gradient(top, #572d93, #6F3B99); background-image: -o-linear-gradient(top, #572d93, #6F3B99); background-image: linear-gradient(to bottom, #572d93, #6F3B99); } .buttonMag:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } .lrg { font-size:21px !important; padding: 5px !important; padding-left: 15px !important; padding-right: 17px !important; } .sml { font-size: 13px !important; } /* end new Buttons */ .stichButtonLrg { display: inline-block; margin: 20px; text-align:center; padding: 3px 5px !important; font-weight: bold; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -opera-border-radius: 5px; border-radius: 5px; color: #fff; border: 1px dashed #fff; box-shadow: 0 0 0 4px #de696f, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); background-color: #de696f !important; text-decoration: none; font-size: 1.3em; width: 68% !important; } .stichButtonLrg:hover{ display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -opera-border-radius: 5px; border-radius: 5px; color: #fff; border: 1px dashed #fff; box-shadow: 0 0 0 4px #696a65, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); background-color: #696a65; text-decoration: none; font-size: 1.3em; } .formbuttonLrg { display: inline-block; margin: 20px; text-align:center; padding: 5px 10px; font-weight: bold; color: #fff; border: 1px solid #906006; background-color: #F8A325; text-decoration: none; font-size: 1.3em; } .formbuttonLrg:hover{ display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color: #fff; background-color: #696a65; text-decoration: none; font-size: 1.3em; } .action, .byte-pageactions a { text-decoration: none; } formbutton:hover, .action:hover, .byte-pageactions a:hover, .accHistoryButton:hover, .accButton:hover { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; background-color: #8E8E8E; color: #FFF !important; text-decoration: none; } .buttonsSm, #list_tree .action { border: 1px solid #6B6B6B; background-color: #545353; } .buttonsSm, #list_tree .action { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left center; display: inline-block; margin: 2px; padding: 3px 10px; font-weight: bold; font-size: 11px; /* Rounded Corners*/ /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; -opera-border-radius: 5px; overflow:hidden;*/ } .buttonsSm a:link, .buttonsSm a:visited, .buttonsSm, #list_tree .action:visited { color: #FFFFFF; text-decoration: none; } .buttonsSm a:active, .buttonsSm a:hover, .buttonsSm:hover, #list_tree .action:hover { color: #eb0124 !important; text-decoration: none; } .buttonsXSm { display: inline-block; margin: 3px; padding: 3px 6px; font-size: 11px; border: none; box-shadow:none; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; background-color: #8E8E8E; color: #FFF !important; text-decoration: none; } .buttonsXSm a:link, .buttonsXSm a:visited { text-decoration: none; color: #FFF !important; background-color: #8E8E8E; } #byte_breadcrumb { font-size: 16px; margin: 2px; /*color: #054D5E;*/ /* Rounded Corners -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; -opera-border-radius: 6px; overflow:hidden;*/ line-height: normal; padding-top: 5px; padding-right: 0px; padding-bottom: 8px; } #byte_breadcrumb a:link { /*color: #0E7B9C; text-decoration: underline;*/ } #byte_breadcrumb a:hover { /*color: #054D5E !important; text-decoration: none;*/ } #bytelinkBox { } #bytelinkBox a { color: #B6B6B6; } #captchaBox { border: 1px solid rgba(238,238,238,1.00); margin-top:10px; } #captchaImg { } #captchaInput { } #captchaInput input { margin-top: 8px; padding: 3px; width: 90px; } .clear { clear: both; height: 0px; margin: 0px; padding: 0px; } #cartText a { color: #FFFFFF; } #cartBttn { /* [disabled]width: 65%; */ padding-right: 5px; text-align: right; padding-left: 5px; } #cartText { padding-top: 5px; text-align: left; } .catalogBox { margin: 5px; border: 1px solid #000; padding:0px; } .catalogBox2 { margin: 5px; border: 1px solid #000; padding:0px; } .catalogBox3 { margin: 5px; width:100%; display:block; } .catalogBox4, .catalogBox5 { margin: 5px; display:block; } .catalogBox th, .catalogBox2 th { background-color:#000000; color:#FFFFFF; font-weight:bold; font-size:1.2em; padding:4px; text-align:center; } .catalogBox tr td, .catalogBox2 tr td { padding:10px; background:#FFFFFF; } .catalogBox2 li { margin-left:20px !important; } #chooseColorBox .pick { position: relative; } #sizeTextBox p:last-of-type, #colorTextBox p:last-of-type { margin-bottom:0px; padding-bottom:0px; } #contentArea { min-height: 420px; } #contentBox { } #contentBoxBg { } #contentBoxBttm { } .contentPadding { padding-top: 25px; padding-bottom: 25px; padding-left: 0px; padding-right: 0px; } .contentPadding ul { padding-top: 0px; padding-right: 0px; padding-left: 15px; padding-bottom: 0px; } .contentPadding li { margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; padding: 0px; } #copyright { font-size: 10px; color: #717171; } #emailsignupBox { } #emailsignupBox b { color: #032289; text-transform: uppercase; letter-spacing: 1px; font-size: 9px; margin-bottom: 5px; display: block; } #enewsemail { padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; width: 120px; } #enewsbutton { background-color: #0E2157; border-style: none; color: #FFFFFF; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; } .errors { font-size: 13px; color: #BB0000; } /*Fade rotation description box and dots */ .fadeslidedescdiv { text-shadow: 0px 0px 2px #000000; line-height:18px; font-size:12px; top:65% !important; left:47% !important; max-width:500px !important; margin:0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; overflow:hidden; } .fadeSlideDesc { padding: 3%; } .descpanelbg { } .descpanelfg { } .descpanelfg .close { display:none; } .descpanelbg { } #hilightBugDiv{ position:relative; height:0px; top:-80px; left:30px; z-index:1000; } .hilightBugPadding{ padding-left:20px; } .hilightBugPaddingTrans{ padding-left:20px; opacity:0.6; filter:alpha(opacity=40); /* For IE8 and earlier */ } /*end*/ #footerBox { } #footerNav { padding-top: 0px; color: #6e6e6e; } #footerNav b { padding-top: 0px; color: #6e6e6e; padding-bottom: 0px; border-bottom: 1px #6e6e6e solid; font-weight: bold; display: block; } #footerNav a:link, #footerNav a:visited { color: #6e6e6e; text-decoration: none; } #footerNav li { padding-right: 0px; padding-left: 0px; padding-bottom: 4px; } #footerNav ul { margin: 8px 0px 15px; padding: 0px; list-style-type: none; } #footerNav ul li div { display: none; } form { margin: 0px; padding: 0px; } .formbutton { /*background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left center;*/ color: #FFF; padding: 4px; } .fileupload { padding: 4px; margin: 8px 0px 8px 0px; border: solid 1px #666; background-color: #CCC; } #hdrmetal, .hdrmetal { background-color: #818181; color: #FFFFFF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; /*margin-top: 20px;*/ margin-bottom: 5px; font-weight: bold; float: none; clear: both; } #hdroverstock, .hdroverstock { background-color: #B7B7B7; color: #FFFFFF; /*margin-top: 20px;*/ margin-bottom: 5px; padding: 5px; font-weight: bold; float: none; clear: both; } #header-search { } #header-search-bttn { background-color: #000000; border-style: none; background-image: url(/mainimages/search-bttn-black.png); width: 27px !important; height: 27px; color: #FF0001; background-repeat: no-repeat; background-position: center center; } .linebreak { margin-top: 15px; padding-bottom: 24px; border-top-width: 1px; border-top-style: solid; border-top-color: #939598; clear: both; } .linebreakvert { margin-left: 20px; padding-right: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #939598; } #loginBox #submit { background-color: #eb0124; color: #FFFFFF; border: 1px solid #504f4f; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; margin-left: 4px; margin-right: 4px; width: 12%; } .login { border: 1px solid #906006; background-color: #F8A325; text-decoration: none; color: #FFFFFF; width: auto !important; } .login:hover { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; color: #fff; background-color: #696a65; text-decoration: none; } #loginBox #username { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; width: 188px; border: 1px solid #504f4f; } #loginBox #password { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; width: 188px; border: 1px solid #504f4f; } #loginBox #logintext { font-size: 14px; margin-right: 10px; } #loginBox a { color: #FFFFFF; } #logoSpacing { } #navBar { } #navbarBox { } .photoLeft, .photoRight { font-size:10px; color:#5C5C5C; } .photoLeft img, .photoRight img { margin-bottom:5px; } .photoLeft { } .photoRight { } #productDetailBox { background-color: #EEEEEE; } .productImageBox { text-align: center; padding-bottom: 10px; background-color: #FFFFFF; padding-top: 10px; margin-bottom: 10px; } .productImageBox img { max-width: 204px; max-height: 224px; } #smaller img { width:40%; } #productInfoBox { padding-bottom: 20px; font-size: 1.2em; line-height: normal; } #productInfoBox li { padding-bottom: 5px !important; } #productInfoBox ul{ margin-left:30px; } #productQtyBox { } #productQtyBox table { } #productQtyBox td { padding: 4px; } #productQtyBox div { padding-bottom: 5px; text-align: center; } #productQtyBox .qty { } #productQtyBox .qty input { width: 30px !important; } #productQtyBox .price { font-weight: bold; /*white-space: nowrap;*/ } #productQtyBox .sets { font-size: 0.9em; } #productQtyBox .total { font-weight: bold; font-size: 1.3em; padding: 8px 8px 8px 4px; background-color: #000000; color: #FFFFFF; } #productOptionsBox { padding-top: 20px; margin-bottom: 20px; font-size: 1.2em; } .slides #selected { background-color: #F4F4F4; /*border: 1px solid #E5DBF2; - On page - Snap size color*/ } #sideBar { } #sidebarBox { } #sociallinksBox { } #sociallinksBox img { margin-right: 4px; margin-left: 4px; margin-bottom: 8px; } .storetypeBox strong { text-align: right; float: right; clear: left; } .tableBorderCart h3, .tableBorderCart .smHdr { font-size: 18px; } .tableBorderCart { font-size: 14px; padding: 5px; } .tableBorderCartSmall { font-size: 14px; padding: 5px; border: 1px solid #717171; } .tableBorderCartSmall td { border-top: 1px solid #717171; border-left: 1px solid #717171; } .tableBorder { font-size: 12px; padding: 5px; border: 1px solid #000000; } .tableCell1 { padding: 8px; } .tableCell1Col { padding-left: 3px; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; border-bottom: 1px solid #DDDDDD; } .tableCell2 { padding: 8px; background-color: #EEEEEE; } .tableCell2Col { padding: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; background-color: #EEEEEE; } .tableFooter { padding: 3px; border-bottom: 3px solid #000000; } .tableFooter2 { padding: 3px; border-bottom: 3px solid #000000; background-color: #EEEEEE; } .days { font-family: PTSans-NarrowBold, "PT Sans Narrow Bold", Arial, sans-serif; background-color: #FFF; font-size: 17px; color:#273D65; border-bottom-style: solid; border-bottom-color: #BABABA; padding:13px; font-weight:bold; margin-top:30px; } .tableHeaderCol { background-color: #555555; font-size: 14px; color: #FFFFFF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #444444; border-left-width: 2px; border-left-style: solid; border-left-color: #444444; padding:10px; font-weight:bold; } .storeButton { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:8px; border: 1px solid #ACACAC; background-color: #C7C7C7; color:#000000; text-align:center; padding-left:20px; padding-right:20px; margin-bottom:40px; } .sBactive { background-color: #6C6B6B; color:#FFF; text-decoration:underline; } .storeButton a:hover, .storeButton a:active, .storeButton a:link, .storeButton a:visited { text-decoration:underline; color:#000000; } .login { background-clip: #F8A325; } .tableHeaderCol a,.tableHeaderCol a:visited{ color:#FFF; text-decoration:none; } .tableHeader2 { background-color: #BBBBBB; padding: 5px; font-size: 12px; font-weight: bold; color: #000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } .tableHeader2Col { background-color: #BBBBBB; font-size: 16px; color: #FFFFFF; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #444444; border-left-width:1px; border-left-style: solid; border-left-color: #444444; padding:10px; font-weight:bold; } .tableHeader2Col a,.tableHeader2Col a:visited,.tableHeader2Col a:hover,.tableHeader2Col a:focus{ color:#000; text-decoration:none; } .tableHeader3 { background-color: #777777; padding: 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; text-decoration:none } .tableHeader3Col { padding: 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; border-left-width: 1px; border-left-style: dotted; border-left-color: #888888; background-color: #777777; } .tableRow1 { padding-right: 8px; /* [disabled]padding-left: 20px; */ padding-bottom: 4px; padding-left: 4px; } .tableRow1Col { padding: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; } .tableRow2 { padding-right: 8px; /* [disabled]padding-left: 20px; */ padding-bottom: 4px; padding-left: 4px; } .tableRow2Col { padding: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #888888; border-left-width: 1px; border-left-style: solid; border-left-color: #DDDDDD; background-color: #EEEEEE; } /* looks for tables with "byte-table" class */ table.byte-table { width: 100%; } .tableStyle, .byte-table { margin-bottom: 12px; } .tableStyle label, .byte-table label { font-weight: bold; } /* table row mouseover */ /*.tableStyle tr:hover,*/ .byte-table tr:hover { background-color: transparent; } .byte-table .nohover tr:hover { background-color: transparent; } .byte-table td.odd { background-color: transparent; } .tableStyle td, .byte-table td { padding: 8px; } .tableStyle td table td, .byte-table td table td { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 6px; } .tableStyle tr td table, .byte-table tr td table { width: 100%; } .tableStyle th, .byte-table th { font-size: 18px; font-weight: normal; color: #FFFFFF; background-color: #000; text-align: left; padding: 8px; height: 18px; line-height: normal; } .tableStyle th a, .byte-table th a { font-size: 18px; font-weight: normal; } .tableStyle th a:active, .byte-table th a:active { color: #FFFFFF; } .tableStyle th a:hover, .byte-table th a:hover { color: #FFFFFF; } .tableStyle th a:link, .tableStyle th a:visited, .byte-table th a:link, .byte-table th a:visited { color: #FFFFFF; } /* (alternating table rows) table background row 2 */ .tableStyle .rowcolor, .byte-table .rowcolor, .byte-table tr:nth-child(odd), .tableStyle tr:nth-child(odd) { background-color: transparent; } /* (alternating table rows) table background row 1 */ .byte-table tr:nth-child(even), .tableStyle tr:nth-child(even) { } .byte-table tbody tr:last-of-type, .tableStyle tbody tr:last-of-type { } .isRequired { display: block; width: 91%; height: 20px; border: 1px solid #C91316; color: #C91316; padding: 5px; padding-top: 6px; padding-left: 6px; font-size: 1.1em; border-radius: 3px; margin-bottom: 8px; } .isReq { color: #C91316; font-size: 1.3em; } /* Use class="table-responsive" in a div around tables to allow them to scroll on smaller screens - Prevents page blowout */ .qtyBoxes { background-color:#FFF !important; width: auto !important; } .qtyInput { width: 49px !important; background-color: #FFF !important; } .strike { font-size:10px; position: relative; display: inline-block; } /*.strike::before { content: ''; border-bottom: 1px solid red; width: 100%; position: absolute; right: 0; top: 50%; } */ .widthAuto { width:auto !important; } #topBar { } #topbarBox { background-color: #000000; color: #FFFFFF; } .thumbBoxLink a:link, .thumbBoxLink a:visited { color: #000000; } .thumbBoxLink a:hover, .thumbBoxLink a:active { color: #eb0124; text-decoration:none; } /* Management Menu */ /*/ To edit the manage menu text colors edit * #p7PMnav a {} //font color for menu * #p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {} //font hover,ect * #p7PMnav .p7PMmark {} // current page marker /*/ .manageMainMenuBorder { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; padding: 0px; border: 1px solid #000000; } .manageMainMenu { background-color: #EEEEEE; color:#FFFFFF; padding: 3px; } .manageMainMenu a:hover { background-color: #FFFFFF; color:#FFFFFF; letter-spacing: 0.01px; } .manageSubMenu { background-color: #EEEEEE; padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBBBBB; } .manageBox { background-color: #FFFFFF; padding: 5px; border: 1px solid #222222; min-width: 700px; } .tableRowAttention { padding-top: 8px; padding-right: 8px; /* [disabled]padding-left: 20px; */ padding-bottom: 7px; padding-left: 2px; background-color: #DADADA; color:#414141; } .tableRowAttention a:link, .tableRowAttention a:visited { color: #FFFFFF; text-decoration: underline; } .tableRowAttention a:hover { color: #FFFFFF; text-decoration: none; } .tableRowAttention a:active { color: #EEEEEE; text-decoration: none; } .tableRowAttentionBubbles { background-color: #FFD4C8; padding: 4px 5px 4px 5px; color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; } .tableRowAttentionCol { background-color: #CC3333; padding: 5px; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; border-left-width: 1px; border-left-style: dotted; border-left-color: #555555; } .tableRowAttentionCol a:link, .tableRowAttentionCol a:visited { color: #FFFFFF; text-decoration: underline; } .tableRowAttentionCol a:hover { color: #FFFFFF; text-decoration: none; } .tableRowAttentionCol a:active { color: #EEEEEE; text-decoration: none; } /* Image Gallery Styles */ .cms-img-gal-name{} .cms-img-gal-desc{} .cms-img-gal-cell { width: 158px; padding-top: 5px; padding-bottom: 5px; vertical-align:top; text-align:center; } .cms-img-gal-table { width: 650px; } /* Contact Form Styles */ .tableStyle .rowcolor, .byte-table tr { background-color: transparent; } #cms-formmailer .byte-table { border:0px; } #cms-formmailer .byte-table td { border:0px; padding:2px; } #cms-formmailer .byte-table th { font-size: 12px; font-weight: normal; color: #143359; background-color: transparent; text-align: right; line-height: normal; margin: 0px; padding: 0px; } div #cms-formmailer { margin-left:10px; margin-right:10px; } div #cms-formmailer h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } div #cms-formmailer .formmailer-text { width: 100%; border: none; border: 1px solid #656565; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; } #formmailer-introtext h3, #formmailer-introtext h5 { margin-left:5%; width: 100%; } #cms-formmailer-submit { background-color:#18c572; } .formmailer-textbox { width: 100%; height: 50px; border: 1px solid #656565; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; -opera-border-radius: 10px; } #cms-formmailer .elements { width: 93%; margin-left:3%; margin-right:3%; } .byte-table h3 { font-weight:normal; font-size: 18px; } #cms-formmailer input[type="radio"] { display:block; margin-left: 10px; margin-right: 10px; height:20px; float:left; } #cms-formmailer label { display:block; margin-bottom: 6px; margin-left: 19px; } /* Blog Styles */ #cms-featured-rss h4 { font-weight: bold; } #blog-list .pubDate, #blog-view .pubDate { color: #517A23; } #blog-list .blog-post h2 a { color: #543019; text-decoration: none; } #blog-list .blog-post h2 {} #blog-list .blog-post .preview {} #blog-list .blog-post a.more {} #blog-list .blog-post .preview p { margin-bottom:0; padding-bottom:0; } #blog-list div.blog-post { margin-bottom: 10px; padding: 15px; border: 1px solid #ccc; } #blog-list .comments-block { margin-top: 5px; } #blog-view h1 {} #blog-view .author { color: #B99366; } #blog-view .post {} #blog-comments h1 { padding-bottom: 10px; padding-top: 10px; } #blog-comments .blog-comment { margin: 5px 25px 5px 25px ; } #blog-comments .blog-comment .insertTs { color: #005A84; } #blog-comments .blog-comment .name { color: black; } #cms-content-body .blog-rss { float: right; } .comments-block { padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; /*border: 1px solid #FDA022;*/ background-color: #EEE; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; } .more-block { text-align: right; padding-bottom: 8px; } .more-block a { margin-bottom: 6px; padding: 4px 8px; background-color: #000; display: block; float: right; clear: both; color: #FFF; /* Rounded Corners*/ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -khtml-border-radius: 7px; -opera-border-radius: 7px; } .more-block, .comments-block, .preview, .preview img { float: none; clear: both; } /* *** Calendar Table Styles *** */ table.calendar-table { border-collapse: collapse; } .calendar-table { font-size: 11px; border: 1px solid #B3CAE1; margin-bottom: 12px; background-color: #fff; } .calendar-table th { font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #3D68A7; padding: 2px; height: 18px; line-height: normal; } .calendar-table tr:hover { background-color: #FAFAFA; } .calendar-table td { width: 25px; } .calendar-table .leftline { border-left: 2px solid #CCC; } /* Large Calendar Table */ #cms-eventcalendar-calendar .calendar-month { font-size: 18px; padding: 10px 20px 5px; } #cms-eventcalendar-calendar .day { height: 126px; } /* Small Calendar Table */ #calendar-widget .calendar-month { font-size: 12px; padding: 10px 10px 5px; } /* Universal Calendar Table Styles */ .calendar-block { padding: 20px; margin-top: 10px; margin-bottom: 10px; /* Rounded Corners*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; -opera-border-radius: 6px; overflow:hidden; border: 1px solid #CCC; } #event-calendar hr { display: none; } .event-date, .detail-date { color:#000; font-weight:bold; } .calendar-label { /*padding-right: 20px; padding-left: 10px;*/ } .calendar-label label { font-size: 9px; } #embed-calendar-labels .calendar-label-box { height: 10px; width: 10px; } .calendar-label-box { height: 15px; width: 15px; /* Rounded Corners*/ /*For Mozilla*/ -moz-border-radius: 4px; /*For Safari*/ -webkit-border-radius: 4px; /*For CSS3*/ border-radius: 4px; border: 1px solid #666; } .calendar-labels { margin-bottom: 10px; /* Rounded Corners*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px; -opera-border-radius: 6px; overflow:hidden; border: 1px solid #CCC; padding: 5px; } .calendar-labels ul { margin: 0px; padding: 0px; list-style-type: none; } .calendar-labels li { display: inline-block; width: 150px; float: left; margin-bottom: 2px; margin-top: 2px; } #event-calendar .calendar-labels { width: 680px; } #event-calendar-grid .calendar-labels { height: 100%; } #event-calendar .calendar-labels { height: 60px; } #event-calendar .calendar-labels li { width: 130px; } #event-calendar .calendar-labels input { margin: 0px; padding: 0px; } #event-calendar .icons { margin-bottom: 10px; } .cms-event-calendar img { vertical-align: text-bottom; } .cms-event-calendar .usage { text-align: center; margin: 10px; } #cms-calendar-embed-list .label-container, #cms-calendar-embed-day .label-container { vertical-align: top; padding-top: 5px; } .calendar-month { text-align: center; background-color: #C2D6EF; background-image: url(/mainimages/buttonbg2.png); background-repeat: repeat-x; padding: 10px 20px 5px; /* Rounded Corners*/ /*For Mozilla*/ -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; /*For Safari*/ -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; /*For CSS3*/ border-top-right-radius: 10px; border-top-left-radius: 10px; border: 1px solid #CCC; } /*.calendar-month strong { width: 150px; display: inline-block; }*/ .calendar-next a:link, .calendar-next a:visited, .calendar-prev a:link, .calendar-prev a:visited { color: #FFFFFF; /* buttonFontColor */ text-decoration: none; } .calendar-next a:active, .calendar-next a:hover, .calendar-prev a:active, .calendar-prev a:hover { color: #666666 !important; /* linkColor2 */ text-decoration: none; } .calendar-next { float: right; background-color: #8CC444; } .calendar-prev { float: left; background-color: #8CC444; } .calendar-next, .calendar-prev { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left top; display: inline-block; margin: 0px; padding: 2px 5px; font-weight: normal; font-size: 10px; /* Rounded Corners*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; -opera-border-radius: 4px; overflow:hidden; line-height: normal; } .calendar-table { font-size: 11px; border: 1px solid #ccc; margin-bottom: 12px; /*border: 1px solid #B3CAE1; background-color: #fff;*/ } .calendar-table td { width: 14%; padding: 5px; } .calendar-table th { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #8BC444; padding: 8px 2px 2px; height: 18px; line-height: normal; /* font-size: 12px; font-weight: normal; color: #FFFFFF; padding: 2px; height: 18px; line-height: normal; */ } .calendar-table .day { border: 1px solid #CCC; } .calendar-table .day:hover { background-color: #EFEFEF; } .calendar-table .dayname { background-image: url(/mainimages/buttonbg.png); background-repeat: repeat-x; background-position: left top; border: 1px solid #CCC; } .calendar-table .daynone { } .calendar-table .eventbox { border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding: 3px; /* Rounded Corners*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; -opera-border-radius: 4px; overflow:hidden; margin-top: 5px; font-size: 10px; background-color: #FFF; } .calendar-table .leftline { border-left: 2px solid #CCC; } .calendar-table .moreevents { margin-top: 8px; text-align: right; font-size: 10px; } #event-calendar h1 a { /*color: #8CC444;*/ } .cms-event-calendar .calendar-rss { float: right; } #calendar-label-form, #cms-eventcalendar-calendar { clear:both; } #cms-calendar-embed-list .description { font-size: 11px; margin-bottom: 15px; } #cms-calendar-embed-list h4, #cms-calendar-embed-list h5 { margin-bottom: 0; margin-top: 0; padding-top: 0; } /* mobile site */ #cms-mobile-content .mobile-nav { } #cms-sink-list .byte-table { border-collapse: separate; border:none; width:95%; } #cms-sink-list .byte-table td, .cms-sink-list-category-body .byte-table td { border-bottom: 1px solid #EEE; } #cms-sink-photos .title { font-family: EBGaramondRegular; font-size:16px; margin-bottom:2px; width:230px; vertical-align:bottom; } #cms-sink-photos .title, #cms-sink-photos .more { color: #FFF; padding:3px; display:block; } #cms-sink-photos .title { background-color: #EC2224; /* Rounded Corners */ /*For Mozilla*/ -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; /*For Safari*/ -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; /*For CSS3*/ border-top-right-radius: 5px; border-top-left-radius: 5px; overflow:hidden; } #cms-sink-photos .more { font-size:12px; background-color: #1e4228; /* Rounded Corners */ /*For Mozilla*/ -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; /*For Safari*/ -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; /*For CSS3*/ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden; } #cms-sink-photos .title a, #cms-sink-photos .more a { color: #FFF; } #cms-sink-photos .title a:link, #cms-sink-photos .title a:visited { text-decoration:none; } #cms-sink-photos .photo { height:200px; text-align:center; } #cms-sink-photos .photobox { } #cms-sink-photos .photothumb { background-color: #FFF; display:block; } #cms-sink-search { padding:10px; } #cms-sink-list .cms-content-header { display:none; } .cms-sink-extras-width { width:24%; } .cms-sink-view-body .pubDate { display:none; } td.cms-sink-view-body { padding-right:3% !important; } #sink-view .pubDate { display:none; } .search-label { width:40%; } .search-box-bg { width:52%; margin-right:10px; margin-left:10px; } .search-button input{ border:none; } .search-box { width:93% !important; margin-right:10px; margin-left:10px; } #sink-categories { line-height: 25px; margin: 10px; } #sink-categories .byte-table td { padding:0px 5px !important; border-bottom: 1px solid #EEE; } #sink-categories span { padding-left:10px; } #sink-categories .byte-table div { padding:8px; } #cms-sink-list .sink-link { font-size:17px; } #sink-archives .months { margin-left: 20px; } #cms-sink-view-tags { clear:both; display:none; } .sink-rss { display:none; } #sink-tags a { padding-left:2%; padding-right:2%; } .cms-sink-list-tag-body .byte-table th, .cms-sink-list-category-body .byte-table th { background:none; border:none; font-family: PTSans-NarrowBold, "PT Sans Narrow Bold", Arial, sans-serif; font-size: 27px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; color: #bd0823; } .cms-sink-list-tag-body .byte-table, .cms-sink-list-category-body .byte-table { width:90%; } /* USPS Shipping validation window */ #usps_address_validation_window { background-color:#E6DDD6; border: #000 3px solid; padding: 20px; text-align:center; position:absolute; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); z-index: 2000; } /* removed in place of buttonsSm .usps_address_validation_window_submit{ background-color:#5e7583; color:#FFF; padding:5px 10px; border: none; } */ #usps_address_background{ display: none; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 1; } /* store category/product default styles */ .floatleft{ float:left; } .floatright{ float:right; } .productBox { padding: 5px 10px; height: 180px; width: 220px; float:left; } .productBox-image { overflow:hidden; height:140px; } .productBox-image img{ max-width:220px; border:0px; } .productBoxLast { padding: 5px 0px 5px 10px; } .productBoxTitle { color:#989898; font-size: 14px; margin-bottom:10px; } .productBoxTitle a { color:#2A2A2A; text-decoration:none; } .productBoxTitle a:hover { color:#5E090A; text-decoration:none; } .video-container { clear:both; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /*- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.az9oS8bv.dpuf*/ .shipping-label ul{ margin:0; } .shipping-label ul li input[type=radio]{ margin-right: 10px; margin-left:10px; } .shipping-label h3{ color:#FFF; padding:0px; } .shipping-label label{ width: auto !important; padding-top: 5px; padding-bottom: 5px; margin-right: 20px; } #payment-method-radio-group label > input{ visibility: hidden; position: absolute; } #payment-method-radio-group label > img{ cursor:pointer; border:1px solid #999; padding:3px 2px 3px 2px; max-width:65px; /*opacity: .45; */ } #payment-method-radio-group label > img:hover{ cursor:pointer; border:1px solid #F8A325; padding:3px 2px 3px 2px; max-width:65px; /*opacity: 1; */ } #payment-method-radio-group .visa{ background-color: #085A9E; } #payment-method-radio-group .mastercard{ background-color: #033772; } #payment-method-radio-group label > input:checked + img{ border:1px solid #F4003F; opacity: 1; } /*Popup Bubble - Arrow Up*/ .popbubble_up { position: relative; background-color: #FFFFFF; border: 2px solid rgba(0,0,0,1.00); padding: 10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -opera-border-radius: 20px; border-radius: 20px; } .popbubble_up:after, .popbubble_up:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /*Arrow Fill*/ .popbubble_up:after { border-color: rgba(255,239,204,0);/*Transparent*/ border-bottom-color: rgba(255,239,204,1.00); border-width: 10px; margin-left: -10px; } /*Arrow Border*/ .popbubble_up:before { border-color: rgba(0,0,0,0);/*Transparent*/ border-bottom-color: rgba(0,0,0,1.00); border-width: 13px; margin-left: -13px; } /*Popup Bubble - Arrow Down*/ .popbubble_down { position: relative; background-color: #FFFFFF; border: 2px solid rgba(0,0,0,1.00); padding: 10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -opera-border-radius: 20px; } .popbubble_down:after, .popbubble_down:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } /*Arrow Fill*/ .popbubble_down:after { border-color: rgba(255,239,204,0);/*Transparent*/ border-top-color: rgba(255,255,255,1.00); border-width: 10px; margin-left: -10px; } /*Arrow Border*/ .popbubble_down:before { border-color: rgba(0,0,0,0);/*Transparent*/ border-top-color: rgba(0,0,0,1.00); border-width: 13px; margin-left: -13px; } #thumbGridBox { /* [disabled]background: rgba(255, 255, 255, 0.5); */ } #thumbGridBox2 { float:left; width:70%; padding-left:10px; background: rgba(255, 255, 255, 0.5); } .cms-sink-view-body { padding-top:20px; padding-left:20px; background: rgba(255, 255, 255, 0.5); } #sideBarForm { background-size: contain; height:1650px; width:300px; margin-left:-20px; } #sideBarForm2 { background-size: contain; height:1350px; width:100%; } #rightSideForm { margin-left:10px; background: rgba(255, 255, 255, 0.5); box-shadow: 2px 2px 4px #888888; float:right; width:28%; } /* Size 14 - lt teal #D2E6E9 - teal #158490 Size 15 - lt pink #FDE4F4 - pink #bf0e82 Size 16 - lt purple #E5DBF2 - purple #552e87 */ .black-border{ border: solid 1px #000; } .snapboxDefault { background-color: #E5DBF2 !important; /*Light color*/ } .snapboxDefault:hover { background-color: #f2e8ff !important; /*Light color*/ } .snapboxDefault-border { border: #c0bacd solid thin !important; /*Light color*/ } .size-14{ background-color: #D2E6E9 !important; border-color: #D2E6E9 !important; } .size-14:hover{ background-color: #e6fcff !important; } .size-14-border{ border-color: #b6cacd !important;; } .size-15{ background-color: #FDE4F4 !important; border-color: #FDE4F4 !important; } .size-15:hover{ background-color: #ffecf7 !important; } .size-15-border{ border-color: #cdb5c4 !important; } .tack{ background-color: #c0d4e6 !important; border-color: #c0d4e6 !important; } .tack:hover{ background-color: #d6ecff !important; } .tack-border{ border-color: #a7bbcd !important; } #sizesscroll ul .tooldefault{ border: solid #fff 2px; position: relative; } #sizesscroll ul .toolactive{ border-color: #e5dbf2; } #sizesscroll ul .toolactive:before { width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 86.6px; border-color: transparent transparent transparent #e5dbf2; } .cart-images-div { background-color: #FFF; } .moreLink { font-weight:bold; } .youtube-container { display: block; margin: 5px auto; width: 100%; max-width: 120px; } div.play-button { height: 50px; width: 50px; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; position: absolute; background-size: contain !important; background: url("/mainimages/playbutton.png") no-repeat; } .youtube-player { /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; } img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto; } .manufacturer-text{ color: #D6DBDF; } .reseller-text{ color: #ABEBC6; } .muted { color: #666; font-size: .85em; } .muted span{ padding-right:10px; } #cartIframe{ border: #767676 1px solid; } #submitButton:hover { cursor: pointer; display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color: #fff; font-size: 12px; background-color: #696a65; text-decoration: none; } #submitButton { display: inline-block; margin: 20px; text-align:center; padding: 5px 10px; font-weight: bold; color: #fff !important; font-size: 12px; border: 1px solid #906006; background-color: #F8A325; text-decoration: none; } .reorderButton:hover { cursor: pointer; display: inline-block; margin: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; padding: 5px 10px; font-weight: bold; color: #fff; font-size: 25px; background-color: #696a65; text-decoration: none; } .reorderButton { left: 200px; display: inline-block; margin: 20px; text-align:center; padding: 5px 10px; font-weight: bold; color: #fff !important; font-size: 24px; border: 1px solid #906006; background-color: #F8A325; text-decoration: none; } .currentStatus { font-weight:bold; } .cartCollision .ui-dialog-buttonset { width: 100%; } .cartCollision .ui-dialog-content { text-align: center; padding-top:10px; margin-top: 12px; } .cartCollision #buttonStyledLeft { float: left; text-align: left; margin-left: 15px; background: #CE0000; color: white; font: strong; } .cartCollision #buttonStyledRight { float: right; text-align: right; margin-right: 5px; background: green; color: white; font: strong; } .cartCollision .ui-dialog-titlebar-close { display: none; } .cartCollision .ui-dialog-titlebar { background-color: white; } .cartCollision .ui-dialog-title { font-size: 14px; color: red; text-align: center; } .ui-dialog { z-index: 8000 !important ; } .seller a:link, .seller a:visited { background-color: #a4d6b9 !important; color:#000000 !important; width: 65%; border: 1px solid #A1BAAC !important; } .seller a:hover, .seller a:active { background-color: #A1BAAC !important; color:#000000 !important; } .manufact a:link, .manufact a:visited { background-color: #AEB6BF !important; color:#000000 !important; width: 65%; border: 1px solid #949AA0 !important; } .manufact a:hover, .manufact a:active { background-color: #949AA0 !important; color:#000000 !important; } .craft a:link, .craft a:visited { background-color: #8265ac !important; color:#000000 !important; width: 65%; border: 1px solid #5C00A4 !important; } .craft a:hover, .craft a:active { background-color: #9D85A5 !important; color:#000000 !important; } .noline { border: none; } .alignRight { text-align: right; } .relatedAddToCart { } .noborder { border:none !important; } .padding{ padding-top: 5px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; } .bulletPadding{ } .cartAlignRight{ text-align:right; padding-right:10%; } #packingOrder .tableRow2 { background-color:#e8e0e8; } #packingCart .tableBorderCartSmall { padding:0; border-right: 2px solid #717171; } #packingCart .tableHeader { background-color:#cb92c8; color:#FFFFFF; } #printCart .tableHeader { color:#000; } #printCart .tableBorderCartSmall { padding:0; border-right: 2px solid #717171; } .slide-in-left { transition: all .4s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } .slide-in-right{ transition: all .4s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } .slide-in-down{ transition: all .4s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } .slide-in-up{ transition: all .4s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } .fancybox-slide--complete .slide-in-left, .fancybox-slide--complete .slide-in-right,.fancybox-slide--complete .slide-in-up, .fancybox-slide--complete .slide-in-down{ opacity: 1; transform: translate(0%) translateZ(0) rotate(0deg); } .thumbPhoto { margin-left:5px; margin-right:5px; } #detailthumbbox { margin-top:25px; text-align:center; } #slideToReveal{ background-color: #FFF; padding-top:10px; padding-left:20px; padding-right:10px; box-shadow: -5px 0 15px -6px #585858 inset; } .slideCloseBtn{ } .printHeader { display:none; width:100%; }