@charset "utf-8"; /* CSS Document */ #refine .text-muted {display:none;} .email-container { width: 300px; border: 1px solid #000000; background-color: white; z-index: 1000; } .email-container.desktop { position: fixed; bottom: 10px; right: 10px; } .email-container.mobile { margin: 140px auto; } .email-container .header { background-color: #273f29; color: #d1b452; text-align: center; padding: 5px 0 5px 0; } .email-container p { margin: 0; } .email-body { padding: 20px 0 20px 0; text-align: center; } #mobile-email-badge { position: fixed; left: 0; bottom: 10px; border: 1px solid white; color: white; padding: 15px 20px 15px 20px; background-color: #273f29; font-size: 15px; } #mobile-email-badge button { display:inline; padding: 0; } #mobile-email-badge img { position:absolute; right:-8px; top:-20px; cursor:pointer } /* General Site Styles */ .grecaptcha-badge { visibility: hidden; } @media (max-width: 768px) {#banner-home-sale div:nth-child(2) {font-size:20px !important;} #banner-home-sale div:nth-child(3) {font-size:14px !important;} } @media (max-width: 767px) {body {padding-top:70px !important;}} #banner-home-sale {margin-top:10px; border:1px solid #000; margin-bottom:17px; text-align:center; padding-bottom:5px;} #banner-home-sale div:first-child {background-color:#C10003; color:#fff; font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif; padding:3px; font-size:25px;} #banner-home-sale div:nth-child(2) {padding:5px; font-size:27px; text-transform:uppercase;} #banner-home-sale div:nth-child(4) {text-transform:uppercase; font-size:18px; padding-bottom:3px;} #banner-home-sale .btn {background-color:#fff; border-color:#000000; border-radius:0; text-transform:uppercase; color:#000; text-decoration:none; padding:5px 25px; margin-bottom:10px;} #banner-home-sale a {color:#000; text-decoration:underline; padding-left:10px; font-size:14px;} #sale-popup .modal-body {padding-top:0; padding-bottom:15px;} #sale-popup .modal-title {background-color:#C10003; color:#fff; font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif; padding:3px; font-size:25px; text-align:center; margin-bottom:10px;} #sale-popup .close {color:#000; opacity: 1; text-shadow:none; padding-top:7px; margin-right:15px; font-size:30px;} body {width:100%; overflow-x:hidden; font-family:'Roboto', sans-serif; padding-top:100px;} @media screen and (min-width: 1401px) { .container { width: 1370px; } }; /* @media screen and (min-width: 1601px) and (max-width: 1800px) { .container { width: 1570px; } }; @media screen and (min-width: 1801px) and (max-width: 1920px) { .container { width: 1770px; } }; */ .vcenter {display:inline-block; vertical-align: middle; float: none;} /* input, button, textarea, select {border-radius:0 !important;} */ .green {color:#3c7b43 !important;} .well {border-radius:0; background-color:#f7f7f7; border-color:#c7c7c7;} a {color:#000; text-decoration:underline;} a:hover {text-decoration:none; color:#575757;} .inline {display:inline;} .move-down {margin-top:15px;} .no-padding {padding:0 !important;} .no_margin {margin:0;} .no_side_padding {padding-right: 0 !important;padding-left: 0 !important;} .btn-default, .btn-custom {background-color:#666666; text-transform:uppercase; font-size:13px; color:#fff; text-decoration:none; border-radius:0;} .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-custom:hover, .btn-custom:active, .btn-custom:focus {background-color:#969696 !important; color:#fff !important;} .btn-primary {background-color:#27402a; text-transform:uppercase; font-size:13px; color:#fff; border-color:#27402a;} .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color:#416B46;} .btn-faded {background-color:#e3e3e3; text-transform:uppercase; font-size:13px; color:#000;} .btn-faded:hover, .btn-faded:active, .btn-faded:focus {background-color:#ccc;} .btn-link {color:#000; padding:5px 0;} .btn-link:focus, .btn-link:hover {color:#666;} .btn-in-stock {color:#3c7b43; font-weight:bold; text-transform:uppercase;} .btn-not-in-stock {color:#C8000C; font-weight:bold; text-transform:uppercase;} .btn-sold {color:#CF0003; font-weight:bold; text-transform:uppercase;} .close {opacity:1} .btn:active, .btn:focus {outline:none; box-shadow:none;} .btn-lg {padding:12px 15px; font-size:16px;} ::-webkit-input-placeholder {color:#555 !important;} :-moz-placeholder {color:#555 !important;opacity:1;} ::-moz-placeholder {color:#555 !important; opacity:1;} :-ms-input-placeholder {color:#555 !important;} .label-default {background-color:#666; padding:5px 10px; font-size:12px; font-weight:400; border-radius:0;} .items-thumb img {width:100%; height:auto;} @media (min-width: 768px) {.center {text-align:center;} .mobile-only {display:none;} .right {text-align:right;} .desktop-space { margin-top: 15px;}} .big-bold {font-size:20px; font-weight:600;} .border-bottom {border-bottom:1px solid #ccc;} .tiny-text {font-size:11px;} @media (max-width: 767px) {.btn-mobile {width:100%; padding:12px 15px;} .form-space {margin-top:15px;}} @media (max-width: 570px){ #rc-imageselect, .captcha {-webkit-transform:scale(0.87); -webkit-transform-origin:0;transform:scale(0.87);transform-origin:0 0; margin-left:auto; margin-right:auto;} } .top-alert {color:#D10003; font-weight:600; text-align:center; font-size:16px;} .text-danger, label.error {color:#D10003;} .text-danger a {text-decoration:underline !important;} .help-block {font-size:12px; margin-bottom:0;} .hidden-preowned {display:none;} #header-note {background:linear-gradient(135deg, #1a3c34 0%, #2f6156 100%); color:#fff; text-align:center; padding-bottom:5px;} #header-note a {color:#E4C76F;} #header-note{display: none;} /* turn off to show Black Friday Sale */ /* Header */ .navbar-default {border:none;} .navbar { /* background: linear-gradient(135deg, #1a3c34 0%, #2f6156 100%); // this is the new green I wanted to use */ background-color:#2f4f35; z-index:1000;} .navbar-brand img {margin: 0 auto; display:block; max-width:100%;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#27402a;} #subheader { padding:3px 0; border-bottom:1px solid #000;} #subheader a {text-decoration:none;} .no-side-padding {padding-right:0; padding-left:0;} .no-transition {-webkit-transition: height 0.01s; -moz-transition: height 0.01s; -ms-transition: height 0.01s; -o-transition: height 0.01s; transition: height 0.01s;} #subheader .input-group-btn button, #footer .input-group-btn button {background-color:#666666; color:#fff; border-color:#555;} .breadcrumb {background-color:#fff; padding-left:0; margin-bottom:0px;} .breadcrumb > .active {color:#3C7B48;} .breadcrumb>li+li:before {content: "\f3d3"; font-family:"Ionicons"; color:#000;} .navbar-default .navbar-nav>.open>a {background-color:#fff !important; font-weight:600;} .breadcrumb h1 {font-size:14px; margin:0; display:inline-block;} .breadcrumb h1 a {text-decoration: none;} @media (max-width: 3000px) { .navbar-header {float: none;} .navbar-left,.navbar-right {float: none !important;} .navbar-toggle {display: block;float:left;margin-left:15px;border:0;} .navbar-default .navbar-toggle .icon-bar {background-color:#fff; width:26px;} .navbar-default .navbar-toggle:hover {opacity:0.5;} .navbar-toggle .icon-bar+.icon-bar {margin-top:6px;} .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); width:250px; position:absolute; border:1px solid #000 !important; background-color:#fff; left:0; } .navbar-collapse.collapse { display: none!important;} .navbar-nav {float: none!important;margin-top: 7.5px; text-transform:uppercase;} .navbar-nav>li {float: none;} .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px; text-decoration:none;} .collapse.in{display:block !important;} } @media screen and (max-width: 767px) { .navbar-static-top .navbar-collapse { margin-top:1px;} .navbar-brand {position:absolute; transform:translateX(-50%); left:50%; padding:0; height:auto;} .navbar {height:70px; margin-bottom:0; min-height:0;} .navbar-brand img {height:68px;} .navbar-toggle {padding:17px 10px;} #header-information {position:absolute; color:#fff; right:20px; font-size:30px; top:11px;} #header-information .visible-xs {color:#fff; position:absolute; top:0; right:0; } #header-information .visible-xs img {width:35px; height:35px;} #header-information .visible-xs div {position:absolute; color:#fff; text-decoration:none; font-size:14px; right:13px; top:20px;} #subheader {margin-bottom:15px;} #subheader input {border:1px solid #555; height:38px;} #subheader button {height:38px;} #subheader > div:last-child {padding: 0 5px;} .navbar-collapse:before {border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; top: 58px; content: ""; position: fixed; left: 27px; margin-left: -10px; width: 0;height: 0;} .navbar-collapse {max-height: none !important;overflow-y: auto; width:300px;} .navbar-fixed-top {position:absolute;} .navbar-fixed-top .caret {position:absolute; top:45%; right:7%;} .navbar-default .navbar-nav>li>a {font-size:16px;} .navbar-nav .open .dropdown-menu>li>a {padding:9px 15px 9px 35px; font-size:15px;} .navbar-nav > li {border-bottom:1px solid #777; padding-top:3px; padding-bottom:3px;} .navbar-nav > li:last-child {border-bottom:none !important;} .navbar-fixed-top .navbar-nav {margin-top:0 !important; margin-bottom:0 !important;} } @media screen and (min-width: 768px) and (max-width: 820px) {#header-information span {font-size:13px !important; font-weight:400 !important;}} @media screen and (min-width: 768px) { /* body {padding-top:100px;} */ .navbar-brand {transform:translateX(-50%); left:50%; position:absolute; padding:0; height:auto;} .navbar {height:101px; margin:0; min-height: 0;} .navbar-toggle {padding:30px 10px;} #header-information {width:15%; float:right; color:#fff; height:100px; line-height:100px; text-align:right;} #header-information span {display:inline-block; vertical-align:middle; line-height:23px; font-size:15px; font-weight:300; position:absolute;top:15px; right:20px;} #header-information a {color:#fff;} #subheader {font-size:13px; } #subheader input {border:1px solid #555; height:30px;} #bag, #sign-in, #sign-out {font-size:14px;} #sign-in, #sign-out {margin-right:15px;} .navbar-collapse:before {border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; top: 70px; content: ""; position: fixed; left: 28px; margin-left: -10px; width: 0;height: 0;} .navbar-nav .open .dropdown-menu {position: static;float: none; width: auto; margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none; font-size:13px;} .dropdown-menu>li>a {text-decoration:none; color:#000; text-transform:uppercase;} .navbar-fixed-top {position:absolute;} .navbar-collapse {max-height:none !important; top:78px; width:275px;} .navbar-nav > li > a {padding-left:27px;} #subheader button {height:30px;} } /* New 1400px nav style */ @media screen and (min-width: 1400px) { #preowned-navbar { font-size: 14px !important; } } /* Footer */ #footer {border-top:1px solid #000; color:#000; margin-top:5px; font-size:13px;} #footer .input-group > input {border:1px solid #555;} #footer a {text-decoration:none;} #copyright {padding: 15px 0; text-align:center;} @media screen and (max-width: 767px) { .footer-panels {margin-bottom:0;} .footer-panels .panel {background-color:transparent; color:#fff; border:none;} .footer-panels .panel-heading {background-color:#fff; color:#fff; text-transform:uppercase; border:none; padding-left:10px;} .footer-panels .panel-heading a {font-weight:600; text-decoration:none; color:#000;} #footer .list-group-item {background-color:transparent; border:0; color:#000; padding:4px 10px;} #footer .panel ul {border-top:none;} .panel-heading span {color:#3c7b43; margin-right:10px; float:left;} #footer-row > div {border-bottom:1px solid #000; } .footer-heading {color:#000; padding:10px 15px 15px 10px; display:inline; text-transform:uppercase; font-weight:600; font-size:16px; padding-right:0;} #social {margin-top:23px; text-align:center; margin-bottom:20px;} #social i {font-size:27px; margin-right:10px;} .footer-panels [data-toggle=collapse] span:before { font-family: "Ionicons"; content: '\f209';} .footer-panels [data-toggle=collapse].collapsed span:before {font-family: "Ionicons"; content: '\f218';} #footer .input-group {margin-top:15px;} #footer-buttons a {width:100%; display:block; margin-bottom:10px; padding:10px 12px;} #footer-buttons a:first-child {margin-top:10px;} } @media screen and (min-width: 768px) { .footer-panels .panel {border:none; background-color:transparent; box-shadow:none;} .footer-panels .panel-heading {background-color:transparent; color:#27402a; text-transform:uppercase; border:none; margin-top:15px;} .footer-panels .panel-heading a {font-weight:600; text-decoration:none; cursor:default;} #footer .list-group-item {background-color:transparent; border:0; padding:3px 1px;} #footer a {color:#000;} #footer ul {border-top:none;} #footer .panel-heading span {display:none;} #footer .input-group {margin-top: 10px;} .panel-title {color:#3c7b43 !important; font-weight: 600; font-size: 18px;} ul.footer-list.list-group{margin-top: 6px;} .footer-heading {color:#3c7b43; padding:20px 15px 15px 0px; display:inline; text-transform:uppercase; font-weight:600; font-size:16px; padding-right:0;} #social {margin-top:20px;} #social i {font-size:22px;} #footer-row {border-bottom:1px solid #000;} } /* ITEM */ /* New 1400px styling for item page */ @media screen and (min-width: 1400px) { #main-img { display: flex; justify-content: center; } } #main-img img {display:block; margin-bottom:20px; } #1 {display: block;height: auto;margin: 0 auto 20px;max-width: 100%;} #item #stock-number {font-size: 16px;} #item #model {font-size:19px; font-weight:700; margin-top:5px; line-height:1.3;} #item #price { font-size:20px;} #price-sale #price {font-size:16px; text-decoration: line-through;} #price-sale #sale_price {font-size:20px; color:#DC0003;} #item #condition {margin:10px 0;} #item h2 {margin:0;} #item .alert {padding: 1rem 1.25rem;border: 1px solid;margin-bottom: 5px; margin-top: 5px; border-radius:0.5rem;} /* #item #availability {margin:5px 0 10px 0;} */ .btn-cart {background-color:#27402a; border:none; text-transform:uppercase; border-radius:5px !important; padding:8px 30px; color:#fff;} .btn-cart:hover, .btn-cart:active, .btn-cart:focus {background-color:#3b5e3f; color:#fff;} #item #add-to-bag {margin-bottom:15px;} #item #table-description {margin-top:20px; clear:both;} .affirm-prequal-text{color: #06C6E4;text-decoration: none;font-weight: 600;} #table-description td {padding:5px; font-size:14px; text-align:left;} #table-description > div {padding-left:0;} #table-description tr td:first-child {font-weight:bold; width:35%;} #table-description tr:first-child td {border-top:none;} #sidebar-panel {width:150px; float:right; text-align:center; margin-left:15px;} #sidebar-panel img {display:block; margin:0 auto 10px auto; max-width:100%;} #sidebar-panel li {margin-top:10px;} #sidebar-panel .well {padding:8px;} #mobile-panel {margin-top:10px; text-align:center;} #mobile-panel a {padding:10px 12px;} #thumbs {display:flex; flex-wrap:wrap; justify-content:center; padding:0;} #thumbs img {display:block; max-width:100%; max-height:100%;} @media screen and (max-width: 767px) { #main-img img {max-width:100%; height:auto; margin-right:auto; margin-left:auto;} #item-description {text-align:center;} #table-description .table {margin-bottom:0;} #thumbs div {width:45px; height:45px; margin: 0 4px 9px 4px; display:flex; justify-content:flex-start;} .btn-cart {background-color:#27402a; border:none; text-transform:uppercase; border-radius:5px !important; padding:10px; color:#fff; width:100%; display:block;} #text-description {text-align:left;} .scaled {webkit-transform: scale(1.5);-moz-transform: scale(1.5); -ms-transform: scale(1.5);transform:scale(1.5);} .center-xs {text-align:center;} } @media screen and (min-width: 768px) { #thumbs div {width:77px; height:77px; margin: 0 8px 15px 8px; display:flex; justify-content:flex-start;} #thumbs > figure:nth-child(5), #thumbs > figure:nth-child(10), #thumbs > figure:nth-child(15)> div {margin-right:0!important;} #thumbs > figure:first-child > div, #thumbs > figure:nth-child(6) > div, #thumbs > figure:nth-child(11) > div {margin-left:0!important;} .btn-cart {background-color:#27402a; border:none; text-transform:uppercase; border-radius:5px !important; padding:10px 60px; color:#fff; font-size:18px;} } /* Poppovers and Modals */ .popover {width:275px;} .popoverclose {float:right; background-color:#666666; border:0; font-size:20px; padding:0 0 5px 5px; margin-top:-5px;} .popover-content {font-size:12px;} .popover-title { background-color: #666666; color: #FFFFFF; } .modal-header, .modal-footer {border:0;} .modal-content {border-radius:0;} .modal-body {padding:0 15px;} .modal h4 {font-weight:600; text-transform:uppercase; font-size:22px;} .modal .form-group label {display:none;} .modal-body .form-group:first-child {margin-top:15px;} .modal-title.h-3 {font-weight:600; font-size:20px;} /*Sticky Back to Top*/ @media (max-width: 480px) {.back-to-top {background-color:#27402a; margin: 20px; position: fixed; bottom: 7%; right: 0; width: 30px; height: 30px; z-index: 1000; display:none; text-decoration: none; color: #fff; text-align:center;} .back-to-top span {font-size: 30px; line-height:30px;}} @media (min-width: 481px) {.back-to-top {background-color:#27402a; margin: 20px; position: fixed; bottom: 7%; right: 0; width: 50px; height: 50px; z-index: 1000; display:none; text-decoration: none; color: #fff; text-align:center;} .back-to-top span {font-size: 40px; line-height:50px;}} .back-to-top:hover {color:#ccc;} /* ITEMS */ .items-thumb {border:1px solid #ccc; padding:10px; text-align:center; position:relative;} #items-overlay {position:absolute; top:10px; right:20px; background-image:url("png/reduced.png"); background-repeat:no-repeat; width:26px; height:86px;} #items-sale {position:absolute; bottom:27px; left:5px; background-image:url("png/fathersday-stamp.png"); background-repeat:no-repeat; width:45px; height:45px;background-size:cover} #items > .row > div a {text-decoration:none; color:#000;} #items > .row > div a:hover div {border-color:#828282;} .items-thumb img {max-width:100%; display:block; margin:0 auto 10px auto;} .items-thumb .brand h2 {font-size:20px; font-weight:600; margin:0 0 3px 0;} .items-thumb .price {font-size:18px; font-weight:600; font-style:italic;} .items-thumb .sale-price {color: #D10003; font-size:16px;} @media screen and (max-width: 767px) {#items-footer {margin-top:15px; text-align:center;} #items .row > div + div {margin-top:15px;} #see-more {margin-bottom:15px; width:100%; font-size:20px;background-color:#fff; border:1px solid #000; text-transform:uppercase; }} @media screen and (min-width: 768px) { .items-thumb .model {height:20px; text-overflow:ellipsis; overflow:hidden;} #items-heading {margin-bottom:15px; margin-top:15px;} #items-footer {margin-top:15px; float:right;} .items-bottom {height:67px; display:flex; flex-direction:column; justify-content:flex-end;} #see-more {margin-bottom:15px; padding:20px 180px; font-size:20px; margin-top:20px; background-color:#fff; border:1px solid #000; text-transform:uppercase;} } @media screen and (min-width: 768px) and (max-width: 991px) { #items > .row > div:nth-child(n + 3) { margin-top: 15px;}} @media screen and (min-width: 992px) {#items > .row > div:nth-child(n + 5) { margin-top: 15px;}} .page-title, .page-title h1 {font-weight:600; font-size:24px; margin:0;} #items-heading nav {float:right;} .pagination {margin:7px 0;} .pagination > li > a {border:none; color:#000; padding:0 7px;} .pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus {text-decoration:underline; background-color:#fff; color:#000;} .pagination > .active > a, .pagination > .active > a:hover {color:#000; background-color:#fff; font-weight:700; text-decoration:none;} #sortby {border:0; width:auto; display:inline-block; border-radius:0; box-shadow:none; color:#000; padding:0; text-indent:0.01px;-webkit-appearance: none; -webkit-border-radius: 0px;-moz-appearance: none;} #sort-desktop {margin-top:7px; display:inline-block;} #sort-desktop a {text-decoration:none;} #sort-desktop li+li {border-right:1px solid #000; padding-right:10px;} #sort-desktop li+li:last-child {border-right:none;} #filter-options {/*position:absolute; top:40px; z-index:5; */background-color:#fff; border-top:1px solid #000000; border-bottom:1px solid #000000; margin-top:5px; } /* REFINE */ #refine .open .dropdown-toggle {border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;} #refine .dropdown-toggle {color:#000; border-radius:0;} #refine .dropdown-toggle:hover {background-color:#f1f1f1;} #refine .dropdown-toggle:active {background-color:transparent; border:0;} #refine .dropdown-toggle:focus {border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; background-color:transparent;} #refine .dropdown-menu {margin-top:0;} #refine .nav>li>a {padding:7px 15px; text-decoration:none;} .refine-col-1 {min-width:300px;} .refine-col-2 {min-width:550px !important;} .refine-col-3 {min-width:650px !important;} .refine-col-2 ul {width:46%;} .refine-col-3 ul {width:30%;} .filter-dropdown {min-width:250px; padding:15px;} .filter-dropdown label {font-weight:normal;} .filter-dropdown ul {list-style-type:none; padding-left:0; float:left;} .filter-dropdown a {font-weight:300; color:#000; display:block; padding: 3px 0px;} .filter-dropdown button {margin-bottom:10px; width:95px;} .filter-dropdown ul:not(:first-of-type) {margin-left:15px;} #filter-buttons button {background-color:#e3e3e3; padding:3px 7px; font-size:12px; border-radius:0; margin-bottom:3px;} #filter-buttons button:hover {background-color:#e9e9e9;} #filter-buttons button i {margin-right:3px; font-size:10px;} #filter-buttons {margin-bottom:4px;} #filter-trigger {margin-right:7px;} #mobile-filter-trigger {margin-bottom:10px; margin-top:5px; padding:10px 12px;} #refine-header {position:absolute; top:0; z-index:10000; background-color:#27402a; color:#fff; padding:6px 15px;} #refine-header .btn-default {width:50%;} #refine-header > .row > div:first-child {padding-top:7px;} #refine-mobile.collapsing {z-index: 10000; width: 100%; background-color:#ffffff;} #refine-mobile.collapse.in { display: block; z-index: 10000; top:0; left:0; width: 100%; background-color:#ffffff;} #refine-accordion .panel-heading {padding:10px 10px; background-color:#ffffff; border-radius:0;} #refine-accordion .panel+.panel {margin-top:0; border-top:none;} #refine-accordion .panel {border-radius:0;} #refine-accordion .list-unstyled {margin-bottom:0; } #refine-accordion .list-unstyled li+li {margin-top:8px;} #refine-accordion {margin:45px -15px 0 -15px;max-height: calc(100vh - 45px); overflow-y:scroll;} #refine-mobile {border-bottom:1px solid #ccc; background-color:#ffffff; padding:0; border-top:1px solid #ccc; box-shadow: 0 4px 4px -2px #828181; -moz-box-shadow: 0 4px 4px -2px #828181; -webkit-box-shadow: 0 4px 4px -2px #828181; position:fixed; top:0; left:0; right:0; z-index:1000000;} #refine-accordion .panel-title a {text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:600;} @media screen and (min-width: 768px) {#mobile-filters {display:none;}} #refine-accordion .panel span {float:right; margin-right:0;} #refine-accordion [data-toggle=collapse] span:before { font-family: "Ionicons"; content: '\f218';} #refine-accordion [data-toggle=collapse].collapsed span:before {font-family: "Ionicons"; content: '\f209';} /* Information Pages */ .policies {margin-top:15px;} .policies h2 {font-size:20px; font-weight:600;} .policies p a {color:#458B4E;} .indent {margin-left:25px;} .policies ul {padding-left:15px;} #payment-table p {margin-top: 10px;} #payment-table .btn-default { background-color: hsl(211, 48%, 20%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d5580", endColorstr="#1a324b"); background-image: -khtml-gradient(linear, left top, left bottom, from(#2d5580), to(#1a324b)); background-image: -moz-linear-gradient(top, #2d5580, #1a324b); background-image: -ms-linear-gradient(top, #2d5580, #1a324b); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d5580), color-stop(100%, #1a324b)); background-image: -webkit-linear-gradient(top, #2d5580, #1a324b); background-image: -o-linear-gradient(top, #2d5580, #1a324b); background-image: linear-gradient(#2d5580, #1a324b); border-color: transparent; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); -webkit-font-smoothing: antialiased; border-radius: 0px !important;} /* Search Page */ #search-boxes > div > a > div {background-color:#666; padding: 10px 10px; text-align:center; color:#fff; font-size:18px; text-transform:uppercase;} #search-boxes > div > a > div:hover {-webkit-opacity: 0.7;-moz-opacity: 0.7; opacity: 0.7; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;} #search-boxes a {text-decoration:none;} @media (min-width: 768px) {#search-boxes {margin-bottom:200px;}} @media (max-width: 767px) {.not-available {padding:30px 15px !important;} #recently-sold > div + div { margin-top: 15px;}} .not-available {font-weight:400; font-size:20px;} .view-recently {font-size:14px; text-transform:uppercase; margin-top:15px; font-weight:600; margin-bottom:5px;} #recently-sold {width:100%; margin-bottom:100px; overflow:auto;} #recently-sold > div {padding:0 10px;} #recently-sold img {width:100%;} .items-thumb a {text-decoration:none;} #recently-sold .items-thumb .btn-not-in-stock {margin:0;} @media screen and (max-width: 991px) and (min-width: 768px){ #recently-sold > div:nth-child(n + 3) { margin-top: 15px;}} .contact-info h2 {display:inline-block;} .contact-info i {font-size:25px; margin-right:10px;} /* Shopping Bag */ #bag-heading a {text-decoration:none;} #bag-heading .alert {margin-top:15px;} #bag-heading .page-title {text-align:left;} .cart-header {background-color:#EFEFEF; padding:7px; text-transform:uppercase; font-weight:600;} .form-control-inline {max-width:30px; width:auto; display:inline; padding:3px;} .cart-thumbnail {max-height:100px; margin-left:auto; margin-right:auto; max-width:100%; display:block;} #cart a {color:#000000; } #cart a.btn.btn-link.btn-xs {color:#004a71 !important;} .cart-row {border-bottom:1px solid #cccccc;} @media (max-width: 786px) {.cart-row {border-top:1px solid #cccccc;} #cart-top {margin-top:-20px; margin-bottom:10px;}} .cart-row div {padding:10px;} #zipcode {width:40%; display:inline;} #promocode {width:40%; display:inline;} #estimator .control-label, #RegisterPopup .control-label {text-align:left;} .btn-toolbar>.btn {margin:0;} @media (min-width: 991px) {#checkout-option-bar p {font-size: 11px; color:#4a4a4a;}} @media (max-width: 990px) {#checkout-option-bar p {display:block; font-size:90%; color:#7C7C7C; margin-bottom:10px;}} .discount {padding-top:7px; padding-bottom:7px; border:1px solid;} .cart-row a {text-decoration:none; color:#000;} #cart-lower {margin-top:15px;} #subtotals-col > div {margin-bottom:15px;} #subtotals-col > div > span:first-child {font-weight:bold; float:left; text-transform:uppercase;} #subtotals-col > div > span:last-child {float:right;} #subtotals-col > div:last-child {font-size:20px; font-weight:bold; color: #3c7b43} /* Forms */ .form-horizontal label {text-align:left !important;} @media (max-width: 786px){#sign-in-form label, #gift-form label, #payment-form label, #account-form label, #AddAddress label {display: none !important;}} @media (max-width: 1200px){ #accordion-checkout label, #accordion-checkout label.checkbox-inline { display: inline-block !important; margin-bottom: 5px;} #trade-in label, #billing-form label, #shipping-form label {display:none;}} .show-label {display:inline !important;} #trade-in .panel-heading {background-color:#666; color:#fff; font-weight:600; text-transform:uppercase;} #trade-in .big-bold {margin-bottom:10px;} .service-date, .service-performed-by {display:inline-block; margin-bottom:5px;} @media (min-width: 768px){ .service-date {width: 30%;} .service-performed-by {width: 69%;} #signup-form label {display:inline-block;}} #trade-in-details label {display:inline-block; margin-bottom:7px;} @media (min-width: 1201px) {.hidden-label {display:none;}} .well-unbordered {border: none;box-shadow: none;} .upload-img{display: inline-block;margin-right: 20px;margin-bottom: 20px;} .upload-img:active, .upload-img:focus{cursor: pointer;opacity: .3;} .upload-img button:focus, .upload-img button span:focus{outline: none;} .upload-img .btn{padding-left: 2px;margin-bottom: 30px;} #select-files{border-radius: 0} @media (max-width: 767px){.trade-captcha{position: absolute;bottom: 7%;}} .trade-captcha{position: absolute;bottom: 8%;} /* Print Styles */ @media print { body {margin:0; padding:0;} .breadcrumb, #subheader, #header-information, .navbar-toggle, .navbar, #footer, #mobile-panel {display:none;} a[href]:after {content:"";} #print-header img {display:block; margin:0 auto;} #print-header > div {margin-top:10px; text-align:center; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #000; border-top:1px solid #000; margin-bottom:20px;} #main-img img {height:250px; width:250px;} .col-print-6 {width:50%; float:left;} #item-description {text-align:center;} #thumbs img {width:50px; height:50px; margin-bottom:10px;} } /* Checkout Pages */ .row-centered {text-align:left;} .col-centered, .col-centered-4 {display:inline-block; float:none; margin-right:-4px; vertical-align:top; text-align:center;} @media (max-width: 767px) { .col-centered, .col-centered-4 {margin-bottom:15px; text-align:center;}} @media (min-width: 768px) and (max-width: 991px){ .col-centered {width:33%; margin-bottom:10px;} .col-centered-4 {width:50%; margin-bottom:10px;}} @media (min-width: 992px) and (max-width: 1199px){ .col-centered {width:33%; margin-bottom:10px;} .col-centered-4 {width:50%; margin-bottom:10px;}} @media (min-width: 1201px) { .col-centered {width:20%; margin-bottom:10px;} .col-centered-4 {width:25%; margin-bottom:10px;}} .stepwizard-step {width: 25%;} .stepwizard-step p {margin-top: 7px; font-size:12px; text-transform:uppercase; color:#ccc;} .stepwizard-row { display: table-row;} @media (min-width: 481px) {#stepwizard {display:table; width:100%; position: relative; margin-top:15px;} .or {display:none;} .account-email {display:inline-block; width:60%;}} @media (max-width: 480px) {#stepwizard {display:none;}} @media print {#stepwizard {display:none;}} .stepwizard-step button[disabled] {opacity: 1 !important; filter: alpha(opacity=100) !important;} .stepwizard-step button[disabled]:hover {background-color:#ccc;} .stepwizard-row:before {top: 14px; bottom: 0; position: absolute;content: " "; width: 100%; height: 1px; background-color: #e3e3e3; z-order: 0;} .stepwizard-step {display: table-cell; text-align: center; position: relative;} .stepwizard-step .btn-default {background-color:#fff; color:#000;} #account_signin .well {border:none; box-shadow:none; background-color:#fff;} #account_signin .h-3 {font-weight:600; font-size:24px;} @media (max-width: 480px) {.well {padding:5px; margin-bottom:0;} .big-check {width: 25px; height: 25px; float:left; margin-right:5px !important;}} button[data-target="#RegisterPopup"] {margin-bottom:10px;} #account_signin .row:first-child {margin-top:0;} .checkout-page .panel {border-radius:0;} #accordion-checkout > .panel-title, #accordion-checkout .panel-title > a, #accordion-checkout .panel-heading, #shopping-bag .panel-title, #summary .panel-title, #review .panel-title, #review .panel-heading {font-weight:600; text-transform:uppercase; text-decoration:none; color:#000 !important; background-color:#efefef; border:none; border-radius:0;} .panel, .panel-group .panel {border-radius:0;} #accordion-checkout .h-2 {font-size:20px;} #shopping-bag .col-xs-3 {padding:0;} #summary span {margin-top:15px;} #summary .blue-bold {color: #3c7b43; font-size:20px; font-weight:bold; text-transform:uppercase;} #summary .pull-left {text-transform:uppercase;} #summary .move-down {margin-top:0;} #checkoutFrm #continue {padding:12px 15px; font-size:16px;} #checkoutFrm #continue i {display:none;} .char-remaining {height: 20px;font-size: 12px; width: 30px !important;padding: 0px;border: none;box-shadow: none;color: #737373; text-align:center;} #accordion-checkout .panel-default > .panel-heading, #accordion-checkout .panel-heading, #checkoutFrm .panel-heading {background-color: #efefef;} #review .panel-body .row {margin-bottom:10px;} #review .pull-left {font-weight:bold; text-transform: uppercase;} .padded-row {padding-bottom:15px;} #review .panel-body {padding:15px 15px 0 15px;} #checkout-signed-in a, #cart-top a {text-decoration:none;} .search-button {background-color: #efefef !important;} #checkout-signed-in .well {background-color:#fff;} .acctcheckout-header {padding:5px 0; text-transform:uppercase; background-color:#666; color:#fff;} #add-address label {display:inline-block;} #cart-top .h-3{font-weight:600; font-size:24px; margin-top:7px;} #estimator button.pull-right {float:none !important; margin-left:7px;} .totals .h-6 {color:#3c7b43; font-weight:600; text-transform:uppercase; font-size:large;} .totals .pull-left {text-transform:uppercase; font-weight:bold;} #estimator h2 {font-size:14px;} @media (min-width: 992px) {.payment-exp {font-size: 11px; color: #4a4a4a; margin-top: 5px;}} #checkoutFrm button:disabled { visibility: hidden;} @media (min-width: 787px) {.desktop-space {margin-top:15px;}} .decorated{overflow: hidden;text-align: center;font-weight:600;} .decorated > span{position: relative;display: inline-block;} .decorated > span:before, .decorated > span:after{content: '';position: absolute;top: 50%;border-bottom: 1px solid; width: 592px; margin: 0 20px;color:#ccc;} .decorated > span:before{right: 100%;} .decorated > span:after{left: 100%;} #account-form {margin-bottom:25px;} /* Accounts */ #accounts .h-3 {font-size:24px; font-weight:600;} #accounts button[data-toggle="offcanvas"] {padding-right:5px !important;} /*.sidebar-offcanvas .panel-default > .panel-heading {background-color:#fff; border-bottom:none; border-right:1px solid #000;; border-left:none; border-top:none; border-radius:0;} .sidebar-offcanvas .panel {border:0;} .sidebar-offcanvas .panel-title a {text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:600; color:#3C7B48;} */ .sidebar-offcanvas .panel-group .panel+.panel {margin:0;} .sidebar-offcanvas .panel {border-bottom:1px solid #ccc; border-right:none; border-left:none;border-top:none; box-shadow:none;} .sidebar-offcanvas .panel-heading {background-color:#fff; padding:15px;} .sidebar-offcanvas .panel-title a { text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:600; color: #1a3c34; /* color:#3c7b43; */ } @media (min-width: 768px) {.form-inline .form-group .email {width:350px;} .offset-panels {width:180px;}} #accounts .btn-link {padding: 6px 12px;} #account-overview strong, .address-row strong {text-transform:uppercase;} @media (max-width: 767px) {#account-overview label {display:none;} .offset-panels {box-shadow:none !important; border:none !important;}} #account-overview .panel-body {padding:15px 0;} #accounts .well {background-color:#fff;} #address-links {line-height: 25px;} #address-links .text-success {text-decoration:none;} #DefaultShippingAddress .modal-body, #DefaultBillingAddress .modal-body, #DeleteAddress .modal-body {padding-top:15px;} @media screen and (max-width: 767px) { .row-offcanvas {position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out;transition: all .25s ease-out;} .row-offcanvas-right {right: 0;} .row-offcanvas-left {left: 0;} .row-offcanvas-left .sidebar-offcanvas {left: -60%;margin-left: 10px;} .row-offcanvas-left.active {left: 60%;} .sidebar-offcanvas { position: absolute;z-index:1000;top: 0;width: 60%;} .offset-panels { background-color:#fff;} } /* EMAIL SIGNUP */ #email-popup-modal {padding-right: 0 !important;} body.modal-open {padding-right:0 !important; overflow-y:scroll;} @media (min-width: 768px){#email-popup-modal .modal-dialog {width:400px;} #email-popup-modal .modal-body {padding:40px 30px 40px 30px !important;}} #email-popup-modal .modal-body {padding:30px;} #email-popup-modal .modal-body p {font-size:17px; margin-top:10px; margin-bottom:30px; color:#2f6156;} #email-popup-modal .modal-body .page-title {font-size:30px;} #email-popup-modal .btn-default {height:34px;} #email-popup-modal .modal-body div:first-child {position:absolute; right:4%; top:3%;} /* NEW HEADER */ #preowned-navbar #search-popout {border:1px solid #000; padding:7px; box-shadow:none; width:300px;} #preowned-navbar a {background-color:transparent; color:#000; border-radius:0; padding:8px 5px; text-transform:uppercase;}#preowned-navbar a:hover {color:#636363;} #preowned-navbar > li:last-child a {font-size:18px;} #preowned-navbar.navbar-nav {width: 100%;display: flex;flex-wrap: no-wrap;justify-content: space-between; align-items: center; margin-top:0;} #preowned-navbar.navbar-nav > li {flex-grow: 1;text-align: center;} #preowned-navbar .dropdown:nth-child(2){position:static;} #preowned-navbar .dropdown:nth-child(2) > .dropdown-menu{width: 100%!important; z-index:90;} #preowned-navbar .dropdown-menu {left:0; right:0; top:auto; border:none; border-radius:0;padding-top:15px;padding-bottom: 15px} #preowned-navbar .dropdown:hover:nth-child(2) .dropdown-menu {border-top:1px solid #e0e0e0; padding-top: 8px;} #preowned-navbar .dropdown:hover .dropdown-menu {display: block; margin-top: 0px; } #preowned-navbar > li:last-child .dropdown-menu {right:0; left:auto; width:200px;} #preowned-navbar .multi-column-dropdown a {color:#000; border:none; background-color:transparent; text-decoration:none; padding:0; text-transform:capitalize;} #preowned-navbar .multi-column-dropdown a:hover {color:#3c7b43;} #preowned-navbar a:focus, #preowned-navbar a:active, #preowned-navbar a:hover {color:#8b8b8b;} #preowned-navbar .dropdown:focus, #preowned-navbar .dropdown:active, #preowned-navbar .dropdown:hover {background-color:#FFF !important; color:#000 !important; } #preowned-navbar .dropdown:hover > a {color:#3c7b43 !important; font-weight:bold;} #preowned-navbar .dropdown-toggle:hover {background-color:#fff !important;} .columns-5 .nav-col {width:20%; float:left; padding-left:20px;} .columns-4 .nav-col {width:25%; float:left; padding-left:20px;} .columns-3 .nav-col {width:33%; float:left; padding-left:20px;} .multi-column {list-style: none;} .multi-column-dropdown {list-style:none; padding-left:10px;} .multi-column-dropdown li {padding-top:5px; padding-bottom:5px;} .dropdown-header {font-size:14px; color:#3c7b43; font-weight:600; text-transform:uppercase;} .multi-column-dropdown .dropdown-header{padding: 10px 0 1px 0; } #preowned-navbar .dropdown-header {text-transform:uppercase; font-size:16px; margin-bottom:7px;} #search-popout::before { position: absolute; top: -7px; right: 18px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #000; border-left: 7px solid transparent; border-bottom-color: #000; content: '';} #search-popout::after { position: absolute; top: -6px; right: 19px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid white; border-left: 6px solid transparent; content: '';} #preowned-search-desktop {border:none !important; font-size:11px; text-transform:uppercase; box-shadow:none;} #new-watches-tab {position:fixed; bottom:0; left:0; padding:9px 12px; font-size:11px; text-transform:uppercase; color:#fff; border-top-right-radius:10px; background-color:#27402A; z-index:100;} #new-watches-tab:hover {opacity:0.8;} #shopnew {position:absolute; top:75px; left:25px;color:#fff; float:left;} #shopnew a {color:#fff; text-decoration:none; font-size:13px;} #shopnew a:hover {color:#d1b452} #subheader input {font-size:12px; text-transform:uppercase;} @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .fa-spin, .animate-spin, .spin { animation: spin 1s linear infinite; }