.header-wrapper,.subheader-wrapper, .left-col,.right-col,.creditlink,.footer-wrapper,.boxcontent,#ns_copyright,.topbar, #showcase, #tab1,#tab2,#tab3,#tab4,#tab5, #descriptiontitle, #design, #seo { display:none;}#descriptioncontent,#backup{ font-family:sans-serif;}#backup{padding:10px;max-width:80%; margin:auto; text-align:center; font-size:13px; }
/* ================================================= Frooition Seller Tabs (Shipping/Payment/Returns) + SKU color override ================================================= */ /* — SKU text (light grey) — */ .sku, .sku *{ color: #bfbfbf !important; } /* — Tabs wrapper outline (missing grey thin outline) — */ #tabs{ border: 1px solid #d9d9d9 !important; box-sizing: border-box !important; background: #fff !important; } /* ————————————————- DESKTOP TABS (the first set of labels) Keep them inline and equally wide ————————————————- */ #tabs{ white-space: nowrap !important; /* prevents “Returns” dropping */ } /* All desktop labels */ #tabs > label:not(.mobile_tab){ display: inline-block !important; vertical-align: top !important; width: 33.3333% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; background: #D02028 !important; /* red */ } /* Make the clickable area fill the full width + center text */ #tabs > label:not(.mobile_tab) li{ display: block !important; width: 100% !important; margin: 0 !important; padding: 12px 0 !important; /* tab height */ box-sizing: border-box !important; text-align: center !important; background: #D02028 !important; /* ensure li is red too */ } /* White text */ #tabs > label:not(.mobile_tab) li a{ display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; color: #ffffff !important; text-decoration: none !important; } /* Grey vertical dividers between tabs */ #tabs > label:not(.mobile_tab):not(:last-of-type) li{ border-right: 1px solid #d9d9d9 !important; } /* Active tab (keep red + white) */ #tabs > input:checked + label, #tabs > input:checked + label li, #tabs > input:checked + label li a{ background: #D02028 !important; color: #ffffff !important; } /* Hover (slightly darker red) */ #tabs > label:not(.mobile_tab):hover, #tabs > label:not(.mobile_tab):hover li{ background: #B91B22 !important; } /* ================================================= Seller tab HOVER fix – darken entire tab ================================================= */ #tabs > label:not(.mobile_tab):hover, #tabs > label:not(.mobile_tab):hover li, #tabs > label:not(.mobile_tab):hover li a{ background: #B91B22 !important; /* darker red */ color: #ffffff !important; } /* ————————————————- MOBILE TAB LABELS (Frooition duplicates) If you don’t style these, some users see “missing colors”. ————————————————- */ #tabs > label.mobile_tab{ background: #D02028 !important; border-top: 1px solid #d9d9d9 !important; /* keeps thin grey rhythm */ margin: 0 !important; padding: 0 !important; } #tabs > label.mobile_tab li{ display: block !important; width: 100% !important; margin: 0 !important; padding: 12px 0 !important; box-sizing: border-box !important; text-align: center !important; background: #D02028 !important; } #tabs > label.mobile_tab li a{ display: block !important; width: 100% !important; padding: 0 !important; color: #ffffff !important; text-decoration: none !important; } /* Mobile active tab */ #tabs > input:checked + label.mobile_tab, #tabs > input:checked + label.mobile_tab li, #tabs > input:checked + label.mobile_tab li a{ background: #D02028 !important; color: #ffffff !important; } /* Remove inline-block whitespace so 3 tabs fit perfectly */ #tabs{ font-size: 0 !important; } /* Restore text size inside the tabs */ #tabs > label{ font-size: 14px !important; } /* adjust if needed */ /* Restore normal font sizing for the tab panel content */ #tabs .content, #tabs .content *{ font-size: 14px !important; /* or whatever your normal size is */ } /* ========================================== Seller tab CONTENT padding ========================================== */ /* Each tab’s content wrapper */ #tabs .content{ padding: 12px 18px; /* top/bottom | left/right */ box-sizing: border-box; } /* Optional: tighten headings so they don’t feel too far in */ #tabs .content h3, #tabs .content h4{ margin-top: 0; } /* ================================================= Seller tab CONTENT padding (left/right fix) ================================================= */ /* The actual content container in your markup */ #tabs .tabcontent{ padding: 12px 18px 12px 18px !important; /* top right bottom left */ box-sizing: border-box !important; } /* If Frooition adds negative margins, neutralize them */ #tabs .tabcontent{ margin-left: 0 !important; } /* Lists often have their own left indent */ #tabs .tabcontent ul, #tabs .tabcontent ol{ padding-left: 20px !important; margin-left: 0 !important; } /* Paragraphs sometimes have zero margin then appear “stuck” */ #tabs .tabcontent p{ margin-left: 0 !important; } /* ================================================= Cross-store logo hover (premium, no shadow) ================================================= */ /* Target ONLY the two cross-store logo links */ a[href*=”buzztronics”] img, a[href*=”lifestylebyfocus”] img{ transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out; } /* Hover effect */ a[href*=”buzztronics”]:hover img, a[href*=”lifestylebyfocus”]:hover img{ opacity: 0.88; transform: scale(1.03); } /* ========================================== Mobile fix: spacing for cross-promo logos (FPA / LFS links stacking) ========================================== */ @media (max-width: 640px){ /* The two “columns” become stacked on mobile — add breathing room */ div[style*=”display:inline-block”][style*=”width:340px”]{ display: block !important; width: 100% !important; margin: 0 auto 18px !important; /* spacing between the two blocks */ } /* Extra spacing between the text and the logo image */ div[style*=”display:inline-block”][style*=”width:340px”] > div + div{ margin-top: 10px !important; } /* Ensure the logo itself isn’t jammed against surrounding content */ a[href*=”buzztronics”] img, a[href*=”lifestylebyfocus”] img{ margin-top: 6px !important; } } /* ========================================== Gallery hover-only “Click to zoom” hint SAFE (attached to #showcase) ========================================== */ /* Anchor point */ #showcase{ position: relative; } /* Hover hint */ #showcase::after{ content: “Click image to zoom”; position: absolute; left: 50%; top: 12px; /* moved from bottom to top */ transform: translateX(-50%); padding: 6px 12px; font-size: 12px; color: #fff; background: rgba(0,0,0,0.55); border-radius: 999px; opacity: 0; pointer-events: none; transition: opacity 0.2s ease-in-out; z-index: 5; } /* Show hint when hovering anywhere in the gallery area */ #showcase:hover::after{ opacity: 1; } /* Reinforce interaction */ #gallery label.mainimage img{ cursor: zoom-in !important; } /* ========================================== FIX: Mobile showing duplicate seller tabs (+ / -) Keep ONLY Frooition’s mobile_tab labels on small screens (same behavior as kit template) ========================================== */ @media (max-width: 640px){ /* Hide the desktop tab labels on mobile */ #tabs > label:not(.mobile_tab){ display: none !important; } /* Ensure only the mobile duplicate labels show */ #tabs > label.mobile_tab{ display: block !important; width: 100% !important; } /* Make sure the

inside fills the full row */ #tabs > label.mobile_tab li{ width: 100% !important; } } /* Center the banner title text */ .banner_title{ text-align: center !important; justify-content: center !important; align-items: center !important; width: 100%; } /* ========================================== Header store search (right-aligned) Matches Focus Camera theme ========================================== */ /* Position search on the right of header links */ .header-search{ float: right; margin-top: 4px; } /* Search form styling */ .header-search form{ display: inline-flex; align-items: center; border: 1px solid #d9d9d9; border-radius: 4px; overflow: hidden; background: #fff; } /* Input */ .header-search input[type=”text”]{ border: none; padding: 8px 12px; font-size: 13px; width: 180px; outline: none; box-sizing: border-box; } /* Button */ .header-search button{ border: none; background: #D02028; color: #fff; font-size: 13px; font-weight: 600; padding: 8px 14px; cursor: pointer; } .header-search button:hover{ background: #B91B22; } /* Placeholder tone */ .header-search input::placeholder{ color: #999; } /* Mobile behavior */ @media (max-width: 640px){ .header-search{ float: none; margin: 12px auto 0; text-align: center; } .header-search form{ width: 100%; max-width: 360px; } .header-search input[type=”text”]{ width: 100%; } }

Powered by Frooition

Search

• Store Home
• About Us
• Contact
• View All Products

Welcome To Focus Camera

It all started with a little camera shop in Brooklyn. Founded in 1966, Focus has faithfully served the New York City Metropolitan Area for over half a century. In that time, we’ve built a tight knit community of photographers, videographers, musicians, and other creators passionate about reaching their goals.

Today we have two retail store locations, hundreds of employees, and millions of satisfied customers. However, our mission remains the same: to help creators find the gear they need to realize their vision.

Lenovo ThinkPad X1 Yoga Gen 6 2in1 14In Touch i7-1185G7 32GB 512GB Win11 Pro