/* CSS Document */ /* IF YOU CREATE A NEW STYLE, REMEMBER TO PUT IT INTO PROPER CATEGORY AND (!) COPY TO FAUXWOODBEAMS.COM */ @import url(//fonts.googleapis.com/css?family=Niconne); /* Global / Uncategorized */ .new-mark { color: #D9534F; font-weight: bold; } /* * {outline:solid 1px red;} */ .product-badge-collection-best-seller div{ position: absolute; z-index: 444;} .dotted-div { margin: 20px 0; } .dotted-div h4 { float: left; padding-right: 15px; } .dotted-div h1 { float: left; padding-right: 15px; } .dotted-div h3 { float: left; padding-right: 15px; } .dotted-div hr { border-top: 1px dashed #BEBEBE; } .h1-hr { margin-top: 41px; } .h2-hr { margin-top: 31px; } ul { list-style: outside none none; padding: 0px; padding-left: 5px; } .mobile-hidden { display: none } .mobile-visible { display: block; } .invisible-link:hover { color: inherit; text-decoration: none; } .vertical-center { display: table-cell; vertical-align: middle }/*parent container must have display:table;*/ body { font-family: 'Open Sans', sans-serif; } .green1 { background-color: #6e7a68 !important; } .green2 { background-color: #eaede4 } .body-container { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); margin-top: -20px; padding-bottom: 15px; } .btn { border-radius: 0; background-color: #6e7a68; color: white; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .clear-both { clear: both } .dashed-hr { border-top: 1px dashed #C8C8C8; } .green-bg { padding: 0 6px; background-color: #b2bdab } .no-padding { padding-left: 0px; padding-right: 0px; padding-top: 0px; } a:hover { text-decoration: none !important; } .text-center { text-align: center } .center-block { -webkit-box-pack: justify } .text-15 { font-size: 15; } .alert-info a { text-decoration: underline; } img.link-fade:hover {opacity: 0.7;} /* About Us */ .about-us-links h2 {font-size: 14px} /* Account */ .account-address-box { background-color: #FBFBFB; margin: 20px 0; padding: 10px; overflow: hidden; } .account-address-box:hover { background-color: #E1E4DB; } .account-address-form tr td table tr td { padding: 5px; } .address-alert { width: 200px; float: right; } .login-returned-customers { text-align: center; } .account-orders-row li div { padding: 5px; text-align: center; } .account-orders-row li { border-bottom: 1px dashed #BEBEBE; } .account-orders-row .row:nth-child(even) { background-color: #FBFBFB; } .account-orders-title div { text-align: center; } .account-orders-amount { text-align: right !important; } .account-form tr td { padding: 5px; } /* As Seen On TV */ .tv-link a:hover img {opacity: 0.7;} .tv-ep-text {font-size: 12px;} .emhe-page a img:hover {opacity: .7;} .aso-tv-links {text-align: center; height: 165px; float: left; width: 150px; margin-left: 13px; margin-right: 13px; padding-top: 5px; padding-bottom: 5px;} /* Cart */ .cart-title { font-weight: bold; } .cart-row .row div:nth-child(2):before { content: "Description:\00a0"; float: left; font-weight: bold; } .cart-row .row div:nth-child(3):before { content: "Price:\00a0"; float: left; font-weight: bold; } .cart-row .row div:nth-child(4):before { content: "Quantity:\00a0"; float: left; font-weight: bold; } .cart-row .row div:nth-child(5):before { content: "Subtotal:\00a0"; float: left; font-weight: bold; } .cart-row .row div:nth-child(6):before { content: "Remove:\00a0"; float: left; font-weight: bold; } .cart-row .row div { margin-top: 10px; } .cart-row .row input { width: 45px; } .cart-row .row { background-color: white; border-bottom: 1px dashed #BEBEBE; padding: 20px 0; } .cart-row .row:nth-child(even) { background-color: #FBFBFB; } .cart-row-warning { display: none; } .cart-quote { padding: 10px; } .cart-quote-visible { text-align: center; padding: 20px; font-weight: 700; } .cart-quote-invisible { display: none; } .cart-quote-fields { text-align: center; margin: 10px 0; } .cart-quote-button-div button { float: right; } .cart-quote-alert { display: none; } #cc-type-img { display: none; } .cart-btn { color: white; width: 240px; text-shadow: 1px 1px 1px black; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; padding:10px 5px; } .orange1 { background-color: #f38b1a !important; } .cart-warning-box { background: url("../images/textures/green-bg.png") repeat scroll 0% 0% transparent; margin-top: 25px; padding: 15px; font-weight: bold; } .cart-checkout-area h3 { font-size: 23px; } .login_form_button_paypal { width: 194px; cursor:pointer; } .cart-checkout-area .cart-btn { width: 195px; } .cart-checkout-area .btn-lg { font-size: 16px; } .cart-checkout-area { text-align: center; } .cart-checkout-area input { margin: 15px auto; max-width: 220px; } .cart-checkout-register-hidden { display: none; } .cart-checkout-area .col-sm-4:nth-child(even) { background-color: #FBFBFB; border-top: 1px dashed #BEBEBE; border-bottom: 1px dashed #BEBEBE; margin: 25px 0; padding: 25px 0; } .cart-checkout-area .to-cart { text-align: center } .cart-buttons-logged { overflow: hidden; text-align: center; } .to-cart button { background: #8ebe74; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #8ebe74), color-stop(100%, #568537)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8ebe74 6%, #568537 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #8ebe74 6%, #568537 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebe74', endColorstr='#568537', GradientType=0 ); /* IE6-9 */ } .cross-sell { height: 210px; } .cross-sell .category-product-text { float: none; } .cross-sell-text { overflow: hidden; } .cart-coupon { padding-top: 5px; width: 113px; height: 60px; display: block; background-color: #d1ed31; border: dashed 2px #000; text-align: center; overflow: hidden; } .cart-coupon span { font-weight: bold; font-size: 15px; } .cart-no-image { width: 113px; height: 60px; display: block; background-color: #f0f0f0; border: solid 1px #d2d2d2; text-align: center; color: #666; } .cart-no-image-debug { overflow: scroll; font-size: 10px; } /* Category page */ .category-product-inner .glyphicon { display: none; } .category-product-inner:hover { box-shadow: 0 0 4px rgba(128, 128, 128, 0.33); background-color: rgb(247, 247, 247); border: rgb(77, 77, 77) 1px dotted; } .category-product-text { float: left; color: gray; padding: 5px 0 0 5px; } .category-product-inner { border: dotted 1px rgba(205, 205, 205, 0.74); clear: both; border-radius: 3px; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s } .category-subsection { margin: 0 10px 40px 0; list-style-type: none; } .category-subsection .col-sm-12 h4 { font-size: 35px; } .category-subsection h4 span { color: #888; font-size: 15px; } .category-subsection ul { overflow: hidden; padding: 0; } .category-product { padding: 10px; height: auto; list-style-type: none; font-size: 13px; text-align: center; } .category-product-tall { height: 200px; } .category-product-qs { height: 175px; } .category-product-price-crossed { color: gray; text-decoration: line-through; } .category-product-price-sale { color: red; } .category-product-image img { display: inline; max-width: 200px; width: 100%; margin: 0; } .production { padding: 0 10px 10px; color: gray } .related-links { margin: 15px 0; overflow: hidden; } .related-links ul { list-style: none; } .related-links ul li { margin: 3px 0; width: 170px; float: left; } /* Checkout*/ .offer-login-choice { text-align: center; height: 146px; margin: 40px 0; } .checkout-payment-area { padding: 20px 0; overflow: hidden; } .checkout-saved-addresses-list li:nth-child(even) { background-color: #eee; } .checkout-saved-addresses-list li { padding: 10px; } .checkout-saved-addresses-list li div label { font-weight: 100; } .checkout-saved-address { overflow: hidden; } .checkout-trust-icons{display: none;} .checkout-trust-icons div {margin:auto; padding:5px; text-align:center} .checkout-block {border-radius: 4px; padding-bottom: 20px; padding-top:20px; border-bottom: dashed 1px gray; } .checkout-block input[type="text"] { width: 202px; } /*.checkout-block select #survey1 { width: 71px; }*/ .alert-info{clear:both} .checkout-block h2 { width: 100%; padding: 0 21px; } .checkout-group { float: left; margin: 8px 21px; width: 190px; } .checkout-group select { width: 202px; } .checkout-group p{font-weight:bold; margin: 0 0 3px;} .optional:after {color:gray; font-weight:100; content:" optional"} .summary-row {width:100%; clear:both; margin: 18px 0;} .provide-zip{text-align: center; border: solid 1px #c9c9c9; padding: 10px; background-color: #e5e5e5;margin: 10px;} .payment_tab_selected{ background-color:white; border: solid 1px gray; border-bottom:0; margin-top:1px;border-radius:3px 3px 0 0; text-align: center;margin-right: 7px; width: 119px;} .payment_tab{ background-color:#6e7a68; border: solid 1px gray; border-bottom:0;border-radius:3px 3px 0 0; text-align: center; margin-right: 7px; width: 119px; } .additional-info .col-sm-12{padding:10px;} .sipping-info-area{display:none;} .order-summary-code{width:86px !important;} #payment_area_cc{font-size:13px; } #payment_area_cc .col-sm-3{padding:0;} #payment_area_cc .col-sm-4 {text-align:center} #cc_name{width: 102px} #cc_number{width: 123px} .errorField { background-color: #F2DEDE; border: solid 1px #A94442 } .warn { color: #A94442; } .checkout-qty:before {font-weight: bold;content:"Qty: "} .checkout-price:before {font-weight: bold;content:"Price: "} .checkout-sub:before {font-weight: bold;content:"Subtotal: "} .checkout-total div {padding:5px 0;} .card-name{margin:5px 0} .card-name:before{font-weight: bold;content:"Name on card* "} .cc-number:before{margin:5px 0} .cc-number:before{font-weight: bold;content:"Card Number* "} .expires{text-align:left !important; padding:0;margin:5px 0;} .expires:before{font-weight: bold;content:"Expires after* "} .csc{ padding:0; margin:5px 0;} .csc:before{font-weight: bold;content:"CSC* "} .checkout-printer { float: right; width: 100px; height: 100px; text-align: center } .checkout-printer span { font-size: 40px; } .payment-area { width: 350px; height: 400px; border: 0px; } #hosted-payment-form { width: 100%; height: 450px; border: 0; } /* Footer*/ .footer-container { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); background-color: #fff; } .footer-container h4 { text-align: center; color: #6e7a68 } .footer-container h3 { color: #6e7a68; text-align: center } .footer-nav { background-color: #2a2b2c; color: #ffffff; text-align: center; font-size: 13px; padding: 10px 0; } .footer-nav a { color: #ffffff; } .copyright { color: #6e7a68; float: left; text-align: center; width: 100%; } .footer-to-top { display: none } .footer-links-list { list-style: none; list-style-type: none; margin: 0px; padding: 0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; padding-bottom: 13px; } .footer-links-list li { padding: 6px 10px; margin: 5px 10px; text-align: left; border-bottom: dotted 1px rgb(79, 79, 79); } .dotted-row { border-top: dotted 1px rgb(161, 161, 161); margin: 20px 0; padding: 20px 0; } .card-icons { width: 40px; height: 26px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .card-icons:hover { opacity: 1; } .card-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .security-icons { width: 83px !important; height: 55px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .security-icons img { width: 55px; height: auto } .security-icons:hover { opacity: 1; } .security-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .smm-footer-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .smm-icons { width: 25px; height: 25px; margin: 3px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .smm-icons:hover { opacity: 1; } .footer-categories { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .footer-categories ul { list-style: none none; margin: auto; } .footer-categories li { border-bottom: dotted 1px rgba(128, 128, 128, 0.32); line-height: 30px; } .footer-categories a { color: inherit; } /* Gallery */ .portfolioImage { height: 205px; text-align: center } .portfolioImage img { margin: 0 10px; } .portfolioImage img:hover {opacity: 0.7;} .tiny {font-size: 11px;} .portfolio-anchor {border: solid 1px #CCC;} .portfolio-section > div {text-align: center;} .portfolio-section > div > a > h2 {height: 45px; font-size: 16px;} .portfolio-section > div > a > img:hover {opacity: 0.7;} .portfolio-section {border-bottom: 1px solid lightgrey; padding-bottom: 10px;} .portfolio-section > div > a > img {max-width: 100%;} .gallery-pagination-button.active { background-color: #80B462; } /* Header */ .middle-level-nav { height: 60px; padding: 12px 0; } .header-logo-box { width: 245px; height: 32px; } .header-search-container { width: 250px; } .form-control { border-radius: 0; } .navbar-default { background-color: #e9ece3; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); background: url("../images/textures/green-bg.png") repeat scroll 0% 0% transparent; background-position: bottom; } .header-texture { background: url(../images/textures/header-bg.png); background-repeat: repeat-x; } .off { background: rgb(197, 210, 190) !important; }/* for live chat when offline */ .flexer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-pack: center; } .navbar-toggle { position: relative; float: left; padding: 9px 10px; margin-top: 8px; margin-left: 15px; margin-right: 0; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-default .navbar-toggle { border-color: rgb(79, 79, 79); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #777; background-color: transparent;} .navbar-default .navbar-nav > li > a {color: #333;} .dropdown-header { font-size: 18px; } .navbar-brand { padding: 8px 15px; } .mobile-nav-button { padding: 14px 0; height: 50px; text-align: center; width: 95px; font-size: 17px; color: rgb(79, 79, 79); } .navbar-default .navbar-toggle .icon-bar { border-color: rgb(79, 79, 79); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(79, 79, 79); } .flex-around { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-pack: justify; } .mobile-nav a:hover { text-decoration: none; } .nav > li { position: relative; display: block; border-bottom: dotted 1px rgb(188, 188, 188); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #D3D3D3; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #D3D3D3; } .top-cart-text { font-weight: bold; } /* Homepage */ .shop-by-category-block .col-sm-4 { text-align: center; width: 50%; float: left } .img-container { width: auto; height: auto; margin: 0 auto 5% auto; display: inline-block; } .img-container img { width: 100%; max-width: 277px; height: auto; padding: 4px; border: solid 1px #cacccd; } .green-bar { background-color: rgba(110, 122, 104, 0.61); height: 18px; position: relative; bottom: 23px; color: white; font-size: 9px; font-weight: bold; margin: 0 5px; text-shadow: 1px 1px 1px black; padding: 4px 0; } .homepage-category-heading { width: 100% } .homepage-category-heading h3, .homepage-category-heading h2 { padding-right: 18px; font-size: 20px; float:left } /* removed */ /* removed what? - float was missing, we needed that*/ h2 { font-size: 20px; } .homepage-category-heading hr { position: relative; top: 34px; border-top: 1px dashed #C8C8C8; } .testimonial-homepage { clear: both; text-align: center; padding: 5px 32px; } .testimonial-homepage:before { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: 0; top: 64px; color: #7a7a7a; } .testimonial-homepage:after { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201D"; font-size: 80px; position: absolute; right: 12px; top: 64px; color: #7a7a7a; } .product-lines-block .col-sm-4 { text-align: center; height: 385px; width: 50%; float: left; } .product-lines-block .col-sm-4 section { text-align: right; width: 100%; height: 38px; position: absolute; bottom: 0; right: 5px; } .product-lines-block .col-sm-4 div { padding: 15px; border: solid 1px #cacccd; height: 365px; max-width: 317px; position: relative } .product-lines-block .col-sm-4 img { width: 100%; max-width: 240px; height: auto; } .product-lines-block h4 { color: #6e7a68; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: bold; } .product-lines-block p { color: #828282; text-align: left; font-size: 13px; } .newsletter-bar-homepage { background-color: #eaede4; height: 40px; color: #6E7A68; font-size: 14px; font-weight: 600; padding: 11px; margin: 15px 0; } .newsletter-bar-homepage span { float: left; padding: 0 5px; } .newsletter-bar-homepage input { width: 184px; float: left; margin: -8px 4px; } .newsletter-bar-homepage button { width: 100px; float: left; margin: -8px 4px; } /* Homepage Slideshow */ .carousel-indicators {margin-bottom: -10px;} .slideshow-buttons {margin-left: 200px; position: absolute; bottom: 2px; left: 80px; z-index: 16;} .video-slide {color: #FFF; font-weight: bold; font-size: 18px; margin-bottom: -10px;} .featured-slide {text-transform: uppercase; font-weight: bold; font-size: 22px; text-shadow: 3px 2px 1px #000; color: #D22D1D;} .featured-sale-img {width: 16%;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} #featured-top-text > h1 {font-size: 22px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} div#featured-percent-text {position: absolute; left: -60px; top: 13px; color:#FFF;} #featured-percent-text > h1 {font-size: 22px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} .featured-sub-text {margin-top: -8px;} .btn-responsive { margin-bottom: -38px;} .featured-text {background: rgba(0,0,0,0.6); font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 8px; margin-left: 40px; margin-right: 40px; margin-bottom: 2px;} .intext-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.5); font-size: 18px; margin-bottom: -16px; margin-left: 25px; margin-right: 25px;} .benefits-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); margin-left: -45px; margin-right: -45px; font-size: 18px; margin-bottom: 6px; background: rgba(0,0,0,0.6);} .realistic-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 22px; top: 46px; position: relative;} .established-text {font-family: 'Niconne', cursive; font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); letter-spacing: 3px; position: relative; top: 28px; font-size: 16px;} .quality-slide { font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 20px; background: rgba(0,0,0,0.6); width: 200px;} .sash {display: block; position: absolute; right: 0; bottom: 1px; z-index: 77;zoom: .9;} .featured-percent {display: block; position: relative; left: -200px; top: -120px; zoom: .9;} .gallery-caption {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.7); position: absolute; top: 5px; right: 8px; width: auto; color: #fff; text-align: center; font-size: 8px; padding: 4px;} .gallery-caption h2 {color: #F7DC07; font-size: 14px; font-weight: 500; margin-top: 0px;} .benefits-page {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); position: absolute; bottom: 8px; left: 24%; z-index: 2; color: #fff; font-weight: bold; font-size: 14px;} .nav-pills li.active a, .nav-pills li.active a:focus, .nav-pills li.active a:hover { color: #fff; background-color: #6E7A68; } /* Homepage Testimonial Slider */ .quote {color: rgba(0,0,0,.1); text-align: center; margin-bottom: 10px;} #fade-quote-carousel.carousel .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 2s; /* For Safari */transition-duration: 2s; height: 160px;} #fade-quote-carousel.carousel .carousel-inner .active {opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 2s; /* For Safari */ transition-duration: 2s;} #fade-quote-carousel.carousel .carousel-indicators {bottom: 10px;} #fade-quote-carousel.carousel .carousel-indicators > li {background-color: #6e7a68; border: none;} #fade-quote-carousel blockquote {text-align: center; border: none;} #fade-quote-carousel.carousel .carousel-inner .item p {font-size: 11px;} /* Hubspot newsletter footer */ .bottom-hubspot-subscribe .hs-input { background-color: rgb(255, 255, 255); background-image: none; border-bottom-color: rgb(204, 204, 204); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset; box-sizing: border-box; color: rgb(85, 85, 85); display: block; font-family: "Open Sans", sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 14px; font-size-adjust: none; font-stretch: 100%; font-style: normal; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; height: 34px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 6px; text-align: start; transition-delay: 0s, 0s; transition-duration: 0.15s, 0.15s; transition-property: border-color, box-shadow; transition-timing-function: ease-in-out, ease-in-out; width: 262.5px; } .bottom-hubspot-subscribe .hs-button { background-color: rgb(110, 122, 104); background-image: none; border-bottom-color: rgb(204, 204, 204); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: "Open Sans", sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 14px; font-size-adjust: none; font-stretch: 100%; font-style: normal; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow: visible; overflow-x: visible; overflow-y: visible; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 6px; text-align: center; text-transform: none; touch-action: manipulation; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease-in-out; vertical-align: middle; white-space: nowrap; -moz-appearance: button; -moz-user-select: none; } .bottom-hubspot-subscribe .hs-form-field { margin: 0; } .bottom-hubspot-subscribe .hs-form-required { display: none; } .bottom-hubspot-subscribe .hs-error-msg { background-color: rgb(242, 222, 222); border-bottom-color: rgb(235, 204, 209); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(235, 204, 209); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(235, 204, 209); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(235, 204, 209); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: rgb(169, 68, 66); font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 15px; text-align: center; } /* Hubspot newsletter left */ .left-hubspot-subscribe .hs-input { background-color: rgb(255, 255, 255); background-image: none; border-bottom-color: rgb(204, 204, 204); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset; box-sizing: border-box; color: rgb(85, 85, 85); display: block; font-family: "Open Sans Condensed", sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 14px; font-size-adjust: none; font-stretch: 100%; font-style: normal; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; height: 34px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 6px; text-align: start; transition-delay: 0s, 0s; transition-duration: 0.15s, 0.15s; transition-property: border-color, box-shadow; transition-timing-function: ease-in-out, ease-in-out; width: 128px; } .left-hubspot-subscribe .hs-button { background-color: rgb(110, 122, 104); background-image: none; border-bottom-color: rgb(178, 178, 178); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(178, 178, 178); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(178, 178, 178); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(178, 178, 178); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: "Open Sans Condensed", sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 14px; font-size-adjust: none; font-stretch: 100%; font-style: normal; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 400; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow: visible; overflow-x: visible; overflow-y: visible; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; padding-top: 6px; text-align: center; text-transform: none; touch-action: manipulation; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease-in-out; vertical-align: middle; white-space: nowrap; -moz-appearance: button; -moz-user-select: none; } .left-hubspot-subscribe .hs-form-field { margin: 0; } .left-hubspot-subscribe .hs-form-required { display: none; } .left-hubspot-subscribe .hs-error-msg { background-color: rgb(242, 222, 222); border-bottom-color: rgb(235, 204, 209); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(235, 204, 209); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(235, 204, 209); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(235, 204, 209); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-sizing: border-box; color: rgb(169, 68, 66); font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-top: 15px; text-align: center; } /* Install */ .directions {font-size: 13px;} .directions p:nth-child(1) {padding-top: 10px;} .step-number {font-weight: bold;} .img-install {max-width: 100%; height: auto; -webkit-box-pack: justify; margin-right: auto; margin-left: auto; display: block;} .tools-box {background-color: lightgray; width: 60%; padding: 10px; border-width: 1px; border-color: #000; border-style: dotted;} .install-title {text-align: center;} .img-install-link {max-width: 100%; height: auto; -webkit-box-pack: justify; margin-right: auto; margin-left: auto; display: block;} img.img-install-link:hover {opacity: 0.7;} .install-header {height: 25px; margin-top: 25px; font-size: 16px; } /* Project Ideas */ .project-top-left {background-color: #dce3d2; margin-bottom: 10px; padding: 10px; text-align: center;} .top-image {display: inline;} .project-testimonials h5 {font-weight: bold;} .test-text {font-style: italic; font-size: 12px;} .test-name {float: right;} .test-img {text-align: center;} .test-img img {display: inline;} .project-testimonials>.row {border-bottom: 1px solid gray; margin-bottom: 10px;} .project-testimonials a img:hover {opacity: 0.7;} .project-line {text-align: center; font-size: 12px; padding-bottom: 20px;} .project-line a {font-weight: bold; font-size: 13px;} .project-line img {max-width: 150px;} .project-line a img:hover {opacity: 0.7;} .project-copy {margin-bottom: 10px;} .proj-btn {margin-bottom: 4px;} .project-other-style {text-align: center; padding-bottom: 20px;} .other-style {border-bottom: solid 1px gray; margin-bottom: 10px; padding-top: 30px;} .project-other-style a img:hover {opacity: 0.7;} .project-slideshow {text-align: center;} .project-photos-right {text-align: center; font-size: 12px;} .project-photos-right div {padding-bottom: 11px;} .project-photos-right img {max-width: 100%;} .project-photos-right a img:hover {opacity: 0.7;} .gal-button {text-align: center;} .project-other-links {background-color: lightgray; margin: 10px; border: solid 1px darkgray;} .project-other-links a {font-size: 12px; padding: 5px;} .project-other-links a:hover {opacity: 0.7; } .project-other-links div {padding-top: 5px; padding-bottom: 5px;} .links-title {text-align: center; font-weight: bold; margin-top: -10px;} .security-title {text-align: center; font-weight: bold;} .security-links div {text-align: center; padding-bottom: 10px; padding-top: 4px;} div.AuthorizeNetSeal {text-align: center; margin: auto !important; padding: 0; width: 90px; font: normal 9px arial,helvetica,san-serif; line-height: 10px;} .social-title {text-align: center; font-weight: bold;} .social-links {background-color: lightgray; margin: 10px; border: solid 1px darkgray;} .social-links a {font-size: 12px; padding: 5px;} .social-links a:hover {opacity: 0.7;} .social-links div {padding-top: 5px; padding-bottom: 5px; text-align: center;} .project-copy ul {list-style-type: disc;} .project-other-style img {max-width: 100%;} .project-photos-right > div > div {height: 120px;} .project-logos-right {text-align: center; font-size: 12px;} .project-logos-right div {padding-bottom: 4px;} .project-logos-right img {max-width: 100%;} .project-logos-right > div > div {height: 120px;} .project-content {margin-top: 15px; margin-bottom: 10px; padding: 10px;} .project-content-copy {font-size: 16px; margin-bottom: 10px;} /* Quickship, clearance, sale, etc. */ .product-list-02 { border-bottom: dashed 1px gray; margin-bottom: 20px; padding-bottom: 15px; height: 390px; } .product-list-02-atc { margin-top: 5px; } /* Reviews */ #progress { background-color: #EAEAEA; width: 410px; height: 15px; margin: 10px 0; border-radius: 5px; border: solid 1px #CACBC3;display: none;} .bar { background-color: #F9AB3F; height: 15px; border-radius: 5px; } .uploaded-file-thumbnail { overflow: hidden; width: 410px; padding: 5px; margin-bottom: 5px; border: solid 1px #CCCCCC; background-color: #DDDDDD; } .uploaded-file-thumbnail-image { width: 110px; float: left; } .uploaded-file-thumbnail-title { width: 300px; float: left; } .uploaded-file-thumbnail-delete { cursor: pointer } /* Sale - sale.php */ .sale-list {display: flex; flex-wrap: wrap; width: 100%;} .sale-list div {border-radius: 3px; clear: both; width: 485px; height: 228px; box-shadow: 0px 0px 3px #666; margin: 15px; padding: 5px; opacity: 0; background-color: white} .sale-list div img {max-width: 100%;} .sale-list hr {clear: both; margin: 0; padding: 0; color: gray;} .sale-list div h3 {margin: 0; padding: 5px; text-align: center;} .sale-list div h2 {clear: both; display: block} .marker-underline {} .marker-underline:after {content: url('http://www.fauxpanels.com/images/sale/underline.png'); position: absolute; margin: 7px 0px 0px -34px;} .hr-fade { background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); border: 0; height: 1px; clear: both; margin: 0; padding: 0;} .marker-underline-large {} .marker-underline-large:after {content: url('http://www.fauxpanels.com/images/sale/underline-large.png'); position: absolute; margin: 12px 0px 0px -90px;} .marker-underline-large2:after {content: url('http://www.fauxpanels.com/images/sale/underline-large.png'); position: absolute; margin: 16px 0px 0px -95px;} .responsive-sale { /* Old browsers */ background: -moz-linear-gradient(top, #cc352b 0%, #b6180e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc352b), color-stop(100%, #b6180e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cc352b 0%, #b6180e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cc352b 0%, #b6180e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cc352b 0%, #b6180e 100%); /* IE10+ */ background: linear-gradient(to bottom, #cc352b 0%, #b6180e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc352b', endColorstr='#b6180e', GradientType=0 ); transition: ease-in-out .3s; max-width: 1010px; border-radius: 3px; clear: both; height: 200px; box-shadow: 0px 0px 3px #666; margin: 15px; opacity: 0; overflow: hidden;} .sale-border {outline: 1px solid #CCC; margin-bottom: 20px;} .sale-text {font-size: 13px;} .h3-size {font-size: 20px;} .sale-padding {padding:1px;} .sale-image {text-align:center;} /* Samples */ .samples-coupon { width: 200px; overflow: hidden } .samples-top { font-size:11px; } .samples-info-box { margin: 10px 0; } .samples-info-box ul li { list-style: inside; } .sample-box { float: left; width: 140px; height: 180px; text-align: center; margin: 10px; } .samples-container { overflow: hidden; } .samples-title { font-size: 26px; } .samples-section-heading { font-size: 14px; } /* Sitemap */ .sitemap-group { height: 230px; padding-top: 0; margin: 15px 0; } .sitemap-group ul li { line-height: 21px; } /* Specifications pages */ .table {width:90%;border:1px solid black;display:table} .t-row {height:40px;display:table-row} .t-cell {border:1px solid black;display:table-cell; text-align:center;} .specs-page a img:hover {opacity: .7;} /* Testimonials */ .testimonials_body { overflow: hidden; border-bottom: dashed 1px gray; margin: 20px 0; padding-bottom: 20px; } .testimonialsImage { width: 160px; height: 125px; float: left; padding-top: 10px; } .testimonials_text { margin-bottom: 10px; } /* Top Menu */ .mega-dropdown { position: static !important; } .mega-dropdown-menu { left: 155px; padding: 20px 0px; box-shadow: none; -webkit-box-shadow: none; } .mega-dropdown-menu .col-sm-3 { width: auto; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: normal; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #444; background-color: #f5f5f5; } .mega-dropdown-menu .dropdown-header { color: #428bca; font-size: 18px; font-weight: bold; } .mega-dropdown-menu form { margin: 3px 20px; } .mega-dropdown-menu .form-group { margin-bottom: 3px; } .dropdown-menu { left: auto; } .flex-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } /* Video (video.php)*/ .video-page img {margin: 0 auto;} .video-page h2 {font-size: 14px; font-weight: bold; height: 28px;} .aso-logo-link {padding-top: 8px;} .aso-gallery {padding-bottom: 12px;} /* Wishlists */ .wishlists-list { font-size: 19px; } .wishlists-list li { padding: 5px; } .wishlist-title-input { font-size: 23px; width: 450px; float: left; } .wishlist-controls { font-size: 15px; overflow: hidden; } .wishlist-controls li { padding: 10px; } .wishlist-question { background-color: #E8E2DD; } .wishlist-contents { padding-left: 0; } .wishlist-contents-item { border-bottom: 1px dashed #BEBEBE; margin: 0; padding: 10px } .wishlist-contents-item:nth-child(even) { background-color: #FBFBFB;; } .wishlist-contents li div, { padding: 10px; } .wishlist-row { padding: 10px; margin: 0; } .wishlist-right { text-align: right; padding: 5px 0 } .wishlist-total { font-size: 19px; } @media (max-width:360px) { /* Header */ .mobile-nav-button { padding: 16px 0; height: 50px; text-align: center; width: 66px; font-size: 13px; color: rgb(79, 79, 79); } } @media (max-width:500px) { /* Category page */ .category-product { margin: 0 17px 17px 0; padding: 10px; height: auto; list-style-type: none; font-size: 13px; text-align: center; width: 42%; float: left; } .related-links ul { list-style: none; } /* Homepage */ .product-lines-block .col-sm-4 { text-align: center; height: 385px; width: 100%; float: left; margin: auto; } .product-lines-block .col-sm-4 div { margin: auto; } } @media (max-width:767px) { /* Category page */ .category-product { margin: 0 17px 17px 0; padding: 10px; height: auto; list-style-type: none; font-size: 13px; text-align: center; width: 42%; float: left; } /* Homepage */ .large-banner { width: 100%; height: auto; } } @media (min-width: 768px) { /* Global / Uncategorized */ .no-padding { padding-left: 15px; padding-right: 15px; } .body-container { padding-top: 20px; } .nav > li { position: relative; display: block; border-bottom: none; } .768-hide { display: none !important; } /* About Us */ .about-us-links h2 {font-size: 16px} /* Benefits page */ .benefits-page {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); position: absolute; bottom: 8px; left: 18%; z-index: 2; color: #fff; font-weight: bold; font-size: 13px;} /* Cart */ .cart-row .row div:nth-child(1):before { display: none } .cart-row .row div:nth-child(2):before { display: none } .cart-row .row div:nth-child(3):before { display: none } .cart-row .row div:nth-child(4):before { display: none } .cart-row .row div:nth-child(5):before { display: none } .cart-row .row div:nth-child(6):before { display: none } .badge-collection-best-seller div { position: absolute; z-index: 888; } .login_form_button_paypal { width: 100% } .cart-checkout-area .cart-btn { width: 140px; } .cart-checkout-area .btn-lg { font-size: 11px; } .cart-checkout-area h3 { font-size: 21px; } .cart-checkout-area { text-align: center; } .cart-checkout-area .col-sm-4 { min-height: 430px; } .cart-checkout-area input { margin: 15px 0 } .cart-checkout-area input { margin: inherit; max-width: inherit } .cart-checkout-area .col-sm-4:nth-child(even) { background-color: #FBFBFB; border-left: 1px dashed #BEBEBE; border-right: 1px dashed #BEBEBE; border-top: none; border-bottom: none; margin: inherit; padding: inherit; } .cart-checkout-area .to-cart { position: absolute; bottom: 10px; text-align: center; right: 5px; left: 5px; } .to-cart button { background: #8ebe74; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #8ebe74), color-stop(100%, #568537)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8ebe74 6%, #568537 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #8ebe74 6%, #568537 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebe74', endColorstr='#568537', GradientType=0 ); /* IE6-9 */ } /* Category page */ .related-links a {font-size: 10px;} .samples-top { font-size:12px; } .sample-box { float: left; width: 180px; height: 190px; text-align: center; margin: 10px; } .samples-section-heading { font-size: 20px; } #slides { width: 144px !important; } /* Checkout */ .checkout-trust-icons{float:right; text-align:center; display:block} .checkout-trust-icons div {margin:auto; padding:5px; text-align:center} .checkout-block {border-radius: 4px; padding-bottom: 20px; padding-top:20px; border-bottom: dashed 1px gray; } .checkout-block input[type="text"] { width: 192px; } /*.checkout-block select { width: 71px; }*/ .checkout-block h2 { width: 100%; padding: 0 21px; } .checkout-group { float: left; margin: 8px 21px; width: 172px; } .checkout-group select { width: 190px; } .checkout-group p{font-weight:bold; margin: 0 0 3px;} .optional:after {color:gray; font-weight:100; content:" optional"} .summary-row {width:100%; clear:both; margin: 18px 0;} .provide-zip{text-align: center; border: solid 1px #c9c9c9; padding: 10px; background-color: #e5e5e5;margin: 10px;} .payment_tab_selected{ background-color:white; border: solid 1px gray; border-bottom:0; margin-top:1px;border-radius:3px 3px 0 0; text-align: center;margin-right: 7px; width: 119px;} .payment_tab{ background-color:#6e7a68; border: solid 1px gray; border-bottom:0;border-radius:3px 3px 0 0; text-align: center; margin-right: 7px; width: 119px; } .additional-info .col-sm-12{padding:10px;} .sipping-info-area{display:none;} .order-summary-code{width:86px !important;} #payment_area_cc{font-size:13px;} #payment_area_cc .col-sm-3{padding:0;} #payment_area_cc .col-sm-4 {text-align:center} #cc_name{width: 102px} #cc_number{width: 123px} .card-name{margin:inherit} .card-name:before{font-weight: inherit;content: normal} .cc-number:before{margin:inherit} .cc-number:before{font-weight: inherit;content: normal} .expires{text-align:center !important; padding:inherit;margin:inherit;} .expires:before{font-weight:inherit;content: normal} .csc{ padding:inherit; margin:inherit;} .csc:before{font-weight:inherit;content: normal} .checkout-qty:before {font-weight: bold;content:normal} .checkout-price:before {font-weight: bold;content:normal} .checkout-sub:before {font-weight: bold;content:normal} .checkout-qty {font-size:11px;} .checkout-price {font-size:11px;} .checkout-sub {font-size:11px;} #right_security_main{float:right;} #register-button-ajax { display: none; } #email-form-errors { display: none; } #result-box-controls { display: none; } #result-box { display: none; } .payment-form { width: 500px; height: 200px; background-color: #CCC; } .payment-area { width: 500px; } #hosted-payment-form { width: 570px; height: 350px; } /* Footer */ aside { padding: 0 15px 0 0 !important; } .footer-to-top { background-color: #6e7a68; border-radius: 50%; width: 40px; height: 40px; float: right; margin-top: -40px; position: relative; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; display: block; } .footer-to-top:hover { margin-top: -43px; background-color: rgb(94, 143, 64); cursor: pointer; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .footer-to-top span { color: white; color: white; font-size: 26px; margin: 9px 0 4px 0; } .footer-nav { background-color: #2a2b2c; color: #ffffff; text-align: center; font-size: 9px; height: 40px; padding: 15px 0; } .footer-links-list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center; list-style-type: none; margin: 0px; padding: 0px; float: left; } .footer-links-list li { padding: 0 6px; margin: 0; text-align: left; border-bottom: none; } .copyright { color: #6e7a68; float: left; text-align: center; width: auto; } .dotted-row { border-top: dotted 1px rgb(161, 161, 161); margin: 20px 0; padding: 20px 0; } .card-icons { width: 40px; height: 26px; margin: 3px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .card-icons:hover { opacity: 1; } .card-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .security-icons { width: 83px; height: 55px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .security-icons img { width: 55px; height: auto } .security-icons:hover { opacity: 1; } .security-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-categories { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } .footer-categories li { border-bottom: dotted 1px rgba(128, 128, 128, 0.32); line-height: 30px; } .footer-categories a { color: inherit; } /* Gallery */ .portfolio-section > div > a > h2 {height: 45px; font-size: 17px;} /* Header */ .black-top { height: 10px; background-color: #1e1e20; width: 100%; } .top-level-nav a:hover { text-decoration: none; color: inherit; } .top-level-nav a { color: inherit } .top-level-nav ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; list-style-type: none; margin: 0px; padding: 0px; } .mobile-hidden { display: inherit; } .mobile-visible { display: none; } .smm-icons { width: 25px; height: 25px; margin: 5px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .smm-icons:hover { opacity: 1; } .smm-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .smm-icon-holder { display: none; } .top-level-nav { height: 30px; background-color: #6e7a68; color: #eaede4; font-weight: bold; font-size: 9pt; padding-top: 5px; font-family: 'Open Sans Condensed', sans-serif; } .navbar-nav > li > a { padding: 15px 5px; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; width: 100%; } .top-menu { justify-content: space-between; -webkit-justify-content: space-between; } .header-search-container { width: 193px; margin: 0 9px; } .checkout-button { width: 73px; height: 35px; background: -webkit-linear-gradient(top, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; color: white; text-decoration: none; font-weight: bold; font-size: 12px; padding: 9px 0; text-align: center; } .checkout-holder { width: 148px; height: 37px; border: solid 1px #cccccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 5px; } .checkout-top { width: 73px; height: 37px; font-size: 12px; padding: 8px 0; text-align: center; text-decoration: none; } .livechat { margin: 0 5px; width: 85px; height: 37px; background: -webkit-linear-gradient(top, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; color: white; font-size: 12px; text-align: center; display: table; vertical-align: middle; } /* Homepage */ .homepage-category-heading h3 { font-size: 24px; } .homepage-category-heading h2 { font-size: 30px; } .green-bar { background-color: rgba(110, 122, 104, 0.61); height: 26px; position: absolute; bottom: 13px; right: 0; left: 0; color: white; font-size: 15px; font-weight: bold; margin: 0 20px; text-shadow: 1px 1px 1px black; padding: 2px 0; } .testimonial-homepage { clear: both; text-align: center; padding: 5px 32px; } .testimonial-homepage:before { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: 0; top: 64px; color: #7a7a7a; } .testimonial-homepage:after { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201D"; font-size: 80px; position: absolute; right: 12px; top: 64px; color: #7a7a7a; } .product-lines-block .col-sm-4 { text-align: center; height: 385px; } .product-lines-block .col-sm-4 div { padding: 15px; border: solid 1px #cacccd; height: 355px; position: relative } .product-lines-block .col-sm-4 img { width: 100%; max-width: 240px; height: auto; } .product-lines-block h4 { color: #6e7a68; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: bold; } .product-lines-block p { color: #828282; text-align: left; font-size: 11.5px; } .newsletter-bar-homepage { background-color: #eaede4; height: 40px; color: #6E7A68; font-size: 9px; font-weight: 600; padding: 11px; margin: 15px 0; } .newsletter-bar-homepage button { padding: 5px; } .newsletter-bar-homepage span { float: left; padding: 5px 5px; } .newsletter-bar-homepage input { width: 85px; float: left; margin: -8px 4px; } .newsletter-bar-homepage button { width: 75px; float: left; margin: -8px 4px; } .shop-by-category-block .col-sm-4 { text-align: center; width: 33.3%; float: left; } .product-lines-block .col-sm-4 { text-align: center; height: 385px; width: 33.3%; float: left; } /* Homepage slideshow */ .sliderbutton { display: none } .slideshow-buttons {margin-left: 35px; position: absolute; bottom: 10px; left: 330px; z-index: 16;} .video-slide {color: #FFF; font-weight: bold; font-size: 32px; margin-bottom: -10px;} .featured-slide {text-transform: uppercase; font-weight: bold; font-size: 30px; text-shadow: 3px 3px 4px #000; color: #D22D1D;} .featured-sale-img {max-width:65%;} .featured-text {font-size: 12px; margin-left: 10px; margin-right: 10px;} .intext-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.5); font-size: 24px; margin-bottom: -10px; margin-left: 20px; margin-right: 20px;} .quality-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 32px; width: auto;} .realistic-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 22px; top: 0px; position: relative;} .established-text {font-family: 'Niconne', cursive; font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); letter-spacing: 3px; position: relative; top: 0px; font-size: 20px;} .featured-percent {display: block; position: relative; left: -218px; top: -86px; zoom: .9;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} #featured-top-text > h1 {font-size: 34px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} div#featured-percent-text {position: absolute; left: -114px; top: -22px; color:#FFF;} #featured-percent-text > h1 {font-size: 40px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} .featured-sub-text {margin-top: -8px; font-size: 18px;} .gallery-caption {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.7); position: absolute; top: 5px; right: 8px; width: auto; color: #fff; text-align: center; font-size: 12px; padding: 4px;} .gallery-caption h2 {color: #F7DC07; font-size: 20px; font-weight: 500; margin-top: 0px;} /* Homepage Testimonial Slider */ .quote {color: rgba(0,0,0,.1); text-align: center; margin-bottom: 10px;} #fade-quote-carousel.carousel {padding-bottom: 25px;} #fade-quote-carousel.carousel .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 2s; /* For Safari */transition-duration: 2s; height: 160px;} #fade-quote-carousel.carousel .carousel-inner .active {opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 2s; /* For Safari */ transition-duration: 2s;} #fade-quote-carousel.carousel .carousel-indicators {bottom: 10px;} #fade-quote-carousel.carousel .carousel-indicators > li {background-color: #6e7a68; border: none;} #fade-quote-carousel blockquote {text-align: center; border: none;} #fade-quote-carousel.carousel .carousel-inner .item p {font-size: 14px;} /* Install */ .install-header {height: 50px; margin-top: 28px; font-size: 16px;} /* Left menu */ .col-left { clear: left; float: left; padding: 15px; width: 202px; } .block { margin-bottom: 20px; font-family: "Open Sans Condensed", sans-serif; } .block-nav li a { color: #000000; font-size: 18px; text-transform: uppercase; } .block-content li { border-bottom: 1px dotted #c8c8c8; } .block-content li a { color: #000; line-height: 25px; } .accordion a:hover { text-decoration: none; } .accordion li { border-bottom: 0; position: relative; } .accordion > li { margin-bottom: 20px; color: #6f7a6a; text-transform: uppercase; font-size: 18px; font-weight: bold; } .accordion .submenu li { border-bottom: 1px dotted #c8c8c8; text-transform: none; font-size: 11px; color: #6f7a6a; font-weight: 100; } .accordion .submenu li .active { background-color: #6E7968; padding-left: 15px; margin-left: -15px; } .accordion .submenu li .active a { color: white; } .accordion .submenu li a { color: #000; font-family: 'Open Sans', sans-serif; cursor: pointer; } .accordion .submenu .submenu { background: #f6f7f2; border: 0; padding-left: 15px; } .emhe { border: 1px solid #6f7a6a; max-width: 140px; font-family: "Open Sans Condensed", sans-serif; font-size: 20px; text-align: center; padding: 5px; margin-bottom: 10px; width: 100%; } .emhe img { width: 100%; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .emhe p { font-size: 16px; } .emhe a:hover img { opacity: 0.7; } .emhe a { color: #000; text-decoration: none; } .as-seen { border: 1px solid #6f7a6a; max-width: 140px; font-family: "Open Sans Condensed", sans-serif; font-size: 16px; text-align: center; padding: 5px; margin-bottom: 10px; width: 100%; } .as-seen a { color: #000; text-decoration: none; } .as-seen img { width: 100%; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .as-seen a:hover img { opacity: 0.7; } .newsletter { border: 1px solid #6f7a6a; max-width: 140px; font-family: "Open Sans Condensed", sans-serif; font-size: 16px; text-align: center; padding: 5px; margin-bottom: 10px; width: 100%; } .newsletter p { text-transform: capitalize; } .houzz { border: 1px solid #6f7a6a; max-width: 140px; font-family: "Open Sans Condensed", sans-serif; font-size: 12px; text-align: center; padding: 5px; margin-bottom: 10px; width: 100%; } .houzz img { width: 100%; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .houzz a { color: #000; text-decoration: none; } .houzz a:hover img { opacity: 0.7; } .accordion-toggle:before { /* symbol for "opening" panels */ font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */ content: "\e252"; /* adjust as needed, taken from bootstrap.css */ float: left; /* adjust as needed */ color: grey; /* adjust as needed */ } .accordion-toggle.collapsed:before { /* symbol for "collapsed" panels */ content: "\e250"; /* adjust as needed, taken from bootstrap.css */ } /* Project Ideas */ .project-top-left {text-align: inherit;} .top-image {display: block;} .project-line {border-right: 1px solid gray;} .other-style {border-bottom: 0px;} .project-line-copy {height: 200px;} .gal-button > div > a > button {width: 200px; font-size: 12px;} .project-logos-right > div > div {height: 35px;} /* Sale page */ .sale-text {font-size: 12px;} .h3-size {font-size: 18px;} } @media (min-width: 992px) and (max-width: 1199px) { /* About Us pages */ .about-us-links h2 {font-size: 18px} /* Benefits */ .benefits-page {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); position: absolute; bottom: 8px; left: 22%; z-index: 2; color: #fff; font-weight: bold; font-size: 14px;} /* Cart */ .cart-checkout-area h3 { font-size: 18px; } .login_form_button_paypal { width: 194px; } .cart-checkout-area .cart-btn { width: 195px; } .cart-checkout-area .btn-lg { font-size: 16px; } .cart-checkout-area { text-align: center; } .cart-checkout-area .col-sm-4 { min-height: 430px; } .cart-checkout-area input { margin: 15px 0 } .cart-checkout-area .col-sm-4:nth-child(even) { background-color: #FBFBFB; border-left: 1px dashed #BEBEBE; border-right: 1px dashed #BEBEBE } .cart-checkout-area .to-cart { position: absolute; bottom: 10px; text-align: center } .to-cart button { background: #8ebe74; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #8ebe74), color-stop(100%, #568537)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8ebe74 6%, #568537 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #8ebe74 6%, #568537 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebe74', endColorstr='#568537', GradientType=0 ); /* IE6-9 */ } /* Category page */ .related-links a {font-size: 14px;} #slides { width: 198px !important; } /* Checkout*/ .checkout-trust-icons{float:right; text-align:center} .checkout-trust-icons div {margin:auto; padding:5px; text-align:center} .checkout-block {border-radius: 4px; padding-bottom: 20px; padding-top:20px; border-bottom: dashed 1px gray; } .checkout-block input[type="text"] { width: 236px; } /*.checkout-block select { width: 71px; }*/ .checkout-block h2 { width: 100%; padding: 0 21px; } .checkout-group { float: left; margin: 8px 21px; width: 236px; } .checkout-group select { width: 236px; } .checkout-group p{font-weight:bold; margin: 0 0 3px;} .optional:after {color:gray; font-weight:100; content:" optional"} .summary-row {width:100%; clear:both; margin: 18px 0;} .provide-zip{text-align: center; border: solid 1px #c9c9c9; padding: 10px; background-color: #e5e5e5;margin: 10px;} .payment_tab_selected{ background-color:white; border: solid 1px gray; border-bottom:0; margin-top:1px;border-radius:3px 3px 0 0; text-align: center;margin-right: 7px; width: 119px;} .payment_tab{ background-color:#6e7a68; border: solid 1px gray; border-bottom:0;border-radius:3px 3px 0 0; text-align: center; margin-right: 7px; width: 119px; } .additional-info .col-sm-12{padding:10px;} .sipping-info-area{display:none;} .order-summary-code{width:86px !important;} #payment_area_cc{font-size:13px; } #cc_name{width: 123px} #cc_number{width: 123px} .checkout-qty {font-size:12px;} .checkout-price {font-size:12px;} .checkout-sub {font-size:12px;} .payment-area { width: 600px; } /* Footer */ .footer-to-top { background-color: #6e7a68; border-radius: 50%; width: 50px; height: 50px; float: right; margin-top: -39px; position: relative; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; display: block; } .footer-to-top:hover { margin-top: -43px; background-color: rgb(94, 143, 64); cursor: pointer; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .footer-to-top span { color: white; color: white; font-size: 31px; margin: 9px 0 4px 0px; } .footer-nav { background-color: #2a2b2c; color: #ffffff; text-align: center; font-size: 12px; height: 40px; padding: 10px 0; } .footer-links-list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center; list-style-type: none; margin: 0px; padding: 0px; float: left; } .footer-links-list li { padding: 0 6px; margin: 0; text-align: left; border-bottom: none; } .copyright { color: #6e7a68; float: left; text-align: center; width: auto; } .dotted-row { border-top: dotted 1px rgb(161, 161, 161); margin: 20px 0; padding: 20px 0; } .card-icons { width: 40px; height: 26px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .card-icons:hover { opacity: 1; } .card-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .security-icons { width: 83px; height: 55px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .security-icons img { width: 55px; height: auto } .security-icons:hover { opacity: 1; } .security-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-categories li { border-bottom: dotted 1px rgba(128, 128, 128, 0.32); line-height: 30px; } .footer-categories a { color: inherit; } /* Gallery */ .portfolio-section > div > a > h2 {height: 45px; font-size: 20px;} /* Header */ .smm-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .top-level-nav { height: 30px; background-color: #6e7a68; color: #eaede4; font-weight: bold; font-size: 16px; padding-top: 3px; font-family: 'Open Sans Condensed', sans-serif; } .navbar-nav > li > a { padding: 15px 8px; } .header-search-container { width: 193px; margin: 0 9px; } .checkout-button { width: 73px; height: 35px; background: -webkit-linear-gradient(top, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; color: white; text-decoration: none; font-weight: bold; font-size: 12px; padding: 9px 0; text-align: center; } .checkout-holder { width: 148px; height: 37px; border: solid 1px #cccccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 5px; } .checkout-top { width: 73px; height: 37px; font-size: 12px; padding: 8px 0; text-align: center; text-decoration: none; } .livechat { margin: 0 5px; width: 85px; height: 37px; background: -webkit-linear-gradient(top, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; color: white; font-size: 12px; text-align: center; display: table; vertical-align: middle; } /* Homepage */ .green-bar { background-color: rgba(110, 122, 104, 0.61); height: 33px; position: absolute; bottom: 16px; right: 0; left: 0; color: white; font-size: 20px; font-weight: bold; margin: 0 20px; text-shadow: 1px 1px 1px black; } .testimonial-homepage { clear: both; text-align: center; padding: 5px 32px; } .testimonial-homepage:before { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: 0; top: 64px; color: #7a7a7a; } .testimonial-homepage:after { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201D"; font-size: 80px; position: absolute; right: 12px; top: 64px; color: #7a7a7a; } .product-lines-block .col-sm-4 { text-align: center; height: 385px; } .product-lines-block .col-sm-4 div { padding: 15px; border: solid 1px #cacccd; height: 355px; position: relative } .product-lines-block .col-sm-4 img { width: 100%; max-width: 240px; height: auto; } .product-lines-block h4 { color: #6e7a68; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: bold; } .product-lines-block p { color: #828282; text-align: left; font-size: 13px; } .newsletter-bar-homepage { background-color: #eaede4; height: 40px; color: #6E7A68; font-size: 14px; font-weight: 600; padding: 11px; margin: 15px 0; } .newsletter-bar-homepage span { float: left; padding: 2px 5px; } .newsletter-bar-homepage input { width: 100px; float: left; margin: -8px 4px; } .newsletter-bar-homepage button { width: 88px; float: left; margin: -8px 4px; } /* Homepage slideshow */ .slideshow-buttons {margin-left: 130px; position: absolute; bottom: 10px; left: 330px; z-index: 16;} .featured-slide {text-transform: uppercase; font-weight: bold; font-size: 42px; text-shadow: 5px 5px 3px #000; color: #D22D1D; margin-bottom: 30px;} .featured-sale-img {width: 18%;} .featured-text {font-size: 12px; margin-left: 45px; margin-right: 45px;} .benefits-slide { margin-left: -60px; margin-right: -60px; font-size: 40px; margin-bottom: 34px; text-shadow: 3px 4px 1px rgba(0, 0, 0, .8);} .btn-responsive { margin-bottom: -20px; width: 125px; font-size: 16px;} .intext-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.5); font-size: 36px;} .realistic-slide {margin-bottom: 70px; font-size: 40px; margin-left: -40px; margin-right: -40px; position: relative; top: 0;} .quality-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 36px; width: auto;} .featured-percent {display: block; position: relative; left: -320px; top: -140px; zoom: .9;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} #featured-top-text > h1 {font-size: 42px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} div#featured-percent-text {position: absolute; left: -145px; top: -54px; color:#FFF;} #featured-percent-text > h1 {font-size: 40px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} .featured-sub-text {margin-top: -8px; font-size: 18px;} .gallery-caption {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.7); position: absolute; top: 5px; right: 8px; width: auto; color: #fff; text-align: center; font-size: 16px; padding: 4px;} .gallery-caption h2 {color: #F7DC07; font-size: 26px; font-weight: 500; margin-top: 0px;} /* Homepage Testimonial Slider */ #fade-quote-carousel.carousel .carousel-inner .item p {font-size: 15px;} /* Left menu */ .accordion .submenu li { border-bottom: 1px dotted #c8c8c8; text-transform: none; font-size: 13px; color: #6f7a6a; font-weight: 100; } /* Project Ideas */ .project-line-copy {height: 150px;} .gal-button > div > a > button {width: auto; font-size: 14px;} .project-logos-right > div > div {height: 55px;} /* Video page (video.php)*/ .video-page h2 {font-size: 18px;} } @media (min-width: 1200px) { /* Global / Uncategorized */ .form-control { border-radius: 0; } .btn { border-radius: 0; background-color: #6e7a68; color: white; } /* About Us pages */ .about-us-links h2 {font-size: 20px} /* Benefits */ .benefits-page {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); position: absolute; bottom: 8px; left: 21%; z-index: 2; color: #fff; font-weight: bold; font-size: 18px;} /* Cart*/ .cart-checkout-area .btn-lg { font-size: 18px; } .cart-checkout-area .cart-btn { width: 240px; } .login_form_button_paypal { width: 194px; } .cart-checkout-area { text-align: center; } .cart-checkout-area .col-sm-4 { min-height: 430px; } .cart-checkout-area input { margin: 15px 0 } .cart-checkout-area .col-sm-4:nth-child(even) { background-color: #FBFBFB; border-left: 1px dashed #BEBEBE; border-right: 1px dashed #BEBEBE } .cart-checkout-area .to-cart { position: absolute; bottom: 10px; text-align: center } .to-cart button { background: #8ebe74; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #8ebe74), color-stop(100%, #568537)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8ebe74 6%, #568537 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #8ebe74 6%, #568537 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ebe74', endColorstr='#568537', GradientType=0 ); /* IE6-9 */ } /* Category */ #slides { width: 225px !important; } .category-product-inner .glyphicon { color: gray; padding: 15px 5px 0 0; float: right; display: block; } .related-links a {font-size: 14px ;} .samples-top { font-size:14px; } /* Checkout*/ .checkout-trust-icons{float:right; text-align:center} .checkout-trust-icons div {margin:auto; padding:5px; text-align:center} .checkout-block {border-radius: 4px; padding-bottom: 20px; padding-top:20px; border-bottom: dashed 1px gray; } .checkout-block input[type="text"] { width: 303px; } /*.checkout-block select { width: 80px; }*/ .checkout-block h2 { width: 100%; padding: 0 21px; } .checkout-group { float: left; margin: 8px 21px; width: 303px; } .checkout-group p{font-weight:bold; margin: 0 0 3px;} .checkout-group select { width: 303px; } .optional:after {color:gray; font-weight:100; content:" optional"} .summary-row {width:100%; clear:both; margin: 18px 0;} .provide-zip{text-align: center; border: solid 1px #c9c9c9; padding: 10px; background-color: #e5e5e5;margin: 10px;} .payment_tab_selected{ background-color:white; border: solid 1px gray; border-bottom:0; margin-top:1px;border-radius:3px 3px 0 0; text-align: center;margin-right: 7px;} .payment_tab{ background-color:#6e7a68; border: solid 1px gray; border-bottom:0;border-radius:3px 3px 0 0; text-align: center; margin-right: 7px; } .additional-info .col-sm-12{padding:10px;} .sipping-info-area{display:none;} .order-summary-code{width:130px !important;} checkout-qty {font-size:14px;} .checkout-price {font-size:14px;} .checkout-sub {font-size:14px;} #payment_area_cc{font-size:14px; padding-top:5px;} #cc_name{width: 150px} #cc_number{width: 150px} .payment-area { width: 800px; } /* Footer */ .footer-to-top { background-color: #6e7a68; border-radius: 50%; width: 50px; height: 50px; float: right; margin-top: -39px; position: relative; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; display: block; } .footer-to-top:hover { margin-top: -43px; background-color: rgb(94, 143, 64); cursor: pointer; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .footer-to-top span { color: white; color: white; font-size: 31px; margin: 9px 0 4px 0px; } .footer-nav { background-color: #2a2b2c; color: #ffffff; text-align: center; font-size: 13px; height: 40px; padding: 10px 0; } .footer-links-list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; -ms-flex-pack: justify; justify-content: center; list-style-type: none; margin: 0px; padding: 0px; float: left } .footer-links-list li { padding: 0 15px; margin: 0; text-align: left; border-bottom: none; } .copyright { color: #6e7a68; float: left } .dotted-row { border-top: dotted 1px rgb(161, 161, 161); margin: 20px 0; padding: 20px 0; } .card-icons { width: 40px; height: 26px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .card-icons:hover { opacity: 1; } .card-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .security-icons { width: 83px !important; height: 55px; margin: 8px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .security-icons img { width: 55px; height: auto } .security-icons:hover { opacity: 1; } .security-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .footer-categories li { border-bottom: dotted 1px rgba(128, 128, 128, 0.32); line-height: 30px; } .footer-categories a { color: inherit; } /* Gallery */ .portfolio-section > div > a > h2 {height: 45px; font-size: 20px;} /* Header */ .black-top { height: 10px; background-color: #1e1e20; width: 100%; } .top-level-nav { height: 30px; background-color: #6e7a68; color: #eaede4; font-weight: bold; font-size: 13pt; font-family: 'Open Sans Condensed', sans-serif; } .top-level-nav a:hover { text-decoration: none; color: inherit; } .top-level-nav a { color: inherit } .top-level-nav ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; list-style-type: none; margin: 0px; padding: 0px; } .middle-level-nav { height: 60px; padding: 12px 0; } .header-logo-box { width: 245px; height: 32px; } .header-search-container { width: 250px; } .navbar-default { background-color: #e9ece3; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); background: url("../images/textures/green-bg.png") repeat scroll 0% 0% transparent; background-position: bottom; } .header-texture { background: url(../images/textures/header-bg.png); background-repeat: repeat-x; } .smm-icons { width: 25px; height: 25px; margin: 3px; opacity: .8; -webkit-transition: ease-in-out .2s; transition: ease-in-out .2s; } .smm-icons:hover { opacity: 1; } .smm-icon-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 3px; } .livechat { width: 120px; height: 37px; background: -webkit-linear-gradient(top, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; color: white; font-size: 15px; text-align: center; display: table; vertical-align: middle; } .off { background: rgb(197, 210, 190) !important; }/* for live chat when offline */ .checkout-holder { width: 188px; height: 37px; border: solid 1px #cccccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkout-top { width: 99px; height: 37px; font-size: 15px; padding: 6px 0; text-align: center; text-decoration: none; } .checkout-button { width: 87px; height: 35px; background: -webkit-linear-gradient(top, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; background: linear-gradient(to bottom, #85B967 0%, #568738 100%) repeat scroll 0% 0% transparent; color: white; text-decoration: none; font-weight: bold; font-size: 14px; padding: 8px 0; text-align: center; } .green1 { background-color: #6e7a68 !important; } .green2 { background-color: #eaede4 } .flexer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-around { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .dropdown-header { font-size: 18px; } .navbar-brand { padding: 8px 15px; } /* Homepage */ .green-bar { background-color: rgba(110, 122, 104, 0.61); height: 33px; position: absolute; bottom: 19px; right: 0; left: 0; color: white; font-size: 20px; font-weight: bold; margin: 0 20px; text-shadow: 1px 1px 1px black; } .testimonial-homepage { clear: both; text-align: center; padding: 5px 32px; } .testimonial-homepage:before { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201C"; font-size: 80px; position: absolute; left: 0; top: 64px; color: #7a7a7a; } .testimonial-homepage:after { display: block; font-family: Georgia, serif; padding-left: 10px; content: "\201D"; font-size: 80px; position: absolute; right: 12px; top: 64px; color: #7a7a7a; } .product-lines-block .col-sm-4 { text-align: center; height: 385px; } .product-lines-block .col-sm-4 div { padding: 15px; border: solid 1px #cacccd; height: 355px; position: relative } .product-lines-block .col-sm-4 img { width: 100%; max-width: 240px; height: auto; } .product-lines-block h4 { color: #6e7a68; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: bold; } .product-lines-block p { color: #828282; text-align: left; font-size: 13px; } .newsletter-bar-homepage { background-color: #eaede4; height: 40px; color: #6E7A68; font-size: 14px; font-weight: 600; padding: 11px; margin: 15px 0; } .newsletter-bar-homepage span { float: left; padding: 0 5px; } .newsletter-bar-homepage input { width: 184px; float: left; margin: -8px 4px; } .newsletter-bar-homepage button { width: 100px; float: left; margin: -8px 4px; } /* Homepage Slideshow */ .slideshow-buttons {margin-left: 200px; position: absolute; bottom: 10px; left: 345px; z-index: 16;} .video-slide {font-size: 36px; margin-bottom: 0px;} .featured-slide {text-transform: uppercase; font-weight: bold; font-size: 48px; text-shadow: 5px 5px 3px #000; color: #D22D1D; margin-bottom: 28px;} .featured-sale-img {width: 25%;} .featured-text {font-size: 16px;} .benefits-slide {margin-left: -60px; margin-right: -60px; font-size: 48px; margin-bottom: 34px; text-shadow: 3px 4px 1px rgba(0, 0, 0, .8);} .btn-responsive {margin-bottom: -15px; width: 175px; font-size: 20px;} .intext-slide {font-size: 40px; margin-left: 40px; margin-right: 40px;} .realistic-slide { margin-bottom: 70px; font-size: 50px; margin-left: -40px; margin-right: -40px; position: relative; top: 0;} .established-text {font-size: 42px; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); letter-spacing: 3px;} .quality-slide {font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); font-size: 46px; width: auto;} .featured-percent {display: block; position: relative; left: -410px; top: -148px; zoom: .9;} .featured-percent {display: block; position: relative; left: -320px; top: -140px; zoom: .9;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} #featured-top-text > h1 {font-size: 50px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} div#featured-top-text {position: absolute; left: 10px; top: -16px; color:#FFF;} div#featured-percent-text {position: absolute; left: -182px; top: -86px; color:#FFF;} #featured-percent-text > h1 {font-size: 50px; text-shadow: 2px 2px 2px #000; text-transform: uppercase;} .featured-sub-text {margin-top: -8px; font-size: 22px;} .gallery-caption {text-shadow: 2px 2px 1px rgba(0, 0, 0, .6); background: rgba(0,0,0,0.7); position: absolute; top: 5px; right: 8px; width: auto; color: #fff; text-align: center; font-size: 20px; padding: 4px;} .gallery-caption h2 {color: #F7DC07; font-size: 32px; font-weight: 600; margin-top: 0px;} /* Homepage Testimonial Slider */ #fade-quote-carousel.carousel .carousel-inner .item p {font-size: 18px;} /* Install */ .install-header {height: 40px; margin-top: 25px; font-size: 20px;} /* Left menu */ .accordion .submenu li { border-bottom: 1px dotted #c8c8c8; text-transform: none; font-size: 13px; color: #6f7a6a; font-weight: 100; } /* Project Ideas */ .project-line-copy {height: 115px;} .project-photos-right > div > div {height: 150px;} .project-logos-right > div > div {height: 60px;} .gal-button > div > a > button {width: auto; font-size: 14px;} /* Sale page */ .h3-size {font-size: 18px;} /* Video page */ .video-page h2 {font-size: 20px; height: 32px;} } /* Printing without URLS */ @media print { a[href]:after { content: "" !important; } }