body {
    font: 12px Arial,Helvetica,Times New Roman,sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.cb { clear: both; }
.dn { display: none !important; }
img { vertical-align: middle; }
a {
    text-decoration: none;
    color: inherit;
}
sup {
  vertical-align: top;
  display: inline-block;
  margin-top: -3px;
}
sub {
  vertical-align: bottom;
  margin-bottom: -3px;
  display: inline-block;
}
h1, h2, h3, h4 {
  color: #1c5631;
  font: 22px "droid-sans",Arial,Helvetica,sans-serif;
  text-transform: uppercase;
}
h2, h3, h4 {
  font-size: 16px;
  margin-bottom: 8px;
}
h4 {
  font-size: 14px;
  margin-bottom: 0;
  background-color: #bed640;
  color: white;
  padding: 4px 7px;
  margin-top: 0;
  border-top: 1px solid #A9C02D;
}

#flags-container, .link-title, .link-box h2 span, .link-img p, 
.case-news-item img, .thumb, #right-content, .button, #left-content 
.back-to-range, .other-range, #filters, .subfilter, #clear-filter, 
.menu-img, #search, #mobile-menu, 
.one-two-third h2, .slider-link, .bar-link img, .link-img p span, #contact-menu li a, #right-social a, .warr {
  -o-transition: .2s;
  -ms-transition: .2s;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  transition: .2s;
}
#more-info, #back-to-top, .filter {
  -o-transition: .1s;
  -ms-transition: .1s;
  -moz-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s;
}
#title-slider img {
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

#spec-menu a, #logo {
    -o-transition: .2s opacity;
    -ms-transition: .2s opacity;
    -moz-transition: .2s opacity;
    -webkit-transition: .2s opacity;
    transition: .2s opacity;
}

#top-bar-update {
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 30px;
    text-align: center;
    background-color: #bed640;
    color: white;
    display: block;
}

#mobile-page-content {
    background-color: white;
    overflow-x: hidden;
}

.page-wrap {
    width: 1200px;
    margin: 0 auto;
}

#top-header {
    height: 30px;
    background-color: #bed640;
    color: white;
}
#top-header .page-wrap { position: relative; }

#flags-container {
  width: 19px;
  height: 19px;
  float: left;
  border-right: 2px solid white;
  overflow: hidden;
  padding: 6px 30px 5px 0;
  background-color: #bed640;
}
#flags-container:hover {width: 160px;}
#flags { width: 290px; }
.flag {
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 10px;
    background-size: 19px 19px !important;
}
.flag:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
}
#uk-flag { background: url('/public/img/assets/uk-flag_x2.png') no-repeat; }
#de-flag { background: url('/public/img/assets/de-flag_x2.png') no-repeat; }
#us-flag { background: url('/public/img/assets/us-flag_x2.png') no-repeat; }
#mx-flag { background: url('/public/img/assets/mx-flag_x2.png') no-repeat; }
#fr-flag { background: url('/public/img/assets/fr-flag_x2.png') no-repeat; }
#es-flag { background: url('/public/img/assets/es-flag_x2.png') no-repeat; }
#se-flag { background: url('/public/img/assets/se-flag_x2.png') no-repeat; }
#it-flag { background: url('/public/img/assets/it-flag_x2.png') no-repeat; }
#ae-flag { background: url('/public/img/assets/ae-flag_x2.png') no-repeat; }
#flags #arrow {
    width: 8px;
    height: 13px;
    background: url('/public/img/assets/arrow-white.png') right no-repeat;
    float: left;
    margin-right: 12px;
    margin-top: 2px;
}
#flags-container:hover #arrow { background-position: left; }

#flag-dropdown, .flag-text { display: none; }
#flag-dropdown { background: url('/public/img/assets/arrow-updown-white.png') right -10px no-repeat transparent; }

.flag-text {
    padding: 7px 0;
    border-bottom: 1px solid #555;
    background-color: #333;
    text-align: center;
    color: #eee;
}

#search {
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  padding-left: 30px;
  background: url('/public/img/assets/search-white.png') left no-repeat;
}
#search input {
  padding: 2px 6px;
  margin: 0;
  border: 0;
  background-color: #d4e385;
  color: #1c5631;
  width: 140px;
}

#breadcrumbs {
    text-align: right;
    float: right;
    padding: 8px 0 0;
}
#breadcrumbs a {
    color: white;
}
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs sup {
  font-size: 8px;
  margin-top: -1px;
}

#header {
    height: 60px;
    border-bottom: 1px solid #bed640;
    color: #666;
    position: relative;
}
.fixed #header { position: fixed; width: 100%; top: 0; background-color: rgba(255,255,255,0.95); height: 45px; z-index: 1000; }
.fixed #top-header { margin-bottom: 61px; }
.fixed #logo { margin-top: 13px; height: 20px;
  -o-transition: 0s;
  -ms-transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
  transition: 0s; }
.fixed #logo img {
  width: auto;
  height: 20px;
}
.fixed #header li.top-level>a, .fixed #menu .top-level { line-height: 36px; }
.fixed .with-dropdown .dropdown { top: 45px; }

#logo {
  height: 28px;
  display: block;
  width: 242px;
  float: left;
  margin-top: 17px;
}
#logo span {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    font: 16px "droid-sans", Arial, sans-serif;
    color: #999;
    line-height: 14px;
}
#logo:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
}

#menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
}
#menu .top-level {
  float: left;
  padding: 0 10px;
  line-height: 51px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}
#menu .top-level:hover, #products-menu {
    color: #333;
    border-bottom: 3px solid #bed640 !important;
}
#products-menu {
    background-color: #fafafa;
}

#spec-menu a {
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
}
#spec-menu:hover a {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
}

#menu .top-level.mobile-only {
    display:none;
}

.menu-section {
    float: left;
    border-left: 1px solid #ccc;
}
    
.menu-section p.title {
    border-top: 0;
    margin: 0;
}

#header li.top-level>a, #header li.top-level>p {
  line-height: 51px;
  display: block;
  padding-top: 6px;
  margin: 0;
  /* text-transform: uppercase; */
  font-size: 13px;
}
.with-dropdown .dropdown {
    display: none;
    line-height: 20px;
    position: absolute;
    z-index: 1000;
    background-color: rgba(255,255,255,0.97);
    width: 100%;
    left: 0;
    top: 60px;
    border-top: 1px solid #bed640;
    -webkit-box-shadow: 0 16px 19px -23px #333;
    -moz-box-shadow: 0 16px 19px -23px #333;
    box-shadow: 0 16px 19px -23px #333;
}

.dropdown .img-area {
    position: relative;
    width: 250px;
    height: 476px;
    margin-left: -1000px;
    padding-left: 1000px;
    background-color: white;
}
#why-led-menu .img-area, #support-menu .img-area, #contact-menu .img-area {
    height: 319px;
    overflow-y: hidden;
}


#corp-menu {
    border-right: 1px solid #D4D4D4;
}
.dropdown-col, .dropdown .img-area { float: left; }
#lamps-tubes-menu-section .dropdown-col { border-right: 0; }

.menu-img img {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    /*height: 476px;*/
}
.menu-img.dn {
    display: block !important;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

.dropdown-col {
    padding: 0 10px 10px;
    width: 216px;
/*    height: 426px;*/
    height: 481px;
}
#why-led-menu .dropdown-col, #support-menu .dropdown-col, #contact-menu .dropdown-col {
    height: 309px;
    width: 354px;
}

#contact-menu .dropdown-col {
    width: 180px;
}
#contact-menu .img-area { margin-right: 349px; }
#contact-menu ul {
    position: absolute;
    bottom: -319px;
    right: 0;
    width: 390px;
}
#contact-menu li a {
    background: url('/public/img/assets/arrow-right-white.png') right -6px no-repeat #bed640;
    color: white;
}
#contact-menu li a:hover {
    background-color: #A9C02D;
}

.dropdown ul {
  list-style-type: none;
  padding: 0;
}
.dropdown li {
  margin: 0 -10px;
  padding: 0 10px;
  line-height: 23px;
  color: #888;
  /*display: table;*/
}
.dropdown li a {
  line-height: 22px;
  display: block;
}
.dropdown li p {
    font-size: 11px;
    text-transform: none;
    color: #777;
    margin: 5px 0 0;
    line-height: 15px;
}
.dropdown li:hover {
    background-color: #bed640;
    color: white;
}
.dropdown li:hover p { color: white; }

.dropdown sup {
  font-size: 8px;
}
.dropdown .title, .dropdown .subtitle, .menu-section-title {
    text-transform: uppercase;
    padding-right: 20px;
    -o-transition: .2s background-color;
    -ms-transition: .2s background-color;
    -moz-transition: .2s background-color;
    -webkit-transition: .2s background-color;
    transition: .2s background-color;
}
.dropdown .title, .menu-section-title {
    color: #1c5631;
    font-size: 12px;
    padding: 0;
    border-bottom: 1px solid #eee;
}
.dropdown .title a, .menu-section-title {
    background: url('/public/img/assets/arrow-right-green.png') right 15px no-repeat #fafafa;
    padding: 12px 22px 6px 9px;
    line-height: 12px !important;
    display: block;
}
.dropdown .title a:hover, .dropdown .title:hover a, .menu-section-title:hover { background: url('/public/img/assets/arrow-right-green.png') right -8px no-repeat #bed640; color: white; }
.title:first-child { border-top:0; }

.dropdown-col ul:first-child .title:first-child { border-top: 0; }

.dropdown .subtitle {
    color: #333;
    background: url('/public/img/assets/arrow-right-grey.png') right 11px no-repeat #fafafa;
    border-top: 1px solid #eee;
    /* margin-top: 6px; */
}
.subtitle.no-link {
    background-image: none;
}
.dropdown .subtitle a {line-height: 30px;}
.dropdown .subtitle:hover {
    background-position: right -12px;
    background-color: #bed640;
}
.dropdown ul:first-child .subtitle:first-child {
    margin-top: 0;
    border-top:0;
}

.de-page .dropdown .subtitle, .de-page .dropdown .mobile-item, .de-page .dropdown .mobile-sub-item { padding: 4px 10px; }
.de-page .dropdown .title { padding: 0; }
.de-page .dropdown li a { line-height: 16px; }
.de-page .dropdown .subtitle { background-position: right 8px; }
.de-page .dropdown .subtitle:hover { background-position: right -15px; }
.de-page #controls-drivers-life-menu { padding: 0; }

.close-menu {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.close-menu:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
}

#slider, #downloads-slider {
    height: 200px;
    background: url('/public/img/assets/slider.jpg') center no-repeat;
    border-bottom: 1px solid #bed640;
}
.fr-page #slider { background: url('/public/img/assets/slider_fr.jpg') center no-repeat; }
.us-page #slider { background: url('/public/img/assets/slider_us.jpg') center no-repeat; }
.mx-page #slider { background: url('/public/img/assets/slider-mx.jpg') center no-repeat; }
#downloads-slider {
    background: url('/public/img/assets/downloads-slider.jpg') center no-repeat;
    background-size: 2000px 200px;
}
.us-page #downloads-slider { background: url('/public/img/assets/slider_us.jpg') center no-repeat; }
.mx-page #downloads-slider { background: url('/public/img/assets/downloads-slider-mx.jpg') center no-repeat; }
.de-page #downloads-slider {
    background: url('/public/img/assets/de_downloads-slider.jpg') center no-repeat;
    background-size: 2000px 200px;
}
.fr-page #downloads-slider {
    background: url('/public/img/assets/fr_downloads-slider_x2.jpg') center no-repeat;
    background-size: 2000px 200px;
}
.slider-link {
    font-family: "droid-sans",Arial,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-transform: uppercase;
    display: inline-block;
    line-height: 18px;
    background: url(/public/img/assets/arrow-right-white.png) right 2px no-repeat #bed640;
    padding: 7px 74px 6px 10px;
    float: right;
    margin: 130px 0 0 10px;
}

.uk-page #downloads-slider .slider-link, .mx-page #downloads-slider .slider-link {
    text-align: center;
    padding-right: 24px;
    font-size: 14px;
    line-height: 14px;
}

.uk-page #downloads-slider #spec-catalogue-img {
    right: 195px;
}
.uk-page #downloads-slider #profile-catalogue-img {
    right: 380px;
}
#slider #profile-catalogue-img {
    right: 250px;
}

.us-page .slider-link{
    background-position-y: -1px !important;
    background-color: #1c5631;
}
.fr-page .slider-link { background-position: calc(100% - 4px) 2px !important; }
/*#ecat-link {
    padding: 7px 122px 6px 10px;
}*/
.uk-page .slider-link:hover { background-color: #92A820; }

.es-page #square-ip-link {
    width: 124px !important;
}
.es-page #intro-slide h1 {
    margin-left: 240px !important;
}
.es-page #intro-container h1 {
    margin-left: 0 !important;
    font-size: 48px !important;
}
.es-page #housing-info {
    bottom: 215px !important;
}
.es-page #spring-info {
    bottom: 296px !important;
}

#ecat { width: 800px; margin: 0 auto; }

#slider .page-wrap, #downloads-slider .page-wrap { position: relative; }
#catalogue-img, #spec-catalogue-img, #profile-catalogue-img {
    position: absolute;
    right: 9px;
    top: 28px;
    width: 144px;
    height: 118px;
    background: url(/public/img/assets/slider-cat_x2.png) center top no-repeat;
    background-size: 100% !important;
}
#spec-catalogue-img {
    right: 270px;
    background: url(/public/img/assets/spec-cat_x2.png) center top no-repeat;
    background-size: 100%;
}
#profile-catalogue-img {
    right: 350px;
    background: url(/public/img/assets/profile-cat_x2.png) center top no-repeat;
    background-size: 100%;
}
.mx-page #catalogue-img {
    right: 25px;
}
.mx-page #spec-catalogue-img {
    right: 233px !important;
}

.fr-page #spec-catalogue-img, .fr-page #catalogue-img {
    top: 38px !important;
    right: 0 !important;
}
.fr-page #spec-catalogue-img {
    right: 291px !important;
}

.de-page #catalogue-img { background: url('/public/img/assets/slider-cat_de_x2.png') center top no-repeat; background-size: 204px 178px; }
.us-page #catalogue-img { background: url('/public/img/assets/slider-cat_us_x2.png') center top no-repeat; background-size: 204px 178px; }

#title-slider {
  padding-top: 23px;
  margin-left: -11px;
}
#title-slider img { position: absolute; }
#title-slider img.hidden {
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

#featured-home { background: url('/public/img/assets/lux-feat-home.jpg') center top no-repeat; }

.subsection-header {
    margin: -1px 0 0 -1000px;
    padding: 13px 20px 13px 1000px;
    display: inline-block;
    color: white;
    background-color: #bed640;
    font: 30px "droid-sans",Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    border-top: 1px solid #ccc;
}

.us-section-page .subsection-subheader {
    border-bottom: 2px solid #ccc;
    color: #1c5631;
    background-color: #fafafa;
    margin: 0;
    font-size: 18px;
    padding: 10px;
}

.subsection {
    margin-bottom: 20px;
}

.link-box {
    width: 399px;
    float: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 6px;
    padding-bottom: 10px;
}
.two-thirds .link-box {
  width: 399px;
  border-left: 1px solid #ccc;
  border-right: 0;
  border-bottom: 0;
  background-color:white;
}
.left-fix-three { margin-left: 0; }

.link-title {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 999;
}
.link-title sup {
    font-size: 10px;
    margin-top: 0;
}

.link-box h2 {
    color: #1c5631;
    font-family: "droid-sans",Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding: 3px 17px 3px 0;
    margin: 0;
    margin-bottom: 3px;
    display: inline-block;
    background: url('/public/img/assets/arrow-right-green-small.png') calc(100% - 5px) bottom no-repeat rgba(255,255,255,0.9);
}
.de-page .link-title h2 {
    background-color: rgba(255,255,255,0.8);
    background-position: 97% bottom;
    padding-right: 20px;
}
.de-page .link-box:hover h2 { background-color: transparent; }

.link-box:hover h2 span { padding-right: 3px; }

.sect-track-lights .link-title, .sect-industrial-lighting .link-title, .sect-commercial-floodlights .link-title, .sect-recessed-modular-downlights .link-title, .uk-page .sect-wall-mounted-accent .link-title, .sect-work-lights .link-title, .sect-surface-spotlights .link-title, .sect-decorative-exterior .link-title, .de-page .sect-recessed-downlights .link-title, .de-page .sect-highbay .link-title { width: 93px; }
.sect-track-lights:hover .link-title, .sect-industrial-lighting:hover .link-title, .sect-commercial-floodlights:hover .link-title, .sect-recessed-modular-downlights:hover .link-title, .uk-page .sect-wall-mounted-accent:hover .link-title, .sect-work-lights:hover .link-title, .sect-surface-spotlights:hover .link-title, .sect-decorative-exterior:hover .link-title, .de-page .sect-recessed-downlights:hover .link-title, .de-page .sect-highbay:hover .link-title { width: 100px; }

.sect-fire-rated-downlights .link-title { width: 126px; }
.sect-fire-rated-downlights:hover .link-title { width: 133px; }

.de-page .sect-slimline-floodlights .link-title, .de-page .sect-wall-mounted-accent .link-title, .de-page .sect-bulkheads .link-title { width: 160px; }
.de-page .sect-slimline-floodlights:hover .link-title, .de-page .sect-wall-mounted-accent:hover .link-title, .de-page .sect-bulkheads:hover .link-title { width: 167px; }

.new.link-box h2 {
    background: url('/public/img/assets/arrow-right-white.png') right -13px no-repeat #bed640;
    color: white;
    padding: 6px 25px 6px 9px;
    margin: -4px 0 0 -8px;
}

.link-img {
    position: relative;
    height: 118px;
    background-position: top;
    background-repeat: no-repeat;
}
.mx-page .sect-lamps .link-img{
    background-image: url('/public/img/assets/lamps-link-mx.jpg') !important;
}
.mx-page .sect-edgelit-luxpanel#LPB14W28L40 .link-img{
    background-image: url('/public/img/assets/led-panel-link.jpg') !important;
}
.mx-page #product-10 .link-img{
    background-image: url('/public/img/assets/led-panel-link.jpg') !important;
}
.mx-page .sect-square-luxpanels .link-img{
    background-image: url('/public/img/assets/edgelit-link.jpg') !important;
}
.mx-page .sect-canopy .link-img{
    background-image: url('/public/img/assets/us-canopy-link.jpg') !important;
}
#indoor-link { background-image: url('/public/img/assets/platinum-link.jpg'); }
#outdoor-link { background-image: url('/public/img/assets/outdoor-link.jpg'); }
.ae-page #outdoor-link { background-image: url('/public/img/assets/ae-ext-link.jpg'); }
.de-page #outdoor-link { background-image: url('/public/img/assets/slim-flood-link.jpg'); }
#lamps-link { background-image: url('/public/img/assets/lamps-link.jpg'); }
#controls-link { background-image: url('/public/img/assets/driver-link.jpg'); }
#luxbay-link { background-image: url('/public/img/assets/luxbay-link.jpg'); }
#platinum-mini-link { background-image: url('/public/img/assets/platinum-mini-link.jpg'); }

#luxpanel-link { background-image: url('/public/img/assets/luxpanel-link.jpg'); }
#frameless-link { background-image: url('/public/img/assets/luxpanel-frameless-link.jpg'); }
#backlit-link { background-image: url('/public/img/assets/luxpanel-backlit-link.jpg'); }
#circ-link { background-image: url('/public/img/assets/circ-luxpanel-link.jpg'); }
#luxpanel-acc-link { background-image: url('/public/img/assets/luxpanel-acc-link.jpg'); }

#downlights-link { background-image: url('/public/img/assets/downlights-link.jpg'); }
#industrial-link { background-image: url('/public/img/assets/industrial-link.jpg'); }
#emergency-link { background-image: url('/public/img/assets/emergency-link.jpg'); }
#spotlight-link { background-image: url('/public/img/assets/spotlight-link.jpg'); }
#academy-link { background-image: url('/public/img/assets/academy-link.jpg'); }
#pendants-link { background-image: url('/public/img/assets/pendants-link.jpg'); }
#atom-link { background-image: url('/public/img/assets/atom-link.jpg'); }
#wall-link { background-image: url('/public/img/assets/wall-link.jpg'); }
#undercab-link { background-image: url('/public/img/assets/undercab-link.jpg'); }
#roadway-link { background-image: url('/public/img/assets/roadway-larm-link.jpg'); }
#us-wallpack-link { background-image: url(/public/img/assets/semi-wallpack-link.jpg);; }
#us-lamps-link { background-image: url('/public/img/assets/us-lamps-link.jpg'); }
#highbay-link { background-image: url('/public/img/assets/highbay-us-link.jpg'); }
#exterior-link{ background-image: url('/public/img/assets/wallpack-mx-link.png');}
#comercial-link{ background-image: url('/public/img/assets/academy-link.jpg');}

.right-fix-three { border-right: 0; }
.top-fix-three { border-top: 0; }

#none-link { background-image: url('/public/img/assets/no-product.jpg'); }
.no-product {
  margin: 20px auto 0 !important;
  float: none;
}
.no-product .link-img, .link-box.no-product:hover .link-img { border: 0; }
.no-product p {
    text-align: center;
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
}

.link-box:hover .link-img { background-position: bottom; }
.link-img p {
    padding: 27px 50px 5px 10px;
    height: 96px;
    width: 339px;
    line-height: 14px;
    color: #111;
    background-color: rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
.two-thirds .link-img p { width: 339px; }
.link-img p span {
  display: block;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 133px;
  width: 20px;
  color: white;
  background: url('/public/img/assets/arrow-right-white-large.png') center no-repeat #bed640;
}
.link-img p span:hover { width: 40px; }
.link-img p sup { font-size: 8px; }
.link-box:hover .link-img p {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
}

.uk-page .sect-track-lights .link-img p, .sect-industrial-lighting .link-img p, .sect-commercial-floodlights .link-img p, .sect-work-lights .link-img p, .sect-decorative-exterior .link-img p, .sect-fire-rated-downlights .link-img p, .sect-surface-spotlights .link-img p, .de-page .sect-recessed-downlights .link-img p, .de-page .sect-recessed-modular-downlights .link-img p,
.de-page .sect-highbay .link-img p, .de-page .sect-slimline-floodlights .link-img p, .de-page .sect-bulkheads .link-img p, .de-page .sect-climate .link-img p {
  padding-top: 41px;
  height: 82px;
}
.mx-page .sect-work-lights .link-img p{
    height: 96px;
    padding: 27px 50px 5px 10px;
}
.mx-page .sect-slimline-floodlights .link-img p{
    height: 63px;
    padding-top: 60px;
}
.sect-wall-mounted-accent .link-img p, .sect-recessed-modular-downlights .link-img p, .uk-page .sect-slimline-floodlights .link-img p, .de-page .sect-fire-rated-downlights .link-img p {
  padding-top: 57px;
  height: 66px;
}

#link-bar {
  background-color: #bed640;
  height: 90px;
  color: white;
  padding: 17px 0;
}
.mx-page #link-bar{
    height: 100px;
}
.section-page #link-bar {
    border-top: 1px solid #ccc;
    margin-top: -1px;
}
.us-page .outdoor-page .thin-header{
    background: url('/public/img/assets/us-exterior-header.jpg') center no-repeat !important;
}
.ae-page .exterior-page .thin-header{
    background: url('/public/img/assets/ae-exterior-header.jpg') center no-repeat !important;
}
.bar-link {
  width: 220px;
  margin-left: 25px;
  float: left;
}
.bar-link:first-child { margin-left: 0; }
.bar-link h3 {
  font-size: 14px;
  color: white;
  display: inline-block;
  float: left;
  margin: 3px 0 8px 10px;
}
.bar-link p {
  margin: 0 0 0 10px;
  width: 110px;
  float: left;
}
.bar-link img { float: left; }
.bar-link:hover img {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
}

#news-case h1 {
    color: #1c5631;
    font-family: "droid-sans",Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}
.one-half {
    float: left;
    width: 585px;
}
.one-half:first-child { margin-right: 30px; }

.case-news-item img { border: 1px solid #ccc; }
.case-news-item:hover img {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
    opacity:0.7;
    border: 1px solid #999;
}

.meta {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.one-half .meta  {
  max-height: 14px;
    overflow: hidden;
}


.meta span {
  color: #1c5631;
  margin-right: 10px;
}
.excerpt {
    margin-top: 5px;
    margin-bottom: 18px;
    min-height: 42px;
}

footer {
    background-color: #eee;
    padding: 10px;
}
footer ul {
    list-style-type: none;
    padding: 0;
    line-height: 20px;
    color: #111;
}
footer span {
  color: rgb(28, 86, 49);
  text-transform: uppercase;
  font: 13px "droid-sans",Arial,sans-serif;
  padding-bottom: 5px;
  display: inline-block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 6px;
  padding-right: 20px;
}
footer a:hover { text-decoration: underline; }
footer a:hover span { color: #333; }

.one-fifth, .two-fifth {
  width: 224px;
  margin-left: 20px;
  float: left;
}
.one-fifth:first-of-type { margin-left: 0; }

.two-fifth {
    width: 468px;
}

.two-fifth ul {
    float: left;
    margin-right: 30px;
    width: 40%;
}

ul.no-title {
    padding-top: 29px;
}

#sub-footer {
  background-color: #bed640;
  color: white;
  padding: 10px;
}
#sub-footer td { width: 300px; font-size: 12px; line-height: 14px; }
#sub-footer a { text-decoration: underline; }
#sub-footer a:hover { text-decoration: none; }

#social-footer {
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
}

#left-social, #right-social {
    float: left;
    width: 40%;
}
#right-social {
    float: right;
}

#left-social p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

#youtube-link {
    background: url('https://www.luceco.com/public/img/assets/youtube-icon_x2.png') center no-repeat;
}
#twitter-link {
    background: url('https://www.luceco.com/public/img/assets/twitter-icon_x2.png') center no-repeat;
}
#facebook-link {
    background: url('https://www.luceco.com/public/img/assets/facebook-icon_x2.png') center no-repeat;
}
#linkedin-link {
    background: url('https://www.luceco.com/public/img/assets/linkedin-icon_x2.png') center no-repeat;
}
#right-social a {
    float: right;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    background-size: 40px !important;
}
#right-social a:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
}

.brands-footer a div p {
    margin: 9px 0 10px !important;
    color: #333;
    font-family: aktiv-grotesk, Arial, sans-serif;
}
.brands-footer .w200 {
    width: 170px;
    padding: 20px 5px 0 5px;
    float: left;
    text-align: center;
    color: #ccc;
    font-size: 11px;
    height: 90px;
    border-bottom: 3px solid;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    position: relative;
}

#footer-address {
    float: right;
    text-align: right;
    padding: 18px 0;
}

#footer-address p {
    margin: 5px 0;
    line-height: 11px;
    font-size: 12px;
}
#footer-address p:first-of-type {
    text-transform: uppercase;
    font-weight: bold;
}

#footer-address #footer-cs {
    color: #1c5631;
    margin-top: 12px;
}

#footer-nexus {
    border-bottom-color: #999;
}
#footer-nexus:hover {
    background: rgba(153,153,153,0.3);
}
#footer-bg {
    border-bottom-color: #003781;
}
#footer-bg:hover {
    background: rgba(0,55,129,0.3);
}
#footer-masterplug {
    border-bottom-color: #00abac;
}
#footer-masterplug:hover {
    background: rgba(0,171,172,0.3);
}
#footer-luceco {
    border-bottom-color: #bed640;
}
#footer-luceco:hover {
    background: rgba(190,214,64,0.3);
}
#footer-ross {
    border-bottom-color: #504d4e;
}
#footer-ross:hover {
    background: rgba(80,77,78,0.3);
}

.page-title {
  font: 32px "droid-sans",Arial,sans-serif;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  padding: 10px 0 9px;
  border-bottom: 1px solid #ccc;
}
.work-lights-page .page-title { font-size: 28px; }

.page-title sup {
  font-size: 18px;
  margin-top: 2px;
}
.page-title span { color: #666; }
#title-part-no {
  float: right;
  color: #1c5631;
}

#accred-page-title { padding: 90px 0 10px; }

#left-content, #right-content { float: left; }
#left-content {
    width: 300px;
    border-right: 1px solid #ccc;
}
#right-content {
    width: 899px;
    border-left: 1px solid #ccc;
    margin-left: -1px;
}
#right-content.opaque, #thumbnails.opaque, #prod-range.opaque, .page-title.opaque, #header.opaque, #top-header.opaque {
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity:0.3;
    opacity:0.3;
}            

.tabs, .subtabs {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
}
.subtabs {
    border-top: 1px solid #eee;
    margin-top: -1px;
}
.tab, .subtab {
  padding: 14px 20px 12px 10px;
  float: left;
  background: url('/public/img/assets/arrow-down-grey.png') right 17px no-repeat #f5f5f5;
  border-right: 1px solid white;
  cursor: pointer;
}
.lamps-page .tab {
    font-size: 11px;
    padding: 14px 20px 12px 8px;
}
.us-page .lamps-page .tab{
    font-size: inherit !important;
}
.us-page .area-roadway-page .tab {    
  padding: 14px 19px 12px 6px;
}

.de-page .dekorative-aussenleuchten-page .tab {
    padding: 14px 20px 12px 7px;
}
.subtab {
    padding: 8px 20px 7px 10px;
    background-position: right 13px;
}
.tab:hover, .subtab:hover {
  background: url('/public/img/assets/arrow-down-grey.png') right 20px no-repeat #EAF2C0;
}
.subtab:hover { background-position: right 16px; }
.tab.selected, .subtab.selected {
    background: url('/public/img/assets/arrow-down-grey.png') right -8px no-repeat #bed640;
    color: white;
}
.subtab.selected { background-position: right -12px; }

.tab-title {
    display: none;
    color: white;
    background: url('/public/img/assets/arrow-updown-white.png') right -10px no-repeat #333;
}

.why-led .tab {
    background: none;
    padding: 8px 10px;
}
.why-led .tab:hover { background: #EAF2C0; }
.why-led .tab.selected { background: #bed640; }

#tabbed table {
    margin: 10px 0 0 0;
    width: 100%;
}
#tabbed th:first-child, #tabbed td:first-child {
    color: #1c5631;
    padding-left: 10px;
}
#tabbed th {
  text-align: left;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 11px;
}
#tabbed th, #tabbed td {
  padding: 6px 20px 6px 0;
  width: 55px;
}
#tabbed th { vertical-align: bottom; }
#tabbed tr.data { cursor: pointer; }
#tabbed tr.data:hover { background-color: #EAF2C0; }
#tabbed tr.data.selected { background-color: #bed640; }
#tabbed tr.data.selected td { color: white; }

tr.divide td, tr.divide-bottom td {
  padding: 2px !important;
  border-bottom: 1px solid #eee;
  line-height: 0;
}
tr.divide-bottom td { border-bottom: 0; }

.notice {
  text-transform: uppercase;
  font-size: 11px;
}

#right-left, #right-right {
  float: left;
  width: 449px;
}
#right-left { border-right: 1px solid #ccc; }
#right-right {
  border-left: 1px solid #ccc;
  margin-left: -1px;
}

#tabbed, .info-section {
  border-top: 1px solid #ccc;
  padding-bottom: 10px;
}
#tabbed { border-top: 0; }
.info-section { padding: 10px; }
.info-section h3 {
  margin-top: 0;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
.info-section ul { padding-left: 14px; }
.info-section li { margin-top: 6px; }
.bullet a {
  color: #1c5631;
  text-decoration: underline;
}
.bullet a:hover { text-decoration: none; }

.download-bullet {
    background: url(/public/img/assets/arrow-right-white_x2.png) no-repeat right -14px #1c5631;
    background-size: 15px 30px;
    color: white !important;
    padding: 5px 22px 5px 8px;
    text-decoration: none !important;
}

.info-section p, .info-section ul {
  line-height: 18px;
  margin-bottom: 0;
}
.info-section label {
  display: block;
  margin-top: 14px;
  padding-right: 60px;
}
.info-section input[type="checkbox"] {
  vertical-align: bottom;
  margin: 0 7px 8px 4px;
  float: left;
}
#bottom-content .info-section img {
  width: 490px;
  padding: 10px 10px 10px 0;
}

.tech-col-2 {
  width: calc(50% - 1px);
  float: left;
  border-left: 1px solid #ccc;
  margin-left: -1px;
}
.tech-col-2.first {
  border-left: 0px;
  border-right: 1px solid #ccc;
  margin-left: 0;
}

#bottom-content { border-top: 1px solid #ccc; }
#bottom-content h3 {
  padding-bottom: 14px;
  margin-bottom: 0;
}

.tech-col-2 .info-section {
  border-bottom: 0;
  border-top: 1px solid #eee;
  padding: 0;
}
.tech-col-2.first .info-section { padding-left: 0; }
#bottom-content .info-section:first-child { border-top: 1px solid #ccc; }

.disclaimer {
  font-size: 11px;
  color: #666;
  line-height: 13px !important;
}
.info-section .disclaimer { width: 270px; }

#icons {
    padding-bottom: 0;
    padding-right: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
}

p.button, a.button {
  background: url('/public/img/assets/arrow-right-green.png') right -14px no-repeat #bed640;
  line-height: 18px !important;
  color: white;
  padding: 4px 24px 2px 8px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
}
p.button:hover, a.button:hover { background-color: #1c5631; }

.info-section .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background-color: #ccc;
  color: #666;
  padding: 5px 7px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  text-transform: uppercase;
}
.button.enabled {
  background-color: #bed640;
  color: white;
  cursor: pointer;
}
.info-section .button.enabled:hover {
  background-color: #A9C02D;
}

#bottom-content {
    border-top:2px solid #ccc;
    margin-top: -1px;
}
#bottom-content .one-half {
    width: 499px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #ccc;
}
#bottom-content .one-half:first-child {
    border-left: 0;
    border-right: 1px solid #ccc;
    border-top: 0;
    margin: 0;
    text-align: left;
}

#case-studies ul { padding: 0; }
#case-studies li {
  color: #1c5631;
  font-weight: 500;
  margin-top: 10px;
  background: url('/public/img/assets/arrow-right-green_x2.png') right 4px no-repeat;
  background-size: 15px 30px;
  display: table;
  padding-right: 21px;
}
#case-studies li:hover { text-decoration: underline; }

#zoom-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    margin-top: -25px;
    margin-left: 275px;
    background: url('/public/img/assets/zoom-icon.png') bottom no-repeat;
    cursor: pointer;
}
#zoom-icon.active { background: url('/public/img/assets/zoom-icon.png') top no-repeat #666; }

#zoom-icon span {
    display: none;
    position: absolute;
    width: 80px;
    margin-left: -94px;
    margin-top: 0;
    background-color: #bed640;
    color: white;
    padding: 7px;
    text-transform: uppercase;
    font-size: 10px;
}
#zoom-icon.active span { display: block; }
#zoom-icon.active #close-zoom {
    display: none;
    background-color: #E00404;
    margin-left: -99px;
    width: 85px;
}
#zoom-icon.active span.hide { display: none; }
#zoom-icon.active #close-zoom.hide { display: block; }

#thumbnails {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}
.thumb {
  width: 62px;
  height: 62px;
  margin-top: 11px;
  margin-right: 11px;
  border: 1px solid #ccc;
  float: left;
  cursor: pointer;
}
.thumb:hover, .thumb.selected { border: 1px solid #999; }

#left-content .back-to-range {
  color: white;
  font: 21px "droid-sans",Arial,sans-serif;
  text-transform: uppercase;
  display: block;
  padding: 5px 0 4px 36px;
  margin-right: 10px;
  background: url('/public/img/assets/arrow-left-white.png') 10px 8px no-repeat #bed640;
}
#left-content .back-to-range:hover {
  background: url('/public/img/assets/arrow-left-white.png') 10px 8px no-repeat #A9C02D;
  padding-left: 42px;
}

.other-range {
  width: 73px;
  height: 54px;
  display: block;
  float: left;
  text-align: right;
  margin: 10px 10px 10px 0;
  border: 1px solid #ccc;
  padding: 5px 5px 5px 60px;
  background-repeat: no-repeat;
}
.de-page .other-range {
    width: 128px;
    padding: 5px;
}
.other-range:hover { border: 1px solid #999; }
.other-range sup {
  font-size: 9px;
  margin-top: 0;
}

.main-img { cursor:pointer; }

.zoom-image {
    display:block;
    height: 490px;
}

.zoom-image-active {
  display: block !important;
  position: absolute;
  margin-left: 301px;
  z-index: 999;
  width: 699px;
  height: 386px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

#zoom-cursor {
  display: none;
  position: absolute;
  width: 80px;
  height: 80px;
     background-color: rgba(0, 0, 0, 0.19);
}

#zoom-area {
  display:none;
  position: absolute;
  width:200px;
  height:200px;
}
#zoom-area:hover { cursor: pointer; }
#zoom-block {
    background-color: rgba(255, 255, 255, 0.13);
    width: 300px;
    height: 300px;
    position: absolute;
    margin-top: -300px;
    display:none;
}

.rotate-holder {
    position: absolute;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 490px;
    width:699px;
    z-index: 100;
    background-color:white;
}

.video-holder {
    display:none;
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color:rgba(255, 255, 255, 0.7);
}

.video {
    z-index: 1010;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 148px;
}

.video iframe {
        margin-left: 300px;
    border: 1px solid #ccc;
    background-color: white;
    width: 700px;
}

.video .close-video {
    position: absolute;
    text-align: right;
    width: 1000px;
      margin-top: -22px;
    margin-left: 23px;
}

.video .close-video:hover {
    text-decoration:underline;
    cursor: pointer;
}

.rotate-holder .rotate-img {
    position:absolute;
    height:100%;
    display:none;
}
.rotate-holder .rotate-img img {
    height:100%;
}

.rotate-cholder {
    height:300px; 
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;
}

.rotate-cholder img {
    height: 300px;
    width: 300px;
    background-color: rgba(255, 255, 255, 0.80);
}

.icon { margin: 0 8px 10px 0; }

.pane {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.pane h1 {
  display: table;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  color: #1c5631;
  font: 18px "droid-sans",Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  margin-top: 20px;
}
.pane p { line-height: 16px; }

.one-third, .one-quarter, .one-sixth {
  width: 399px;
  float: left;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.one-third p, .one-quarter p, .one-fifth p, .one-sixth p {
  padding: 10px;
  border-top: 1px solid #eee;
  margin: 0;
}

.lamps-page .one-third img { margin-left: 40px; }
.one-quarter {
    width: 299px;
    height: 236px;
    border-bottom: 0;
}
.lamps-page .one-quarter { height: 278px; }
.de-page .lamps-page .one-quarter { height: 294px; }
.de-page .one-third p:last-child, .fr-page .one-third p:last-child {
    height: 45px;
}

.one-quarter p a {
    text-decoration: underline;
    color: #1c5631;
}
.one-quarter p a:hover { text-decoration: none; }

.pane .one-fifth {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-left: 0;
    width: 199px;
    height: 438px;
}

#pane-benefits {
  border-top: 1px solid #A9C02D;
  background-color: #bed640;
  color: white;
  padding-bottom: 0;
}
#pane-benefits .one-third {
    width: 332px;
    border-color: #A9C02D;
    height: 118px;
}
#pane-benefits h3 {
  padding: 14px 0 14px 10px;
  font-size: 18px;
  color: white;
  background: url('/public/img/assets/tick.png') 297px center no-repeat;
  margin: 0;
}

.one-sixth {
    width: 165px;
    float: left;
    overflow: hidden;
    border-left: 1px solid #ccc;
}

.one-third:first-child, .one-quarter:first-child, .one-fifth:first-child, .one-sixth:first-child { border-left: 0; }

.one-sixth p:last-child { height: 79px; }

#pane-numbers {
  height: 360px;
  background: url('/public/img/assets/lamps-benefits/intro-bg.jpg') center;
  padding-top: 160px;
  padding-bottom: 0;
}
#pane-numbers .one-third {
  width: 359px;
  padding: 0 20px 20px;
  border: 0;
  text-align: center;
  background-color: rgba(255,255,255,0.9);
  height: 203px;
}
#pane-numbers p {
  padding: 0;
  border: 0;
}
#pane-numbers h1 {
    display: block;
}

#savings-header {
  background-color: #bed640;
  color: white;
  padding: 0 0 23px;
}
#savings-header h1 {
  font-size: 36px;
  color: white;
  padding: 20px 0 10px;
  margin: 0;
  display: block;
  border-bottom: 1px solid white;
}
#savings-header p {
  font-size: 16px;
  margin-bottom: 0;
}

#house {
  padding-bottom: 0;
  border-bottom: 0;
}
#house-lamp-type, #calc-pane h2, .product-info h2 {
    font-size: 24px;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-bottom: 10px;
    background-color: rgba(255,255,255,0.92);
    margin-top: 10px;
}
#house-lamp-desc, #calc-pane h3 {
  font-size: 18px;
  text-transform: none;
  margin-top: 4px;
  max-width: 310px;
}

#house .page-wrap {
    background: url('/public/img/assets/lamps-calc/calc-house.jpg') center 30px no-repeat;
    position: relative;
    height: 630px;
}
.new-lamps #house .page-wrap {
    background: url('/public/img/assets/lamps-calc/calc-house_dark.jpg') center 30px no-repeat;
    position: relative;
    height: 630px;
}
.de-page #house .page-wrap {
    background: url('/public/img/assets/lamps-calc/de_calc-house.jpg') center 30px no-repeat;
}
.fr-page #house .page-wrap {
    background: url('/public/img/assets/lamps-calc/fr_calc-house.jpg') center 30px no-repeat;
}
#house #shape-container {
  position: absolute;
  top: 2px;
  width: 1000px;
  height: 620px;
}

#house-annual {
  text-align: right;
  right: 0;
  bottom: 63px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 12px;
  padding-bottom: 7px;
  position: absolute;
  font-size: 30px;
}
#house-savings {
  text-align: right;
  right: 0;
  bottom: 10px;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
}

.big-number {
  font: 80px "droid-sans",Arial,Helvetica,sans-serif;
  text-align: center;
  font-weight: bold;
  color: white;
  line-height: 100px !important;
  background-color: #bed640;
  margin: 0 -20px !important;
}

.calc-preset#kitchen-preset {
    background: url('/public/img/assets/kitchen-icon_x2.jpg') center no-repeat;
    background-size: 60px 60px;
}
.calc-preset#bathroom-preset {
    background: url('/public/img/assets/bathroom-icon_x2.jpg') center no-repeat;
    background-size: 60px 60px;
}
.calc-preset#livingroom-preset {
    background: url('/public/img/assets/living-room-icon_x2.jpg') center no-repeat;
    background-size: 60px 60px;
}
.calc-preset#bedroom-preset {
    background: url('/public/img/assets/bedroom-icon_x2.jpg') center no-repeat;
    background-size: 60px 60px;
}

#calc-pane {
  height: 430px;
  padding-bottom: 0;
  background-color: white;
  background: url('/public/img/assets/lamps-calc/calc-bg.jpg') center no-repeat;
  font-size: 14px;
}
#calc-pane h3 { max-width: none; }
#calc-pane.kitchen { background: url('/public/img/assets/lamps-calc/kitchen.jpg') center no-repeat; }
#calc-pane.bathroom { background: url('/public/img/assets/lamps-calc/bathroom.jpg') center no-repeat; }
#calc-pane.livingroom { background: url('/public/img/assets/lamps-calc/living.jpg') center no-repeat; }
#calc-pane.bedroom { background: url('/public/img/assets/lamps-calc/bedroom.jpg') center no-repeat; }

#kitchen-pane .inner-container, #bathroom-pane .inner-container, #living-room-pane .inner-container, #bedroom-pane .inner-container { padding-left: 40px; width: 960px; }
#kitchen-pane, #bathroom-pane, #living-room-pane, #bedroom-pane { height: 250px; border-bottom: 2px solid #f6d706; }

#kitchen-pane h1, #bathroom-pane h1, #living-room-pane h1, #bedroom-pane h1 { margin-left: 290px; padding-top: 15px; }

#kitchen-pane .inner-container { background: url('/public/img/assets/kitchen-large.jpg') 40px center no-repeat; }
#bathroom-pane .inner-container { background: url('/public/img/assets/bathroom-large.jpg') 40px center no-repeat; }
#living-room-pane .inner-container { background: url('/public/img/assets/living-room-large.jpg') 40px center no-repeat; }
#bedroom-pane .inner-container { background: url('/public/img/assets/bedroom-large.jpg') 40px center no-repeat; }
#calc-presets {
  width: 443px;
  margin: 10px 0;
}
.calc-preset {
  height: 83px;
  width: 90px;
  float: left;
  border-right: 1px solid #eee;
  cursor: pointer;
  transition:0.2s;
  -webkit-transition:0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
}
.calc-preset:hover, .calc-preset.selected-preset {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
}
#bedroom-preset { border: 0; }

#calc-pane td {
  width: 95px;
  font-size: 14px;
  line-height: 30px;
  vertical-align: top;
}
#calc-pane td.line-heading { width: 90px; }
#calc-pane tr { height: 40px; }

#calc-pane select, #calc-pane input {
    border: 1px solid #ccc;
    padding: 6px;
    width: 180px;
}
#calc-pane select { width: 194px; }
#led-equivalent {
    float: left;
    padding: 7px 10px;
    margin: 1px 0;
    background-color: white;
}

.product-info h2 {
    border-bottom: 1px solid #A9C02D;
    background-color: transparent;
    padding-top: 0;
}

.two-thirds {
  width: 800px;
  margin-left: 20px;
  float: left;
}
.one-two-third {
  width: 380px;
  margin-top: 20px;
  float: left;
}
.one-two-third h2 {
  color: white;
  font-family: "droid-sans",Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-transform: uppercase;
  margin: 130px 0 0 -1000px;
  background-color: #bed640;
  display: inline-block;
  padding: 7px 10px 7px 1000px;
}
.one-two-third:hover h2 { padding-left: 1020px; }
.one-two-third h2 sup {
  font-size: 16px;
  margin-top: 2px;
}
.one-two-third p {
  font-size: 14px;
  font-family: "droid-sans",Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  padding: 10px 0 0 0;
  margin: 0;
  line-height: 20px;
}
.one-two-third p span {
  background: url('/public/img/assets/arrow-right-green.png') 176px 4px no-repeat;
  padding-right: 20px;
}
.mx-page .one-two-third p span{
    background: url('/public/img/assets/arrow-right-green.png') 183px 4px no-repeat;
}
.range-link {
  color: #1c5631;
  padding: 10px;
  display: block;
  text-transform: uppercase;
  font: 16px "droid-sans",Arial,Helvetica,sans-serif;
  background: url('/public/img/assets/arrow-right-green.png') right 15px no-repeat;
  border-top: 0 !important;
  line-height: 19px !important;
}
.de-page .lamps-page .one-sixth .range-link { height: 37px; }
#accred-range-link {
    width: 380px;
    float: right;
}
a:hover .range-link, .range-link:hover {
  background-color: #bed640;
  color: white;
  background: url('/public/img/assets/arrow-right-green.png') right -8px no-repeat #bed640;
}

#more-info {
  float: right;
  color: #1c5631 !important;
  font-family: "droid-sans", Arial, Times New Roman, sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding: 7px 0 0;
  background: url('/public/img/assets/arrow-down-green-large_x2.jpg') right 14px no-repeat;
  background-size: 10px 10px;
  padding-right: 20px;
  cursor: pointer;
}
.back-to-top-pane {
    padding-bottom: 20px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
}
#back-to-top {
    float: right;
    color: #1c5631 !important;
    font-family: "droid-sans", Arial, Times New Roman, sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 7px 0 0;
    padding-right: 20px;
    cursor: pointer;
    background: url('/public/img/assets/arrow-up-green-large.jpg') right 14px no-repeat;
    text-transform: uppercase;
    margin-top: 10px;
}
#more-info em {
  font: 21px Times New Roman, sans-serif;
  text-transform: none;
  font-style: italic;
  font-weight: bold;
  margin-right: 3px;
}
#more-info:hover { color: #333; }
.page-title #more-info:hover { background-position: right 17px; }
#back-to-top:hover { background-position: right 11px !important; }

.luxpanel-benefit {
  width: 400px;
  float: left;
  margin: 10px 33px 0 66px;
  height: 70px;
}
.luxpanel-benefit img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.luxpanel-benefit p { margin-top: 0; }
.luxpanel-benefit span, .pane h3 {
  display: block;
  margin-bottom: 5px;
  color: #1c5631;
  font: 14px "droid-sans",Arial,Helvetica,sans-serif;
  text-transform: uppercase;
}
.pane h3 { margin-bottom: 5px; }

#right-content #more-info {
  display: block;
  text-transform: uppercase;
  float: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px;
  text-align: center;
  padding: 10px 0 8px;
  background: url('/public/img/assets/arrow-down-green-large.jpg') 564px 17px no-repeat;
}
#right-content #more-info:hover {background: url('/public/img/assets/arrow-down-green-large.jpg') 564px 20px no-repeat;}

.thin-header h1 {
  margin: 0 0 0 -1000px;
  padding: 13px 20px 13px 1000px;
  display: inline-block;
  color: white;
  background-color: #bed640;
  font: 30px "droid-sans",Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

#filters {
    height: 63px;
    overflow: hidden;
    border-bottom: 1px solid #bed640;
    display: none;
}
#filters.expanded { height: 120px; }
#filters.live { display: block; }
.de-page #filters, .fr-page #filters{
    display: none;
}
.filter {
  float: left;
  font: 18px "droid-sans",Arial,Helvetica,sans-serif;
  color: #1c5631;
  border-left: 1px solid #eee;
  cursor: pointer;
}
.filter:first-child { border-left: 0; }
.filter>p {
  text-transform: uppercase;
  padding: 13px 35px 13px 13px;
  margin: 0;
  background: url('/public/img/assets/arrow-updown-green.png') right -64px no-repeat white;
}
.filter>p:hover {
    background-position: right -61px;
    background-color: #EAF2C0;
}
.filter span {
  display: block;
  font-size: 14px;
  color: #999;
}
.filter.selected>p {
    background-position: right 26px;
    background-color: #bed640;
    color: white;
}
.filter.selected>p:hover { background-position: right 23px; }
.filter.selected span { color: white; }
.subfilters {
    border-top: 1px solid #ccc;
    position: absolute;
    top: 63px;
    left: 0;
    width: 1000px;
}
.subfilter {
    float: left;
    cursor: pointer;
}
.subfilter p {
    font-size: 14px;
    padding: 20px 13px;
    float: left;
    margin: 0 10px 0 0;
}
.subfilter img { float: left; }
.subfilter:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
}
.subfilter.selected p {
    background-color: #bed640;
    color: white;
}

#clear-filter {
  background-color: #ccc;
  color: #333;
  float: right;
  padding: 8px 10px 8px;
  margin-top: 31px;
  font: 14px "droid-sans", Arial, Times New Roman, sans-serif;
  text-transform: uppercase;
}
#clear-filter.enabled {
  background-color: #e00000;
  color: white;
  cursor: pointer;
}
#clear-filter.enabled:hover { background-color: #C50000; }

#mobile-menu {
    display: none;
    width: 44px;
    height: 44px;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: -8px;
    background: url('/public/img/assets/mobile-menu_x2.jpg') left center no-repeat;
    background-size: 80px 40px;
}
.menu-shift #mobile-menu { background-position: right center; }
.mobile-expand {
  background: url('/public/img/assets/plus-minus_x2.png') 4px 4px no-repeat;
  background-size: 18px 50px;
  display: none;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -5px;
  right: 10px;
}
.menu-section > .mobile-expand { top: 6px; }
.subtitle .mobile-expand { top: 4px; }

#menu ul.expanded li { display: block; }
#menu ul.expanded li:last-child { border-bottom: 1px solid #333; }
.expanded > .mobile-expand, .expanded-section > .mobile-expand, .expanded-item .mobile-expand { background-position: 4px -28px; }

#footer-nav p, #flag-dropdown, .tab-title {
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 auto;
}
#footer-nav p {
    display: none;
    color: #eee;
    background: url('/public/img/assets/arrow-updown-white.png') right -10px no-repeat #333;
}
#footer-nav p.expanded, #top-header.expanded #flag-dropdown { background-position: right 14px; }

.home-ad {
  margin-left: 0;
  margin-top: 0;
  width: 318px;
  position: relative;
}
.home-ad h3 {
  position: absolute;
  top: 0;
  right: 10px;
  color: white;
  font-family: "droid-sans",Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 11px;
}
.home-ad h3 sup {
  font-size: 11px;
  margin-top: 2px;
}

#disclaimer {
  text-align: center;
  font-size: 10px;
}

.contact-third {
  float: left;
  width: 399px;
}

.warr {
    padding: 10px 30px 10px 10px;
    display: inline-block;
    margin: 20px 0;
    background: url(/public/img/assets/arrow-right-white_x2.png) no-repeat right -6px #bed640;
    background-size: 15px 30px;
}
.warr:hover {
    padding-right: 38px;
    background-color: #adc33d;
}
.warr p {
    color: white;
    font: 18px "droid-sans",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    margin: 0;
}

.guar-third {
    width: 366px;
    margin-left: 50px;
    float: left;
    padding: 20px 0 30px 0;
}
.guar-third:first-child { margin: 0; }
.guar-third h1 {
    text-align: center;
    width: 366px;
    margin-bottom: 0;
}
.guar-third p, .guar-top-half p {
  color: #333;
  font-size: 14px;
  margin: 0;
  padding: 10px;
  background-color: #eee;
  text-align: center;
}

.guar-top-half p {
    padding:15px;
}

.guar-top-half {
    width: 475px;
    margin-left: 50px;
    float: left;
    padding: 20px 0 30px 0;
}
.guar-top-half:first-child { margin: 0; }
.guar-top-half h1 {
    text-align: center;
    width: 475px;
    margin-bottom: 0;
}

.circle {
  width: 150px;
  height: 120px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  background-color: #bed640;
  padding: 15px 0;
  margin: 0 105px;
}

.guar-top-half .circle {
    margin: 0 150px;
}
.circle h1 {
  border: 0;
  font-size: 110px;
  margin: 0;
  width: 155px;
  color: white;
}
.long .circle, .long h1 { width: 250px; }
.guar-third a, .guar-half a, .guar-top-half a { text-decoration: underline; }
.guar-third a:hover, .guar-half a:hover, .guar-top-half a:hover { text-decoration: none; }

.guar-half {
  border-left: 1px solid #ccc;
  width: 459px;
  padding: 0 20px;
  margin: 0 !important;
}
.guar-half:first-child {
  width: 660px;
  border: 0;
}
.guar-half p { font-size: 14px; line-height: 17px; }

#right-strip {
    float:right;
    width: 431px;
    border-left: 1px solid #ccc;
    font-size: 14px;
}
.scheme-glance-title {
  background-color: #bed640;
  color: white;
  padding: 10px;
  font: 18px "droid-sans",Arial,Helvetica,sans-serif;
  text-transform: uppercase;
  text-align: right;
}
.left-list {
  background-color: #EFF9BD;
  text-transform: uppercase;
  font-size: 12px;
}
.left-list, .right-list {
  padding: 6px 10px;
  margin: 0 0 3px;
}
#left-strip p {
  line-height: 20px;
}

.uk-assembly #right-strip { width: 280px; }
.uk-assembly #left-strip { width: 904px; }

#scheme-glance-list li {
    list-style-type: none;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
}
#scheme-glance-list li:last-child {
    border-bottom: 0;
}

#scheme-glance-list {
    padding: 0 20px;
}

.boxed-title {
  display: inline-block;
  background-color: rgba(255,255,255,0.9);
  margin-top: 91px;
  padding: 5px 10px 5px 1000px;
  margin-left: -1000px;
}

#left-strip {
  width: 753px;
  float: left;
  padding-right: 15px;
  font-size: 14px;
  line-height: 22px;
  border-right: 1px solid #ccc;
  margin-right: -1px;
}
#left-strip .greybox {
    font: 18px 'droid-sans',Arial,Helvetica,sans-serif;
    background-color: #666;
    color: white;
    padding: 15px 20px;
    line-height: 26px;
    margin-right: -15px;
}
#right-strip.fr { height: 621px; }
#right-strip.fr #blog-thumb {
    background: url('/public/img/blog/blog-luceco-index.jpg') center no-repeat;
    width: 391px;
    height: 94px;
    background-size: 485px 94px;
    border: 1px solid #ccc;
    margin: 20px;
}
#right-strip p { margin: 20px; }

.assembly-img {
    margin-bottom: 20px;
    position: relative;
}
.assembly-img h1 {
    text-align: right;
    display: inline-block;
    padding: 10px;
    margin: 0;
    border: 0;
    color: white;
    background-color: #bed640;
    position: absolute;
    bottom: 0;
    right: 0;
}

#dislaimer a { text-decoration: underline; }

/* WIDTH FIXES for table */    
.mx-page .platinum-page #table-tab-reflector-especular th.part_no{
    width: 480px !important;
}
.shoplight-page th.part_no, .us-page .floodlights-page #table-tab-lea1-flood th.mounting_style, .mx-page .tubos-page #table-tab-t8 th.part_no, .mx-page .tubos-page #table-tab-t5 th.part_no {
    width: 160px !important;
}

.us-page .tubes-page th.part_no, .us-page .floodlights-page th.mounting_style{
    width:170px !important;
}

.us-page .lamps-page th.part_no, .de-page .arbeitsleuchten-page #table-tab-akku-arbeitsleuchten th.description{
    width:220px !important;
}
.us-page .area-roadway-page #table-tab-kh25 th.mounting_style,.us-page .area-roadway-page #table-tab-st3 th.optics{width: 89px !important;}
.us-page .area-roadway-page #table-tab-kh25 th.options, .us-page .area-roadway-page #table-tab-st3 th.options{width: 65px !important;}

.led-panels-page th.part_no, .led-panels-page th.description, .highbay-page th.part_no, .work-lights-page th.part_no, .us-page .area-roadway-page #table-tab-lea2 th.mounting_style,
.us-page .wallpack-page #table-tab-lwpt-14in-wallpack th.part_no, .us-page .wallpack-page #table-tab-lwpt-18in--wallpack th.part_no, .mx-page .edgelit-luxpanel-page th.part_no,
.mx-page .circular-luxpanel-page th.part_no, .mx-page .academy-page th.part_no, .mx-page .batten-page th.part_no, .mx-page .climate-page th.part_no, .mx-page .carbon-page th.part_no,
.mx-page .bulkheads-page th.part_no, .mx-page .mosi-bulkheads-page th.part_no, .mx-page .luxbay-page th.part_no, .mx-page .commercial-floodlights-page th.part_no, .mx-page .slimline-floodlights-page th.part_no,
.mx-page .slim-portable-page th.part_no, .mx-page .lamparas-page th.part_no{
    width: 140px !important;
}
.volumetric-recessed-page th.description, .troffer-page th.description, .us-page .lowbay-page th.beam_angle, .us-page .wallpack-page #table-tab-wcsq-cylinder-wallmount th.options,
.us-page .wallpack-page #table-tab-lwpt-14in-wallpack th.dimmable, .us-page .wallpack-page #table-tab-lwpt-18in--wallpack th.dimmable,
.us-page .vapor-page #table-tab-lvt4-vapor-tight th.options,.fr-page .projecteurs-securite-page #table-tab-projecteur-de-sécurité-avec-détecteur-de-mouvements th.part_no{
    width: 120px !important;
}
.us-page .bulkheads-page #table-tab-wp-bulkheads th.description, .us-page .bulkheads-page #table-tab-wp-bulkheads th.options, .us-page .lamps-page #table-tab-a19----b11-filament-lamps th.shape,
.uk-page .slimline-floodlights-page #table-tab-slimline-floodlights th.part_no{
    width: 80px !important;
}
.uk-page .slimline-floodlights-page #table-tab-slimline-floodlights-with-pir th.part_no, .fr-page .projecteurs-securite-page #table-tab-projecteurs-de-sécurité th.part_no{
    width: 90px !important;
}

.matrix-key h4 {
    background-color: #ccc;
    color: #666;
    border-top: 0;
    padding: 6px 8px;
    margin-top: 10px;
}

.matrix-key {
    padding: 10px;
    border-top: 1px solid #ccc;
}

.matrix-key h3 {
    margin-top: 0;
}

.matrix-key p {
    margin: 0 0 1px;
}

.matrix-key p span {
    padding: 7px;
    background-color: #eee;
    color: #333;
    display: inline-block;
    margin-right: 5px;
    min-width: 20px;
    text-align: center;
}

table.matrix {
    margin-top: 0 !important;
    border-top: 1px solid #ccc;
}

.matrix td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 9px !important;
}
.matrix td:first-child {
    border-left: 0;
    background-color: #f5f5f5;
}
.matrix td:last-child {
    border-right: 0;
}
.matrix td.empty {
    background-color: #fafafa;
}

.product-table h2 {
    font-size: 22px;
}
.product-table h2, .product-table h2+p {
    float: left;
    margin-top: 15px;
}
.product-table h2+p {
    float: right;
    line-height: 27px;
    text-align: right;
}
.product-table h2, .product-table h2+p, .matrix-desc {
    margin-left: 10px;
}
.matrix-desc {
    margin-top: 0;
    text-align: right;
}

#product-specifications h2, #us-bullets h2 {
    float: none;
}

.bullets-column {
    float: left;
    width: 33.2%;
    border-left: 1px solid #eee;
}
.bullets-column:first-of-type {
    border-left: 0;
}

#product-specifications h4 {
    background-color: #eee;
    color: #333;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 0 10px;
}

#product-specifications ul {
    padding-left: 26px;
    margin-right: 10px;
}

#product-specifications p {
    margin: 10px;
}

#product-specifications p, #product-specifications ul, #us-bullets ul {
    line-height: 18px;
}

#us-bullets {
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
}

#us-bullets ul {
    padding-left: 26px;
    margin-top: 0;
}

#us-bullets li {
    font-size: 14px;
    line-height: 26px;
}
#us-bullets li:last-of-type {
    border-bottom: 0;
}

/* SCREEN */
@media only screen
and (min-width : 1024px) {
    .us-section-page .link-box:nth-of-type(3n), .us-section-page .link-box:last-of-type {
        border-right: 0;
    }
    
    .us-section-page .link-box:nth-of-type(3n+1):nth-last-of-type(-n+3), .us-section-page .link-box:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ .link-box {
        border-bottom: 0;
    }
}


/* Smaller Screens */
@media only screen
and (max-width : 1199px) {
    .page-wrap {
        width: 1000px;
        margin: 0 auto;
    }
    
    #right-content {
        width: 699px;
    }
    #right-left, #right-right {
        width:349px;
    }
    
    #right-content #more-info {
        background: url(/public/img/assets/arrow-down-green-large.jpg) 464px 17px no-repeat;
    }
    
    #right-content #more-info:hover {
        background: url(/public/img/assets/arrow-down-green-large.jpg) 464px 20px no-repeat;
    }
    
    .one-fifth, .two-fifth {
        width: 184px;
    }
    
    
    .two-thirds {
      width: 600px;
    }
    
    .two-thirds .link-box {
            width: 299px;
    }
    
    .two-thirds .link-img p {
            width: 239px;
    }
    
    .one-half {
        width:499px;
    }
    
    .one-half:first-child {
        margin-right:0px;
    }
    
    .link-box {
        width: 332px;
    }
    
    .link-img p {
        width:272px;
    }
    
    .bar-link {
        width:180px;
    }
    
    #left-strip {
        width:553px;
    }
    
    .uk-assembly #left-strip {
        width:704px;
    }
    
    
    .contact-third {
      width: 332px;
    }
    
    
    .dropdown-col {
        padding: 0 10px 10px;
        width: 165px;
    }
    
    
    .one-third, .one-quarter, .one-sixth { 
        width:332px;
    }
    
    .one-quarter {
        width:249px;
    }
    
    #pane-numbers .one-third {
        width: 292px;
    }
    
    .guar-third {
        width: 300px;
    }
    
    .guar-third h1 {
        width: 300px;
    }
    
    
    .guar-half:first-child {
      width: 460px;
    }
    
    .guar-half {
        width:459px; 
    }
    .circle {
        margin: 0 75px; 
    }
    
    #downloads-slider, .de-page #downloads-slider, .fr-page #downloads-slider {
        background-position: 39% center;
    }
    #square-ip-link {
        width: 42% !important;
    }
    #circ-ip-link {
        width: 41% !important;
    }
}

/* TABLET */
@media only screen
and (max-width : 1024px) {
    body {
        width: 100%;
        overflow-x: hidden;
    }
    
    html {
        box-sizing: border-box;
    }
    *, *:before, *:after {
        box-sizing: inherit;
    }
    
    #top-bar-update { display: none; }
    
    #ecat, #ecat iframe { width: 720px !important; }
    
    #search { float: right; }
    
    #flags-container, #flags-container:hover, #flags { width: auto; }
    #flags-container { border: 0; height: 30px; }
    #flags #arrow, #breadcrumbs { display: none; }
    #uk-flag { background-image: url('/public/img/assets/uk-flag_x2.png'); }
    #de-flag { background-image: url('/public/img/assets/de-flag_x2.png'); }
    #us-flag { background-image: url('/public/img/assets/us-flag_x2.png'); }
    #mx-flag { background-image: url('/public/img/assets/mx-flag_x2.png'); }
    #fr-flag { background-image: url('/public/img/assets/fr-flag_x2.png'); }
    #es-flag { background-image: url('/public/img/assets/es-flag_x2.png'); }
    #se-flag { background-image: url('/public/img/assets/se-flag_x2.png'); }
    #it-flag { background-image: url('/public/img/assets/it-flag_x2.png'); }
    #ae-flag { background-image: url('/public/img/assets/ae-flag_x2.png'); }
    .flag { background-size: 19px 19px !important; }
    
    #search { margin-left: 0; }
    
    .page-wrap { width: 720px; }
    
    #logo {
        width: 160px;
    }
    #logo span {
        display: none;
    }
    
    .mx-page .with-dropdown .dropdown {
        top: 108px;
    }
    .mx-page #menu {
        float: none;
        margin-top: 20px;
        border-top: 1px solid #ccc;
    }
    .mx-page #logo {
        float: none;
    }
    .mx-page #header {
        height: 109px;
    }
    
    #menu .top-level {
        padding: 0 6px;
    }
    
    #slider {
        background: url('/public/img/assets/slider-tablet.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    .fr-page #slider {
        background: url('/public/img/assets/slider-tablet_fr.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    .us-page #slider {
        background: url('/public/img/assets/slider-tablet_us.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    .mx-page #slider {
        background: url('/public/img/assets/slider-tablet_mx.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    #slider a {
        font-size: 14px;
        top: 138px;
        left: 509px;
        line-height: 16px;
        background: url('/public/img/assets/arrow-right-white.png') right -2px no-repeat;
      }
    .link-box {
        height: 169px;
        width: 360px !important;
        margin: 0;
        background-color: white;
      }
    .top-two { margin-top: 20px !important; }
    
    #slider #profile-catalogue-img {
        right: 250px;
    }

    #slider #catalogue-img, #slider #profile-catalogue-img {
        display: none;
    }

    #slider .slider-link {
        position: absolute;
        right: 0;
    }
    #slider #profile-home-slider .slider-link {
        margin-top: 80px;
    }
    
    #downloads-slider {
        background: url('/public/img/assets/downloads-slider-tablet_x2.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    .mx-page #downloads-slider {
        background: url('/public/img/assets/slider-tablet_mx.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    .de-page #downloads-slider {
        background: url('/public/img/assets/de_downloads-slider-tablet_x2.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    .fr-page #downloads-slider {
        background: url('/public/img/assets/fr_downloads-slider-tablet_x2.jpg') center no-repeat;
        background-size: 1024px 200px;
    }
    
    .no-product { margin: 20px auto 0 !important; }
    
    .link-img, .link-box:hover .link-img { background-position: 15px 2px; }
    .link-img p {
        text-align: left;
        position: initial;
        width: 100% !important;
        padding: 125px 10px 10px !important;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        background: none;
        height: auto;
    }
    .link-img p span { display: none; }
    
    #link-bar { height: auto; padding-bottom: 14px; }
    
    .bar-link img {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
        width: auto;
        height: 50px;
        margin-top: 0 !important;
    }
    .bar-link p {
      float: none;
      width: auto !important;
    }
    .pane .one-fifth {
        width: 144px;
        /*margin-left: 11px;*/
        float: left;
        text-align: center;
    }
    
    .one-half { width: 345px; }

    #news-case .meta {
        min-height: 28px;
    }

    #news-case .meta span {
        display: block;
    }
    
    #news-case .excerpt { min-height: 45px; }

    .case-news-item img {
        height: 68px;
        width: 345px;
      }
      
    footer .one-fifth, footer .two-fifth {
        text-align: left;
        width: 127px;
        margin-left: 21px;
        line-height: 14px;
    }
    
    footer .one-fifth:first-of-type { margin-left: 0; }
    .one-fifth li, .two-fifth li { padding: 4px 0; }
    
    .brands-footer .w200 {
        width: 25%;
        height: 120px;
        padding: 15px 10px 0;
    }
    
    #footer-address {
        text-align: center;
        padding: 20px 0 5px;
        width: 100%;
    }
    
    #left-content {
        width: 100%;
        padding-top: 0;
        border-right: 0;
    }
    #main-img {
        width: 301px;
        float: left;
        border-right: 1px solid #ccc;
      }
    #main-img img {
        height: 300px;
        width: 300px;
      }
    #zoom-icon { display: none; }
    #thumbnails {
        float: left;
        width: 83px;
        border: 0;
        border-right: 1px solid #ccc;
        padding-right: 10px;
        margin: 0 10px 0 -1px;
        border-left: 1px solid #ccc;
        padding-left: 10px;
      }
    .thumb { margin-left: 0; }
    .thumb360 { display:none; }
    #prod-range {
        display: none;
        float: left;
        padding-top: 10px;
        width: 327px;
      }
    #left-content .back-to-range { width: 100%; }
    .other-range { display: none; }
    
    #right-content {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #ccc;
        margin-left: 0;
    }
    #right-left, #right-right { width: 50%; }
    #right-content #more-info, #right-content #more-info:hover { background-position: 700px 17px; }
    
    .page-wrap.product-page {
        position: relative;
    }
    #icons {
        position: absolute;
        top: 58px;
        right: 1px;
        width: 337px;
        border-top: 0;
    }
    
    #bottom-content .one-half {
        width: 100%;
        border-right: 0 !important;
        border-left: 0;
        border-top: 1px solid #ccc;
        text-align: center;
      }
    #bottom-content .info-section img { width: 358px; }
      
    .pane p { max-width: 320px; }
      
    .one-third { width: 240px !important; }
    .one-quarter { width: 180px; overflow: hidden; }
    
    #framed-third, #frameless-third { min-height: 0; }
    #framed-third img, #frameless-third img { float: right; }
    
    #backlit-third { overflow: hidden; }
    #backlit-third p { padding-right: 0; }
    
    #pane-benefits .one-third {
        width: 240px;
        min-height:133px;
        height: auto;
    }
    #pane-benefits h3 { font-size: 16px; }
    
    .luxpanel-benefit {
        margin: 5px 0 20px !important;
        width: 360px;
        height: 52px;
      }
    #aesthetics-benefit { margin-left: 180px !important; }
    .luxpanel-benefit img { margin-bottom: 20px; }
    .luxpanel-benefit p { max-width: 340px; }
    
    #pane-3 {
        background: url('/public/img/assets/installation-pane_x2.jpg') center no-repeat !important;
        background-size: 1179px 250px !important;
    }
    #pane-4 {
        background: url('/public/img/assets/guarantee-pane_x2.jpg') right top no-repeat !important;
        background-size: 500px 280px !important;
    }
    #pane-5 {
        background: url('/public/img/assets/calc-pane_x2.jpg') 0px 37px no-repeat !important;
        background-size: 535px 115px !important;
    }
    #pane-3 h1, #pane-3 p { margin-left: 430px !important; }
    #pane-5 h1, #pane-5 p, #pane-5 .button { margin-left: 0 !important; }
    #pane-5 h1 { margin-top: 132px !important; }
    #pane-5 { background-position: center 20px !important; padding-bottom: 10px !important; }
    
    .one-sixth {
        width: 120px;
        position: relative;
    }
    .one-sixth img { margin-left: -6px; }
    .one-sixth .range-link { height: 75px; }
    .one-sixth p:last-child { height: 116px; }
    
    .lamps-page .one-third { overflow: hidden; }
    .lamps-page .one-third img { margin-left: -5px; }
    
    .lamps-page .one-quarter { height: 294px; }
    .lamps-page .one-quarter img { margin-left: -36px; }
    
    #house, #savings-header p { display: none; }
    #pane-savings { padding-bottom: 0; }
    
    #pane-energy {
        background: url('/public/img/assets/lamps-benefits/energy-bg_x2.jpg') center no-repeat !important;
        background-size: 1024px 392px !important;
    }
    #pane-lifetime {
        background: url('/public/img/assets/lamps-benefits/lamp-wall_x2.jpg') center no-repeat !important;
        background-size: 1024px 392px !important;
    }
    #pane-numbers {
        background: url('/public/img/assets/lamps-benefits/intro-bg_x2.jpg') center no-repeat !important;
        background-size: 1024px 650px !important;
    }
    
    #more-info {
        background-image: url('/public/img/assets/arrow-down-green-large_x2.jpg');
        background-size: 10px 10px;
    }
    
    .left-fix-two { margin-left: 0 !important; }
    .right-fix-three { border-right: 1px solid #ccc; }
    .top-fix-three { border-right: 1px solid #ccc; }
    .right-fix-two { border-right: 0; }
    
    .img-area { display: none; }
    .dropdown-col {
        height: 456px;
        width: 179px;
    }
    .us-page .dropdown-col {
        height: 392px;
        width: 143px;
    }
    #why-led-menu .dropdown-col, #support-menu .dropdown-col {
        height: auto;
        width: 359px;
        padding-bottom: 0;
    }
    #interior-menu-section { border-left: 0; }
    
    .dropdown .title a, .menu-section-title {
        background-image: url('/public/img/assets/arrow-right-green_x2.png');
        background-size: 15px 30px;
        padding-left: 8px !important;
    }
    .dropdown .title a, .dropdown .subtitle {
        background-position: right 9px;
    }
    .dropdown .subtitle:hover, .dropdown .title a:hover, .dropdown .title:hover a {
        background-position: right -14px;
    }
    
    .dropdown .subtitle a, .dropdown .title a {
        line-height: 14px !important;
        padding: 6px 0;
    }
    
    #featured-home { background: url('/public/img/assets/lux-feat-home_tablet.jpg') -340px 0px no-repeat; }
    .one-two-third {
        width: 100%;
        height: 180px;
      }
    .one-two-third h2 {
        margin: 40px -1000px 0 0;
        padding: 7px 1000px 7px 10px;
        float: right;
      }
    .one-two-third h2:hover, .one-two-third:hover h2 { padding: 7px 1000px 7px 10px !important; }
    .one-two-third p {
        clear: both;
        float: right;
        text-align: right;
      }
    .two-thirds {
        width: 100%;
        margin-left: 0;
        border-top: 1px solid #ccc;
      }
    .ae-page .two-thirds { border-top: 0; }
    #case-study-slider { display: none; }
    .one-two-third p span {
        background: url('/public/img/assets/arrow-right-green_x2.png') 176px 4px no-repeat;
        background-size: 15px 30px;
    }
    
    .two-thirds .margin-fix-two { border-left: 0; }
    
    #search {
        background: url('/public/img/assets/search-white_x2.png') 10px no-repeat;
        background-size: 21px 21px;
        padding-left: 37px;
    }
    
    .link-box h2, .range-link, .range-link:hover, a:hover .range-link {
        background: url('/public/img/assets/arrow-right-green-small_x2.png') right 15px no-repeat white;
        background-size: 5px 15px;
        color: #1c5631;
    }
    .link-box h2 { background-position: right 7px; }
    
    .bar-link {
        width: 136px;
        margin-left: 10px;
        text-align: center;
      }
    .bar-link h3 {
        margin-left: 0;
        width: 100% !important;
    }
    
    #pane-energy h1, #pane-energy p { margin-left: 430px !important; }
    #pane-energy h1 { margin-top: 120px !important; }
    #pane-lifetime h1 { margin-top: 130px !important; }
    #pane-numbers { padding-top: 30px; height: 310px; }
    #pane-numbers .one-third { min-height: 237px; width: 240px; padding: 0 27px 10px; }
    #pane-numbers .big-number {
        font-size: 70px;
        margin: 0 -27px !important;
    }
    #pane-numbers h1 { font-size: 16px; }
    #savings-header p { max-width: 550px; }
    #calc-pane { background: none; }
    
    #house #shape-container { margin-left: -140px; }
    
    #left-strip {
        width: 100% !important;
        padding-right: 0 !important;
        border-right: 0;
        margin-right: 0;
    }
    #left-strip p { max-width: 100%; }
    #left-strip .range-link {
        width: 100% !important;
        background-position: right 16px;
        padding: 10px 0;
    }
    #right-strip, .uk-assembly #right-strip {
        width: 100%;
        height: auto !important;
        border-left: 0;
        border-top: 1px solid #999;
    }
    #right-strip p {
        margin: 10px 0;
        max-width: 100% !important;
    }
    #scheme-glance-list { margin: 0; }
    
    .uk-assembly .boxed-title {
        margin-top: 97px;
        font-size: 27px;
    }
    
    .tab, .subtab, .tab:hover, .subtab:hover, .tab.selected, .subtab.selected {
        background-image: url('/public/img/assets/arrow-down-grey_x2.png');
        background-size: 15px 30px
    }
    
    #back-to-top {
        background-image: url('/public/img/assets/arrow-up-green-large_x2.jpg');
        background-size: 10px 10px;
    }
    
    footer span { padding-right: 0; }
    
    .download label:hover a { display: none !important; }
    
    #filters { height: 56px; }
    #filters.expanded { height: 85px; }
    .filter>p {
        background-image: url('/public/img/assets/arrow-updown-green_x2.png');
        background-size: 23px 100px;
        padding: 10px 32px 10px 10px;
        font-size: 16px;
    }
    .filter>p:hover { background-position: right -61px; }
    
    .subfilters { top:55px; }
    .subfilter img {
        width: 28px;
        height: 28px;
    }
    .subfilter p {
        padding: 7px 7px 5px;
        margin: 0 10px 0 0;
    }
    
    #clear-filter {
        padding: 7px 10px 6px;
        margin-top: 26px;
    }
    
    #accred-page-title { padding: 52px 420px 10px 0; }
    .circle h1 {
        font-size: 80px;
        width: 127px;
    }

    .circle {
        width: 120px;
        margin: 0 53px;
    }

    .guar-third {
        width: 226px;
        margin-left: 20px;
    }

    .guar-third>h1 {
        width: 210px !important;
        margin: 10px 13px;
    }

    .long .circle, .long .circle h1 { width: 179px; }

    .guar-half { width: 360px !important; }

    .guar-half:first-child img {
        float: right !important;
        padding: 0 0 5px 13px !important;
        margin-bottom: 10px !important;
    }

    .guar-half img {
        float: none !important;
        margin-bottom: 0px !important;
    }
    
    #tax-pane { background: none !important; }
    
    .guarantees-page .three-col {
        min-height: 0;
        float: none;
        width: 100%;
        border-left: 0;
    }

    #right-strip img {
        max-width: 100%;
        height: auto;
    }
    
    .guar-top-half {
        width: 50%;
        margin: 0;
    }

    .guar-top-half h1 {
        width: 100%;
    }

    .guar-top-half p {
        max-width: 100%;
        margin-right: 2px;
    }

    .guar-top-half .circle {
        margin: 0 auto;
    }
    
    #accred-title .page-title { padding: 90px 10px 10px !important; }
    
    .us-section-page .link-box:nth-of-type(even), .us-section-page .link-box:last-of-type {
        border-right: 0;
    }
    
    .us-section-page .link-box:nth-of-type(2n+1):nth-last-of-type(-n+2), .us-section-page .link-box:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ .link-box {
        border-bottom: 0;
    }
    #framed-third, #backlit-third {width: 50% !important;}
}

