@charset "UTF-8"; /* CSS Document */ @import url("/static/webfonts/SourceSansPro_Regular/stylesheet.css"); @import url("/static/webfonts/SourceSansPro_Semibold/stylesheet.css"); @import url("../webfonts/SourceSansPro_Black/stylesheet.css"); .logo-size { width: 85%; transition: 0.3s; } .logo-scroll { width: 55%; transition: 0.3s; } .bg-light { background-color: #F5F5F5 !important; } .bg-dark { background-color:#666666 !important; } img, object, embed, video { max-width: 100%; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width:100%; } img { border: none; outline: none; } hr { } a:active { outline:none; } a:link, a:visited { color: #000000; text-decoration: none; } a:hover, a:active { color: #DDDDDD; } /* Site Headers */ .lrgHdr, h1, .medHdr, h2, .smHdr, h3, .xsmHdr, h4, .xxsmHdr, h5, .xxxsmHdr, h6 { color: #B40000; font-weight: normal; line-height: normal; font-family: "SourceSansPro Semibold", "Source Code Pro Semibold", sans-serif; } .lrgHdr, h1 { color:#000000; font-size: 2.7em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .medHdr, h2 { font-size: 2.2em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .smHdr, h3 { font-size: 2em; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .xsmHdr, h4 { font-size: 1.7em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxsmHdr, h5 { font-size: 1.4em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .xxxsmHdr, h6 { font-size: 1.1em; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } /* Content text */ .bigfirstletter::first-letter { float: left; font-size: 4em; line-height: .8; padding-right: 6px; font-family: "SourceSansPro Black", "Source Sans Pro Black", sans-serif; } .largeText { font-size: 1.2em; } .bodyText { font-size: 1em; } .medText { font-size: 1.1em; } .smText { font-size: .9em; } /* Colored text */ /* Add these to the tinymce dropdown - /static/mezzanine/js/tinymce_setup.js - Line 122 */ .textRed { color: #B40000; } .textLtGray { color: #939598; } .textWhite { color: #FFFFFF; } /* Content Stuff */ body { /* Use .bodyGoods for background styles */ font-family: SourceSansProRegular, "SourceSansPro Regular", Arial; font-size: 15px; margin: 0px; padding: 0px; } .animatedParent { } .alert { margin-top: 2px; /*background-color: rgba(255,243,243,1.00); color: #B6292B; margin: 10px; padding: 8px 30px 8px 8px; text-shadow: 0px 0px 0px rgba(0,0,0,0.00);*/ } .totopbutton { position: fixed; right: 10px; bottom: 20px; z-index: 9999; opacity: 0; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition: opacity 2s; /* Safari */ transition: opacity 2s; } .totopbutton.sticky { opacity:1; } .totopbutton a { padding: 15px 23px; display: block; border: 1px solid #E1E1E1; border-radius: 50%; } .totopbutton a:link, .totopbutton a:visited { background-color: rgba(255,255,255,0.88); color:#CCC; } .totopbutton a:hover, .totopbutton a:active { background-color: rgba(255,255,255,0.98); color: #666 !important; } /*Nav Stuff*/ .nav-text { font-size: 1.2rem; } .navbar-light .navbar-nav .nav-link { color: #000000 !important; line-height: 1.2rem; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 1rem; padding-right:1rem; } .hav-subs { padding-left: 23px !important; } .sociallinksBox .dropdown-menu.show { transform: translate3d(-205px,32px,0px) !important; } .container-fluid { padding-left:15px; padding-right:15px; } .bodyGoods { background-color: #000000; } /* -- Home Slider Stuff -- */ .rotationBox { } .rotationbg { background-repeat: no-repeat; background-size: 100% auto; background-position: center; } .rotationbg2 img { display:none; } .rotationbg2 { margin-bottom:40px; } .home-slick { background-color: #000000; } .home-slick img { width:100%; opacity:.7; } .slidercaption img { visibility:visible; width:auto; opacity:1; } .slidercaption .btn { text-shadow:none; } .slidercaption h1, .slidercaption h2, .slidercaption h3, .slidercaption h4, .slidercaption h5, .slidercaption h6 { color:#FFF; } .slidercaption { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; padding: 0px; text-shadow: 0px 0px 8px rgb(0 0 0 / 40%); background-color: rgba(0,0,0,0.00); } .captionwidth { font-size: 1.6em; margin-left: auto; margin-right: auto; float: none; clear: both; } .rotationStaticBox { padding-top: 10px; padding-bottom: 10px; text-align: center; } /*--Animated image/text boxes--*/ .aniphotoRowBox { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; text-align: center; margin-bottom: 20px; } .aniphotoRowBox:last-of-type { margin-bottom: 0px; } .aniphotoRowBox a { color: #FFFFFF; } .aniphotoRowCaption { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; position: absolute; top: 50%; transform: translateY(-50%); padding-top: 10px; width: 100%; margin-left: -15px; height:auto; } .aniphotoRowCaption h5 { color: #FFFFFF; font-size:1.6em; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; margin-top:15px; margin-bottom:0px; } .aniphotoRowCaption .bttmtext { transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; padding:0px; margin:0px; opacity:0; width:75%; margin-left:auto; margin-right:auto; line-height:0em; } .aniphotoRowPhoto { background-color:#000000; background-repeat: no-repeat; background-position: center center; background-size: cover; } .contentBox { padding-top:60px; padding-bottom:60px; } .btn-primary, .btn-primary:link, btn-primary:visited { background-color:#000000 !important; border-color:#000000 !important; color:#FFFFFF !important; } .btn-primary:hover, .btn-primary:active, btn-primary .active { background-color:#666666 !important; border-color:#666666 !important; } .btn-secondary, .btn-secondary:link, btn-secondary:visited { background-color:#999999 !important; border-color:#999999 !important; color:#FFFFFF !important; } .btn-secondary:hover, .btn-secondary:active, btn-secondary .active { background-color:#666666 !important; border-color: #666666 !important; } .roundimages { border-radius: 50%; } .roundimages img { border-radius: 50%; } .aniphotoRowPhoto img { 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; width:100%; opacity:0.3; } .aniphotoRowBox a:hover .aniphotoRowPhoto img { opacity: 0.8; } .aniphotoRowBox a:hover .aniphotoRowCaption h5 { margin-top:0px; margin-bottom:5px; } .aniphotoRowBox a:hover .aniphotoRowCaption .bttmtext { opacity:1; line-height:1.2em; } footer a:link, footer a:visited { color:#DEF0EE; } footer a:hover, footer a:active { color:#97ADAC; } .sociallinksBox { margin-bottom: 10px; text-align: center; margin-top: 20px; } .sociallinksBox img { margin-left: 3px; margin-right: 3px; margin-bottom: 8px; } /* For FontAwesome icons */ .sociallinksBox a, .p7AMM.amm-responsive .sociallinksBox a { display: inline-block !important; border-radius: 50% !important; margin-right: 3px !important; margin-left: 3px !important; text-align: center !important; color: #FFFFFF !important; width: 35px !important; height: 35px !important; padding: 7px 0px 0px 0px !important; font-size: 20px !important; line-height: 20px !important; } .sociallinksBox a:last-of-type { margin-right: 0px; } .sociallinksBox a:first-of-type { margin-left: 0px; } .sociallinksBox a:link, .sociallinksBox a:visited { background-color: #000000; color: #FFFFFF; } .sociallinksBox a:hover, .sociallinksBox a:active { background-color: #CCCCCC; color: #FFFFFF; } .textslider .slick-prev { left:-50px; } .textslider .slick-next { right:-50px; } .copyright { font-size: .8em; padding-top: 20px; text-align: center; margin-top: 20px; border-top: 1px solid #ABABAB; } .headerBox { background-color: #FFFFFF; color: #000000; padding-top: 5px; padding-bottom: 5px; 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; } .cartBox { } .cartBox .badge { margin-top: 35px; font-size: 10px; position: absolute; margin-left: -8px; } .phoneBox { text-align: center; 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; z-index: 902; font-size: 2em; } .phoneBox a { margin-left: 8px; } .navhours { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding-top: 8px !important; margin-bottom: 5px !important; margin-top: 5px !important; padding-left: 15px; } .navhours p { padding: 0px; margin: 0px; } .navlog { border-bottom: 1px solid #DDD; } .navsociallinks { padding-left: 15px; } .dropdown-menu { background-color: #FFFFFF !important; border: none !important; } .logoBox { text-align: left; padding-right: 0px; 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; z-index: 902; } .logoBox img { 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; } .searchBox { padding-bottom: 15px; padding-top: 15px; display: none; } .searchBox form { text-align: center; float:none; } .searchBttn { color: #ffffff; background-color: #666666; } #searchinput { width: 180px; } .contentBox { background-color: #FFFFFF; padding-bottom: 30px; padding-top: 30px; } .mapBox { text-align: center; padding-left: 0px; padding-right: 0px; } .mapBox iframe { margin-bottom: -6px; height: 200px; } /*For contact page map*/ .contactmapBox {} .contactmapBox iframe { height: 350px; } .footerBox { color: #ffffff; padding-top: 30px; padding-bottom: 30px; background-color: rgba(0,0,0,0.00); } .footerBox h1, .footerBox h2, .footerBox h3, .footerBox h4, .footerBox h5, .footerBox h6 { color: #ffffff; } .footerBox a:link, .footerBox a:visited { font-weight: normal; color: #FFF; text-decoration: none; } .footerBox a:hover, .footerBox a:active { font-weight: normal; color: #CCC; } .footerText {} .footerNav { display: none; } .footerNav li { padding-right: 8px; padding-left: 8px; margin-bottom: 8px; display: block; } .footerNav li:last-of-type { border-right: none; } .footerNav ul { margin: 0px; padding: 0px; list-style-type: none; } .footerNav ul li ul { display: none; } .sociallinksBox { margin-bottom: 10px; text-align: center; margin-top: 20px; } .sociallinksBox img { margin-left: 3px; margin-right: 3px; margin-bottom: 8px; } /* For FontAwesome icons */ .sociallinksBox a, .p7AMM.amm-responsive .sociallinksBox a { display: inline-block !important; border-radius: 50% !important; margin-right: 2px !important; margin-left: 2px !important; text-align: center !important; color: #FFFFFF !important; width: 32px !important; height: 32px !important; padding: 7px 0px 0px 0px !important; font-size: 16px !important; line-height: 16px !important; } .sociallinksBox a:last-of-type { margin-right: 0px; } .sociallinksBox a:first-of-type { margin-left: 0px; } .sociallinksBox a:link, .sociallinksBox a:visited { background-color: #000000 !important; color: #FFFFFF !important; } .sociallinksBox a:hover, .sociallinksBox a:active { background-color: #CCCCCC !important; color: #FFFFFF !important; } /*To make the top phone number look like a button matching icons buttons */ .phonebutton a { display: inline-block; border-radius: 20px; margin-right: 3px; margin-left: 3px; text-align: center; color: #FFFFFF; height: 35px; padding-top: 7px; padding-right: 10px; padding-left: 10px; font-size: 20px; line-height: 20px; border: solid 1px #fff; vertical-align: top; } .phonebutton a:link, .phonebutton a:visited { background-color: #000000; color: #FFFFFF; } .phonebutton a:hover, .phonebutton a:active { background-color: #CCCCCC; color: #FFFFFF; } .addressBox { padding-top: 16px; padding-bottom: 0px; text-align: center; color: #FFF; } .addressBox p:last-of-type { padding-bottom: 0px; margin-bottom:0px; } #contentLeft { padding-bottom: 20px; } #sidebarBox { border-top: 1px solid #CDCDCD; padding-top: 20px; } .sidebarNav { } .sidebarNav ul { list-style-type: none; border-bottom: 1px solid #E9E9E9; margin-left: 0px; padding-left: 0px; } .sidebarNav li { border-top: 1px solid #E9E9E9; } .sidebarNav a { padding: 6px 10px; display:block; } .sidebarNav a:hover, .sidebarNav a:active { background-color: rgba(102,152,174,0.25); text-decoration:none; color:#333333; } .sidebarNav .active a { background-color: rgba(0,0,0,0.15); color: #FFFFFF; } #sidebarLeftBox { border-bottom: 1px solid #CDCDCD; padding-bottom: 20px; } #contentRight { padding-top: 20px; } #leftsidebar { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CDCDCD; } #contentmiddle { } #rightsidebar { border-top: 1px solid #CDCDCD; padding-top: 20px; margin-top: 20px; } .roundimages { border-radius: 50%; } .roundimages img { border-radius: 50%; } .twoCol1 { } .twoCol2 { } /* -- Home Slider Stuff -- */ .rotationBox { background-color: #FFFFFF; } .rotationBox img { width: 100%; height: auto; } .rotationBox p:last-of-type { padding-bottom: 0px; margin-bottom: 0px; } .rotationbg { background-repeat: no-repeat; background-size: 100% auto; background-position: center top; } .rotationbg2 img { display:none; } .rotationbg2 { margin-bottom:40px; } .home-slick { background-color: #000000; } .home-slick img { width:100%; opacity:.95; } .slidercaption { padding: 15px 15px 35px; background-color: rgba(0,0,0,0); text-align: center; color: #FFF; text-shadow: 0px 0px 8px rgba(0,0,0,0.60); } .slidercaption img { width:auto; opacity:1; } .slidercaption .btn { text-shadow:none; } .slidercaption h1, .slidercaption h2, .slidercaption h3, .slidercaption h4, .slidercaption h5, .slidercaption h6 { color:#FFF; } .captionwidth { } .rotationStaticBox { padding-top: 10px; padding-bottom: 10px; text-align: center; } /* -- Splits content into columns at diferent screen sizes -- */ .columnsSplitter { } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:block; /* optional */ } .form-content-box { padding-top: 20px; } .form-left-col { padding-top: 20px; } .form-right-col { padding-top: 20px; text-align: center; } .product-list { } .product-thumb { padding-bottom: 15px; } .productthumbbg { background-repeat: no-repeat; background-size: cover; background-position: center center; display: block; } .productboxstyle2 { display: block; padding: 4px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 20px; line-height: 1.428571429; text-align: center; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .productboxstyle2 .caption { padding: 9px; color: #333333; } .productboxstyle2 .productthumbbg { border-radius: 3px; } .productboxstyle2 a:link, .productboxstyle2 a:visited { color: #ffffff; } .productboxstyle2 a:hover, .productboxstyle2 a:active { color: #DADADA; } .productinfo { } .productinfo p.help-block { display: none !important; } .productinfo .rating { } .productinfo .rating .radio { } .productinfo .rating .radio li { } .productinfo .rating .radio label { } .productinfo .rating .radio input { margin-right: 7px; margin-top: -5px; } .thumbnail { margin-left: auto; margin-right: auto; } .dropdown-menu { top: 95%; } open .dropdown-toggle.btn-sitecolor { color: #FFFFFF; background-color: #999999; border-color: #999999; } .open .dropdown-toggle.btn-sitecolor { background-image: none; } @media (min-width: 415px) { .logo-size { width: 85%; margin:10px auto; } .logo-scroll { width:55%; } .testimonialsBox { height:320px; } .nav-text { } } @media (min-width: 576px) { .logo-size { } .logo-scroll { } .testimonialsBox { height:320px; } .nav-text { } .headerBox { padding-bottom: 0px; padding-top: 15px; } .cartBox { padding-right:12px; } .phoneBox { text-align:right; font-size: 1.4em; padding-right:15px; margin-right: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } .phoneBox a { margin-left: inherit; } .logoBox { text-align: left; } .logoBox img { } .searchBox { display: block; padding-top: 0px; padding-bottom: 0px; } .contentBox { padding-top: 40px; padding-bottom: 40px; } .grayBox { } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { display: block; text-align: left; } .sociallinksBox { text-align: left; } .sociallinksBox img { } .mapBox { text-align: left; } .contactBox .mapBox { text-align: center; padding-left: 0px; padding-right: 0px; } .addressBox { text-align: left; font-size: 1em; padding-top: 0px; padding-left: 25px; } #contentLeft { padding-bottom: 0px; } #sidebarBox { padding-top: 20px; } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } #leftsidebar { margin-bottom: 0px; } #contentmiddle { } #rightsidebar { margin-top: 0px; } #sidebarLeftBox { } #contentRight { padding-top: 0px; } .photoRowBox { margin-bottom: 0px; } .aniphotoRowBox { margin-bottom: 0px; } .twoCol1 { } .twoCol2 { } .home-slick { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .slidercaption { position: absolute; top: 40%; transform: translateY(-50%); font-size: 1.3em; text-align: center; width: 100%; padding: 0px; background-color: rgba(0,0,0,0.00); } .slidercaption img { visibility:visible; width:auto !important; } .captionwidth { text-shadow: black 3px 2px 6px; } .columnsSplitter { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:block; /* optional */ } .product-list { } .product-thumb { padding-bottom: 15px; } .thumbnail { margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) { body { } .copyright { } .logo-size { } .logo-scroll { } .nav-text { font-size: .9rem; } .testimonialsBox { height:320px; } .headerBox { padding-bottom: 0px; padding-top: 15px; } .cartBox { } .phoneBox { text-align:right; font-size: 1.4em; margin-top: 0px; padding-right:15px; } .logoBox { text-align: left; } .logoBox img { } .searchBox { display: block; padding-top: 0px; padding-bottom: 0px; } .contentBox { padding-top: 40px; padding-bottom: 40px; } .sponsorsBox { padding-top: 30px; padding-left: 30px; padding-right: 30px; } .imageBox { } .grayBox { } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { display: block; text-align: left; } .sociallinksBox { text-align: left; } .sociallinksBox img { } .topsociallinks { display: inline-block; margin-top:41px; margin-left:5px; text-align:right; } .mapBox { text-align: center; padding-left: 0px; padding-right: 0px; } .addressBox { text-align: left; font-size: 1em; padding-top: 0px; padding-left: 25px; } #contentLeft { padding-bottom: 0px; } #sidebarBox { padding-top: 0px; border-top-style: none; border-left: 1px solid #CDCDCD; padding-left: 20px; } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } #leftsidebar { border-top-style: none; border-right: 1px solid #CDCDCD; border-bottom-style: none; padding-right: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #CDCDCD; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox { border-right: 1px solid #CDCDCD; border-bottom-style: none; } #contentRight { padding-top: 0px; } .photoRowBox { margin-bottom: 0px; } .twoCol1 { } .twoCol2 { } .columnsSplitter { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:block; /* optional */ } .product-list { } .product-thumb { padding-bottom: 15px; } } @media (min-width: 992px) { .copyright { } .logo-size { } .logo-scroll { } .nav-text { } .testimonialsBox { height:320px; } .headerBox { } .cartBox { padding-right: 0px; } .phoneBox { padding-right:30px; margin-top:29px; } .logoBox { padding-right:30px; } .searchBox { } .contentBox { padding-top: 50px; padding-bottom: 50px; } .grayBox { } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { } .sociallinksBox { } .sociallinksBox img { } .addressBox { padding-left: 35px; } #contentLeft { } #sidebarBox { } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } #leftsidebar { padding-right: 20px; border-right: 1px solid #CDCDCD; } #contentmiddle { } #rightsidebar { padding-left: 20px; border-left: 1px solid #CDCDCD; margin-top: 0px; border-top-style: none; padding-top: 0px; } #sidebarLeftBox { padding-right: 30px; } #contentRight { padding-top: 0px; } .twoCol1 { } .twoCol2 { } .slidercaption { font-size: 1.4em; } .slidercaption img { width:auto !important; } .captionwidth { width: 800px; margin-left: auto; margin-right: auto; float: none; clear: both; } .columnsSplitter { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:block; /* optional */ } .product-thumb { } } @media (min-width: 1200px) { .copyright { } .logo-size { } .logo-scroll { } .nav-text { } .testimonialsBox { height:320px; } .headerFloater { } .headerBox { } .phoneBox { } .navbarBox { } .logoBox { } .searchBox { } .contentBox { padding-top: 60px; padding-bottom: 60px; } .imageBox { } .grayBox { } .footerBox { padding-bottom: 30px; } .footerText {} .footerNav { } .sociallinksBox { } .sociallinksBox img { } .addressBox { padding-left: 50px; } #contentLeft { } #sidebarBox { } .sidebarNav { } .sidebarNav ul { } .sidebarNav li { } #leftsidebar { } #contentmiddle { } #rightsidebar { } #sidebarLeftBox { } #contentRight { } .twoCol1 { } .twoCol2 { } .slidercaption { font-size: 1.8em; } .slidercaption img { width:auto !important; } .captionwidth { width: 800px; margin-left: auto; margin-right: auto; float: none; clear: both; } .columnsSplitter { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 15px; /* Chrome, Safari, Opera */ -moz-column-gap: 15px; /* Firefox */ column-gap: 15px; } .columnsSplitter p { /* class to restrict breaking on */ break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; overflow: hidden; /* optional */ display:block; /* optional */ } .product-list { } .product-thumb { } } @media (min-width: 1500px) { .logo-size { } .logo-scroll { } .nav-text { } .testimonialsBox { } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; text-align: center; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; height: auto; max-width: 100%; margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #C5C5C5; background-color: #ECECEC; text-decoration: none; } .thumbnail .caption { padding: 9px; color: #333333; } /*Store Styles*/ .btn-wishlist { color: #FFFFFF !important; background-color: #BA0003; border-color: #BA0003; } .btn-wishlist:hover { color: #FFFFFF !important; background-color: #9B0002; border-color: #9B0002; } .btn-wishlist:focus, .btn-wishlist.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-wishlist.disabled, .btn-wishlist:disabled { color: #C5C5C5 !important; background-color: #FFFFFF !important; border-color: #E4E4E4 !important; } .btn-wishlist:not(:disabled):not(.disabled):active, .btn-wishlist:not(:disabled):not(.disabled).active, .show > .btn-wishlist.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-wishlist:not(:disabled):not(.disabled):active:focus, .btn-wishlist:not(:disabled):not(.disabled).active:focus, .show > .btn-wishlist.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .caption { padding: 6px; color: #333333; text-align: center; } .price-info { } .price_color { font-size: 1.3em; color: #333333; font-weight: bold; line-height: 1em; } .price-padding { padding-top: 15px; } .trashicon { margin-top: -4px; } .availability { color: #333333; } .checkout-quantity input { max-width: 75px; } .product_pod { padding: 10px; } .basket-items { padding: 4px; border-bottom: 1px solid #EAEAEA; } .basket-items:last-of-type { /* [disabled]border-bottom-style: none; */ margin-bottom: 25px; } .basket-items .rowtext { padding-top:4px; } .basket-items .thumbnail { margin-bottom:0px; } .basket-items .rowheader { padding-top: 5px; } .basket-items .rowheader h5 { line-height:normal; margin-bottom: 0px; color: #333333; } .basket-items hr { margin-top: 0px; padding-top: 3px; padding-bottom: 3px; } .basket-items .dropdown-menu { font-size: .8em; } .basket-title { border-bottom: 1px solid #ccc; margin-bottom: 15px; } .label-sitecolor { color: #019ae0; } /*// Review styles*/ #reviews.sub-header { margin-bottom: 8px; } #reviews.sub-header h3 { font-size: 28px; } .review { border-top: 1px solid #E6E6E6; padding-top: 10px; font-size: .9em; margin-top: 10px; } .review h5 { font-size: 1em; font-family: "SourceSansPro Regular", "Source Sans Pro Regular", sans-serif; } .review h3 { margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; font-size: .9em; } .review form { display:inline-block; *display:inline; zoom:1; margin-bottom:0; } /*// Star Rating using font icons for 5 stars*/ .star-rating span { color: #CBCBCB; } .star-rating i { letter-spacing: -1px; width:auto; color: inherit; } .star-rating a { margin-left:10px; } .star-rating .yellowstar { color:#E6CE31; } .star-rating.One .fa-star:nth-of-type(1) { color:#E6CE31; } .star-rating.Two .fa-star:nth-of-type(1), .star-rating.Two .fa-star:nth-of-type(2) { color:#E6CE31; } .star-rating.Three .fa-star:nth-of-type(1), .star-rating.Three .fa-star:nth-of-type(2), .star-rating.Three .fa-star:nth-of-type(3) { color:#E6CE31; } .star-rating.Four .fa-star:nth-of-type(1), .star-rating.Four .fa-star:nth-of-type(2), .star-rating.Four .fa-star:nth-of-type(3), .star-rating.Four .fa-star:nth-of-type(4) { color:#E6CE31; } .star-rating.Five .fa-star { color:#E6CE31 !important; }/**/ /*Pagination Tweaks*/ .page-link:hover { color: #C7C7C7; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #8D8D8E; border-color: #8D8D8E; } /*TARR CSS*/ .listPropertyImage { } .listPropertyText { } a .listPropertyText { color: #555; } /*Chrome Print Fix*/ @media print { @page { size: 330mm 427mm; margin: 14mm; } .container { width: 1170px; } } /* Pagination stuff */ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #000000; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #000000; background-color: #eeeeee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; background-color: #000000; border-color: #000000; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }