/* GLOBAL */ body { background-color: #FFF; font: normal 12px 'Montserrat', sans-serif; color: #434244; margin: 0; padding: 0; } img { border: 0 } a:hover { text-decoration: none; } p { font-weight: 600; } /* HEADER */ .Text1 { color: #FFF; position: absolute; top: 44px; left: 14px; font-weight: normal; font-size: 11px; text-transform: uppercase; } #ctl00_ctl00_Body_HeaderImage {text-align: left!important;} /* PAGE LAYOUT */ .layout_title, ul#left_nav li h3 { background-color: #fff; color: #6087a7; } .hdng, .layout_title { color: #6087a7 !important; font: 20px/1em Montserrat,Arial,serif; font-weight: 600; } /* LEFT NAV */ .left_nav_div a:hover { background-color: #6087a7 !important; } /* !important directive required */ /* CUSTOM */ nav#hours ul { padding-top: 0; font-size: unset; color:#434244; text-align:left; } nav#hours li { margin-top: 8px; color: #434244; font-weight: 600; font-size: 13px; } nav#hours li .dropdownwrapper { font-size:12px; } .PhoneText { font-size: 13px; } nav#hours li a { color:#313131; } .left_nav_div a:hover { background-color: #6087a7 !important } .styleSalePriceTitle { font-size: 14px; float: left; } .styleSalePrice { font-size: 14px; float: left; } .styleSalePriceStrike { font-size: 14px } .options-thumbs { display: none !important; } .InfoBoxProgram { display: none !important; } .compare-message { color: #838185 !important; } .PrDescTitle { display: none; } .topbar_wish { display: none !important; } .topbar_pro { display: none !important; } #ctl00_ctl00_Body_RespLeftNav_divLayoutNav { display: none !important; } ul#menu_h_nav .coupon-link a { background-color: #BE5A30; } ul#menu_h_nav .coupon-link a:hover { background-color: #DC8059; color: #fff; } ul#menu_h_nav>li>a { color: #434244; font-weight:600; font-size: 12px; padding: 16px 13px; } #ctl00_ctl00_Body_linkProTop a { background-color: #fff; color: #000; } .CartShipZipCalc:hover { background-color: #626164; } .free-shipping { font-weight:600 !important; } .filter-group-title { background:none; } .hawk-guidedNavWrapper .hawk-navGroup ul { font: 11px Montserrat,sans-serif; } #search-box, .search-box { margin:20px 0px; } .search_textbox input { border: 1px solid #434244 !important; color: #434244; font-size: 14px !important; min-height: 23px!important; } .LinkLogo img { padding: 25px 0px; } .inline-pc-wrapper label { font-weight: 500; color: #fff; letter-spacing: 0.05em; } .btn-navbar { color:#434244 !important; } .mob-only.mobile-main-menu.accordion-toggle { background-color: #434244; color: #fff; } #hawkitemlist .display-price { font-weight:600; color: #406B8E; } .promo-coupon-wrapper { border:1px solid #626164; } #product-info-content .PrSpecsValue { font-weight:bold!important; } /* MAIN MENU */ #HeaderImage { position: relative; } #belami-menu .navbar { background-color: #fff; border-top: 2px solid #6187A7 !important; border-bottom: 2px solid #6187A7 !important; padding: 5px 0px; } .globalBar { background: #EEEEEE; color: #434244; font-family:Montserrat; } .mobile-menu-bar { background: #442D33; } .menu3dmega > ul li .hc { color: #442D33; } .menu3dmega > ul > li:hover { background-color: unset; } .menu3dmega>ul>li:hover>h2 a, .menu3dmega>ul>li:hover .hc { background-color:#fff; color:#838185; } .menu3dmega ul { display: table; margin: auto; } .menu3dmega > ul li > a { border-top: 1px solid transparent; border-bottom: 0; } .menu3dmega ul li h2 a { font: normal 14px 'Montserrat'; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; color: #434244; } .menu3dmega ul li h2 a:hover { text-decoration:underline; background-color:#fff; color:#626164 !important; } ul#menu_h_nav a:hover { color: #626164; text-decoration: underline; } .menu3dmega .dropdown-menu { left: inherit; width: 725px; line-height: 30px; font-family: "Montserrat;" } .off-canvas #off-canvas-nav .mainnav .nav-collapse .menu3dmega .dropdown-menu, .off-canvas #off-canvas-nav .menu3dmega .dropdown-menu ul li a { font: normal 13px Montserrat; } .menu3dmega li .brands { width:230px; } ul#left_nav li { margin-bottom: 0; } a.cart { background: #6087a7 !important; } a.cart:hover { background:#406B8E!important;} .alpha-hc-decor-alt { font-size: 2.8em; margin-top: 10px; margin-bottom: -10px; } .leftSideSectionHeader { border: 1px solid #b9b9b9; } .leftSideTitleHeaderText { font-size:14px; color:#313131; border-bottom: 1px solid #eeeeee; border-top:none; } .leftSideTable { background-color: #fff; border-bottom: none; } .leftSideTitle { background-color: #fff; } .leftSideTitleHeaderLink { background-color: #fff; } .leftSideInnerTable { background-color: #eeeeee; border:none; } .container_contentwrapper { border: none; } .search_button div { background-color: #434244; height: 43px; } .search_button div:hover { background-color: #626164; } .mobile-sub-menu li:hover { background-color: #fff !important; } #header_top_menu { font-size:14px; } /* * THE FOLLOWING ARE UNIQUE TO DESIGNDIRECTLIGHTING.COM This will give us the ability to set unique styles on multiple sites under the Luna business unit * * Here's how the CSS loads: * 1. /content/resp.globalmaster.css * 2. /scripts//resp.global.css & /scripts//resp.detail.css * 3. /App_Themes//resp.custom.css * * Because resp.custom.css loads last its styles are given important priority by default * !important is only needed when there is an existing !important declaration in resp.globalmaster.css, resp.global.css or resp.detail.css */ .inline-pc-wrapper { background: #838185; color: #fff; } a:hover.CartProceedUpper, a:hover.CartProceedChkout, .CartCouponApply:hover, .submitbutton:hover { background-color: #838185 !important; } .coupon-image { background-color: #838185; } .promo-coupon-wrapper { border: 1px solid #838185; } .PrPromoText { color: #313131; } #back-top { margin-left: -10px; } #back-top span { background: #7a7b7e !important; } #back-top a:hover span { background: #414042 !important; } .RefinementBanner { background-color: #434244; } .cloudzoom-gallery-active { border: 1px solid #2d71a9; } .flex-control-paging li a { background: none; border: 1px solid #eeeeee; } .flex-control-paging li a.flex-active { background: #2d71a9; border: 1px solid #2d71a9; } .flex-control-paging li a:hover { background: #2d71a9; border: 1px solid #2d71a9; } .btn-primary { background-color: #406B8E; border-color: #406B8E; color: #FFF; border: 0; font-weight: 600;} a.btn-primary { color: #FFF !important; } .btn-primary:focus, .btn-primary:active, .btn-primary:hover { background-color: #6187A7; border-color: #6187A7; color: #FFF; font-weight: 600; } .btn-secondary { background-color: #6187A7; border-color: #6187A7; color: #FFF; vertical-align: text-top; } .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover { background-color: #434244; border-color: #434244; color: #FFF; font-weight: 600; } .btn-tertiary { background-color: #838185; border-color: #838185; color: #FFF; } .btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary:hover { background-color: #434244; border-color: #434244; color: #FFF; font-weight: 600;} #StyleListDiv .CloseOut { background-color: #e56b67; color: #FFF; } .ResultsMessage { color: #F08C1D; } .checkout .stepbar .active { background-color: #212121; } .current-pagination-length, .current-pagination-counter { background-color: #fff; border: 1.5px solid #838185; color: #434244; } .styleSalePriceTitletn,.styleSalePricetn, .CartItemDelivery,.breadcrumbs a, .stylePricetn, #StyleListDiv .stylePricedp, .accessory_price, .pr-snippet-read-write a.pr-snippet-link, .CartCouponTitle, .results-message { color: #434244; font-weight:600; } .cloudzoom-lens { border: 2px dotted #434244 !important; } .product-qty .qty-increment:hover { background-color: #442d33 !important; } .InfoBoxProgram { margin-top: 20px; padding: 20px; background: #FFBD74; font-size: 17px !important; color: #000; } .contact-column .alt { border-top: 1px solid #F08C1D; } .footerbar { background-color: #eee; text-align: center; color: #434244; padding: 10px 0; } .footer { font-size: 12px!important;} .footer h4 { color: #6187A7; } .footer .footer-phone-number { color: #6187A7; text-align: left; font-size: 15px; } .footer li a { color: #434244; font-size: 1em; font-weight: 600; line-height: 1.5em;} .footer li a:hover { color: #838185; text-decoration: underline; } .footerbar .footer { color: #FFF; } #nav .dropdownwrapper { color: #313131; } #ctl00_ctl00_Body__mainContent_DetailOrig1_Promos h4 { display: none; } .vpsBar { background: #fff; color: #434244; border-bottom: 2px solid #6187A7; border-top: none;} .product-desc a {color: #434244; font-weight: 600; font-size: .95em; } .product-brand {font-size: 11px; color: #434244; font-weight: 600;} #StyleListDiv .display-price {font-size: 26px; font-weight: bold; color: #406B8E;} .item-number {font-weight: 600;} #StyleListDiv .promo-free-shipping {font-size: 13px;color: #1abc9c;font-weight: 600;} .delivery_text { font-size: 12px; padding: 5px 10px; font-weight: 600; border-radius: 5px;} #StyleListDiv .style-combos {font-weight: 600;} .PrDesc { font-size: 1.1em; line-height: 1.6em; text-align: left; font-weight: 600;} .product-overview-vp {font-weight: 600;} .styleShip { margin-top: 6px; margin-bottom: 5px;} .brand-logos { padding: 2% 0;} @media (max-width: 800px) { #ctl00_ctl00_Body_HeaderLogoImageMobile {max-width:200px;} .phone-xs a { color: #434244; } .cart-xs a { color: #434244; } .mobile-cart-count { background: #6087a7; } .header-top { background:#fff; } .search_textbox input { border:1px solid #434244; min-height: 21px!important; font-weight: 600; font-size: 13px!important; } .off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav > li > a, .off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav .navHomeLink .button, .off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav .LIHelp a { color: #838185; } } @media (min-width: 801px) { nav#hours { display: block; } .tab-count { background-color: #6087a7; } #search-box { width: inherit; } .search_textbox { width: 100%; } .product-brand {/* min-height: 31px; */ margin: 5px 0 20px 0;} /* HAWK SEARCH DEFAULT COLORS FOR designdirect BUSINESS UNIT */ .serp-spinner div, .serp-spinner-page div { border-color: #6187A7 transparent #6187A7 transparent; } @media (min-width: 1440px ) { .header .container, #ctl00_ctl00_Body_Footer .container, .container { width: clamp(16rem, 90vw, 100rem); } .container.product-details { width: 1170px; } #hawkfacets .singlefacet a.hawk-styleList s { width: 219px; } .cart-wrapper { background-image: url(//images.patioproductsusa.com/site/common/patio/cart-tile-xl-wide.png); background-repeat: repeat-y; background-position-x: right; } }