/* TABLET ONLY */
@media only screen
and (min-width : 721px)
and (max-width : 1024px) {
    .link-box { height: 182px; }
    
    .one-quarter { height: 300px; }
    .one-third p, .one-third p:hover, a.one-third:hover .range-link {
        max-width: 360px;
        background-position: 224px 15px;
    }
    .one-quarter p, .one-quarter p:hover, a.one-quarter:hover .range-link { background-position: 162px 15px; }
    
    #circ-lux-quarter .range-link { padding-right: 30px; }
    #circ-ip-link {
        padding-right: 26px;
        width: 90px !important;
    }
    #framed-third, #ip-lux-quarter, #frameless-third { overflow: hidden; }
    #ip-lux-quarter img { margin-left: -70px; }
    
    #frameless-third img { margin-right: -100px; }
    
    #surf-mod-quarter .range-link { padding-right: 40px; }
    
    #lux-acc-quarter img { margin-left: -70px; }
    
    #framed-third img { margin-right: -90px; }
    
    #icons {
        border-left: 1px solid #ccc;
        border-bottom: 0;
    }
    
    #view-pane, #back-pane { height: 47px; }
    
    #pane-benefits .one-third:first-child h3, #pane-benefits .one-third:first-child p { padding-left: 0; }

    .video-holder .video {
            width: 700px;
}

    .video-holder .video .close-video {
            width: 700px;
    }
    
    .video-holder .video iframe {
            margin-left: auto;
    margin-right: auto;
    position: relative;
    }
    .mx-page #link-bar {
        height: auto;
    }
}

