* {margin:0px; padding:0px; outline:none;} a img {border: none; } body {background:url(../images/background-frilly.png) #333333; color:#000000; font-family:"Lucida Grande", Arial, Verdana, "Lucida Sans"; font-size:10px; padding:0px; margin:0px;} .none {display:none;} .clear {clear:both;} #social {float:right; margin:-30px 10px 0px 0px;} #social-application-shots{ top: 60px; position:absolute; right: 120px; float: right; z-index:4000; } #user-message {width:600px; margin:100px auto 0px auto; background:url(../images/nav-bg.png); padding:50px;} #user-message * {padding:5px 0px 5px 0px; color:#FFFFFF; font-size:14px;} #user-message h1 {color:#999999; font-size:36px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} #user-message p {color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif;} #user-message a {color:#0099FF; display:block;} #user-message input {color:#000000; padding:3px;} #user-message textarea {color:#000000; padding:3px;} #user-message .defaultBold {font-weight:bold;} #container {width:980px; background-color:#FFFFFF; margin:0px auto 0px auto; position:relative; min-height:700px;} #container.logged {margin:31px auto 0px auto;} #logged-in {width:100%; background:url(../images/blue_pattern.gif); position:absolute; top:0px; left:0px; overflow:hidden; z-index:50;} #logged-in p {color:#FFFFFF; font-size:11px; margin:0px 0px 10px 39px; width:520px;} #logged-in p.welcome {padding-top:9px; margin-left:0px;} #logged-in a {color:#DBE12F; display:block; display:inline;} #logged-in a.lightsaver {display:block; float:right; font-size:12px; margin:7px 7px 0px 0px;} #logged-in h3 {color:#BFD73B; font-size:14px; margin:10px 0px 0px 41px; margin-left:39px;} #logged-in #icon {width:27px; height:27px; margin:2px 10px 0px 2px; background:url(../images/logged-icon.png) no-repeat; float:left;} #header {width:980px; height:54px; background:#FFFFFF; float:left; padding:0px; margin-bottom:40px;} #header.config-finish {margin-bottom:0px;} #header h1 {display:block; width:111px; height:54px; background:url(../images/OCL-Logo-Support.gif) 0px 5px no-repeat; margin:0px; float:left;} #header h1 a {display:block; width:111px; height:54px;} /*NAVIGATION*/ #header #navigation {width:692px; height:54px; float:left; text-transform: uppercase; display:block; list-style:none; position:relative; z-index:900; background:#26282e;} #header #navigation li {float:left;} #header #navigation li a {background-image:url(../images/Nav2.gif); display:block; height:54px; cursor:pointer;} #header #navigation li ul.sub-nav {display:block; position:absolute; left:-999em; list-style:none; z-index:900;} #header #navigation li ul.sub-nav li {float:left; clear:both;} #header #navigation li ul.sub-nav li a {background-image:none; background-color:#262A32; color:#FFFFFF; height:auto; padding:5px 3px 5px 14px; text-decoration:none; width:116px;} #header #navigation li ul.sub-nav li a:hover {background-color:#0b0c13;} #header #navigation li:hover ul.sub-nav, #header #navigation li.sfhover ul {left:auto; z-index:200;} #navigation li:hover, #navigation li.sfhover {position:static;} /*NAVIGATION*//*REST*/ #header #navigation li a#products {width:80px; background-position:0px 0px;} #header #navigation li a#custom {width:59px; background-position:-80px 0px;} #header #navigation li a#gallery {width:61px; background-position:-139px 0px;} #header #navigation li a#featured-products {width:139px; background-position:-199px 0px;} #header #navigation li a#about-us {width:73px; background-position:-339px 0px;} #header #navigation li a#resources {width:80px; background-position:-412px 0px;} #header #navigation li a#catalog-request {width:116px; background-position:-493px 0px;} #header #navigation li a#local-rep {width:84px; background-position:-605px 0px;} /*NAVIGATION*//*HOVER*/ #header #navigation li a#products:hover {width:80px; background-position:0px -62px;} #header #navigation li a#custom:hover {width:59px; background-position:-80px -62px;} #header #navigation li a#gallery:hover {width:61px; background-position:-139px -62px;} #header #navigation li a#featured-products:hover {width:139px; background-position:-199px -62px;} #header #navigation li a#about-us:hover {width:73px; background-position:-339px -62px;} #header #navigation li a#resources:hover {width:80px; background-position:-412px -62px;} #header #navigation li a#catalog-request:hover {width:116px; background-position:-493px -62px;} #header #navigation li a#local-rep:hover {width:84px; background-position:-605px -62px;} /*SUBNAVIGATION*//*PRODUCTS HOVER*/ #header #navigation li ul.sub-nav li a.Pendant:hover {color:#007DC3;} #header #navigation li ul.sub-nav li a.Sconce:hover {color:#D21242;} #header #navigation li ul.sub-nav li a.Outdoor:hover {color:#7BC143;} #header #navigation li ul.sub-nav li a.Ceiling:hover {color:#F8981D;} #header #navigation li ul.sub-nav li a.Pedestal:hover {color:#791D7E;} #header #register-search {float:left; width:157px; background:#26282e; color:#d5d6d8; height:34px; padding:10px;} #header #register-search p {font-size:8px; text-transform: uppercase;} #header #register-search a {color:#d5d6d8; text-decoration:none; font-size:8px;} #header #register-search p.search {display:block; float:left; font-size:11px; color:#F9ED33; margin-top:7px;} #header #register-search input {display:inline; margin-top:5px; margin-left:3px;} #header #register-search .hiddenFields {height:1px;} #header #register-search .search_box {display:none;} /*LOGIN REGISTER */ #header #login, #header #register {position:absolute; right:10px; top:40px; color:#999999; background:#262A32; padding:10px 15px 0px 15px; overflow:visible; z-index:50; display:none;} #header #login p, #header #register p {display:block; clear:both;} #header #login a {color:#999999;} #header #login input, #header #register input {display:block; clear:both; margin-bottom:5px;} #header #login a#login-hide, #header #register a#register-hide {display:block; position:absolute; top:-4px; right:-4px; width:10px; height:10px; background:url(../images/ex.png) no-repeat;} #header #login #login-submit, #header #register #register-submit {display:block; background:#000000; color:#FFFFFF; border:none; padding:2px; margin:5px 0px 0px 125px; font-size:11px;} /*GENERAL CONTENT*/ #content-wrapper {width:980px; float:left; position:relative; min-height:700px; background:#FFFFFF;} #content-wrapper #page-heading {height:45px; border-top:solid 1px #bdbec0; padding-left:111px; border-bottom:solid 1px #bdbec0; position:relative; z-index:10;} #content-wrapper #page-heading h2 {text-transform: uppercase; padding-top:5px; font-size:24px; font-weight:normal; display:inline-block; margin:-1px 0px 0px 0px; float:left; padding-right:20px; position:relative; z-index:10; min-width:150px;} #content-wrapper #page-heading h2.grey {border-top:solid 6px #2f3234; color:#363636;} #content-wrapper #page-heading h2.white {border-top:solid 6px #FFFFFF; color:#FFFFFF;} #content-wrapper #page-heading h2.pendant {border-top:solid 6px #007DC3;} #content-wrapper #page-heading h2.sconce {border-top:solid 6px #D21242;} #content-wrapper #page-heading h2.outdoor {border-top:solid 6px #7BC143;} #content-wrapper #page-heading h2.ceiling {border-top:solid 6px #F8981D;} #content-wrapper #page-heading h2.pedestal {border-top:solid 6px #791D7E;} #content-wrapper #page-heading #color-block {width:110px; height:45px; float:right; position:relative; z-index:10;} #content-wrapper #page-heading #color-block.grey {background:#2f3234;} #content-wrapper #page-heading #color-block.pendant {background:#007DC3;} #content-wrapper #page-heading #color-block.sconce {background:#D21242;} #content-wrapper #page-heading #color-block.outdoor {background:#7BC143;} #content-wrapper #page-heading #color-block.ceiling {background:#F8981D;} #content-wrapper #page-heading #color-block.pedestal {background:#791D7E;} #content-wrapper #content {margin:0px 110px 40px 111px; background:#F2F2F2; padding:40px 0px 20px 0px; position:relative; min-height:600px;} #content-wrapper #content img#catalog {float:left;} #content-wrapper #content.product-detail {float:left;} #content-wrapper #content.category {min-height:500px;} #content-wrapper #content.gallery {padding:0px 0px 10px 0px;} #content-wrapper #content.configure {background:#FFFFFF; padding:0px 0px 20px 0px;} #content-wrapper #content.resources {background:#FFFFFF;} #content-wrapper #content.featured-products {background:#FFFFFF; padding:0px 0px 10px 0px;} /*CASE STUDY MAIN*//*CUSTOM MAIN*//*NEWS MAIN*/ #content-wrapper #content .case-study {width:650px; background:url(../images/case-study-bg.gif) repeat-x; margin-bottom:15px;} #content-wrapper #content .case-study img {display:block; float:left;} #content-wrapper #content .case-study .case-study-content {float:left; padding:10px; width:400px;} #content-wrapper #content .case-study .case-study-content h3 {display:block; background:url(../images/heading-arrow-small.gif) 4px 3px no-repeat #4b4e50; padding:2px 2px 2px 20px; width:195px; margin-bottom:10px; font-size:12px;} #content-wrapper #content .case-study .case-study-content h3 a {color:#FFFFFF; text-decoration:none; display:block; height:100%; width:100%;} #content-wrapper #content .case-study .case-study-content p {color:#4D4D4D; font-size:11px; margin-bottom:10px;} #content-wrapper #content .case-study .case-study-content p.featured-fixture {color:#a2a4a6;} #content-wrapper #content .case-study .case-study-content p.featured-fixture a {color:#a2a4a6; padding:0px 2px 0px 2px;} /*CASE STUDY SINGLE*/ #content-wrapper #content .custom-case {float:left; display:block;} #content-wrapper #content .custom-case .left {width:320px; float:left;} #content-wrapper #content .custom-case .left ul {list-style:none;} #content-wrapper #content .custom-case .left img {display:block; height:390px; width:320px;} #content-wrapper #content .custom-case .right {float:left; width:432px; padding-left:5px;} #content-wrapper #content .custom-case .right h3 {display:block; background:url(../images/heading-arrow-small.gif) 4px 3px no-repeat #4b4e50; padding:2px 2px 2px 20px; width:195px; margin-bottom:10px; font-size:12px; color:#FFFFFF;} #content-wrapper #content .custom-case .right p {color:#4D4D4D; font-size:11px; margin-bottom:10px;} #content-wrapper #content .custom-case .right p.featured-fixture {color:#a2a4a6; display:block; padding-bottom:15px;} #content-wrapper #content .custom-case .right p.featured-fixture a {color:#4dbac6; padding:0px 2px 0px 2px;} #content-wrapper #content .custom-case .right #custom-case-text {padding:0px 0px 10px 0px;} #content-wrapper #content .custom-case .right #custom-case-text ul {padding:0px 0px 10px 20px;} #content-wrapper #content .custom-case .right #custom-case-text ul li {color:#4D4D4D;} #content-wrapper #content .custom-case .right .related-content {margin:0px 0px 0px 0px; clear:both; z-index:20; position:relative;} #content-wrapper #content .custom-case .right .related-content h3 {display:block; float:left; padding:3px 10px 3px 10px; background:#FFFFFF; color:#696A6C; text-transform:uppercase; font-size:11px; float:left;} #content-wrapper #content .custom-case .right .related-content dl {display:block; margin:0px 1px 0px 1px; float:left;} #content-wrapper #content .custom-case .right .related-content dl dt {background:#2F3335; color:#FFFFFF; display:block; width:115px; padding:3px 0px 3px 4px; text-transform:uppercase;} #content-wrapper #content .custom-case .right .related-content dl dd { display:block; background:#FFFFFF; width:115px; padding:3px;} #content-wrapper #content .custom-case .right .related-content dl dd p {color:#666666; font-size:11px;} #content-wrapper #content .custom-case .right .related-content dl dd a {clear:both; display:block; color:#666666; text-decoration:none;} #content-wrapper #content .custom-case .right .related-content dl dd a:hover {color:#333333;} #content-wrapper #content #custom-case-nav {width:320px;} #content-wrapper #content #custom-case-nav a#next-case {display:block; width:58px; height:45px; float:right; background:url(../images/next-case.gif) no-repeat;} #content-wrapper #content #custom-case-nav a#previous-case {display:block; width:73px; height:47px; float:left; background:url(../images/previous-case.gif) no-repeat;} #content-wrapper #content #custom-case-nav ul {display:block; width:320px; list-style:none; padding-top:10px;} #content-wrapper #content #custom-case-nav ul li {display:block; float:left; margin:0px 3px 0px 3px;} #content-wrapper #content #custom-case-nav ul li a {display:block;} #content-wrapper #content #custom-case-nav ul li a.activeSlide {outline:solid 3px #CCCCCC;} #content-wrapper #content #custom-case-nav ul li a img {border:0px;} /*CUSTOM*/ #content-wrapper #content #custom ul#custom-list {list-style:none;} #content-wrapper #content #custom ul#custom-list li {display:block; float:left; margin:0px 10px 10px 0px;} #content-wrapper #content #custom ul#custom-list li a {display:block; border:1px solid #bcbdc0; text-decoration:none; padding:0px 0px 10px 0px; background:#FFFFFF;} #content-wrapper #content #custom ul#custom-list li a:hover {background:#eeeeee;} #content-wrapper #content #custom ul#custom-list li a span {font-size:14px; display:block; color:#000105; padding:15px 0px 0px 0px; margin-left:5px; width:97px; height:38px; cursor:pointer;} #content-wrapper #content #custom ul#custom-list li a img {border:none;} /*ABOUT TEXT*//*NEWS TEXT*/ #content-wrapper #content .plain-text {padding-top:70px;} #content-wrapper #content .plain-text h3 {color:#2f3234; display:block; width:315px; font-size:24px; font-weight:normal; position:absolute; top:50px; left:0px; z-index:10; text-transform:uppercase;} #content-wrapper #content .plain-text h4 {text-transform:uppercase; color:#000000;; font-size:16px; font-weight:normal; padding:20px 0px 3px 10px;} #content-wrapper #content .plain-text p {display:block; width:420px; color:#535557; margin:0px 0px 15px 15px; clear:both;} #content-wrapper #content .plain-text p a {color:#2F3335;} #content-wrapper #content .plain-text ul {padding:0px 0px 10px 35px; list-style:disc;} #content-wrapper #content .plain-text ul li {color:#535557;} #content-wrapper #content .plain-text hr {width:450px; margin:0px 0px 3px 8px; display:inline-block; text-align:left;} #content-wrapper #content .plain-text #side-nav {position:absolute; right:0px; top:110px; border-top:dashed 1px #666666; border-bottom:dashed 1px #666666; width:215px;} #content-wrapper #content .plain-text #side-nav ul {list-style:none; margin:0px;} #content-wrapper #content .plain-text #side-nav ul li {padding:3px 0px 3px 3px;} #content-wrapper #content .plain-text #side-nav ul li a {color:#2F3335; font-size:12px; text-decoration:none; text-transform:uppercase;} #content-wrapper #content .plain-text #bg {position:absolute; width:759px; height:123px; left:0px; top:-46px; z-index:1;} /*NEWS LIST*/ #content-wrapper #content .news-list-story {background:#E6E6E6; padding-bottom:3px; width:650px; margin-bottom:15px;} #content-wrapper #content .news-list-story img {display:block; float:left;} #content-wrapper #content .news-list-details {float:left; width:438px;} #content-wrapper #content .news-list-details h3 {font-size:14px; padding:2px 0px 2px 3px;} #content-wrapper #content .news-list-details h3.date {color:#B3B3B3; display:block; background:#f5f5f5; font-size:14px;} #content-wrapper #content .news-list-details h3.title {color:#231F20; text-transform:uppercase; font-size:14px;} #content-wrapper #content .news-list-details p {color:#4D4D4D; font-size:12px; padding:3px;} #content-wrapper #content .news-list-details a {padding:5px 3px 3px 3px; display:block; color:#00a1b1; font-size:12px; text-decoration:none;} /*NEWS STORY*/ #content-wrapper #content .news-story {padding-bottom:3px; width:650px; margin-bottom:15px;} #content-wrapper #content .news-story img {display:block; float:left;} #content-wrapper #content .news-story-content {float:left; width:438px;} #content-wrapper #content .news-story-content h3 {font-size:14px; padding:2px 0px 2px 3px;} #content-wrapper #content .news-story-content h3.date {color:#B3B3B3; display:block; background:#FFFFFF; font-size:15px;} #content-wrapper #content .news-story-content h3.title {color:#231F20; text-transform:uppercase; display:block; background:#FFFFFF; font-size:15px;} #content-wrapper #content .news-story-content p {color:#4D4D4D; font-size:12px; padding:3px; margin-bottom:10px;} #content-wrapper #content .news-story-content a#prev {color:#00a1b1; display:block; width:130px; background:#FFFFFF; float:left; padding:3px 0px 3px 20px; margin-top:40px; text-decoration:none; font-size:13px;} #content-wrapper #content .news-story-content a#next {color:#00a1b1; display:block; width:130px; background:#FFFFFF; float:right; text-align:right; padding:3px 20px 3px 0px; margin-top:40px; text-decoration:none; font-size:13px;} /*CATEGORY*//*GALLERY MAIN*/ #content-wrapper #content #categories {position:relative; z-index:100;} #content-wrapper #content #categories h3 {font-size:18px; font-weight:lighter; color:#a6a6a7; text-transform:uppercase; margin:0px 0px 10px 5px;} #content-wrapper #content #categories ul#category-nav {list-style:none; width:100px; position:absolute; top:15p; left:-111px;} #content-wrapper #content #categories ul#category-nav li {margin:5px 0px 5px 0px; width:100px; display:block;} #content-wrapper #content #categories ul#category-nav li a {color:#FFFFFF; background:#676a70; text-transform:uppercase; text-decoration:none; display:block; padding:2px;} #content-wrapper #content #categories ul#category-nav li a#pendant:hover, #content-wrapper #content #categories ul#category-nav li a#pendant.active {color:#007DC3; background:#262A32;} #content-wrapper #content #categories ul#category-nav li a#sconce:hover, #content-wrapper #content #categories ul#category-nav li a#sconce.active {color:#D21242; background:#262A32;} #content-wrapper #content #categories ul#category-nav li a#ceiling:hover, #content-wrapper #content #categories ul#category-nav li a#ceiling.active {color:#F8981D; background:#262A32;} #content-wrapper #content #categories ul#category-nav li a#outdoor:hover, #content-wrapper #content #categories ul#category-nav li a#outdoor.active {color:#7BC143; background:#262A32;} #content-wrapper #content #categories ul#category-nav li a#pedestal:hover, #content-wrapper #content #categories ul#category-nav li a#pedestal.active {color:#791D7E; background:#262A32;} #content-wrapper #content #categories ul#category-nav li a#modified:hover, #content-wrapper #content #categories ul#category-nav li a#modified.active {color:#00A0AF; background:#262A32;} #content-wrapper #content #categories #please-pick {background:url(../images/pick-category.jpg) no-repeat; width:759px; height:476px; position:absolute; top:0px; left:0px; z-index:10;} #content-wrapper #content #categories ul#category-list {list-style:none; position:relative; z-index:1;} #content-wrapper #content #categories ul#category-list li {display:block; float:left; margin:0px 10px 10px 0px; position:relative; z-index:1;} #content-wrapper #content #categories ul#category-list li a {display:block; border:1px solid #bcbdc0; text-decoration:none; padding:0px 0px 10px 0px; background:#FFFFFF; position:relative; z-index:1;} #content-wrapper #content #categories ul#category-list li a:hover {background:#eeeeee;} #content-wrapper #content #categories ul#category-list li a span {font-size:14px; display:block; color:#000105; padding:15px 0px 0px 0px; margin-left:5px; width:97px; height:38px; cursor:pointer;} #content-wrapper #content #categories ul#category-list li a img {border:none;} /*PRODUCT DETAIL*/ #content-wrapper #content #left {width:320px; float:left;} #content-wrapper #content #left img {border:none; margin:0px; padding:0px;} #content-wrapper #content #left ul {list-style:none; display:block; clear:both;} #content-wrapper #content #left #product-images {margin:0px; padding:0px;} #content-wrapper #content #left #product-images p.image-info {background:url(../images/image-info-arrow.gif) no-repeat 10px 10px #26282e; display:block; clear:both; color:#a0a1a4; padding:10px 20px 20px 35px; font-size:14px; height:45px;} #content-wrapper #content #left #product-images ul#main-images {display:block; width:320px; height:465px; background:#26282e;} #content-wrapper #content #left #product-images ul#main-images li {display:block; width:320px; float:left; height:465px;} #content-wrapper #content #left #images-nav {width:320px; background:#26282e; position:relative; z-index:50;} #content-wrapper #content #left #images-nav a#prev {width:12px; height:63px; background:url(../images/carousel-prev.gif) #26282e no-repeat center; display:block; position:absolute; left:2px; top:0px;} #content-wrapper #content #left #images-nav a#next {width:12px; height:63px; background:url(../images/carousel-next.gif) #26282e no-repeat center; display:block; position:absolute; right:2px; top:0px;} #content-wrapper #content #left #images-nav ul#thumb-nav {background:#26282e; width:290px; overflow:hidden; display:block; position:relative;} #content-wrapper #content #left #images-nav ul#thumb-nav li {padding:5px 3px 5px 3px; float:left; width:52px; height:63px;} #content-wrapper #content #left #images-nav ul#thumb-nav li a {display:block;} #content-wrapper #content .related-info {margin-top:5px; float:left; clear:both; width:320px;} #content-wrapper #content .related-info.right {padding-left:5px;} #content-wrapper #content .related-info dl {list-style:none; margin-top:-1px; border-top:solid 1px #000105;} #content-wrapper #content .related-info dl dt {display:block;} #content-wrapper #content .related-info dl dt a.open-close {display:block; text-transform:uppercase; text-decoration:none; color:#000105; border-bottom:solid 1px #000105; position:relative; height:26px;} #content-wrapper #content .related-info dl dt a span {cursor:pointer;} #content-wrapper #content .related-info dl dt a#downloadable {background:url(../images/DownloadableInfo.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#photometrics_list {background:url(../images/Photometrics.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#application {background:url(../images/ApplicationShots.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#modified {background:url(../images/ModifiedFixtures.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#available-diffusers {background:url(../images/AvailableDiffusers.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#available-finishes {background:url(../images/AvailableFinishes.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#available-sizes {background:url(../images/AvailableSizesandLampings.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a#matching-fixtures {background:url(../images/MatchingFixtures.gif) no-repeat 10px 6px;} #content-wrapper #content .related-info dl dt a.open-close p {display:block; position:absolute; top:5px; right:5px;} #content-wrapper #content .related-info dl dd {display:block; padding:7px 0px 5px 0px;} #content-wrapper #content .related-info dl dd ul {display:block; margin:auto; list-style:none; padding-left:20px;} #content-wrapper #content .related-info dl dd ul li {float:left; padding:0px 6px 5px 6px;} #content-wrapper #content .related-info dl dd ul li.installation-title {width:auto; clear:both; float:none; border-bottom:solid 1px #666666; color:#333333; margin-bottom:5px; padding-top:5px; text-transform:uppercase;} #content-wrapper #content .related-info dl dd ul li.df-category {display:block; clear:both; float:none; padding-top:5px;} #content-wrapper #content .related-info dl dd ul li.small {padding:0px 3px 0px 3px;} #content-wrapper #content .related-info dl dd ul li.fl-left {float:left; width:45%;} #content-wrapper #content .related-info dl dd ul li.fl-left a {color:#666666; text-transform:uppercase; text-decoration:none; font-size:9px;} #content-wrapper #content .related-info dl dd ul li img {border:none;} #content-wrapper #content .related-info dl dd ul li a.tooltip {outline:solid 1px #CCCCCC; display:block; width:52px; height:63px;} #content-wrapper #content #right {float:left; width:437px;} #content-wrapper #content #right h5 {display:block; padding:3px 0px 3px 20px; border-bottom:solid 3px #FFFFFF; background:#f2f2f2; border-top:solid 3px #FFFFFF; color:#58585a; font-size:24px; font-weight:normal;} #content-wrapper #content #right h4 {color:#7A7A7A; font-size:13px; display:block; padding:10px 0px 5px 20px;} #content-wrapper #content #right ul#features {display:block; margin:0px 20px 50px 35px;} #content-wrapper #content #right ul#features li {color:#26282e; margin-bottom:10px;} #content-wrapper #content #right ul#features li p {color:#000000; font-size:10px;} #content-wrapper #content #right a#configure {display:block; float:left; background:url(../images/Configure.gif) no-repeat; width:81px; height:19px; font-size:13px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; margin:0px 0px 15px 32px;} #content-wrapper #content #right #series-select {float:left; margin:-45px 0px 0px 20px; display:none;} #content-wrapper #content #right #series-select ul {list-style:none;} #content-wrapper #content #right #series-select ul li {float:left; padding:0px 5px 0px 5px;} #content-wrapper #content #right #series-select ul li a {text-decoration:none; color:#333333;} #content-wrapper #content #right #series-select ul li a img {border:none; display:block;} #content-wrapper #content #right #series-select ul li a p {display:block; text-align:center;} #content-wrapper #content #left dd#sizes-lampings h4.size {text-align:center; padding:3px 0px 3px 0px; display:block; clear:both; font-size:10px; font-weight:normal;} #content-wrapper #content #left dd#sizes-lampings ul.lamping {list-style:none; display:block;} #content-wrapper #content #left dd#sizes-lampings ul.lamping li {display:block; text-decoration:none; color:#353537; font-size:12px; padding:3px 0px 3px 0px; text-transform:uppercase;} #content-wrapper #content #left dd#sizes-lampings ul.lamping p.code {color:#828385; display:block; float:left; padding:0px 10px 0px 0px; width:132px; text-align:right;} #content-wrapper #content #right dd#photometrics h4.size {text-align:center; padding:3px 0px 3px 0px; display:block; clear:both; font-size:10px; font-weight:normal;} #content-wrapper #content #right dd#photometrics ul.photomet {list-style:none; display:block;} #content-wrapper #content #right dd#photometrics ul.photomet li {float:none; display:block; text-align:center;} #content-wrapper #content #right dd#photometrics ul.photomet li.strong_photometrics {display:block; text-decoration:none; color:#353537; font-size:12px; padding:3px 0px 3px 0px; text-transform:uppercase; clear:both;} #content-wrapper #content #right dd#photometrics ul.photomet a {color:#828385; display:block; font-size:11px;} /*LIGHTSAVER*/ /*LIGHTSAVER EMAIL FILE*/ #content-wrapper #content #email_form {width:338px; margin: 15px 0px 80px;display: none;} #content-wrapper #content #email_form label {display:block; font-size:14px; color:#58585a; margin:0px 0px 5px 0px;} #content-wrapper #content #email_form label input {width:253px; background:#f3f3f5; border:1px solid #bcbcbc; float:right;} #content-wrapper #content #email_form #lbl-txtarea {height:87px;} #content-wrapper #content #email_form #lbl-txtarea textarea {width:253px; height:87px; background:#f3f3f5; border:1px solid #bcbcbc; float:right;} #content-wrapper #content #email_form #lbl-submit {clear:both; padding:10px 0px 0px 0px;} #content-wrapper #content #email_form #lbl-submit input {display:block; height:22px; width:49px; background:url(../images/contact-us/submit-btn.jpg); border:none; float:right; clear:both; cursor:pointer;} #content-wrapper #content .project {width:100%; background:#FFFFFF; position:relative; margin-top:15px;} #content-wrapper #content .project a.project-name {display:block; float:left; padding:15px 20px 15px 10px; min-width:120px; font-size:13px; color:#FFFFFF; background:#2f3234; text-decoration:none;} #content-wrapper #content .project a.main {color:#007DC3; display:block; float:left; padding:15px 20px 15px 20px; font-size:13px; text-decoration:none;} #content-wrapper #content .project a.delete {position:absolute; height:7px; width:9px; padding:2px; background:url(../images/grey-ex.gif) 1px 1px no-repeat; position:absolute; top:5px; right:5px; display:block;} #content-wrapper #content .project ul.product {display:block; padding-left:150px; clear:both; list-style:none;} #content-wrapper #content .project ul.product li {float:left; padding:5px 20px 5px 20px;} #content-wrapper #content .project ul.product li:first-child {width:160px;} #content-wrapper #content .project ul.product li a {color:#333333; font-size:14px; text-decoration:none;} #content-wrapper #content .project .you-sure {width:610px; height:31px; background:#333333; position:absolute; top:0px; right:0px; display:none; padding-top:15px;} #content-wrapper #content .project .you-sure p {color:#FFFFFF; float:right;} #content-wrapper #content .project .you-sure a.yes {display:block; width:50px; height:22px; float:right; background:url(../images/lightsaver-yes.gif) no-repeat; margin:-5px 4px 2px 6px;} #content-wrapper #content .project .you-sure a.cancel {display:block; width:50px; height:22px; float:right; background:url(../images/lightsaver-cancel.gif) no-repeat; margin:-5px 6px 2px 4px;} #content-wrapper #content .project .description {padding:0px 10px 10px 155px; background:#FFFFFF; position:relative; clear:both; display:none;} #content-wrapper #content .project .description p {color:#666666; display:block; padding-right:30px;} #content-wrapper #content .project .description a.show-edit-description {color:#999999; clear:both; text-decoration:none; float:right; display:block;} #content-wrapper #content .project .edit-description {padding:0px 10px 10px 155px; background:#FFFFFF; position:relative; clear:both; display:none;} #content-wrapper #content .project .edit-description textarea {width:590px; height:150px; margin-bottom:10px; display:block; clear:both;} #content-wrapper #content .project .edit-description input {clear:both;} #content-wrapper #content .project .edit-description a.cancel-edit {color:#999999; clear:both; text-decoration:none; float:right; display:block; padding-bottom:5px;} #content-wrapper #content #new-project {background:#F5F5F5; width:100%; margin-top:40px;} #content-wrapper #content #new-project a#add-project {display:block; width:113px; height:30px; background:url(../images/new-project.gif) no-repeat; margin:10px;} #content-wrapper #content #new-project #project-form {margin-left:20px; overflow:hidden; display:none;} #content-wrapper #content #new-project #project-form p {color:#666666;} #content-wrapper #content #new-project #project-form input {margin-bottom:10px;} #content-wrapper #content #new-project #project-form textarea {width:250px; height:50px; margin-bottom:10px;} /*GALLERY*/ #content-wrapper #content #gallery {z-index:1;} #content-wrapper #content #gallery a#carousel-next {display:block; width:24px; height:25px; background:url(../images/gallery-carousel-next.gif) no-repeat; position:absolute; top:25px; right:70px;} #content-wrapper #content #gallery ul#gallery-nav {list-style:none; padding-bottom:10px; display:block; width:648px; position:relative; overflow:hidden; margin:0px; float:left;} #content-wrapper #content #gallery ul#gallery-nav li {float:left; width:108px; overflow:visible;} #content-wrapper #content #gallery ul#gallery-nav li a {display:block; padding:0px 4px 0px 0px; float:left; background:#252a32;} #content-wrapper #content #gallery ul#gallery-nav li a.activeSlide {border-bottom:solid 10px #00A0AF;} #content-wrapper #content #gallery ul#gallery-nav li a img {border:none;} #content-wrapper #content #gallery #gallery-main {position:relative; z-index:10;} #content-wrapper #content #gallery #gallery-main img {display:block; padding-bottom:30px; background:#e2e3e4; margin:0px auto;} #content-wrapper #content #gallery #gallery-main .gallery-element {float:left; padding-bottom:10px; width:760px;} #content-wrapper #content #gallery #gallery-main .custom-text {padding:20px 20px 20px 20px; float:left; width:400px;} #content-wrapper #content #gallery #gallery-main .custom-text p {padding:0px 0px 15px 0px; display:block; clear:both;} #content-wrapper #content #gallery .related-content {margin:-12px 0px 0px 0px; float:right; clear:both; z-index:20; position:relative;} #content-wrapper #content #gallery .related-content h3 {display:block; float:left; padding:3px 10px 3px 10px; background:#FFFFFF; color:#696A6C; text-transform:uppercase; font-size:11px; float:left;} #content-wrapper #content #gallery .related-content dl {display:block; margin:0px 1px 0px 1px; float:left;} #content-wrapper #content #gallery .related-content dl dt {background:#2F3335; color:#FFFFFF; display:block; width:115px; padding:3px 0px 3px 4px; text-transform:uppercase;} #content-wrapper #content #gallery .related-content dl dd { display:block; background:#FFFFFF; width:115px; padding:3px;} #content-wrapper #content #gallery .related-content dl dd p {color:#666666; font-size:11px;} #content-wrapper #content #gallery .related-content dl dd a {clear:both; display:block; color:#666666; text-decoration:none;} #content-wrapper #content #gallery .related-content dl dd a:hover {color:#333333;} #content-wrapper #content #gallery a#gallery-prev {width:103px; height:22px; background:url(../images/gallery-prev.gif) no-repeat; display:block; float:left; clear:both;} #content-wrapper #content #gallery a#gallery-next {width:103px; height:22px; background:url(../images/gallery-next.gif) no-repeat; display:block; float:right;} /*BIOS*/ #content-wrapper #content #bios {padding-top:10px;} #content-wrapper #content #bios p {display:block; width:320px; font-size:12px; color:#7b7d7e; margin:10px 0px 10px 0px;} #content-wrapper #content #bios h3 {color:#2f3234; display:block; font-size:24px; font-weight:normal; position:relative; z-index:10; text-transform:uppercase; width:330px;} #content-wrapper #content #bios h4 {text-transform:uppercase; color:#7b7d7e; font-size:12px; font-weight:normal; margin-bottom:25px;} #content-wrapper #content #bios ul#bios-nav {display:block; width:330px; list-style:none; padding:10px 0px 0px 5px; float:left; clear:both;} #content-wrapper #content #bios ul#bios-nav li {display:block; width:100px; float:left; margin:0px 10px 10px 0px;} #content-wrapper #content #bios ul#bios-nav li a {display:block;} #content-wrapper #content #bios ul#bios-nav li a:hover {outline:solid 5px #E1E1E1;} #content-wrapper #content #bios ul#bios-nav li a.activeSlide {outline:solid 5px #c7c8c8;} #content-wrapper #content #bios ul#bios-nav li a img {border:none;} #content-wrapper #content #bios #bio-content {float:left;} #content-wrapper #content #bios #bio-content .single-bio h5 {color:#7b7d7e; font-size:12px; margin-bottom:15px; padding-top:10px;} #content-wrapper #content #bios #bio-content .single-bio p {display:block; width:280px; font-size:12px; color:#7b7d7e;} #content-wrapper #content #bios #bg {position:absolute; width:759px; height:123px; left:0px; top:-46px; z-index:1;} /* CONTACT US */ .contact-us#content-wrapper #content {background:#FFFFFF;} .contact-us#content-wrapper #content #left {width:425px; margin:35px 0px 0px 0px; padding-left:10px; z-index:200; position:relative;} .contact-us#content-wrapper #content #left p {font-size:13px; line-height:16px; color:#333333; margin:0px 0px 36px 0px;} .contact-us#content-wrapper #content #left p .address {font-size:15px; line-height:18px; color:#1A1A1A;} .contact-us#content-wrapper #content #left p .highlight {font-size:13px; line-height:18px; color:#666666;} .contact-us#content-wrapper #content #left p .highlight a {color:#00A0AF;} .contact-us#content-wrapper #content #left h3 {font-size:19px; color:#000105; line-height:22px; font-weight:normal; text-transform:uppercase;} .contact-us#content-wrapper #content .plain-text #bg {position:absolute; width:759px; height:123px; top:-46px; z-index:1;} /* CONTACT US FORM */ .contact-us#content-wrapper #content #left form {width:330px; margin:15px 0px 0px 0px;} .contact-us#content-wrapper #content #left form label {display:block; font-size:14px; color:#58585a; margin:0px 0px 5px 0px;} .contact-us#content-wrapper #content #left form label input {width:253px; background:#f3f3f5; border:1px solid #bcbcbc; float:right;} .contact-us#content-wrapper #content #left form #lbl-txtarea {height:87px;} .contact-us#content-wrapper #content #left form #lbl-txtarea textarea {width:253px; height:87px; background:#f3f3f5; border:1px solid #bcbcbc; float:right;} .contact-us#content-wrapper #content #left form #lbl-submit {clear:both; padding:10px 0px 0px 0px;} .contact-us#content-wrapper #content #left form #lbl-submit input {display:block; height:22px; width:49px; background:url(../images/contact-us/submit-btn.jpg); border:none; float:right; clear:both; cursor:pointer;} /* REQUEST A CATALOG */ .request-cat#content-wrapper {background:#ffffff;} .request-cat#content-wrapper #content {background:#ffffff; margin:0px 0px; padding:0px 0px 0px 111px;} .request-cat#content-wrapper #content #left {width:730px; margin:35px 0px 0px 0px;} .request-cat#content-wrapper #content #left p {font-size:13px; line-height:16px; color:#333333; margin:0px 0px 36px 0px;} .request-cat#content-wrapper #content #left p#thank-you {display:none;} .request-cat#content-wrapper #content #left p.catalog-download {margin:0px 0px 3px 0px;} .request-cat#content-wrapper #content #left ul li {padding:0px 0px 3px 0px;} .request-cat#content-wrapper #content #left ul li a {color:#666666; font-size:12px;} /* REQUEST CATALOG FORM */ .request-cat#content-wrapper #content #left form {width:335px; margin:15px 0px 0px 0px; float:left;} .request-cat#content-wrapper #content #left form label {display:block; font-size:14px; color:#58585a; margin:0px 0px 5px 0px;} .request-cat#content-wrapper #content #left form label input {width:253px; background:#f3f3f5; border:1px solid #bcbcbc; float:right;} .request-cat#content-wrapper #content #left form #lbl-submit {clear:both; padding:10px 0px 0px 0px;} .request-cat#content-wrapper #content #left form #lbl-submit input {display:block; height:22px; width:49px; background:url(../images/contact-us/submit-btn.jpg); border:none; float:right; clear:both; cursor:pointer;} .request-cat#content-wrapper #content #left form a#submit-quote {display:block; height:22px; width:49px; background:url(../images/contact-us/submit-btn.jpg); border:none; float:right; clear:both; cursor:pointer; text-indent:-999em; margin-top:10px;} /* LOCAL REP */ .local-rep#content-wrapper {background:#ffffff;} .local-rep#content-wrapper #content {background:#ffffff; margin:0px 0px; padding:20px 0px 0px 113px;} .local-rep#content-wrapper #content #page-heading {position:relative; z-index:100;} .local-rep#content-wrapper #content #left {width:425px; margin:0px 0px 0px 0px; padding-top:100px;} .local-rep#content-wrapper #content #left p {font-size:13px; line-height:16px; color:#333333; margin:0px 0px 20px 0px;} .local-rep#content-wrapper #page-heading #bg {position:absolute; width:759px; height:123px; left:110px; top:0px; z-index:1;} /* LOCAL REP FORM */ .local-rep#content-wrapper #content #left form label {font-size:14px; line-height:22px; color:#333333; width:201px; height:22px; display:block; float:left;} .local-rep#content-wrapper #content #left form label input {width:80px; background:#f3f3f5; border:1px solid #bcbcbc; margin:1px 9px 0px 8px; float:right; height:18px;} .local-rep#content-wrapper #content #left form #lbl-submit {display:block; height:22px; width:50px; float:left;} .local-rep#content-wrapper #content #left form #lbl-submit input {height:22px; width:50px; border:none; cursor:pointer; background:url(../images/contact-us/find-btn.jpg); margin:0px 0px;} /* LOCAL REP LISTINGS */ .local-rep#content-wrapper #content #left #results h3 {font-size:19px; color:#000105; line-height:22px; font-weight:normal; text-transform:uppercase; margin:43px 0px 12px 0px; border-bottom:2px solid #f4f4f4; padding:0px 0px 8px 0px; display:block;} .local-rep#content-wrapper #content #left #results .listing {background:#f3f3f5; padding:9px 11px; margin:0px 6px 20px 0px;} .local-rep#content-wrapper #content #left #results .listing .name {font-size:14px; line-height:18px; text-transform:uppercase; color:#000000; margin:0px 0px 9px 0px;} .local-rep#content-wrapper #content #left #results .listing .addr {font-size:13px; line-height:15px; color:#333333; margin:0px 0px 12px 0px} .local-rep#content-wrapper #content #left #results .listing .phone {font-size:13px; line-height:15px; color:#333333; margin:0px 0px 12px 0px} .local-rep#content-wrapper #content #left #results .listing a {font-size:13px; line-height:22px; color:#00A0AF; margin:0px 0px; text-decoration:none;} /*CONFIGURE*/ #content-wrapper #content #configure {} #content-wrapper #content #configure #attributes {width:120px; float:left;} #content-wrapper #content #configure #attributes ul {display:block; list-style:none;} #content-wrapper #content #configure #attributes ul li {display:block; width:120px; position:relative;} #content-wrapper #content #configure #attributes ul li a {display:block; height:23px; color:#B9BBBC; font-size:12px; text-decoration:none; z-index:1; background-image:url(../images/attribute-nav.gif); text-indent:-999em;} #content-wrapper #content #configure #attributes ul li a#hanging-attribute {} #content-wrapper #content #configure #attributes ul li a#sizelamping-attribute {background-position:0px -23px;} #content-wrapper #content #configure #attributes ul li a#diffuser-attribute {background-position:0px -46px;} #content-wrapper #content #configure #attributes ul li a#finish-attribute {background-position:0px -69px;} #content-wrapper #content #configure #attributes ul li a#voltage-attribute {background-position:0px -92px;} #content-wrapper #content #configure #attributes ul li a#oah-attribute {background-position:0px -115px;} #content-wrapper #content #configure #attributes ul li a#options-attribute {background-position:0px -138px;} #content-wrapper #content #configure #attributes ul li a#hanging-attribute:hover, #content-wrapper #content #configure #attributes ul li a#hanging-attribute.activeSlide {background-position:120px 0px;} #content-wrapper #content #configure #attributes ul li a#sizelamping-attribute:hover, #content-wrapper #content #configure #attributes ul li a#sizelamping-attribute.activeSlide {background-position:120px -23px;} #content-wrapper #content #configure #attributes ul li a#diffuser-attribute:hover, #content-wrapper #content #configure #attributes ul li a#diffuser-attribute.activeSlide {background-position:120px -46px;} #content-wrapper #content #configure #attributes ul li a#finish-attribute:hover, #content-wrapper #content #configure #attributes ul li a#finish-attribute.activeSlide {background-position:120px -69px;} #content-wrapper #content #configure #attributes ul li a#voltage-attribute:hover, #content-wrapper #content #configure #attributes ul li a#voltage-attribute.activeSlide {background-position:120px -92px;} #content-wrapper #content #configure #attributes ul li a#oah-attribute:hover, #content-wrapper #content #configure #attributes ul li a#oah-attribute.activeSlide {background-position:120px -115px;} #content-wrapper #content #configure #attributes ul li a#options-attribute:hover, #content-wrapper #content #configure #attributes ul li a#options-attribute.activeSlide {background-position:120px -138px;} #content-wrapper #content #configure #attributes ul li a.activSlide {background:#F2F2F2;} #content-wrapper #content #configure #attributes ul li a object {position:relative; z-index:1;} #content-wrapper #content #configure #options {width:310px; float:left; margin-right:5px;} #content-wrapper #content #configure #options h3 {background:#3f4244; color:#FFFFFF; display:block; padding:3px 0px 0px 0px; text-align:center; text-transform:uppercase; height:20px; font-weight:normal; font-size:12px;} #content-wrapper #content #configure #options h4 {text-align:center; padding:3px 0px 3px 0px; padding-top:10px; font-size:12px; font-weight:normal;} #content-wrapper #content #configure #options ul {width:310px;} #content-wrapper #content #configure #options .config-section {background:#F2F2F2; min-height:130px; padding-bottom:20px; display:none;} #content-wrapper #content #configure #options .config-section:first-child {display:block;} #content-wrapper #content #configure #options .config-section .minmax {width:150px; margin:20px auto 0px auto;} #content-wrapper #content #configure #options .config-section .minmax input {width:30px; font-size:12px;} #content-wrapper #content #configure #options .config-section a.oah-submit {display:inline-block; width:15px; height:10px; background:url(../images/oah-submit.gif); text-indent:-999em;} #content-wrapper #content #configure a#finished {display:block; float:left; clear:both; background:url(../images/Submit.gif) no-repeat; width:81px; height:19px; font-size:13px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; margin:10px 10px 0px 10px;} #content-wrapper #content #configure #options ul#hanging {display:block; width:310px; list-style:none; padding-top:20px;} #content-wrapper #content #configure #options ul#hanging li {display:block; float:left; clear:both; cursor:pointer;} #content-wrapper #content #configure #options ul#hanging li a {display:block; text-decoration:none; color:#414446; width:310px; text-transform:uppercase; font-size:11px; padding:5px 0px 5px 0px; float:left; clear:both;} #content-wrapper #content #configure #options ul#hanging li a img {outline:none; border:none; margin:-2px 0px 0px 15px;} #content-wrapper #content #configure #options ul#hanging li a span { display:inline-block; float:left; width:110px; cursor:pointer; padding-left:10px;} #content-wrapper #content #configure #options ul#hanging li a span.code {width:60px; text-align:right; color:#999a9c; padding:0px;} #content-wrapper #content #configure #options ul#hanging li a:hover {background:#4e5153; color:#FFFFFF;} #content-wrapper #content #configure #options ul.lamping {list-style:none; display:block;} #content-wrapper #content #configure #options ul.lamping li {display:block;} #content-wrapper #content #configure #options ul.lamping li a {display:block; text-decoration:none; color:#353537; font-size:12px; padding:3px 0px 3px 0px; text-transform:uppercase;} #content-wrapper #content #configure #options ul.lamping li a:hover {color:#FFFFFF; background:#5f6263;} #content-wrapper #content #configure #options ul.lamping p.code {color:#828385; display:block; float:left; padding:0px 10px 0px 0px; width:148px; text-align:right;} #content-wrapper #content #configure #options ul#diffuser {list-style:none; display:block; width:310px; padding-top:10px;} #content-wrapper #content #configure #options ul#diffuser li {display:block; float:left; margin:0px 3px 5px 3px;} #content-wrapper #content #configure #options ul#diffuser li a {display:block;} #content-wrapper #content #configure #options ul#diffuser li a img {border:solid 1px #CCCCCC;} #content-wrapper #content #configure #options ul#diffuser li a:hover img {outline:solid 3px #333333;} #content-wrapper #content #configure #options ul#diffuser li.df-category {display:block; float:none; clear:both; color:#999999;} #content-wrapper #content #configure #options ul#finish {list-style:none; display:block; width:310px; padding-top:10px;} #content-wrapper #content #configure #options ul#finish li {display:block; float:left; margin:0px 3px 5px 3px;} #content-wrapper #content #configure #options ul#finish li a {display:block;} #content-wrapper #content #configure #options ul#finish li a img {border:solid 1px #CCCCCC;} #content-wrapper #content #configure #options ul#finish li a:hover img {outline:solid 3px #333333;} #content-wrapper #content #configure #options ul#finish li.df-category {display:block; float:none; clear:both; color:#999999;} #content-wrapper #content #configure #options ul.voltage {list-style:none; display:block; width:310px; padding-top:10px;} #content-wrapper #content #configure #options ul.voltage li {display:block;} #content-wrapper #content #configure #options ul.voltage li a {display:block; padding:3px 0px 3px 0px; color:#231F20; text-align:center; text-decoration:none; font-size:12px;} #content-wrapper #content #configure #options ul.voltage li a:hover {color:#FFFFFF; background:#5f6263;} #content-wrapper #content #configure #options ul.oah {list-style:none; display:block; width:310px; padding-top:10px;} #content-wrapper #content #configure #options ul.oah li {display:block;} #content-wrapper #content #configure #options ul.oah li a {display:block; padding:3px 0px 3px 0px; color:#231F20; text-align:center; text-decoration:none; font-size:12px;} #content-wrapper #content #configure #options ul.oah li a:hover {color:#FFFFFF; background:#5f6263;} #content-wrapper #content #configure #options ul.product-options {list-style:none; display:block; width:310px; padding-top:10px;} #content-wrapper #content #configure #options ul.product-options a {display:block; color:#231F20; text-decoration:none; padding:4px 30px 4px 20px; font-size:11px; text-transform:uppercase;} #content-wrapper #content #configure #options ul.product-options a.active, #content-wrapper #content #configure #options ul.product-options a:hover {color:#FFFFFF; background:#5f6263;} #content-wrapper #content #configure #options ul.product-options a.unavailable {color:#CCCCCC;} #content-wrapper #content #configure #options ul.product-options a.unavailable:hover {color:#CCCCCC; background:none;} #content-wrapper #content #configure #preview {width:310px; float:left; background:#F2F2F2; padding-bottom:20px;} #content-wrapper #content #configure #preview img {display:block; margin:20px 0px 20px 10px; float:left;} #content-wrapper #content #configure #preview img.hanging-image {display:none;} #content-wrapper #content #configure #preview #code {color:#FFFFFF; background:#3f4345; height:19px; padding:4px 0px 0px 5px; position:relative; z-index:1;} #content-wrapper #content #configure #preview #code.options-selected {height:34px;} #content-wrapper #content #configure #preview #code p {display:block; float:left;} #content-wrapper #content #configure #preview #code ul {display:inline-block; float:left; list-style:none; width:265px; height:100%;} #content-wrapper #content #configure #preview #code ul li {display:inline; padding:0px 0px 5px 3px; font-size:10px;} #content-wrapper #content #configure #preview #type-series {float:left; width:175px; margin-bottom:20px;} #content-wrapper #content #configure #preview #type-series h4 {font-size:24px; font-weight:lighter; display:block; margin:20px 0px 5px 10px; color:#5a5b5d;} #content-wrapper #content #configure #preview #type-series p {color:#cac9cc; text-transform:uppercase; font-size:12px; display:block; float:left;} #content-wrapper #content #configure #preview #type-series #color-block {width:18px; height:15px; margin:0px 3px 0px 10px; float:left; clear:both;} #content-wrapper #content #configure #preview #type-series #color-block.pendant {background:#007DC3;} #content-wrapper #content #configure #preview #type-series #color-block.sconce {background:#D21242;} #content-wrapper #content #configure #preview #type-series #color-block.ceiling {background:#F8981D;} #content-wrapper #content #configure #preview #type-series #color-block.outdoor {background:#7BC143;} #content-wrapper #content #configure #preview #type-series #color-block.pedestal {background:#791D7E;} #content-wrapper #content #configure #preview #features-list {} #content-wrapper #content #configure #preview #features-list dl {} #content-wrapper #content #configure #preview #features-list dl dt {display:block; width:110px; float:left; text-align:right; color:#cac9cc; text-transform:uppercase; clear:both; margin-bottom:7px;} #content-wrapper #content #configure #preview #features-list dl dd {display:block; float:left; padding-left:113px; text-transform:uppercase; margin-top:-20px; margin-bottom:7px; clear:both; width:190px;} #content-wrapper #content #configure #preview #features-list dl dd ul {list-style:none;} /*CONFIG-FINISH*/ #content-wrapper #content #config-finish {} #content-wrapper #content #config-finish #downloadable-files {padding:15px; background:#FFFFFF; float:left; width:185px; margin:30px 0px 0px 7px;} #content-wrapper #content #config-finish #downloadable-files h3 {color:#262A32; border-bottom:solid 1px #808080; display:block; margin:0px 4px 0px 4px; padding:5px; font-size:14px; font-weight:normal;} #content-wrapper #content #config-finish #downloadable-files ul {padding:10px 0px 0px 10px; list-style:none;} #content-wrapper #content #config-finish #downloadable-files ul li a {display:block; padding:3px; font-size:14px; color:#626167; text-decoration:none;} #content-wrapper #content #config-finish #downloadable-files ul li a:hover {color:#999999;} #content-wrapper #content #config-finish #add-to-lightsaver {padding:15px; background:#FFFFFF; float:left; width:185px; margin:30px 5px 0px 7px;} #content-wrapper #content #config-finish #add-to-lightsaver h3 {color:#262A32; border-bottom:solid 1px #808080; display:block; margin:0px 4px 0px 4px; padding:5px; font-size:14px; font-weight:normal;} #content-wrapper #content #config-finish #add-to-lightsaver h4 {padding:10px 0px 5px 0px; color:#666666; font-size:12px;} #content-wrapper #content #config-finish #add-to-lightsaver p {display:block; padding:5px 0px 5px 5px; font-size:9px;} #content-wrapper #content #config-finish #add-to-lightsaver #add {width:64px; height:22px; display:block; background:url(../images/add.gif) no-repeat;} #content-wrapper #content #config-finish #add-to-lightsaver input {margin:5px 0px 5px 0px;} #content-wrapper #content #config-finish #add-to-lightsaver p.indent {padding-left:15px;} #content-wrapper #content #config-finish #add-to-lightsaver input#add {width:64px; height:22px; float:right; margin:10px 0px 10px;} #content-wrapper #content #config-finish #add-to-lightsaver #login {} #content-wrapper #content #config-finish #add-to-lightsaver #login h4 {padding:10px 0px 5px 0px; color:#666666; font-size:12px;} #content-wrapper #content #config-finish #add-to-lightsaver #login p {display:block; padding:10px 0px 0px 5px; width:70px; float:left; font-size:9px;} #content-wrapper #content #config-finish #add-to-lightsaver #login input {width:100px; margin:5px 0px 5px 0px;} #content-wrapper #content #config-finish #add-to-lightsaver #login input#sign-in {width:64px; height:22px; float:right; margin:10px 0px 10px;} #content-wrapper #content #config-finish #code {color:#FFFFFF; background:#3f4345; height:19px; padding:4px 4px 0px 5px; position:absolute; top:40px; left:7px; z-index:10;} #content-wrapper #content #config-finish #code.options-selected {height:38px;} #content-wrapper #content #config-finish #code p {display:inline; float:left; font-size:10px;} #content-wrapper #content #config-finish #code ul {display:inline; float:left; list-style:none;} #content-wrapper #content #config-finish #code ul li {display:block; float:left; margin:0px 0px 0px 3px; font-size:10px;} #content-wrapper #content #config-finish #preview {width:300px; float:left; padding:20px 0px 20px 0px; background:#FFFFFF; margin-left:7px; position:relative;} #content-wrapper #content #config-finish #preview img {display:block; margin:20px 0px 20px 10px; float:left;} #content-wrapper #content #config-finish #preview #type-series {float:left;} #content-wrapper #content #config-finish #preview #type-series h4 {font-size:24px; font-weight:lighter; display:block; margin:20px 0px 5px 10px; color:#5a5b5d;} #content-wrapper #content #config-finish #preview #type-series p {color:#cac9cc; text-transform:uppercase; font-size:12px; display:block; float:left;} #content-wrapper #content #config-finish #preview #type-series #color-block {width:18px; height:15px; margin:0px 3px 0px 10px; float:left; clear:both;} #content-wrapper #content #config-finish #preview #type-series #color-block.pendant {background:#007DC3;} #content-wrapper #content #config-finish #preview #type-series #color-block.sconce {background:#D21242;} #content-wrapper #content #config-finish #preview #type-series #color-block.ceiling {background:#F8981D;} #content-wrapper #content #config-finish #preview #type-series #color-block.outdoor {background:#7BC143;} #content-wrapper #content #config-finish #preview #type-series #color-block.pedestal {background:#791D7E;} #content-wrapper #content #config-finish #preview #features-list {} #content-wrapper #content #config-finish #preview #features-list dl {} #content-wrapper #content #config-finish #preview #features-list dl dt {display:block; width:110px; float:left; text-align:right; color:#cac9cc; text-transform:uppercase; clear:both; margin-bottom:7px;} #content-wrapper #content #config-finish #preview #features-list dl dd {display:block; float:left; clear:both; padding-left:113px; text-transform:uppercase; margin-bottom:7px; margin-top:-20px; width:190px;} #content-wrapper #content #config-finish #preview #features-list dl dd ul {list-style:none;} /*MODIFIED GALLERY*/ #content-wrapper #content #modified-gallery {} #content-wrapper #content #modified-gallery .gallery-item {} #content-wrapper #content #modified-gallery .gallery-item img {margin-bottom:35px; display:block; padding-bottom:20px; height:503px; background:#e1e2e3;} #content-wrapper #content #modified-gallery .gallery-item .img-description {float:right;} #content-wrapper #content #modified-gallery .gallery-item .img-description p {color:#bbbdbf; font-size:14px; display:block; float:left; padding:2px 0px 0px 0px;} #content-wrapper #content #modified-gallery .gallery-item .img-description p.fixture-title {color:#000000; font-size:16px; padding-top:0px; padding:0px 3px 0px 3px;} #content-wrapper #content #modified-gallery #img-nav {position:relative; float:right; margin-top:-65px; z-index:10;} #content-wrapper #content #modified-gallery #img-nav ul {list-style:none;} #content-wrapper #content #modified-gallery #img-nav ul li {display:block; float:left; padding:0px 3px 0px 3px;} #content-wrapper #content #modified-gallery #img-nav ul li a {display:block;} #content-wrapper #content #modified-gallery #img-nav ul li a img {border:none;} /*RESOURCES*/ #content-wrapper #content #resources {} #content-wrapper #content #resources #please-pick {background:url(../images/pick-resource.jpg) no-repeat; width:759px; height:476px; position:absolute; top:0px; left:0px; z-index:10;} #content-wrapper #content #resources ul#resources-nav {list-style:none; width:100px; position:absolute; top:15p; left:-111px;} #content-wrapper #content #resources ul#resources-nav li {margin:5px 0px 5px 0px; width:100px; display:block;} #content-wrapper #content #resources ul#resources-nav li a {color:#FFFFFF; background:#676a70; text-transform:uppercase; text-decoration:none; display:block; padding:2px;} #content-wrapper #content #resources ul#resources-nav li a.activeSlide, #content-wrapper #content #resources ul#resources-nav li a:hover {background:#262A32;} #content-wrapper #content #resources #resources-items #lamping_div {width:150px;} #content-wrapper #content #resources #resources-items #lamping_div h4 {display:block; text-align:center;} #content-wrapper #content #resources #resources-items #lamping_div ul {list-style:none; display:block;} #content-wrapper #content #resources #resources-items #lamping_div ul li {display:block; padding-left:25px;} #content-wrapper #content #resources #resources-items #lamping_div ul li.strong_photometrics {font-weight:bold; padding-top:10px;} #content-wrapper #content #resources #resources-items #lamping_div ul li a {display:block; text-decoration:none; color:#353537; font-size:12px; padding:3px 0px 3px 0px; text-transform:uppercase;} #content-wrapper #content #resources #resources-items #lamping_div ul p.code {color:#828385; display:block; float:left; padding:0px 10px 0px 0px;} #content-wrapper #content #resources #resources-items .resource-item {border-top:solid 10px #2F3335; float:left; padding-left:1px;} #content-wrapper #content #resources #resources-items .resource-item .column {float:left; border:solid 1px #92979a; margin-left:-1px; min-height:200px; background:#FFFFFF; padding-bottom:10px;} #content-wrapper #content #resources #resources-items .resource-item .column h3 {display:block; background:#F2F2F2; text-align:center; padding:5px; font-size:12px;} #content-wrapper #content #resources #resources-items .resource-item .column ul {list-style:none; display:block; padding-top:15px;} #content-wrapper #content #resources #resources-items .resource-item .column ul li {display:block; clear:both;} #content-wrapper #content #resources #resources-items .resource-item .column ul li.active {color:#FFFFFF; background:#5f6263;} #content-wrapper #content #resources #resources-items .resource-item .column ul li a {display:block; padding:2px 35px 2px 35px; text-transform:uppercase; color:#000000; text-decoration:none;} #content-wrapper #content #resources #resources-items .resource-item .column ul li a.active {color:#FFFFFF; background:#5f6263;} #content-wrapper #content #resources #resources-items #finish-diffuser-list {} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul {list-style:none;} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul li {display:block; float:left; margin:0px 10px 10px 0px;} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul li.df-category {float:none; clear:both;} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul li a {display:block; border:1px solid #bcbdc0; text-decoration:none; padding:0px 0px 10px 0px; background:#FFFFFF; width:100px; height:97px;} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul li a:hover {background:#eeeeee;} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul li a p {font-size:14px; display:block; color:#000105; padding:15px 0px 0px 0px; margin-left:5px; width:97px; height:38px;} #content-wrapper #content #resources #resources-items #finish-diffuser-list ul li a img {border:none;} #content-wrapper #content #resources #download {width:300px; background:#F2F2F2; padding:15px 20px 15px 20px; margin-top:5px;} #content-wrapper #content #resources #download ul {list-style:none;} #content-wrapper #content #resources #download ul li {padding:4px;} #content-wrapper #content #resources #download ul li a {color:#333333; font-size:12px; padding:3px 0px 0px 23px; text-decoration:none; display:block; height:17px;} #content-wrapper #content #resources #download ul li a.pdf {background:url(../images/pdf_icon.gif) no-repeat;} /*FEATURED PRODUCTS*/ #content-wrapper #content #featured-products {z-index:10;} #content-wrapper #content #featured-products a#carousel-next {display:block; width:24px; height:25px; background:url(../images/gallery-carousel-next.gif) no-repeat; position:absolute; top:25px; right:70px;} #content-wrapper #content #featured-products ul#featured-nav {list-style:none; display:block; width:648px; position:relative; overflow:hidden; background:#FFFFFF;} #content-wrapper #content #featured-products ul#featured-nav li {float:left; width:108px; overflow:visible;} #content-wrapper #content #featured-products ul#featured-nav li a {display:block; float:left; background:#FFFFFF;} #content-wrapper #content #featured-products ul#featured-nav li a.activeSlide {border-bottom:solid 10px #00A0AF;} #content-wrapper #content #featured-products ul#featured-nav li a img {border:none;} #content-wrapper #content #featured-products #featured-main {position:relative; z-index:10; margin-left:-111px; overflow:hidden; height:429px;} #content-wrapper #content #featured-products #featured-main .featured-element {position:absolute; top:0px; width:869px; background:#333637; padding-left:111px;} #content-wrapper #content #featured-products #featured-main .featured-element img {display:block; float:left;} #content-wrapper #content #featured-products #featured-main .featured-element a.next-featured {display:block; background:url(../images/next-featured.gif) no-repeat; width:53px; height:53px; float:left; margin:190px 60px 0px 10px;} #content-wrapper #content #featured-products #featured-main .featured-element .related-content {float:left; width:250px; margin:100px 0px 0px 0px;} #content-wrapper #content #featured-products #featured-main .featured-element .related-content h3 {color:#FFFFFF; font-size:12px;} #content-wrapper #content #featured-products #featured-main .featured-element .related-content p {color:#FFFFFF; font-size:12px; padding-bottom:10px;} #content-wrapper #content #featured-products #featured-main .featured-element .related-content a.view {color:#00A0AF; font-size:14px;} /*REP REPORT*/ #content-wrapper #content ul#reps-display {display:block; list-style:none; clear:both; padding:0px 0px 10px 10px;} #content-wrapper #content ul#reps-display li {padding:5px 15px 5px 15px; float:left; display:block;} #content-wrapper #content ul#reps-display li a {font-size:18px; text-decoration:none; color:#0099FF;} #content-wrapper #content dl.reps-list {display:block; width:700px; padding-top:20px;} #content-wrapper #content dl.reps-list dt {display:block;} #content-wrapper #content dl.reps-list dt a {display:block; padding:10px; border-top:solid 1px #999999; font-size:14px; color:#333333;} #content-wrapper #content dl.reps-list dt a:hover {background:#CCCCCC;} #content-wrapper #content dl.reps-list dd {display:none; padding:15px 5px 15px 25px;} #content-wrapper #content dl.reps-list dd ul {list-style:none;} #content-wrapper #content dl.reps-list dd ul li {display:block; padding:5px;} #content-wrapper #content #counties-multiple-reps {display:none;} #content-wrapper #content #counties-no-reps {display:none;} /*SEARCH RESULTS*/ #content-wrapper #content .result {margin-top:20px; font-size:18px;} #content-wrapper #content #container2 p {padding:10px 0px 10px 0px; font-size:14px;} #content-wrapper #content #container2 p.suggestion {padding:5px 0px 5px 0px; color:#666666;} #content-wrapper #content ul#search-results {list-style:none; margin-top:15px;} #content-wrapper #content ul#search-results li {display:block; float:left; margin:0px 10px 10px 0px;} #content-wrapper #content ul#search-results li a {display:block; border:1px solid #bcbdc0; text-decoration:none; padding:0px 0px 10px 0px; background:#FFFFFF;} #content-wrapper #content ul#search-results li a:hover {background:#eeeeee;} #content-wrapper #content ul#search-results li a span {font-size:14px; display:block; color:#000105; padding:15px 0px 0px 0px; margin-left:5px; width:97px; height:38px; cursor:pointer;} #content-wrapper #content ul#search-results li a img {border:none;} /*FOOTER*/ #footer {height:30px; padding:10px 10px 10px 111px; background:#FFFFFF; border-top:solid 1px #bdbec0;} #footer p {font-size:10px; color:#999999;} #footer a {font-size:10px; color:#999999;}