/*:: Imports ------------------------------------- */ @import url(/content/base.css); /*:: Header ------------------------------------- */ #header{ max-width:961px; margin:0 auto;} #header #logo a{float:left; height:57px; width:20%; text-indent:-1000em; background:url(images/lighting/logo-lighting.gif) no-repeat top left; margin-top:28px;} #header #contact{float:right; height:31px; width:115px; background:url(images/btn-contact.png) no-repeat top left; text-indent:-1000em; margin-top:-4px;} #header #everbrite{float:right; height:31px; width:115px; background:url(images/btn-everbrite.png) no-repeat top left; text-indent:-1000em; margin-top:-4px; margin-right:-10px;} /* - Navigation - #nav{list-style:none; float:right; clear:both; padding:5px 0 9px 0;} #nav li {float: left; margin-left: 34px;} #nav li a {display: block; height: 14px; background-image: url(/content/images/css/bg-nav.gif); background-repeat: no-repeat; text-indent: -10000em;} #nav-marketsolutions a {width: 101px; background-position: 0 0;} #nav-marketsolutions a:hover {background-position: 0 -19px;} #nav-marketsolutions a.on {background-position: 0 -38px;} #nav-products a {width: 52px; background-position: -137px 0;} #nav-products a:hover {background-position: -137px -19px;} #nav-products a.on {background-position: -137px -38px;} #nav-services a {width: 48px; background-position: -224px 0;} #nav-services a:hover {background-position: -224px -19px;} #nav-services a.on {background-position: -224px -38px;} #nav-ourapproach a {width: 85px; background-position: -309px 0;} #nav-ourapproach a:hover {background-position: -309px -19px;} #nav-ourapproach a.on {background-position: -309px -38px;} #nav-casestudies a {width: 74px; background-position: -585px 0;} #nav-casestudies a:hover {background-position: -585px -19px;} #nav-casestudies a.on {background-position: -585px -38px;} #nav-about a {width: 39px; background-position: -433px 0;} #nav-about a:hover {background-position: -433px -19px;} #nav-about a.on {background-position: -433px -38px;} #nav-careers a {width: 45px; background-position: -504px 0;} #nav-careers a:hover {background-position: -504px -19px;} #nav-careers a.on {background-position: -504px -38px;}*/ /*:: Content ------------------------------------- */ #glow {max-width: 1645px; height: 550px; background: url(/content/images/css/bg-glow.png) no-repeat center top; margin:0 auto;} #content {margin:-550px auto 0 auto; padding:10px; max-width: 941px; min-height: 600px; background: #fff; border-bottom:3px solid #c7c7c7; position:relative; z-index:10;} #content.interior {width:100%} .wrapper{max-width:961px; margin:0 auto;} /*:: Homepage ------------------------------------- */ /* - slider - */ #content #home #hero{height:296px; position:relative; margin-bottom:30px;} #content #home #hero .slide{background-repeat:no-repeat; background-position:top left; height:296px; display:none; position:absolute; top:0; left:0; width:100%;} #content #home #hero .slide h3{float:left; margin-left:-1000em;} #content #home #hero .info{position:absolute;} #content #home #hero .slide p{ font-size: 0.75em; line-height: 17px; padding: 0; } #content #home #hero .slide p strong{font-size: 0.937em; font-weight:normal;} #content #home #hero .slide a.more{float:left; height:27px; width:12%; background:url(images/btn-learnMore.png) no-repeat top left; text-indent:-1000em;} #content #home #hero .slide1{background-image:url(images/lighting/slider/slide1.jpg); display:block;} #content #home #hero .slide1 .info{width:30%; top:131px; left:59px;} #content #home #hero .slide1 .info p{color:#d4d8e4;} #content #home #hero .slide1 .info a.more{margin:18px 0 0 -8px;} #content #home #hero .slide2{background-image:url(images/lighting/slider/slide2.jpg);} #content #home #hero .slide2 .info{width:30%; top:111px; left:59px;} #content #home #hero .slide2 .info p{color:#e5ecf7;} #content #home #hero .slide2 .info a.more{margin:10px 0 0 -8px;} #content #home #hero .slide3{background-image:url(images/lighting/slider/slide3.jpg);} #content #home #hero .slide3 .info{width:30%; top:111px; left:59px;} #content #home #hero .slide3 .info p{color:#d2d2d2;} #content #home #hero .slide3 .info a.more{margin:10px 0 0 -8px;} #content #home #hero .slide4{background-image:url(images/lighting/slider/slide4.jpg);} #content #home #hero .slide4 .info{width:30%; top:111px; left:59px;} #content #home #hero .slide4 .info p{color:#d2d2d2;} #content #home #hero .slide4 .info a.more{margin:10px 0 0 -8px;} .rslides, .sliderProducts { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li, .sliderProducts li { position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child, .sliderProducts li:first-child { position: relative; display: block; float: left; } .rslides img, .sliderProducts img { display: block; height: auto; float: left; width: 100%; border: 0; } /* - tagline - */ #content #tagline{padding-bottom:15px;} #content #tagline h1{float:left; height:31px; width:25%; background:url(images/lighting/ir-light.png) no-repeat top left; text-indent:-1000em;} #content #tagline p{font-size:1.125em; line-height:20px; color:#aeb0b4; padding:5px 0 10px 19px; float:left; width:55%;} #content #tagline p strong{color:#58595b; font-weight:normal;} #content #tagline #banners li.highlight{border:3px solid #bfc0c4; margin-bottom:7px;margin-right:0; width:25%} #content #tagline #banners li.highlight h4 a{width:25%; display:block; background-color:#333; color:#ffbe14; padding:5px; } #content #tagline #banners li.highlight p{line-height:18px; color:#404042; padding:0; font-size: 0.937em; width:25%; padding:5px;} /* - bottom banners - */ #content #home ul {margin:0;} #contentBuffer #banners{list-style:none; padding: 0; padding-left: 3%; margin: 0;} /* remove 'padding-left' for 4 banners */ #content #home li, #content #home #banners li.last{margin:0; background:none;} /* add 'padding:0' for 4 banners */ #content #home #banners li{width:24%; float:left; padding-left: 3%; padding-right: 3%; margin-right:9px; padding-bottom:17px;} /* remove 'padding-left' and 'padding-right' for 4 banners */ #banners li.first{margin-right:9px;} #banners li.last{margin-right:0;} #banners li img{border:3px solid #bfc0c4; margin-bottom:7px;} #banners li h4 a{display:block; font-size:0.937em; color:#3b3f49; font-weight:strong; margin-bottom:8px; text-decoration: none;} #banners li p{line-height:1.5em; color:#404042; padding:0; font-size: 1em;} /*:: Interior ------------------------------------- */ #content.interior #contentBuffer{float:left; width:70%; margin-left:10px;} #contentBuffer h1 {margin: 5px 0 10px; font: bold 28px Arial, sans-serif; color: #3b3f49; letter-spacing: -1px;} #calendarofevents { padding:10px 0 15px 0px; float:left; } #calendarofevents h1{ color:#fff; background: url(/content/images/css/h2-long.png) no-repeat 0 0; height:22px; padding:5px; margin:0 0 1px 0px; font-weight:bold; font-size: 1.25em; } /* - Left Column - */ .lCol {float: left; width: 70%;} .lCol.skinny {width: 40%;} .lCol.wide {width: 99%;} .lCol h2 {font: 18px/34px Arial, sans-serif; color: #3b3f49;} .lCol p {font: 13px/17px Arial, sans-serif; color: #63656d; padding: 0 0 18px;} /* - Right Column - */ .rCol{float:left; width:28%; padding-left:11px;} .rCol2{float:left; width:38%; padding-left:11px;} #calendar h1{ color:#fff; background: url(/content/images/css/h2-long.png) no-repeat 0 0; height:22px; padding:5px; margin:0 0 10px 0px; font-weight:bold; font-size:1.25em; } /* - Photo Gallery, Case Studies - */ #gallery, #cs-widget, #calendar { padding:0px 0 18px 0px; /* float:left;*/ } #calendar { width:100%; float:left; } #gallery h3, #cs-widget h3, #calendar h3{ color:#fff; background: url(/content/images/css/h2-sidebar.png) no-repeat 0 0; height:22px; padding:10px 0 0 10px; margin:0 0px 10px 0px; } #cs-widget {width: 100%; margin-bottom: 10px;} #cs-widget h4 {clear: both; padding: 10px 0 0; font-size: 0.875em;} .testimonial { font-style:italic; color: #0e6698} #gallery img, #cs-widget img{float:left; background:#fff; border:1px solid #c4c4c4; padding:3px; margin:0 4px 4px 0;} .lCol {float: left; width: 70%;} .lCol2 {float: left; width: 60%;} #lColNews { float: left; width: 60%; padding:0px 0 18px 0px; } #lColNews h1{ color:#fff; background: url(/content/images/css/h2-long.png) no-repeat 0 0; height:22px; padding:5px; margin:0 0 10px 0px; font-weight:bold; font-size: 1.25em; } .lCol.skinny {width: 275px;} #contentBuffer h2, .lCol h2 {padding: 0 20px 0 0; font: 18px/34px Arial, sans-serif; color: #3b3f49; width: auto; background: url(/content/images/css/h2-lcol.gif) no-repeat right 7px; display: inline;} #contentBuffer p, .lCol p, #contentBuffer dl, #contentBuffer ul {font: 13px/17px Arial, sans-serif; color: #63656d; padding: 0 0 18px;} #contentBuffer dd {margin-bottom:6px;} #contentBuffer ul {margin-left:0px;} #content .lCol ul li, #content .contentpage ul li, #contentBuffer ul li {padding-left:15px;list-style-type:circle;display:block;background:url(images/css/ULLI.gif) 0 5px no-repeat;} .grouping-661 { background: #fff url(/content/images/css/bg-groupings.png) repeat-x 0 0; border-top: 1px solid #d7d6d8; padding: 10px; float: left; clear: left; width: 97%; } .grouping-661 h2 { width: 100%; } .grouping-661 h3 { font: 15px Arial, sans-serif; color: #000; padding: 15px 0 8px; float: left; width: 100%; } .grouping-661 h3 a:hover {text-decoration: none !important;} .grouping-661 h3 a {color: #000000 !important;} .grouping-661 p {font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 310px;} .grouping-661 img {float: right; border:3px solid #bfc0c4;} #grouping-madeinus { border-top: 0px solid #d7d6d8; padding: 10px; float: left; clear: left; width: 95%; } #grouping-madeinus h2 { width: 100%; } #grouping-madeinus h3 { font: 15px Arial, sans-serif; color: #000; padding: 15px 0 8px; float: left; width: 100%; } #grouping-madeinus h3 a:hover {text-decoration: none !important;} #grouping-madeinus h3 a {color: #000000 !important;} #grouping-madeinus p {font: 11px/13px Arial, sans-serif; color: #404042; float: left; width: 100%;} #grouping-madeinus img {float: left; border:none;} .grouping-full { background: #fff url(/content/images/css/bg-groupings.png) repeat-x 0 0; border-top: 1px solid #d7d6d8; padding: 10px; float: left; clear: left; width: 95%; } .grouping-full h3 { font: 15px Arial, sans-serif; color: #000; padding: 15px 0 8px; float: left; width: 100%; } .grouping-full h3 a:hover {text-decoration: none !important;} .grouping-full h3 a {color: #000000 !important;} .grouping-full p {font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 310px;} .grouping-full img {float: right; border:3px solid #bfc0c4;} .grouping-full ul {padding: 0 0 13px 20px; font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 290px;} .grouping-full ul li {padding: 0 0 5px} .grouping {background: #fff url(/content/images/css/bg-groupings.png) repeat-x 0 0; border-top: 1px solid #d7d6d8; padding: 10px; float: left; clear: left; width: 96%;} .grouping h3 { font-weight:bold; padding: 0 0 8px; } .grouping h3 a:hover {text-decoration: none !important;} .grouping h3 a {color: #000000 !important;} .grouping h4 {font: 13px Arial, sans-serif; color: #000; padding: 0 0 8px; float: left; width: 310px;} .grouping h4 a:hover {text-decoration: none !important;} .grouping h4 a {color: #000000 !important;} .grouping p {font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 310px;} .grouping img {float: right; border:3px solid #bfc0c4;} .grouping ul {padding: 0 0 13px 20px; font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 290px;} .grouping ul li {padding: 0 0 5px} /*Grouping 2*/ .grouping2 {background: #fff url(/content/images/css/bg-groupings.png) repeat-x 0 0; border-top: 1px solid #d7d6d8; padding: 10px; float: left; clear: left; width: 96%;} .grouping2 h3 { font-weight:bold; padding: 0 0 8px; } .grouping2 h3 a:hover {text-decoration: none !important;} .grouping2 h3 a {color: #000000 !important;} .grouping2 h4 {font: 13px Arial, sans-serif; color: #000; padding: 0 0 8px; float: left; width: 310px;} .grouping2 h4 a:hover {text-decoration: none !important;} .grouping2 h4 a {color: #000000 !important;} .grouping p {font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 310px;} .grouping2 img {float: right; border:3px solid #bfc0c4;} .grouping2 ul {padding: 0 0 13px 20px; font: 12px/16px Arial, sans-serif; color: #404042; float: left; } .grouping2 ul li {padding: 0 0 5px} /*.grouping2 {background: #fff url(/content/images/css/bg-groupings.png) repeat-x 0 0; border-top: 1px solid #d7d6d8; padding: 10px; float: left; clear: left; width: 97%;} .grouping2 h3 { font: 15px Arial, sans-serif; color: #000; padding: 10px 0 4px; float: left; width: 90%; } .grouping2 h3 a:hover {text-decoration: none !important;} .grouping2 h3 a {color: #000000 !important;} .grouping2 p { font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 90%; } .grouping2 p.top { font: 14px/16px Arial, sans-serif; color: #404042; float: right; text-align:right; width: 20%; } .grouping2 img {float: right; border:3px solid #bfc0c4;} .grouping2 ul {padding: 0 0 13px 20px; font: 12px/16px Arial, sans-serif; color: #404042; float: left; width: 290px;} .grouping2 ul li {padding: 0 0 5px}*/ .grouping-even img {float: left; margin-right: 10px;} .landing-group {float: left; width: 48%; height: 212px; margin-right:10px;} .landing-group img {border: 3px solid #bfc0c4; margin-bottom: 7px;} #content .landing-group h3 a {display: block; margin-bottom: 4px; width: 330px; color: #000;} .landing-group2 { float: left; width: 30%; height: 280px; padding: 0 10px 0 0; } .landing-group2 img {border: 3px solid #bfc0c4; margin-bottom: 7px;} #content .landing-group2 h3 a {display: block; margin-bottom: 4px; width: 30%; color: #000;} .grouping-odd {width: 330px; float: right;} .contentpage h3 {padding-bottom:5px;} .contentpage h2 {background: none !important;} .contentpage ul {padding: 0 0 13px 20px} .contentpage ul li {font: 13px/17px Arial, sans-serif; color: #63656d; padding: 0 0 5px;} /* - Sidebar - */ #sidebar {background: #fff url(/content/images/css/bg-interior.png) repeat-y 0 0 !important; float: left; width: 28%; border-top: 10px solid #fff; margin: -10px 0 0; min-height:100%; } #sidebar h2 {padding: 0 0 0 9px; height: 32px; font: 19px/29px Arial, sans-serif; color: #fff; background: url(/content/images/css/h2-sidebar.png) no-repeat 0 0;} #sidebar h2 a, #sidebar h2 a:hover {color: #fff; text-decoration: none; display: block; height: 32px;} #sidebar ul {list-style: none;} /* #sidebar {float: left; width: 250px;} #sidebar h2 {padding: 0 0 0 9px; height: 32px; font: 20px/32px Arial, sans-serif; color: #fff; background: url(/content/images/css/h2-sidebar.png) no-repeat 0 0;} #sidebar h2 a {color: #fff; text-decoration: none;}*/ #sidebar h2.secondary {margin: 25px 0 0; color: #363636 !important; background: none !important;} #sidebar h2.secondary a {color: #363636; text-decoration: none;} #sidebar ul {list-style:none;} #sidebar ul li {margin: 0 18px; font: 12px Arial, sans-serif; border-bottom: 1px solid #cfcfd0;} #sidebar ul li a {display: block; padding: 5px 0 5px 16px; color: #404042; text-decoration: none; background: url(/content/images/css/li-sidebar.gif) no-repeat 1px 9px;} #sidebar ul li a:hover {color: #0e6698;} #sidebar ul li a.on {font-weight: bold; color: #0e6698;} #sidebar ul li ul{list-style:none;} #sidebar ul li ul li {margin: 0 9px; font: 12px Arial, sans-serif; border-top: 1px solid #cfcfd0; border-bottom:none;} #sidebar ul li ul li a {display: block; padding: 5px 0 5px 26px; color: #404042; text-decoration: none; background: url(/content/images/css/li-sidebar.gif) no-repeat 1px 9px;} #sidebar ul li ul li a:hover {color: #0e6698;} #sidebar ul li ul li a.on {font-weight: bold; color: #0e6698;} #contact-us {} #google-map {float: left; padding: 1px 0 0; width: 70%; height: 280px; border: 3px solid #c0bfc5;} #contact-details {float: right; width: 25%;} #contact-details h2 {display: block; margin: 0; padding: 0 0 3px; background: none !important; font: 15px Arial, sans-serif; color: #000; border-bottom: 1px solid #c0bfc5;} #contact-details p {padding: 5px 0 13px;} #contact-form ol {list-style: none;} #contact-form ol li {margin: 0 0 10px;position:relative;} #contact-form label {float: left; padding: 0 10px 0 0; font: bold 13px Arial, sans-serif;; text-align: right; color: #777688;} #contact-form input.text {float: left; width: 100%; height: 22px; border: 1px solid #777688;} #contact-form input.zip {width: 120px;} #contact-form select {float: left; width: 25%; height: 24px; border: 1px solid #777688;} #contact-form textarea {float: left; width: 45%; height: 97px; border: 1px solid #777688;} #contact-form span.required {float: left; padding: 0 0 0 5px; font: 11px/22px Arial, sans-serif; color: #666;} #contact-form input.submit {float: left; margin: 0 0 0 125px; position: relative;} #contact-form input.error {border-color: #c00; background-color: #fdd;} #contact-form label.error {width:25%;text-align:left;position:absolute;top:4px;left:372px;color:#C00;background:#fff;font-size: 0.785em;} .career-testimonial {float: left; width: 25%; padding: 0 10px 0 0;} .career-testimonial.rightside {padding: 0 !important;} .career-testimonial em {font-size: 0.785em; line-height: 13px;} .career-testimonial img {border: 3px solid #bdc0c9; margin: 0 0 4px;} #open-positions {background: #e3e3e3; height: 63px; color: #686868;} #open-positions img {float: left;} #open-positions p {float: left; padding: 14px 0 0; width: 50%;} #open-positions a {color: #686868; text-decoration: none;} #open-positions a:hover {text-decoration: underline;} .case-study #gallery {background:none; padding:0 0 0 0; float:none;} .case-study #gallery img{float:left; background:none; padding:0; display:block; border:3px solid #bfc0c4; margin:0 0 4px 3px; cursor:pointer; width:11%} .case-study-landing { margin-top:20px; } .case-study-landing img { float:left; padding:0; margin:0; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; width:24%; height:100px; } .case-study-landing .bottom img { border-bottom:1px solid #d6d6d6; } .case-study-landing img.first { width:20%; } .case-study-landing img.last { border-right:0; width:24%; } #case-study-rCol ul li { list-style:none; background:url(/content/images/css/bg-list-item.png) no-repeat 0 5px; padding-left:17px; } #case-study-rCol ul { margin-top:5px; } .lCol.case-study h3 { margin-bottom:5px; } .case-study img { display:none; float:left; border:3px solid #bfc0c4; } .case-study img.active { display:block; margin: 0 0 20px; width:85%; } .case-study.side img { display:block; float:left; border:3px solid #bfc0c4; margin:0 0 4px 3px; cursor:pointer; } .case-study.side img.active { display:none; } #fcs .slide {padding: 20px; width: 100%; height: 185px; overflow: hidden; cursor: pointer;} #fcs h2 {padding: 0 0 10px; font: 22px Arial, sans-serif; color: #fff; background: none !important; display: block;} #fcs h3 {padding: 0 0 10px; font: 16px Arial, sans-serif; color: #ccc;} #fcs p {width: 320px; color: #888;} .fcs-miller-lite {background: url(images/css/fcs-miller-lite.jpg) no-repeat 0 0;} .fcs-miller-lite a {color: #005192 !important;} .fcs-mcdonalds {background: url(images/css/fcs-mcdonalds.jpg) no-repeat 0 0;} .fcs-mcdonalds a {color: #ffbe14 !important;} .fcs-wyndham {background: url(images/css/fcs-wyndham.jpg) no-repeat 0 0;} .fcs-wyndham a {color: #46afe8 !important;} /* Breadcrumbs */ #breadcrumbs {background: url("/content/images/css/bg-groupings.png") repeat-x scroll 0 0 #FFFFFF;border-top: 1px solid #D7D6D8;width:681px;float:left;clear:both;padding:11px 10px 0;margin:0;margin-left:-10px;margin-top:10px; z-index:999} #breadcrumbs a{ color: #0e6698;} #breadcrumbs a:hover{color:#000;} #breadcrumbs span {color:#63656D;} /* Breadcrumbs TOP*/ #breadcrumbs-top {background: url("/content/images/css/bg-groupings.png") repeat-x scroll 0 0 #FFFFFF;border-top: 1px solid #D7D6D8;width:681px;float:left;clear:both;padding:11px 10px 11px 10px;margin:0;margin-left:-10px;margin-bottom:10px;} #breadcrumbs-top a{ color: #0e6698;} #breadcrumbs-top a:hover{color:#000;} #breadcrumbs-top span {color:#63656D;} /*:: Breadcrumbs ------------------------------------- */ #contentBuffer #breadcrumb { font: 11px Arial, Helvetica, sans-serif; background-image:url(images/breadcrumbs/bc_bg.png); background-repeat:repeat-x; height:30px; line-height:30px; color:#9b9b9b; border:solid 1px #cacaca; width:100%; overflow:hidden; margin:0px 0px 10px 0px; padding:0px; } #contentBuffer #breadcrumb li { list-style-type:none; float:left; padding-left:10px; background-image:url(images/breadcrumbs/bc_separator.png); background-repeat:no-repeat; background-position:left; padding:0 10px 0 15px; } #contentBuffer #breadcrumb a { height:30px; display:block; text-decoration: none; color:#333; } #contentBuffer #breadcrumb a:hover { color:#0e6698; } #contentBuffer #breadcrumb li.bchome { background-image:none; padding-top:7px; padding-right:10px; height: 16px; width: 16px; z-index: 30; text-indent:-5000px; } #contentBuffer #breadcrumb li.bchome a { display: block; height: 16px; width: 16px; background-image:url(images/breadcrumbs/everbrite.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; } #contentBuffer #breadcrumb li.bchome a:hover { background-position: 0 -16px; } /*:: downloads ------------------------------------- */ #contentBuffer #downloads { font: 11px Arial, Helvetica, sans-serif; background-image:url(images/breadcrumbs/bc_bg.png); background-repeat:repeat-x; height:30px; line-height:30px; color:#9b9b9b; border:solid 1px #cacaca; width:100%; overflow:hidden; margin:0; padding:0px; } #contentBuffer #downloads li { list-style-type:none; float:left; padding-left:10px; background-image:url(images/breadcrumbs/bc_separator.png); background-repeat:no-repeat; background-position:left; padding:0 5px 0 10px; } #contentBuffer #downloads a { height:30px; display:block; text-decoration: none; color:#900; } #contentBuffer #downloads a:hover { color:#000; } #contentBuffer #downloads li.first { background-image:none; } #contentBuffer #downloads li.pdf a { display: block; background-image:url(images/download-icons/pdf.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 25px; } #contentBuffer #downloads li.ies a { display: block; background-image:url(images/download-icons/ies.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 25px; } #contentBuffer #downloads li.revit a { display: block; background-image:url(images/download-icons/revit.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 25px; } #contentBuffer #downloads li.phone a { display: block; background-image:url(images/download-icons/phone.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 25px; } #contentBuffer #downloads li.fax a { display: block; background-image:url(images/download-icons/fax.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 25px; } #contentBuffer #downloads li.mail a { display: block; background-image:url(images/download-icons/mail.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 25px; } #contentBuffer #downloads li.question a { font: 12px Arial, Helvetica, sans-serif; display: block; background-image:url(images/download-icons/question_mark.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 8px 0 0 25px; } #contentBuffer #downloads li.uparrow a { font: 12px Arial, Helvetica, sans-serif; text-align: right; display: block; background-image:url(images/download-icons/arrow_up.png); background-repeat:no-repeat; background-position: 0 0; text-decoration: none; padding: 8px 0 0 25px; } #contentBuffer #downloads li.uparrow { background-image:none; float: right; } /*:: FORM ------------------------------------- */ form label{ display:block; padding-top: 0px; color:#63656d; font:13px/17px Arial, sans-serif; } form input{ margin-bottom: 4px; } .contactUsDialog .content .left form input.text, .contactUsDialog .content .left form textarea{ width:330px; border:1px #E0E0E0 solid; color:#666; padding:4px 5px; font:12px Arial,san-serif; background-color: #F3F3F3; } form input.text, form textarea{ width:100%; border:1px #E0E0E0 solid; color:#666; padding:4px 5px; font:12px Arial,san-serif; background-color: #F3F3F3; } form input.text:hover, form textarea:hover{ border:1px #E0E0E0 solid; } .contactUsDialog .content .left form input.text:focus, .contactUsDialog .content .left form textarea:focus, form input.text:focus, form textarea:focus{ border: 1px #CCC solid; color: #333; background-color: #d4020a; } form input.button{ margin-right: 8px; padding: 3px 10px; font: 12px Arial,san-serif; } #contactform input.error {border-color: #c00; background-color: #fdd;} #contactform label.error {color:#C00;background:#fff;} #contactform span.required { color: #999; font-style: italic; } * html form input.text, * html form textarea{ border-color: #CCC; color:#333; } .antispam { display:none;} /* Sitemap */ .sitemap {margin-bottom:10px;} /* Table */ div.table {border: nonek; display: table;} div.tr {border: none; display: table-row; } div.td { border: none; display: table-cell; padding: 10px 10px 2px 20px } /*:: Gallery ------------------------------------- */ #lb_overlay{background:#000000; height:100%; width:100%; position:absolute; top:0; left:0; z-index:1000; display:none;} #lb_popup{width:791px; height:100px;background:url(images/popTop.png) no-repeat top left; padding-top:40px; position:absolute; z-index:10000; top:50px; left:50%; margin-left:-395px} #popupBottom{background:url(images/popBottom.png) no-repeat bottom left; padding-bottom:40px;} #popupTop{background:url(images/popBg.png) repeat-y top left; padding:0 40px;} #lb_popup #lb_close{height:29px; width:29px; text-indent:-1000em; background:url(images/btn-close.png) no-repeat top left; position:absolute; top:14px; left:14px} #lb_popup h3{font-size:1.56em; font-weight:normal; padding:0 0 8px 14px;} #lb_popup #lb_bigImage{text-align:center;} #lb_popup #lb_bigImage img{border:1px solid #797876;} #lb_carousel{height:46px; width:100%; padding:20px 0 7px 0; clear:both;} #lb_carousel #lb_prev, #lb_carousel #lb_next{float:left; width:20px; height:46px; background-repeat:no-repeat; text-indent:-1000em; background-color:#fff;} #lb_carousel #lb_prev.off, #lb_carousel #lb_next.off{cursor:default;} #lb_carousel #lb_prev{background-image:url(images/btn-carousel-prev.gif); padding-right:12px; background-position:center left; } #lb_carousel #lb_next{background-image:url(images/btn-carousel-next.gif); padding-left:3px; background-position:center right; } #lb_popup #lb_carouselHolder{float:left; width:656px; height:46px; overflow:hidden;} #lb_popup #lb_carouselHolder #lb_carouselSlider{width:100%; float:left;} #lb_popup #lb_carouselHolder #lb_carouselSlider a{padding-right:10px; float:left;} #lb_popup #lb_carouselHolder #lb_carouselSlider a img{border:1px solid #b9b9b8;} #lb_popup #lb_carouselHolder #lb_carouselSlider a.on img{border:1px solid #797876;} /*:: Footer ------------------------------------- */ #footer{margin-top:-100px; background:url(images/css/bg-footer.gif) repeat-x left 100px;} #footerTop{max-width:1500px; margin:0 auto; height:100px; background:url(images/css/bg-footerTop.png);} #footer .container{float:left; background:url(images/css/bg-containerRight.gif) no-repeat bottom right; margin-top:17px;} #footer .container .holder{float:left; background:url(images/css/bg-containerLeft.gif) no-repeat bottom left;} #footer #contactBtn{ margin-right:10px; } #footer #contactBtn .holder{ padding:42px 20px 19px 20px; text-align: center; width: 174px; } #footer #contactBtn a.contact{display:block; height:46px; width:174px; text-indent:-1000em; background-image:url(images/btn-footerContact.png); background-repeat:no-repeat; background-position:top left; margin: 0 0 15px;} #footer #contactBtn a.addthis_button {width: 125px; height: 15px;} #footer #contactBtn a:active{background-position:bottom left;} #footer #bottomLinks .holder{padding:11px 20px 40px;} #footer #bottomLinks h5{color:#636363; font-size:1.375em; font-weight:normal; margin-bottom:13px;} #footer #bottomLinks ul{ list-style:none; float:left; padding-right:17px; } #footer #bottomLinks ul li{float:left; padding-right:45px;} #footer #bottomLinks ul li ul{padding-right:0; } #footer #bottomLinks ul li ul li{float:none; padding-right:0;} #footer #bottomLinks ul li ul li a{color:#9b9a9a; font-size: 0.75em; line-height:18px;} #footer #bottomLinks{ margin-right:10px; } #footer #portalsBtn .holder{ padding:14px 20px 40px; float:left; width: 134px; } #footer #portalsBtn ul{ list-style:none; float:left; } #customerPortal{float:left; height:36px; width:134px; background:url(images/btn-portal.png) no-repeat top left; text-indent:-1000em;} #GPO{ float:left; height:36px; width:134px; background:url(images/btn-gpo.png) no-repeat top left; text-indent:-1000em; margin-top: 15px; } #footer p, #footer address{color:#737373; padding:17px 0 34px;} #footer p{float:right;} #footer address{font-style:normal; float:left;} #footer .tel, #footer .adr{border-left:1px solid #737373; padding-left:4px;} /* # Responsive ############################################################################################### */ /* # Mobile Styles ############################################################################################### */ @media only screen and (max-width: 960px) { /* Layout */ body{ background-color:#000} #backdrop { background-color:#000; margin-right:30px; margin-left:10px;} #header #logo a{margin-left:10px} } @media only screen and (max-width: 840px) { /* Layout */ .lCol {float: left; width: 100%;} .rCol, .rCol2 {display:none;} #lColNews { width: 100%;} } @media only screen and (max-width: 710px) { /* Layout */ #content #home #banners li{width:48%; height:270px; float:left; margin-right:9px; padding-bottom:17px;} .landing-group {float: left; width: 98%; height: auto ; margin-right:10px;} #content #tagline2 p{font-size:18px; line-height:20px; color:#aeb0b4; padding:5px 0 10px 19px; float:left; width:100%;} #lb_popup{width:98%; height:100px;background:url(images/popTop.png) no-repeat top left; padding-top:40px; position:absolute; z-index:10000; top:50px; left:49%; margin-left:-49%} } @media only screen and (max-width: 600px) { /* Layout */ .container { width: 90%; padding: 0 5%; margin: 2% auto; } #content.interior #contentBuffer{float:left; width:100%; margin-left:10px;} .span1, .span2, .span3, .showcase section:nth-of-type(even) .content, .showcase section:nth-of-type(odd) .content, .span4, .span5, .showcase section:nth-of-type(even) .img, .showcase section:nth-of-type(odd) .img, .span6, .span7, .span8, .showcase .content, .showcase .img, .showcase section { float: none !important; margin: 0 !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .rslides, .sidebar { display: none; } .article p, .article pre, .article ol, .article ul { width: 100% !important; max-width: none; box-sizing: border-box; } textarea, input { max-width: 100% !important; box-sizing: border-box; } /* Headings */ /* h1 { font-size: 32px; line-height: 1.2em; margin: 12px 0; } h2 { font-size: 26px; line-height: 1.2em; margin: 12px 0; } h3, h4, h5 { font-size: 22px; } */ img { max-width: 100% !important; height: auto; border: none !important; } /* Hide */ #influads_block, .intro { display: none; } } /* styles for desktop */ .tinynav { display: none; } /* styles for mobile */ @media screen and (max-width: 600px) { header { position: relative; } .tinynav { display: block; clear: both; font-size: 1.2em; padding: .5em; width: 100%; margin: .2em 0; /* position: absolute; bottom: -2.2em; box-sizing: border-box; */ } #nav { display: none; } .js .tinynav { display: block } .js #nav { display: none } .landing-group {float: left; width: 98%; height: 212px; margin-right:10px;} #sidebar {display: none; } #content.interior {width:93%; padding:10px} #contentBuffer #breadcrumb{width:100%;} #Lighting-products .slide {display: none; } #backdrop {margin-right:10px; } #header #everbrite{ margin-right:0px;} } @media only screen and (max-width: 486px) { /* Layout */ #content #home #banners li{width:100%; height:270px; float:left; margin-right:0 auto; padding-bottom:5px;} #content #home #banners li.last{clear:both;} } /* --- xlspromo Ribbons --- */ /* Base */ #xlspromo { position:relative; top:-14px; z-index:9999; } /* Left */ #xlspromo.left { left:0; } /* Right */ #xlspromo.right { right:-110px; margin-bottom:-139px; } /* Link */ #xlspromo a { display:block; width:120px; height:139px; text-indent:-8000px; background-repeat:no-repeat; background-position: 0 0; overflow:hidden; } /* Black */ #xlspromo.left.black a { background-image:url('images/lighting/xls3_banner.png'); } #xlspromo.right.black a { background-image:url('images/lighting/xls3_banner.png'); } /* White */ #xlspromo.left.white a { background-image:url('images/lighting/xls3_banner.png'); } #xlspromo.right.white a { background-image:url('images/lighting/xls3_banner.png'); } /* Green */ #xlspromo.left.green a { background-image:url('images/lighting/xls3_banner.png'); } #xlspromo.right.green a { background-image:url('images/lighting/xls3_banner.png'); } /* MEDIA QUERIES */ /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* hidden */ #xlspromo { display: none; } } /* Retina Displays */ /* Target any device with retina display (ie iPad 3 and MacBook Pro) */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #xlspromo a { -moz-background-size: 120px 139px; -ie-background-size:120px 139px; -o-background-size:120px 139px; -webkit-background-size:120px 139px; background-size:120px 139px; } /* Gray */ #xlspromo.left.black a { background-image:url('images/lighting/xls2_banner2.png'); } #xlspromo.right.black a { background-image:url('images/lighting/xls2_banner2.png'); } /* White */ #xlspromo.left.white a { background-image:url('images/lighting/xls2_banner2.png'); } #xlspromo.right.white a { background-image:url('images/lighting/xls2_banner2.png'); } /* Green */ #xlspromo.left.green a { background-image:url('ribbons/xlspromo_sotd_green_left2x.png'); } #xlspromo.right.green a { background-image:url('ribbons/xlspromo_sotd_green_right2x.png'); } } /* # Print ############################################################################################### */ @media print { header, footer, #skipto, .followme, .metalinks, #commentform, .comments, #influads_block, #comments, #commentbutton, .socialIcons { display: none; /* Quick fix for print */ } body, article { font: 14pt/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif; } }