/* MOBILE */
@media only screen
and (max-width : 720px) {
    
    body.menu-shift { background-color: #333; }
    
    #mobile-page-container {
        width: 100%;
        position: relative;
        overflow-x: hidden;
      }
    #mobile-page-content {
        width: 100%;
        position: relative;
        left: 0;
      }
    .menu-shift #mobile-page-content { left: 250px; }
    
    .page-wrap { width: 100%; }
    
    #ecat, #ecat iframe { width: 100% !important; }
    #ecat iframe {
        min-height: 200px;
        max-height: 300px;
    }
    
    .fixed #header {
        position: relative;
        width: 100%;
        top: 0;
        background-color: white;
        height: 44px;
    }
    .fixed #top-header { margin-bottom: 0; }
    .fixed #logo {
        margin-top: 13px;
        height: 20px;
        -o-transition: 0s;
        -ms-transition: 0s;
        -moz-transition: 0s;
        -webkit-transition: 0s;
        transition: 0s;
    }
    .fixed #logo img {
      width: auto;
      height: 28px;
    }
    .fixed #header li.top-level>a, .fixed #menu .top-level { line-height: 15px; }
    .fixed .with-dropdown .dropdown { top: 45px; }
    
    #header { height: 44px; }
    #logo {
        float: none;
        margin: 16px auto;
    }
    
    #mobile-menu { display: block; }
    
    #search {
        background: url('/public/img/assets/search-white_x2.png') 10px no-repeat #333;
        background-size: 25px 25px;
    }
    
    #menu {
        background-color: #333;
        color: #eee !important;
        width: 250px;
        float: none;
        position: fixed;
        z-index: 1000;
        left: -250px;
        top: 45px;
        overflow-y: scroll;
        height: calc(100% - 45px); /* needs spaces */
    }
    .menu-shift #menu { left: 0; }
    
    .menu-section {
        width: 100%;
        border-top: 1px solid #666;
        position: relative;
    }
    
    .menu-section-title {
        background: none;
        margin: 12px 82px 11px 20px;
        padding: 0;
        color: white;
        border: 0;
        font-size: 12px;
    }
    
    .dropdown li:hover a, .dropdown a:hover { background: none !important; }
    
    #menu .top-level {
        float: none;
        padding: 0;
        line-height: 30px;
        border-bottom: 1px solid #555 !important;
        position: relative;
        cursor: auto;
        background-color: #333;
        color: #eee;
    }
    #menu .top-level:hover { color: #eee; border-bottom: 1px solid #555 !important; }
    
    #corp-menu { border-right: 0; }
    
    #slider {
        background-image: url('/public/img/assets/mobile-slider.jpg') !important;
        background-size: 720px 150px !important;
        height: 150px;
    }
    .fr-page #slider {
        background-image: url('/public/img/assets/mobile-slider_fr.jpg');
        background-size: 720px 150px;
    }
    
    .us-page #slider {
        background-image: url('/public/img/assets/mobile-slider_us.jpg') !important;
        background-size: cover !important;
        height: 100px;
    }
    .mx-page #slider {
        background-image: url('/public/img/assets/mobile-slider_mx.jpg') !important;
        background-size: 720px 150px;
    }
    #slider a { display: none; }
    
    #title-slider { display: none; }
    
    .with-dropdown .dropdown {
        position: initial;
        background-color: #444;
        border-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
      }
    /*.with-dropdown:hover .dropdown { display: none; }*/
    .expanded .dropdown { display: block !important; }
    
    .menu-section { border-left: 0; }
      
    .dropdown-col, #interior-col-1, #interior-col-2, #exterior-col, #lamps-col, #support-menu .dropdown-col {
        width: 100% !important;
        height: auto !important;
        border: 0 !important;
        padding: 0 10px;
    }
    .dropdown-col ul {
        border-top: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
      }
      
    .dropdown-col p {
        background: none;
    }

    .dropdown-col h3 {
        color: white;
    }
    .dropdown h3:first-child {
        padding-top: 10px;
    }
      
    .img-area { display: none !important; }
    .dropdown-col, #menu-area { float: none; }
    .title { display: none; }
    
    #menu-area { width: 100%; }
    
    #menu-section-title { display: none; }
    .expanded #menu-section-title { display: block; }
    
    #why-led-menu.expanded li, #support-menu.expanded li { display: block !important; }
    #why-led-menu li, #support-menu li { height: auto !important; }
    #why-led-menu li p, #support-menu li p { display: none; }
    #why-led-menu li a, #support-menu li a { float: none; }
    
    #header li.top-level>a {
        line-height: 15px;
        margin: 15px 70px 15px 20px;
        border-bottom: 0;
        padding: 0;
    }
    
    .dropdown li {
        margin: 0 -10px;
        padding: 0 20px;
        line-height: 23px;
        display: none;
        background-color: #555;
    }
    .expanded-item .mobile-sub-item { display: block; }
    .dropdown li a {
        line-height: 28px;
        display: block;
        color: #ddd;
    }
    
    .dropdown .subtitle {
        color: #eee;
        background: #555;
        border: 0;
        border-top: 1px solid #444 !important;
        margin: 0 -10px !important;
        padding: 0 10px 0 20px;
        height: 35px;
        position: relative;
      }
    .dropdown .subtitle a { color: #eee; }
    .expanded-section .mobile-item { display: block; }
      
    .mobile-expand { display: block; }
      
    .dropdown .title a {
      background: none;
      font-size: 12px;
      padding: 0;
    }
    .dropdown .title a:hover {
      background: none;
      color: inherit;
    }
    .dropdown .subtitle a, .dropdown .subtitle a:hover {
        line-height: 14px !important;
        padding: 10px 22px 10px 0;
        background-size: 15px 30px;
        display: inline-block;
        float: left;
      }
    .dropdown .subtitle:hover, .dropdown li:hover { background-color: #444; color: #eee; }
    .subtitle.title { border-top:0 !important; }
    
    .close-menu { display: none; }
    
    #search {
        position: fixed;
        left: -250px;
        top: 0;
        z-index: 1001;
        background-color: #333;
        width: 250px;
        padding: 10px 10px 10px 30px;
        margin: 0;
        -o-transition: 0s;
        -ms-transition: 0s;
        -moz-transition: 0s;
        -webkit-transition: 0s;
        transition: 0s;
    }
    .menu-shift #search { left: 0; }
    #search input {
        margin-left: 12px;
        width: 198px;
        background-color: #666;
        color: white;
        padding: 5px 8px;
    }
    
    .left-fix-two { margin-left: 20px; }
    
    #featured-home { padding-bottom: 0; }

    .link-box {
        width: 100% !important;
        max-width: 320px;
        min-height: 180px;
        margin: 3px auto 4px !important;
        padding-top: 8px !important;
        border: 0 !important;
        border-top: 1px solid #ccc !important;
        float: none;
        display: block;
      }
    .link-box:nth-child(odd) { margin-left: auto !important; }
    .link-box:first-child { border-top: 0 !important; }
    
    .subsection-header {
        padding-left: 1010px;
    }
      
    #link-bar {
        padding: 0;
        margin-top: 0;
    }
    .bar-link {
        width: 100% !important;
        margin: 0;
        text-align: center;
        border-top: 1px solid #A9C02D;
        padding: 16px;
      }
    .bar-link:first-child { border-top: 0; }
    
    .one-fifth {
        width: 100%;
        margin: 15px 0 0;
        padding-top: 18px;
        border-top: 1px solid #A9C02D;
      }
    .one-fifth:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }
    .one-fifth p {
        width: auto !important;
        max-width: 170px;
        margin: 5px auto;
        padding: 0 !important;
    }
    
    footer .two-fifth {
        width: 275px;
    }

    .two-fifth ul {
        width: 46%;
        margin-right: 10px;
        margin-top: 10px;
    }

    ul.no-title {
        padding-top: 35px;
    }

    footer .two-fifth a span {
        margin-bottom: 4px;
    }
    
    .one-half {
        width: 100%;
        padding: 15px 20px 10px;
        border-top: 1px solid #ccc;
        margin-right: 0 !important;
      }
    .one-half:first-child { border: 0; }
      
    #news-case h1 {
        text-align: center;
      }
    .case-news-item {
        max-width: 345px;
        margin: 0 auto;
      }
    .case-news-item img {
        height: auto;
        width: 100%;
      }
      
    footer { padding: 0; }
      
    #footer-nav p {
        display: block;
    }
    footer .one-fifth, footer .one-fifth li, footer .two-fifth, footer .two-fifth li {
        display: none;
        line-height: 14px;
    }
    footer .one-fifth.visible, footer .one-fifth .nav-group, footer .one-fifth li.visible, footer .two-fifth.visible, footer .two-fifth .nav-group, footer .two-fifth li.visible, .flag-text.visible { display: block; }
    
    footer .one-fifth, footer .two-fifth {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        float: none;
        border-top: 0;
        padding-top: 0;
    }
    footer .one-fifth .nav-group, footer .two-fifth .nav-group {
        background: url('/public/img/assets/arrow-updown-white_x2.png') right -11px no-repeat #555;
        background-size: 20px 30px;
        padding: 8px 0;
        border-bottom: 1px solid #444;
        margin-top: 0 !important;
        line-height: 14px;
    }
    footer .one-fifth .nav-group.expanded, footer .two-fifth .nav-group.expanded, .tab-title.expanded { background-position: right 14px; }
    footer span {
        color: white;
        text-transform: capitalize;
        padding: 0;
        border-bottom: 0;
        margin-bottom: 0;
    }
    
    .two-fifth ul {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }

    footer .two-fifth a span {
        margin-bottom: 0;
    }
      
    #left-social, #right-social {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0 20px;
    }

    #right-social a {
        float: none;
        display: inline-block;
        margin-top: 20px;
    }

    #right-social a:first-of-type {
        margin-left: 0;
    }
      
    .brands-footer .w200 {
        width: 90%;
        height: auto;
        float: none;
        margin: 0 5% 10px;
        padding-top: 10px;
    }

    .brands-footer {
        margin-top: 0;
    }
      
    li.visible {
        padding: 8px 0;
        background-color: #ccc;
        border-bottom: 1px solid #bbb;
      }
      
    #sub-footer td { padding: 0 5px; }
    
    #top-header { height: 34px; }
    #top-header.expanded { height: auto; }
    
    .flag { display: none; }
    #flag-dropdown, #footer-nav p {
        display: block;
        background-image: url('/public/img/assets/arrow-updown-white_x2.png');
        background-size: 20px 30px;
    }
    #flags-container, #flags-container:hover, #flags { width: 100%; }
    #flags-container { padding: 0; position: static; height: auto; }
    
    #top-header.expanded .flag-text { display: block; }
    
    .link-img, .link-box:hover .link-img { background-position: top center; }
    
    .page-title {
        font: 24px "droid-sans",Arial,sans-serif;
        padding: 10px;
      }
    .page-title sup {
        font-size: 14px;
        margin-top: 1px;
      }
    #title-part-no { float: none; display: block; }
    
    #left-content, #right-content { width: 100%; float: none; }
    #right-content { border-left: 0; }
    #main-img {
        text-align: center;
        width: 100%;
        border-right: 0;
        float: none;
    }
    #thumbnails {
        padding: 0 10px 10px;
        width: 100%;
        border-top: 1px solid #ccc;
        margin-left: 0;
        border-right: 0;
        float: none;
    }
    
    #prod-range {
        float: none;
        padding-top: 0;
        width: 100%;
      }
    
    #left-content .back-to-range { margin-right: 0; }
    #zoom-icon { display: none; }
    
    .other-range {
        display: block;
        width: 47%;
        margin: 10px 0 10px 2%;
        height: 55px;
      }
      
    .product-table { overflow-x: auto; }
    
    .tab-title {
        display: block;
        background-image: url('/public/img/assets/arrow-updown-white_x2.png');
        background-size: 20px 30px;
    }
    .tab, .subtab, .tab:hover, .subtab:hover {
        padding: 7px 0;
        border-right: 0;
        border-bottom: 1px solid #444;
        background: #555;
        text-align: center;
        color: #eee;
        float: none;
        display: none;
      }
    .tab.selected, .subtab.selected, .tab.selected:hover, .subtab.selected:hover {
        background: #bed640;
        border-bottom: 1px solid #1c5631;
        color: white;
      }
    .tab.visible, .subtab.visible { display: block; }
      
    #table { overflow-x: auto; padding-bottom: 10px; }
    
    #more-info {
        background: url('/public/img/assets/arrow-down-green-large_x2.jpg') right 9px no-repeat;
        background-size: 10px 10px;
        padding-top: 3px;
        font-size: 14px;
    }
    .page-title #more-info:hover { background-position: right 12px; }
    #more-info em { font-size: 18px; }
    
    #right-content #more-info, #right-content #more-info:hover {
        background: url('/public/img/assets/arrow-down-green-large_x2.jpg') 96% 15px no-repeat;
        background-size: 10px 10px;
        font-size: 16px;
    }
    
    #icons {
        border-top: 1px solid #ccc;
        position: static;
        width: 100%;
      }
      
    #case-studies li {
        background-image: url('/public/img/assets/arrow-right-green_x2.png');
        background-size: 15px 30px;
    }
    
    #right-left, #right-right {
        float: none;
        width: 100%;
        border-left: 0;
        border-right: 0;
      }
    #bottom-content .one-half, #bottom-content .one-half:first-child {
        width: 100%;
        margin: 0;
        border: 0;
        padding: 0;
        border-bottom: 1px solid #ccc;
      }
    .tech-col-2 {
        width: 100%;
        border: 0 !important;
        text-align: center;
    }
    
    #bottom-content h3 { padding-left: 10px; }
    
    .info-section img {
        max-width: 60px;
        height: auto;
      }
    
    .thin-header {
        height: 146px;
        background-position: bottom center !important;
      }
    .thin-header h1 {
        width: 100%;
        display: block;
        margin: 0;
        padding: 13px;
      }
      
    #filters, #filters.expanded {
        height: auto;
        border-bottom: 0;
      }
    .filter {
        color: white;
        background-color: #333;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 0;
        float: none;
        border-bottom: 1px solid #555;
        border-left: 0;
      }
    .filter>p, .filter>p:hover, .filter.selected>p, .filter.selected>p:hover {
        font-size: 12px;
        font-family: Arial, Times New Roman, sans-serif;
        background: url('/public/img/assets/arrow-updown-white_x2.png') right -10px no-repeat #333;
        background-size: 20px 30px;
        padding: 10px;
        color: inherit;
    }
    .filter.selected>p, .filter.selected>p:hover { background-position: right 15px; }
    .filter span {
        font-size: 11px;
        color: #999 !important;
        display: inline-block;
        margin-left: 6px;
      }
    .subfilters {
        border: 0;
        position: static;
        width: 100%;
    }
    .subfilter {
        float: none;
        border-top: 1px solid #444;
        background-color: #555;
      }
    .subfilter p {
        font-size: 12px;
        font-family: Arial, Times New Roman, sans-serif;
        letter-spacing: 0;
        text-transform: capitalize;
      }
    .subfilter.selected {
        background-color: #ccc;
    }
    .subfilter.selected p {
        background-color: transparent;
        color: #333;
      }
    #clear-filter {
        margin-top: 0;
        width: 100%;
        text-align: center;
        font-family: Arial, Times New Roman, sans-serif;
        font-size: 12px;
      }
    .section-page #link-bar { display: none; }
    
    p.button, a.button {
        background-image: url('/public/img/assets/arrow-right-green_x2.png');
        background-size: 15px 30px;
    }
    
    #back-to-top {
        background-image: url('/public/img/assets/arrow-up-green-large_x2.jpg') !important;
        background-size: 10px 10px !important;
    }
    
    .one-third, .one-quarter {
        min-height: 0;
        height: 150px;
        width: 100% !important;
        border: 0;
        border-top: 1px solid #ccc;
        position: relative;
        overflow: hidden;
      }
    .one-third:first-child { border-top: 0; }
    .one-third img, .one-quarter img {
        width: 50%;
        height: auto;
        float: right;
    }
    #framed-third p { top: 38px; left: 0; }
    #framed-third img, #frameless-third img { margin-top: -3px; }
    #backlit-third img { margin-top: -8px; }
    .one-third p, .one-quarter p {
        position: absolute;
        top: 57px;
        max-width: 160px;
        margin-right: 0;
    }
    
    .range-link {
        display: inline-block;
        padding-right: 22px !important;
        top: 0 !important;
        position: absolute;
    }
    .lamps-page .range-link { position: static; }
    .lamps-page .one-sixth {
        width: 50%;
        text-align: center;
    }
    .lamps-page .one-sixth img {
        height: auto;
        max-width: 165px;
        min-height: 277px;
    }
    .lamps-page .range-link, .lamps-page .one-sixth p {
        width: 100%;
        text-align: left;
    }
    .lamps-page .one-sixth .range-link { height: 55px; }
    .lamps-page .one-sixth p:last-child { height: 90px; }
    
    #gu10-fifth { border-top: 0; }
    .lamps-page .one-third, .lamps-page .one-quarter { height: 138px; }
    .lamps-page .one-third .range-link, .lamps-page .one-quarter .range-link { position: absolute; }
    .lamps-page .one-third p, .lamps-page .one-quarter p { top: 37px; }
    
    #pane-benefits .one-third { min-height: 130px; }
    #pane-benefits .one-third p { top: 46px; max-width: 100%; }
    #pane-benefits h3 { background-position: 97% center; }
    
    #pane-energy, #pane-lifetime {
        height: 180px !important;
        background-size: auto 180px !important;
        padding-top: 97px !important;
    }
    #pane-energy h1, #pane-energy p, #pane-lifetime h1, #pane-lifetime p {
        margin: 0 !important;
        background-color: rgba(255,255,255,0.95);
        padding: 7px;
    }
    
    #view-pane, #back-pane {
        height: 75px;
        padding: 10px;
        text-align: left;
    }
    
    #pane-numbers { padding: 0; height: auto; }
    #pane-numbers .one-third {
        padding: 0;
        min-height: 220px;
    }
    #pane-numbers .big-number {
        margin: 0 !important;
        width: 100%;
        max-width: 100%;
    }
    #pane-numbers p {
        position: static;
        max-width: 100%;
        margin: 0 10px;
    }
    
    #savings-header { padding: 10px; }
    #savings-header h1 {
        font-size: 28px;
        padding: 0 0 10px;
    }
    
    #house-lamp-type, #calc-pane h2, .product-info h2 { padding: 10px; }
    #house-lamp-desc, #calc-pane h3 { margin: 0 10px 10px; }
    
    #calc-pane { height: auto; background: transparent !important; }
    #calc-presets { width: 100%; }
    .calc-preset { width: 25%; }
    #comparison_form { margin: 0 10px; }
    #comparison_form table { width: 100% !important; }
    #calc-pane td.line-heading { line-height: 15px; }
    
    #surf-mod-quarter { height: 175px; }
    #ip-lux-quarter { height: 180px; }
    #ip-lux-quarter .range-link {
        width: 160px !important;
        position: absolute !important;
    }
    #ip-lux-quarter #square-ip-link { border: 0 !important; }
    #ip-lux-quarter #circ-ip-link {
        border-top: 1px solid #eee !important;
        top: 40px !important;
    }
    #ip-lux-quarter p { top: 79px; }
    
    #featured-home { background-position: left 0; }
    .one-two-third h2, .one-two-third h2:hover, .one-two-third:hover h2 {
        padding: 7px 10px 7px 10px !important;
        margin-right: 0;
        margin-top: 60px;
    }
    .one-two-third p { margin-right: 10px; }
    
    .pane h1 {
        margin-left: 20px;
        margin-right: 20px;
      }
    .pane p { margin-right: 20px; }
    .luxpanel-benefit {
        width: 100%;
        padding: 0 20px;
    }
    .luxpanel-benefit p { width: 100%; max-width: 100%; }
    #aesthetics-benefit { margin-left: 0 !important; }
    
    #pane-3 {
        height: auto !important;
        background: url('/public/img/assets/installation-pane.jpg') -270px -10px no-repeat !important;
    }
    #pane-3 h1, #pane-3 p { margin-left: 20px !important; }
    #pane-3 h1 { padding-top: 243px; }
    
    #pane-4 h1 { margin-top: 290px; }
    #pane-4 p, #pane-4 h3 {
        width: 100% !important;
        margin-left: 20px;
      }
    #pane-4 .button, #pane-5 .button {
        margin: 0 0 10px 20px !important;
    }
    
    #pane-5 { background-size: 90% auto !important; }
    #pane-5 h1 { margin-top: 23% !important; }
    #pane-5 h1, #pane-5 p { margin-left: 20px !important; }
    
    #back-to-top { margin-right: 20px; }
    
    #boxes { padding-bottom: 0; }
    
    #disclaimer { margin: 10px; }
    
    #accred-page-title {
        padding: 73px 70px 10px 10px;
        height: 140px;
    }
    
    .boxed-title {
        margin-left: 0 !important;
        width: 200px;
        margin-top: 62px;
    }

    .guar-third {
        width: 100%;
        padding: 20px;
        margin: 0;
    }

    .circle { margin: 0 auto !important; }

    .circle h1 { margin: 0; }

    .guar-third>h1 {
        width: 100% !important;
        margin: 10px 0;
    }

    .guar-third p {
        max-width: 100% !important;
        margin: 0;
    }

    .guar-half {
        width: 100% !important;
        border-left: 0;
    }

    .range-link {
        position: relative;
        background-position: 96% 15px !important;
        width: 100% !important;
        padding: 10px !important;
    }
    
    #left-strip p { margin: 10px; }
    #left-strip .greybox { margin: 10px 0; }
    
    #scheme-glance-list { padding: 0 10px; }
    #scheme-glance-list li { line-height: 24px; }
    
    .uk-assembly .boxed-title {
        margin-top: 0;
        width: 100%;
        font-size: 24px;
    }
    
    #left-strip>h1 {
        margin: 10px;
    }

    .assembly-img h1 {
        margin: 0;
        max-width: 63%;
        font-size: 14px;
    }

    #accred-pane h1 {
        margin-left: 0;
        margin-right: 0;
    }
    #accred-pane p {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .video-holder .video {
        width:100%;
    }
    
    .video-holder .video .close-video {
        width: 100%;
        margin-left: -2px;
    }
    
    .video-holder .video iframe {
        width: 100%;
        margin-left: 0;
        height: 340px;
    }
    
    
    #menu .top-level.mobile-only {
        display:block;
    }
    .mx-page #link-bar {
        height: auto;
    }
    
}