body { margin: 0 auto; padding: 0; background: #cec9c5 url(../images/background_body.jpg) repeat top center; color: #4b7588; font-size: 0.85em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
html, form, fieldset { margin: 0; padding: 0; }
strong { color: #444; }
a:link,
a:visited { color: #0094da; text-decoration: none; }
a:hover,
a:active { color: #0094da; text-decoration: underline; }
h1, h2, h3, h4, h5, h6, h7 { font-family: "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif; font-weight: normal; color: #111; margin-bottom: 5px; padding-bottom: 0; }
h1 { font-size: 34px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 12px; }
h7 { font-size: 12px; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin-top: 0; padding-top: 0; }
p, pre, blockquote, ul, ol, dl, address, li, td, th { font-size: 11px; }
li { line-height: 150%; }
input, select, textarea	{ font-size: 12px; }
form label { cursor: pointer; font-size: 12px; }
form .small_width { width: 85px; font-size: 12px; }
form .half_width { width: 265px; font-size: 12px; }
form .full_width { width: 528px; font-size: 12px; }
table.fancy_table { border-left: 1px solid silver; border-top: 1px solid silver; }
table.fancy_table th,
table.fancy_table td { vertical-align: top !important; }
table.fancy_table td { border-right: 1px solid silver; border-bottom: 1px solid silver; padding: 1px 3px; }
table.fancy_table td.header { background: #eee; color: #000; }
table.fancy_table td.header label { color: #000; }
h3 a:link,
h3 a:visited { color: #000; }
h3 a:hover,
h3 a:active { color: #0094da; }

#ie_old { display: none; }

/* CLASSES */
.clearer { display: block; width: 100%; height: 0; padding: 0; margin: 0; float: none; clear: both; }
.padderbig { padding: 21px 0px; }
.padder { padding: 7px; }
p.error { padding: 5px 5px 3px 50px; border: 1px solid red; font-size: 12px; background: #ffdfdf url(../images/icn_error_icon.gif) no-repeat 3px 2px; color: red; min-height: 35px; }
.tab { float: left; padding: 3px 10px; }
.noPadBottom { margin-bottom: 0; padding-bottom: 0; }
.website { display: block; color: #999; font-size: 12px; padding-top: 5px; padding-bottom: 10px; line-height: 12px; }
.tinyList { display: block; color: #999; font-size: 11px; padding-top: 0px; padding-bottom: 20px; line-height: 13px; }
.tinyList2 { display: block; color: #444; font-size: 11px; padding-top: 0px; padding-bottom: 4px; line-height: 13px; }
.website strong,
.tinyList2 strong { font-weight: normal; color: #888; }
.byline { display: block; color: #999; font-size: 11px; padding-top: 5px; padding-bottom: 5px; line-height: 12px; }
.disclaimer { color: #999; font-size: 11px; padding-top: 15px; line-height: 12px; }
.slideshow { line-height: 19px; padding: 0 0 0 28px; margin-bottom: 20px; background: url(../images/icon_slideshow.jpg) no-repeat left center; }
.shareinfo a { font-size: 11px; color: #999; padding-right: 25px; background: url(../images/icn_share.gif) no-repeat right center; }
.shareinfo a:hover { color: #0094da; background-image: url(../images/icn_share_f2.gif); }
.required { font-weight: bold; font-size: 12px; }

a.linkIndicator { padding-right: 16px; background: url(../images/icn_link_indicator.jpg) no-repeat right center; }

/* BACKGROUND & SHADOWS & HEADER & FOOTER */
#wrapper { display: block; width: 100%; height: auto; background: url(../images/background_wrapper.jpg) repeat-x top center; margin: 0 auto; }
#wrappershadow { display: block; width: 1000px; height: auto; min-height: 690px; margin: 0 auto; background: url(../images/background_wrappershadow.jpg) repeat-y top center; }
#header { position: relative; display: block; width: 1000px; height: 167px; margin: 0 auto; background: url(../images/background_header.jpg) no-repeat top center; }
#footer { display: block; width: 1000px; height: 152px; margin: 0 auto; background: url(../images/background_footer.jpg) no-repeat top center; }
#content { position: relative; display: block; width: 1000px; height: auto; min-height: 556px; margin: 0 auto; background: url(../images/background_content.jpg) no-repeat center 167px; }
#well { position: relative; display: block; width: 930px; height: auto; margin: 0 auto; }
#well_left { position: relative; display: block; width: 280px; height: auto; float: left; clear: none; }
#well_right { position: relative; display: block; width: 610px; height: auto; line-height: 150%; float: left; clear: none; float: left; clear: none; }

/* ECO-GREEN */
body#isEnergyControls #content,
body#isOccupanySensors #content,
body#isRelayControlPanels #content,
body#isDaylightingControllers #content,
body#isDimmingSystems #content,
body#isManufacturersGreen #content { background-image: url(../images/background_content_green.jpg); }
body#isEnergyControls #header,
body#isOccupanySensors #header,
body#isRelayControlPanels #header,
body#isDaylightingControllers #header,
body#isDimmingSystems #header,
body#isManufacturersGreen #header { background-image: url(../images/background_header_green.jpg); }
body#isEnergyControls #wrapper,
body#isOccupanySensors #wrapper,
body#isRelayControlPanels #wrapper,
body#isDaylightingControllers #wrapper,
body#isDimmingSystems #wrapper,
body#isManufacturersGreen #wrapper { background-image: url(../images/background_wrapper_green.jpg); }

/* BUTLER */
body#isEnergyTools.butler #content { background-image: url(../images/background_content_red.jpg); }
body#isEnergyTools.butler #header { background-image: url(../images/background_header_red.jpg); }
body#isEnergyTools.butler #wrapper { background-image: url(../images/background_wrapper_red.jpg); }
/* FROST */
body#isEnergyTools.frost #content { background-image: url(../images/background_content_frost.jpg); }
body#isEnergyTools.frost #header { background-image: url(../images/background_header_frost.jpg); }
body#isEnergyTools.frost #wrapper { background-image: url(../images/background_wrapper_frost.jpg); }

/* THEATRICAL */
body#isTheatrical #content { background-image: url(../images/background_content_theatrical.jpg); }
body#isTheatrical #header { background-image: url(../images/background_header_theatrical.jpg); }
body#isTheatrical #wrapper { background-image: url(../images/background_wrapper_theatrical.jpg); }

/* CONTENT */
.verbage { padding: 10px 10px 10px 15px; }
.verbage .border { border: 0px solid #dee2e5; }
.verbage p { font-size: 12px; font-family: "lucida grande", Helvetica, Arial, sans-serif; color: #444; }

.verbage h2 + p,
.verbage h3 + p,
.verbage h4 + p,
.verbage h5 + p { padding-top: 0; margin-top: 0; }
.verbage h2,
.verbage h3,
.verbage h4,
.verbage h5 { margin-top: 15px; }
#well_right .verbage .padder h2 { margin-bottom: 25px; }

/* HEADER */
#Logo h1 { position: absolute; top: 35px; left: 25px; display: block; width: 230px; height: 50px; margin: 0; padding: 0; }
#Logo h1 a { display: block; width: 230px; height: 50px; margin: 0; padding: 0; }
#Logo h1 a span { display: none; }

/* SMALL NAV */
#well .small_nav { position: relative; display: block; width: 100%; height: auto; text-align: right; padding-top: 5px; font-size: 11px; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 30px; }
#well .small_nav .padder { position: relative; display: block; width: 810px; height: auto; margin: 0 auto; color: #4b7588; }
#well .small_nav .left { position: absolute; top: 8px; left: 0; display: block; width: 660px; height: auto; font-size: 12px; float: left; clear: none; text-transform: uppercase; z-index: 10; }
#well .small_nav .right { display: block; width: 140px; height: auto; float: left; clear: none; margin-left: 660px; text-align: right; }
#well .small_nav ul { margin: 0; padding: 0; list-style: none; }
#well .small_nav ul li { margin: 0; padding: 0; list-style: none; float: left; clear: none; margin-right: 15px; font-size: 12px; line-height: 30px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; }
#well .small_nav ul li.qsearch { margin-left: 295px; margin-right: 3px; line-height: 30px; }
#well .small_nav a { position: relative; display: block; width: auto; height: 30px; color: #4b7588; padding-left: 22px; line-height: 30px; }
#well .small_nav a#snav_home { background: url(../images/snav_home.gif) no-repeat left center; }
#well .small_nav a#snav_news { background: url(../images/snav_news.gif) no-repeat left center; }
#well .small_nav a#snav_whatsnew { background: url(../images/snav_whats_new.gif) no-repeat left center; }
#well .small_nav a#snav_login { background: url(../images/snav_login.gif) no-repeat left center; }
#well .small_nav a#snav_contact { background: url(../images/snav_contact.gif) no-repeat left center; }
#well .small_nav a#snav_go { background: url(../images/snav_go.gif) no-repeat left center; width: 19px; padding: 0; }
#well .small_nav a:hover#snav_home { color: #0094da; background: url(../images/snav_home_f2.gif) no-repeat left center; }
#well .small_nav a:hover#snav_news { color: #0094da; background: url(../images/snav_news_f2.gif) no-repeat left center; }
#well .small_nav a:hover#snav_whatsnew { color: #0094da; background: url(../images/snav_whats_new_f2.gif) no-repeat left center; }
#well .small_nav a:hover#snav_login { color: #0094da; background: url(../images/snav_login_f2.gif) no-repeat left center; }
#well .small_nav a:hover#snav_contact { color: #0094da; background: url(../images/snav_contact_f2.gif) no-repeat left center; }
#well .small_nav a:hover#snav_go { color: #0094da; background: url(../images/snav_go_f2.gif) no-repeat left center; }
#well .small_nav a#snav_go span { display: none; }

/* MAIN NAV */
#nav { position: relative; display: block; width: 275px; height: 316px; margin-left: 5px; margin-top: -20px; margin-bottom: 20px; }
#nav ul { position: absolute; top: 47px; left: 50px; display: block; width: 209px; height: auto; margin: 0; padding: 0; list-style: none; }
#nav ul li { display: block; width: 209px; height: 29px; margin-bottom: 1px; }
#nav ul li a { display: block; width: 200px; height: 29px; line-height: 29px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; color: #323136; letter-spacing: 0px; }
#nav ul li a:hover { color: #0094da; text-decoration: underline; }
#nav ul li a span { }
body#isProducts a#navProducts,
body#isManufacturers a#navManufacturers, 
body#isWhereToBuy a#navWhereToBuy, 
body#isGalleries a#navGalleries, 
body#isServices a#navServices, 
body#isTheatrical a#navTheatrical, 
body#isEnergyControls a#navEnergyControls, 
body#isTechnicalData a#navTechnicalData { color: #a39f98; text-decoration: none; background: url(../images/nav_hilite.gif) no-repeat center right; }

/* QUICKLINKS */
#quicklinks { position: relative; display: block; width: 295px; height: 239px; margin-left: 5px; margin-top: -20px; margin-bottom: -20px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #2f353c; background: url(../images/background_quicklinks.jpg) no-repeat 33px 0px; }
#quicklinks .padder { display: block; width: 190px; height: auto; padding: 30px 5px 6px 50px; }
#quicklinks h3 { display: block; width: 122px; height: 24px; margin: 0; padding: 0; background: url(../images/img_header_quick_links.gif) no-repeat top left; }
#quicklinks h3 span { display: none; }
#quicklinks .QuickLink { display: block; margin: 5px 0 7px 0; font-size: 14px; }
#quicklinks .QuickLink .select-field { width: 188px; font-size: 12px; background: #ceccc5; color: #2f353c; text-transform: none; }

/* FOOTER */
#footer { line-height: normal; }
#footer strong { font-weight: normal; }
#footer .padder { display: block; width: 850px; height: auto; padding-top: 70px; margin: 0 auto; font-size: 11px; }
#footer .padder .column { display: block; width: 425px; height: auto; float: left; }
#footer .padder .left { width: 375px; margin-left: 50px; margin-top: 13px; text-align: left; }
#footer .padder .right { text-align: right; }

/* BREAD CRUMBS */
.breadcrumb { margin-top: -15px; margin-bottom: 20px; }
.breadcrumb ul { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; clear: both; }
.breadcrumb ul li { display: block; width: auto; height: auto; float: left; clear: none; margin: 0; padding: 0; white-space: nowrap; line-height: 15px; }
.breadcrumb ul li.gutter { margin-right: 5px; padding-right: 5px; border-right: 1px dotted #aaa; }

body#isOccupanySensors a#bnavOccupanySensors,
body#isRelayControlPanels a#bnavRelayControlPanels,
body#isDaylightingControllers a#bnavDaylightingControllers,
body#isDimmingSystems a#bnavDimmingSystems,
body#isDesignResource a#bnavDesignResource,
body#isLightingSpecification a#bnavLightingSpecification,
body#isPhotometricStudies a#bnavPhotometricStudies,
body#isLightingAuditsUpgrades a#bnavLightingAuditsUpgrades { color: #aaa; text-decoration: none; }

/* PAGE SPECIFIC STUFF */
#PDFWrapper { display: block; width: 100%; height: auto; }
#PDFWrapper .PDFBox { position: relative; display: block; width: 100px; height: auto; padding: 0; margin: 0; text-align: center; float: left; clear: none; }
#PDFWrapper .PDFBox .CJ_Hover_Effect { display: block; width: 100%; height: auto; }
#PDFWrapper .PDFBox .PDFPic { position: relative; float: left; clear: none; }
#PDFWrapper .PDFBox .PDFPic .Thumbnail { position: relative; display: block; background: #e6e6e6; border: 1px solid silver; margin-bottom: 3px; } 
#PDFWrapper .PDFBox .PDFPic .PageCurl { position: absolute; top: -1px; right: -1px; display: block; width: 30px; height: 30px; background: url(../images/img_page_curl.png) no-repeat top right; z-index: 10; }
#PDFWrapper .PDFBox .PDFName { font-size: 11px; line-height: 12px; }

#arrowBox { display: block; font-size: 12px; }
#arrowBox a { padding-right: 16px; background: url(../images/icn_link_indicator.jpg) no-repeat right center; }

#newstickerWrapper { position: relative; display: block; width: 239px; height: 409px; margin: 30px 40px; background: url(../images/bg_upcoming_events.png) no-repeat top left; }
#newstickerWrapper h4 { position: absolute; top: 20px; left: 17px; display: block; width: 200px; height: 30px; margin: 0; padding: 0; }
#newstickerWrapper h4 a { display: block; width: 200px; height: 30px; text-decoration: none !important; }
#newstickerWrapper h4 span { display: none; }
#newsticker { position: absolute; top: 60px; left: 27px; display: block; width: 180px; height: auto; }
#newsticker ul { padding: 0; margin: 0; list-style: none; }
#newsticker ul li { padding: 0; margin: 5px 0; font-size: 12px; }