@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "fontello";
  src: url("/css/vendor/fontello/font/fontello.eot?17120940");
  src: url("/css/vendor/fontello/font/fontello.eot?17120940#iefix") format("embedded-opentype"), url("/css/vendor/fontello/font/fontello.woff2?17120940") format("woff2"), url("/css/vendor/fontello/font/fontello.woff?17120940") format("woff"), url("/css/vendor/fontello/font/fontello.ttf?17120940") format("truetype"), url("/css/vendor/fontello/font/fontello.svg?17120940#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?17120940#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-basket:before {
  content: "\e800";
} /* '' */
.icon-search:before {
  content: "\e801";
} /* '' */
.icon-down-open:before {
  content: "\e802";
} /* '' */
/* ===================================================
   LC LED - Main Stylesheet
   Extracted from inline styles. Companion to main.css.
   =================================================== */
/* ----- Form element baseline ----- */
input,
select,
textarea,
button {
  font: inherit;
}

input[type=text],
input[type=password],
select,
select option,
textarea {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 16px;
  padding: 5px 8px;
}

/* ----- Homepage Layout ----- */
body {
  font-family: Helvetica, Verdana, Geneva, Tahoma, sans-serif;
}
body a {
  color: #005cb9;
}

.home-page {
  display: flex;
  gap: 24px;
  max-width: 1200px;
}
.home-page .left-pane {
  margin-top: -35px;
}
.home-page .content-pane .intro {
  padding: 24px 0 0 0;
  display: flex;
  gap: 20px;
}
.home-page .content-pane .intro h1 {
  font-size: 24px;
  margin-bottom: 24px;
}
.home-page .content-pane .intro {
  line-height: 2em;
}

.home-layout {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  min-width: 960px;
  margin: 0;
  box-sizing: border-box;
}

.home-left-pane {
  flex-shrink: 0;
  margin-top: -20px;
  position: absolute;
}

.home-content {
  flex: 1;
  padding: 30px 0 30px 154px;
  box-sizing: border-box;
  line-height: 1.5em;
  min-width: 0;
}
.home-content .product-text {
  font-size: 20px;
}

.home-intro {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
}

.home-intro .text-blurb {
  flex: 1;
  min-width: 280px;
  line-height: 2em;
}

.home-intro .splash {
  flex: 1;
  min-width: 280px;
  text-align: center;
}

.home-intro .splash img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ----- Feature Products Grid ----- */
ul.feature-products {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
ul.feature-products li {
  flex: 1;
  min-width: 130px;
  text-align: center;
}
ul.feature-products li a {
  display: block;
  text-align: center;
  color: #005cb9;
  text-decoration: underline;
}
ul.feature-products li a:hover {
  opacity: 0.7;
}
ul.feature-products li a img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}

/* ----- Mobile Responsive ----- */
@media (max-width: 900px) {
  .text-blurb {
    line-height: 1.3em;
  }
}
@media (max-width: 820px) {
  .text-blurb {
    max-height: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 780px) {
  .left-pane {
    display: none;
  }
  .home-layout {
    max-width: 760px;
  }
  .home-page h2 {
    padding: 16px;
  }
  .home-page .content-pane {
    padding: 0 16px;
    display: flex;
    flex-direction: column-reverse;
  }
  .home-page .content-pane .intro {
    line-height: 1.5em;
  }
  .home-left-pane {
    display: none;
  }
  .home-content {
    padding-left: 0;
  }
  .home-intro {
    flex-direction: column;
  }
  .home-intro .text-blurb,
  .home-intro .splash {
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 460px) {
  .home-layout {
    max-width: 460px;
  }
  .home-page {
    width: 100%;
    max-width: 460px;
  }
  .left-pane,
  .splash {
    display: none;
  }
  .home-page .content-pane .intro {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
  }
  ul.feature-products {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  ul.feature-products li {
    width: 100%;
  }
  ul.feature-products li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
  }
  ul.feature-products li a img {
    margin: 16px;
  }
}
.content-pane {
  max-width: 1200px;
  line-height: 1.5em;
  padding: 24px;
  box-sizing: border-box;
}
.content-pane .page-intro {
  padding: 0 0 30px 0;
}

.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #f2ca00;
  background-color: #ffe600;
  background-image: linear-gradient(180deg, #ffe600 0, #fff200 25%, #fff200 49%, #ffe600 75%, #fff200 100%);
  background-size: 100% 400%;
  background-position: 0 75%;
  color: #49494a;
  cursor: pointer;
  font-size: 15px;
  line-height: 24px;
  padding: 5px 20px;
  text-decoration: none;
}
.btn:hover {
  color: #49494a;
  opacity: 0.8;
}
.btn.smaller {
  font-size: 13px;
  padding: 3px 10px;
}
.btn.blue {
  background: #0e84b5;
  border-color: #0e84b5;
  color: #fff;
}

.header {
  max-width: 1200px;
  min-width: 960px;
}
.header .banner {
  background: url("/images/bg-grad-lcled.jpg") #fff no-repeat top left;
  background-size: 100% 10px;
  box-sizing: border-box;
  height: 86px;
  padding: 10px 0 0 0;
}
.header .banner .main-logo-home {
  background: url("/images/logo-lc-led.png") no-repeat top left;
  display: block;
  height: 100px;
  margin: -7px 0 0 40px;
  position: absolute;
  width: 101px;
}
.header .banner .main-logo-home img {
  display: none;
}
.header .banner .lc-led-text {
  color: #2878b5;
  display: inline-block;
  font-size: 23px;
  font-family: arial, helvetica, verdana;
  font-weight: bold;
  text-decoration: none;
  font-style: italic;
  height: 26px;
  margin: 23px 0 0 160px;
  width: 220px;
}
.header .banner .lc-led-text img {
  display: none;
}
.header .banner .banner-right {
  display: inline-block;
  float: right;
}
.header .banner .home-logos:hover .main-logo-home {
  background: url("/images/logo-lc-led-over.png") no-repeat top left;
}
.header .banner .home-logos:hover .lc-led-text {
  opacity: 0.7;
}
.header .banner-content {
  height: 76px;
  display: flex;
  justify-content: flex-start;
  background: url(/images/banner2.gif) no-repeat top right;
}
.header .navigation {
  background: #cccc99;
  box-sizing: border-box;
  height: 46px;
}
.header .navigation ul.nav-links {
  list-style: none;
  list-style-type: none;
  margin: 0 0 0 168px;
}
.header .navigation ul.nav-links li {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height: 46px;
  line-height: 46px;
  padding-right: 20px;
}
.header .navigation ul.nav-links li a {
  color: #222;
  font-size: 16px;
  text-decoration: none;
}
.header .navigation ul.nav-links li a:hover, .header .navigation ul.nav-links li a:hover .icon-down-open {
  color: #666;
}
.header .navigation ul.nav-links li a .icon-down-open {
  color: #333;
  font-size: 13px;
}
.header .navigation ul.nav-links li.my-account, .header .navigation ul.nav-links li.shopping-cart {
  float: right;
}
.header .navigation ul.nav-links li.shopping-cart a {
  padding-left: 40px;
  position: relative;
}
.header .navigation ul.nav-links li.shopping-cart a .icon-basket {
  color: #444;
  font-size: 25px;
  left: 0;
  position: absolute;
}
.header .navigation ul.nav-links li.shopping-cart a:hover .icon-basket {
  color: #777;
}
.header .navigation ul.nav-links li.shopping-cart a .cart-number-badge {
  background: yellow;
  border-radius: 50%;
  border: 1px solid blue;
  color: blue;
  font-size: 15px;
  height: 22px;
  left: 20px;
  line-height: 22px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: -11px;
  width: 22px;
  z-index: 12;
}
.header .navigation ul.nav-links li.shopping-cart.has-count a {
  padding-left: 50px;
}
.header .navigation ul.nav-links li.search-products {
  margin-left: 10px;
}
.header .navigation ul.nav-links li.search-products input[type=text] {
  box-sizing: border-box;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  width: 340px;
  padding: 0 10px;
}
.header .navigation ul.nav-links li.search-products .btn-search {
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  background: #555;
  border-radius: 0 10px 10px 0;
  border: 1px solid #555;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 30px;
  width: 50px;
}
.header .navigation ul.nav-links li.search-products .btn-search:hover {
  background: #999;
}
.header .navigation ul.nav-links li .nav-menu {
  background: #cccc99;
  display: none;
  list-style: none;
  list-style-type: none;
  margin-top: -10px;
  position: absolute;
  width: 200px;
}
.header .navigation ul.nav-links li .nav-menu:hover {
  display: block;
}
.header .navigation ul.nav-links li .nav-menu li.nav-menu-item {
  border-bottom: 1px solid #666;
  display: block;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}
.header .navigation ul.nav-links li .nav-menu li.nav-menu-item a {
  color: #005cb9;
  font-size: 15px;
}
.header .navigation ul.nav-links li .nav-menu li.nav-menu-item a:hover {
  opacity: 0.7;
}
.header .navigation ul.nav-links li .nav-menu li.nav-menu-item:hover {
  border-bottom: 1px solid #999;
}
.header .navigation ul.nav-links li:hover .nav-menu {
  display: block;
}

@media (max-width: 780px) {
  .header {
    max-width: 780px;
    min-width: 460px;
  }
  .header .banner .main-logo-home {
    margin: -7px 0 0 16px;
  }
}
@media (max-width: 460px) {
  .icon-down-open {
    display: none !important;
  }
  .lc-led-text {
    color: #ff0000;
    margin-left: 140px;
  }
  .header {
    max-width: 460px;
    min-width: 390px;
  }
  .header .banner-content {
    background: none;
  }
  .header .navigation ul.nav-links {
    display: flex;
    margin-left: 140px;
  }
  .header .navigation ul.nav-links .nav-cart-text {
    display: none;
  }
  .header .navigation ul.nav-links .my-account-link {
    display: inline-block;
    width: 90px;
  }
  .checkout-form .nav-links .products,
  .checkout-form .nav-links .my-account,
  .welcome-to-checkout .nav-links .products,
  .welcome-to-checkout .nav-links .my-account {
    display: none !important;
  }
}
.product-breadcrumb {
  list-style: none;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
}
.product-breadcrumb li {
  padding: 0 20px 40px 0;
}
.product-breadcrumb li a {
  text-decoration: none;
}
.product-breadcrumb li a .carrot {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #666;
  display: inline-block;
  width: 0;
  height: 0;
}
.product-breadcrumb li a:hover .carrot {
  border-left: 6px solid #999;
}

/* ----- Footer ----- */
.site-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1200px;
  min-width: 960px;
  margin: 24px 0 0 0;
  padding: 0 16px 20px;
  box-sizing: border-box;
  border-top: 2px solid #cc0000;
}

.footer-nav {
  padding: 20px 0 10px;
  display: flex;
  gap: 16px;
  line-height: 2em;
}

.footNoteText {
  text-align: right;
  font-size: 13px;
  color: #666;
}

@media (max-width: 780px) {
  .site-footer {
    max-width: 780px;
    min-width: 460px;
  }
}
@media (max-width: 460px) {
  .site-footer {
    max-width: 460px;
    min-width: 390px;
    flex-direction: column;
    justify-content: center;
  }
  .site-footer .footer-nav {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.light-bulb-page h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.table-layout .row {
  display: flex;
  gap: 24px;
  padding: 0 0 20px 0;
}
.table-layout .row .cell {
  box-sizing: border-box;
  display: inline-block;
}
.table-layout .row .cell.product-image {
  padding: 0 20px 0 0;
  width: 145px;
}
.table-layout .row .cell.product-description {
  min-width: 700px;
}
.table-layout .row .cell.product-description a {
  display: block;
  padding: 0 0 20px 0;
}
.table-layout .row.large-image .product-image {
  width: 210px;
}
.table-layout .row.large-image .product-description {
  min-width: 540px;
}

@media (max-width: 780px) {
  .table-layout .row .cell.product-description {
    min-width: 200px;
  }
}
@media (max-width: 460px) {
  .page-intro {
    display: none;
  }
  .description-text {
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .table-layout .row .cell.product-description {
    min-width: 200px;
  }
}
.ecommerceHeader {
  background-image: url(/images/ecommerceHeader.gif);
  background-color: #330099;
  background-repeat: no-repeat;
  color: #FFFFFF;
  padding: 0px 0px 0px 20px;
  vertical-align: middle;
}

.pricing-table td {
  padding: 5px;
}

.product-pane {
  width: 340px;
}

.product-pane-row {
  display: flex;
  gap: 80px;
  justify-content: center;
  max-width: 1200px;
  margin-bottom: 40px;
}

@media (max-width: 780px) {
  .product-pane-row {
    max-width: 780px;
  }
}
@media (max-width: 460px) {
  .product-pane-row {
    flex-direction: column;
    max-width: 460px;
  }
}
.cart-wrap {
  box-sizing: border-box;
  max-width: 960px;
  width: 100%;
}

.cart-header {
  align-items: center;
  border-bottom: 2px solid #ccc;
  display: flex;
  font-weight: bold;
  gap: 12px;
  padding: 8px 0;
}

.cart-breadcrumb {
  margin: 20px;
  list-style: none;
  display: flex;
  gap: 16px;
}

.cart-item {
  align-items: center;
  border-bottom: 1px solid #ccc;
  display: flex;
  gap: 12px;
  padding: 12px 0;
}

.cart-col-img {
  flex: 0 0 100px;
  text-align: center;
}

.cart-col-img img {
  height: auto;
  max-width: 100%;
}

.cart-col-desc {
  flex: 1;
  font-size: 14px;
  min-width: 0;
}

.cart-col-desc a:first-child {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}

.cart-col-price {
  flex: 0 0 80px;
  text-align: right;
}

.cart-col-qty {
  flex: 0 0 140px;
  font-size: 14px;
  text-align: center;
}

.cart-col-qty input[type=text] {
  width: 50px;
}

.cart-col-qty a {
  display: block;
  font-size: 12px;
  margin-top: 6px;
}

.cart-col-total {
  flex: 0 0 80px;
  text-align: right;
}

.cart-footer {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 15px 0;
}

.cart-footer-label {
  font-weight: bold;
}

.cart-total {
  font-weight: bold;
  min-width: 80px;
  text-align: right;
}

.cart-empty {
  font-style: italic;
  padding: 20px 0;
}

.continue-checkout {
  padding: 20px 0;
  text-align: right;
}

.continue-checkout .checkout-now-btn {
  vertical-align: middle;
}

@media (max-width: 600px) {
  .cart-header {
    display: none;
  }
  .cart-item {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .cart-col-img {
    flex: 0 0 80px;
  }
  .cart-col-desc {
    flex: 1;
  }
  .cart-col-price {
    flex: 0 0 auto;
    order: 3;
    text-align: left;
  }
  .cart-col-price::before {
    content: "Price: ";
    font-weight: bold;
  }
  .cart-col-qty {
    flex: 0 0 auto;
    order: 4;
    text-align: left;
  }
  .cart-col-total {
    flex: 0 0 auto;
    order: 5;
    text-align: left;
  }
  .cart-col-total::before {
    content: "Sub-total: ";
    font-weight: bold;
  }
  .cart-footer {
    justify-content: space-between;
  }
}
@media (max-width: 460px) {
  .cart-breadcrumb {
    display: none !important;
  }
  .checkout-actions {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
  }
  .checkout-actions .checkout-or-text {
    display: none;
  }
}
table.browse-products-menu {
  border: 1px solid #2267aa;
}
table.browse-products-menu td, table.browse-products-menu th {
  border-right: 1px solid #2267aa;
}
table.browse-products-menu th {
  background: #2267aa;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 0;
}
table.browse-products-menu .level-1, table.browse-products-menu .level-2 {
  padding: 5px 5px;
}
table.browse-products-menu .level-1 {
  background: url(/images/arrow.gif) no-repeat 5px 8px;
  padding-left: 20px;
}
table.browse-products-menu .level-2 {
  background: url(/images/arrow.gif) no-repeat 25px 8px;
  padding-left: 40px;
}

.emitter-list {
  padding: 24px 0px;
}

.emitter-section {
  margin-bottom: 30px;
}

.emitter-section h2 {
  background: #666;
  color: #fff;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  height: 25px;
  line-height: 25px;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
}

.emitter-section h2 a {
  color: #fff;
  text-decoration: none;
}

.emitter-section h2 a:hover {
  text-decoration: underline;
}

.emitter-row {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.emitter-image {
  background: #ccc;
  flex: 0 0 125px;
}

.emitter-image img {
  border: 1px solid #000;
  display: block;
  height: 125px;
  object-fit: contain;
  width: 125px;
}

.emitter-description {
  flex: 1;
  font-size: 14px;
}

.emitter-view-all {
  display: block;
  margin-top: 10px;
  text-align: right;
}

.product-listing-wrap {
  box-sizing: border-box;
  max-width: 1200px;
  padding: 20px 20px 30px 40px;
}

.product-listing-wrap h1 {
  margin-bottom: 20px;
}

.product-listing-table {
  border-collapse: collapse;
  width: 100%;
}

.pl-col-header {
  background-color: #0059b2;
  color: #ffffff;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 15px;
}

.pl-col-type {
  padding: 10px 10px 0 0;
  vertical-align: top;
  width: 50px;
}

.pl-col-sku {
  padding: 10px 10px 0 0;
  vertical-align: top;
  width: 100px;
}

.pl-col-desc {
  padding: 10px 0 0 0;
  vertical-align: middle;
}

.pl-col-type img {
  max-width: 100%;
  height: auto;
}

.pl-divider td {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
  text-align: right;
}

@media (max-width: 600px) {
  .product-listing-wrap {
    padding: 15px;
  }
  .pl-col-sku {
    display: none;
  }
}
.pl2-wrap {
  box-sizing: border-box;
  max-width: 1200px;
  padding: 20px 20px 30px 40px;
}

.pl2-breadcrumb {
  margin-bottom: 20px;
}

.pl2-section {
  margin-bottom: 40px;
}
.pl2-section h1 {
  margin-bottom: 10px;
}

.pl2-section-header {
  color: #fff;
  display: flex;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0;
}

.pl2-header-type {
  flex-shrink: 0;
  padding: 0 15px;
  width: 160px;
}

.pl2-header-desc {
  flex: 1;
  padding: 0 15px;
}

.pl2-product {
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  display: flex;
  gap: 10px;
  padding: 10px 0 8px;
}

.pl2-product-thumb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  width: 120px;
}
.pl2-product-thumb img {
  height: auto;
  max-width: 100%;
}

.pl2-product-sku {
  flex-shrink: 0;
  font-size: 15px;
  padding-top: 2px;
  width: 100px;
  text-align: center;
  padding-bottom: 16px;
}

.pl2-product-body {
  flex: 1;
  min-width: 0;
}

.pl2-product-view {
  margin-top: 8px;
  text-align: right;
}

@media (max-width: 600px) {
  .pl2-wrap {
    padding: 15px;
  }
  .pl2-header-type {
    display: none;
  }
}
.pl4-content-pane {
  box-sizing: border-box;
  max-width: 1200px;
  padding: 20px 20px 30px 40px;
  width: 100%;
}

.pl4-layout {
  align-items: flex-start;
  display: flex;
  gap: 25px;
}

.pl4-nav {
  flex-shrink: 0;
  width: 200px;
}

.pl4-nav-toggle {
  display: none;
}

.pl4-main {
  flex: 1;
  min-width: 0;
}
.pl4-main h1 {
  border-bottom: 5px solid #2267aa;
  margin-bottom: 15px;
  padding-bottom: 8px;
}

.pl4-product {
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
  padding: 10px 0 8px;
}

.pl4-product-thumb {
  flex-shrink: 0;
}
.pl4-product-thumb img {
  height: auto;
  max-width: 100%;
}

.pl4-product-body {
  flex: 1;
  font-family: arial;
  font-size: 14px;
  min-width: 0;
}
.pl4-product-body a:first-child {
  display: block;
  margin-bottom: 8px;
}

.pl4-product-view {
  margin-top: 8px;
  text-align: right;
}

@media (max-width: 700px) {
  .pl4-content-pane {
    padding: 15px;
  }
  .pl4-layout {
    flex-direction: column;
    gap: 0;
  }
  .pl4-nav {
    width: 100%;
  }
  .pl4-nav-toggle {
    align-items: center;
    background: #2267aa;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: arial;
    font-size: 15px;
    gap: 10px;
    padding: 10px 15px;
    width: 100%;
  }
  .pl4-nav-toggle span {
    background: #fff;
    display: block;
    height: 2px;
    position: relative;
    width: 20px;
  }
  .pl4-nav-toggle span::before, .pl4-nav-toggle span::after {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    width: 20px;
  }
  .pl4-nav-toggle span::before {
    top: -6px;
  }
  .pl4-nav-toggle span::after {
    top: 6px;
  }
  .pl4-nav-menu {
    display: none;
  }
  .pl4-nav-menu.is-open {
    display: block;
  }
  .pl4-nav-menu table.browse-products-menu {
    width: 100%;
  }
}
h2 {
  margin-bottom: 10px;
}

ul {
  list-style: square;
  margin: 0 0 20px 20px;
}

.item-price {
  border-bottom: 1px solid #777;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

/* with-image layout */
.view2-layout {
  align-items: flex-start;
  display: flex;
  gap: 30px;
  margin-top: 20px;
}

.view2-image-col {
  flex-shrink: 0;
  text-align: center;
  width: 280px;
}

.view2-image-col img.view2-product-img {
  display: block;
  height: auto;
  margin: 0 auto 15px;
  max-width: 100%;
}

.view2-qty {
  margin-top: 15px;
}

.view2-detail-col {
  flex: 1;
  min-width: 0;
}

/* no-image layout */
.view2-no-image {
  max-width: 700px;
}

.view2-divider {
  border: none;
  border-top: 1px solid #777;
  margin: 10px 0 20px;
}

.view2-cart-layout {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.view2-qty-col {
  flex-shrink: 0;
  text-align: center;
  width: 160px;
}

.view2-price-divider {
  align-self: stretch;
  background: #ccc;
  width: 1px;
}

.view2-price-col {
  flex: 1;
}

/* related products */
.view2-related {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.view2-related img {
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .view2-layout {
    flex-direction: column;
  }
  .view2-image-col {
    width: 100%;
  }
  .view2-cart-layout {
    flex-direction: column;
  }
  .view2-price-divider {
    display: none;
  }
  .add-to-cart-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .product-breadcrumb {
    margin: 0 0 24px 0;
  }
  .product-breadcrumb li {
    padding: 0;
  }
}
.wtc-wrap {
  box-sizing: border-box;
  max-width: 1200px;
  padding: 40px;
  width: 100%;
}

.wtc-layout {
  display: flex;
  gap: 0;
}

.wtc-col {
  flex: 1;
  padding: 10px 40px 30px;
}

.wtc-col h2 {
  color: #333;
  font-size: 22px;
  margin: 0 0 20px;
  text-align: center;
}

.wtc-divider {
  background: #999;
  flex-shrink: 0;
  width: 1px;
}

.wtc-form {
  margin: 0 auto;
  max-width: 280px;
}

.wtc-form p {
  margin-bottom: 16px;
}

.wtc-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}

.wtc-form input[type=text],
.wtc-form input[type=password] {
  box-sizing: border-box;
  margin-bottom: 14px;
  padding: 6px 8px;
  width: 100%;
}

.wtc-error {
  color: red;
  font-size: 13px;
  margin-bottom: 10px;
}

.wtc-forgot {
  display: block;
  font-size: 13px;
  margin-bottom: 20px;
}

.wtc-guest {
  margin: 0 auto;
  max-width: 300px;
  text-align: center;
}

.wtc-guest p {
  line-height: 1.6;
  margin-bottom: 30px;
}

.wtc-btn {
  background: #003b64;
  border: 1px solid #003b64;
  color: #fff;
}

@media (max-width: 640px) {
  .wtc-layout {
    flex-direction: column-reverse;
  }
  .wtc-divider {
    height: 1px;
    width: 100%;
  }
  .wtc-col {
    padding: 20px 0;
  }
}
.co-wrap {
  box-sizing: border-box;
  max-width: 620px;
  padding: 0 20px 40px;
  width: 100%;
}

.co-section {
  margin-bottom: 30px;
}

.co-section h2 {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.co-note {
  color: #555;
  font-size: 13px;
  margin-bottom: 16px;
}

.co-row {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}

.co-field {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.co-field label {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
}

.co-field input[type=text],
.co-field select {
  box-sizing: border-box;
  padding: 6px 8px;
  width: 100%;
}

.co-field-note {
  color: #555;
  font-size: 12px;
  margin-top: 4px;
}

.invalid-field {
  color: red;
  font-size: 12px;
  min-height: 16px;
  margin-top: 2px;
}

.co-same-as-shipping {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

.co-same-as-shipping input[type=checkbox] {
  flex-shrink: 0;
  margin-top: 3px;
}

.co-same-as-shipping span {
  color: #555;
  font-size: 13px;
}

.co-submit {
  margin-top: 10px;
  text-align: right;
}

@media (max-width: 480px) {
  .co-row {
    flex-direction: column;
    gap: 0;
  }
}
.p1-wrap {
  box-sizing: border-box;
  max-width: 960px;
  padding: 0 20px 40px;
  width: 100%;
}

/* ----- Payment panel ----- */
.p1-payment-panel {
  border: 1px solid #c5c5c5;
  display: flex;
  margin-bottom: 40px;
}

.p1-method-tabs {
  background: #f7f7f7;
  box-shadow: inset -3px -1px 3px 0 rgba(50, 50, 50, 0.45);
  flex-shrink: 0;
  width: 150px;
}

.p1-tab {
  border-bottom: 1px solid #c5c5c5;
  cursor: pointer;
  padding: 18px 10px;
}

.p1-tab.active {
  background: #fff;
}

.p1-tab label {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
}

.p1-method-content {
  flex: 1;
  min-width: 0;
  padding: 20px;
}

/* ----- Credit card form ----- */
.p1-cc-row {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}

.p1-cc-field {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.p1-cc-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

.p1-cc-field input[type=text],
.p1-cc-field select {
  box-sizing: border-box;
  padding: 6px 8px;
  width: 100%;
}

.p1-exp-row {
  display: flex;
  gap: 8px;
}

.p1-exp-row select {
  box-sizing: border-box;
  padding: 6px 8px;
  width: auto;
}

.invalid-field {
  color: red;
  font-size: 12px;
  margin-top: 2px;
  min-height: 16px;
}

/* ----- PayPal panel ----- */
.p1-paypal-content {
  line-height: 1.6;
}

.p1-paypal-content img {
  display: block;
  margin-top: 20px;
}

/* ----- Order summary ----- */
.p1-summary {
  margin-bottom: 40px;
}

.p1-summary h2,
.p1-addresses h2 {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.p1-summary-header,
.p1-summary-row {
  border-bottom: 1px solid #ccc;
  display: flex;
  font-size: 14px;
  gap: 10px;
  padding: 8px 0;
}

.p1-summary-header {
  font-weight: bold;
}

.p1-col-sku {
  flex: 0 0 100px;
}

.p1-col-desc {
  flex: 1;
  min-width: 0;
}

.p1-col-price {
  flex: 0 0 70px;
  text-align: right;
}

.p1-col-qty {
  flex: 0 0 60px;
  text-align: center;
}

.p1-col-total {
  flex: 0 0 80px;
  text-align: right;
}

.p1-summary-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 10px 0;
}

.p1-summary-footer-label {
  font-weight: bold;
  min-width: 120px;
  text-align: right;
}

.p1-summary-footer-value {
  min-width: 80px;
  text-align: right;
}

/* ----- Shipping options summary ----- */
.p1-shipping-summary {
  margin-bottom: 40px;
}

.p1-shipping-summary h2 {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

/* ----- Address summary ----- */
.p1-addresses {
  margin-bottom: 30px;
}

.p1-addr-layout {
  display: flex;
  gap: 40px;
}

.p1-addr-col {
  flex: 1;
  font-size: 14px;
  line-height: 1.7;
  min-width: 0;
}

.p1-addr-col h3 {
  font-size: 15px;
  margin-bottom: 8px;
}

/* ----- Submit ----- */
.p1-submit {
  text-align: right;
}

/* ----- Responsive ----- */
@media (max-width: 600px) {
  .p1-payment-panel {
    flex-direction: column;
  }
  .p1-method-tabs {
    box-shadow: none;
    display: flex;
    width: 100%;
  }
  .p1-tab {
    border-bottom: none;
    border-right: 1px solid #c5c5c5;
    flex: 1;
    text-align: center;
  }
  .p1-tab:last-child {
    border-right: none;
  }
  .p1-cc-row {
    flex-direction: column;
    gap: 0;
  }
  .p1-summary-header {
    display: none;
  }
  .p1-summary-row {
    flex-wrap: wrap;
  }
  .p1-col-sku {
    flex: 0 0 100%;
    font-weight: bold;
  }
  .p1-col-desc {
    flex: 0 0 100%;
  }
  .p1-col-price {
    flex: 1;
    text-align: left;
  }
  .p1-col-qty {
    flex: 1;
    text-align: left;
  }
  .p1-col-total {
    flex: 1;
    text-align: right;
  }
  .p1-addr-layout {
    flex-direction: column;
    gap: 20px;
  }
  .p1-wrap h1 {
    margin: 16px 0;
  }
}
.cs-wrap {
  box-sizing: border-box;
  max-width: 620px;
  padding: 0 20px 40px;
  width: 100%;
}

.cs-section {
  margin-bottom: 30px;
}

.cs-section h2 {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.cs-note {
  color: #555;
  font-size: 13px;
  margin-bottom: 20px;
}

.cs-option {
  align-items: baseline;
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

.cs-option input[type=radio] {
  flex-shrink: 0;
}

.cs-option-error {
  color: red;
  font-size: 12px;
}

.cs-instructions label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

.cs-instructions textarea {
  box-sizing: border-box;
  font-size: 14px;
  padding: 10px;
  width: 100%;
}

.cs-submit {
  margin-top: 24px;
  text-align: right;
}

/*# sourceMappingURL=lc-led.main.css.map */