#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, #mobile-page-content, #menu, #search, #mobile-menu, .one-two-third h2, .slider-link, .bar-link img, .link-img p span {
  -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;
}

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

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


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

.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 {
  color: white;
  background: url('/public/img/assets/arrow-right-green.png') right -14px no-repeat;
}*/

.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-slimline-floodlights .link-title { width: 104px; }
.sect-slimline-floodlights:hover .link-title { width: 111px; }

.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;
}

#outdoor-link { background-image: url('/public/img/assets/outdoor-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'); }

#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-link.jpg'); }
#us-flood-link { background-image: url('/public/img/assets/flood-link.jpg'); }
#us-lamps-link { background-image: url('/public/img/assets/us-lamps-link.jpg'); }
#highbay-link { background-image: url('/public/img/assets/industrial-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; }


.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 {
  padding-top: 41px;
  height: 82px;
}
.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;
}
*/
.bar-link {
  width: 180px;
  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: 485px;
}
.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;
}
.meta span {
  color: #1c5631;
  margin-right: 10px;
}
.excerpt {
    margin-top: 5px;
    margin-bottom: 18px;
    min-height: 42px;
}

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


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

#left-content, #right-content { float: left; }
#left-content { width: 300px; }
#right-content {
    width: 699px;
    border-left: 1px solid #ccc;
}
#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;
}            

.de-page .dekorative-aussenleuchten-page .tab {
    padding: 14px 20px 12px 7px;
}

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


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: 349px;
}
#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; }
.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;
}

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.png') right 4px no-repeat;
  display: table;
  padding-right: 21px;
}
#case-studies li:hover { text-decoration: underline; }

#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; }


.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;
}
.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;
}



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

.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: 332px;
  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: 249px;
    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 {
    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: 292px;
  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;
}
.de-page #house .page-wrap {
    background: url('/public/img/assets/lamps-calc/de_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;
}

.one-two-third {
  width: 332px;
  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;
}

.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.jpg') right 14px no-repeat;
  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;
  text-align: center;
  padding: 10px 0 8px;
  background: url('/public/img/assets/arrow-down-green-large.jpg') 494px 17px no-repeat;
}
#right-content #more-info:hover { background: url('/public/img/assets/arrow-down-green-large.jpg') 494px 20px no-repeat; }

#filters {
    height: 63px;
    overflow: hidden;
    border-bottom: 1px solid #bed640;
    display: none;
}
#filters.expanded { height: 120px; }
#filters.live { display: block; }
.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; }


.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: 332px;
}

.guar-third {
    width: 300px;
    margin-left: 50px;
    float: left;
    padding: 20px 0 30px 0;
}
.guar-third:first-child { margin: 0; }
.guar-third h1 {
    text-align: center;
    width: 300px;
    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 75px;
}


.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: 460px;
  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;
}

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

#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: 553px;
  float: left;
  padding-right: 15px;
  font-size: 14px;
  line-height: 22px;
}
#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; }

#dislaimer a { text-decoration: underline; }

/* WIDTH FIXES for table */    

.shoplight-page th.part_no  {
    width: 160px !important;
}

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


.us-page .lamps-page th.part_no {
    width:220px !important;
}

.led-panels-page th.part_no, .led-panels-page th.description, .highbay-page th.part_no, .work-lights-page th.part_no {
    width: 140px !important;
}
.volumetric-recessed-page th.description, .troffer-page th.description {
    width: 120px !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;
    }
    
    #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; }
    
    #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;
    }
    #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; }
    
    #downloads-slider {
        background: url('/public/img/assets/downloads-slider-tablet_x2.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;
    }
    
    .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; }
    
    
    .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; }

    .case-news-item img {
        height: auto;
        width: 345px;
      }
      
    footer .one-fifth {
        text-align: left;
        width: 127px;
        margin-left: 21px;
        line-height: 14px;
    }
    footer .one-fifth:first-of-type { margin-left: 0; }
    .one-fifth li { padding: 4px 0; }
    
    #left-content { width: 100%; padding-top: 0; }
    #main-img {
        width: 301px;
        float: left;
        border-right: 1px solid #ccc;
      }
    #main-img img {
        height: 300px;
        width: 300px;
      }
    #zoom-icon { display: none; }
    .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; position:relative; }
    #right-left, #right-right { width: 50%; }
    #right-content #more-info, #right-content #more-info:hover { background-position: 700px 17px; }
    
    #icons {
        position: absolute;
        top: -302px;
        left: 382px;
        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: 182px;
    }
    #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;
    }
    
    #featured-home { background: url('/public/img/assets/lux-feat-home_tablet.jpg') -340px 0px no-repeat; }
    
    .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;
    }
    #left-strip p { max-width: 100%; }
    #left-strip .range-link {
        width: 100% !important;
        background-position: right 16px;
        padding: 10px 0;
    }
    #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; }
    
    #zoom-block { display: block; }
    
    .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; }
}

/* 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; }
    
    #view-pane, #back-pane { height: 47px; }
    
    #pane-benefits .one-third:first-child h3, #pane-benefits .one-third:first-child p { padding-left: 0; }
}

/* MOBILE */
@media only screen
and (max-width : 720px) {
    
    
    #slider {
        background-image: url('/public/img/assets/mobile-slider.jpg');
        background-size: 720px 150px;
        height: 150px;
    }
    .fr-page #slider {
        background-image: url('/public/img/assets/mobile-slider_fr.jpg');
        background-size: 720px 150px;
    }
    #slider a { display: none; }
    
    #title-slider { display: none; }
  
    
    .left-fix-two { margin-left: 20px; }
    
    #featured-home { padding-bottom: 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;
    }
    
    .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 { display: none; }
    footer .one-fifth.visible, footer .one-fifth .nav-group, footer .one-fifth li.visible, .flag-text.visible { display: block; }
    
    footer .one-fifth {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        float: none;
        border-top: 0;
        padding-top: 0;
    }
    footer .one-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;
    }
    footer .one-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;
      }
    li.visible {
        padding: 8px 0;
        background-color: #ccc;
        border-bottom: 1px solid #bbb;
      }
    
    
    
    
    .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;
    }
    
    #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; }
    
    
    #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: 100%;
        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; }
    #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 li { line-height: 24px; }


    
  


}